body						                      {padding: 12px; width: 99%; margin: auto;}
body, p, div, td, span	              {font-size: 12px; font-family: "Verdana", "Georgia"; 
                                      color: #494949;} 
/********************** Main Layout ********************/
div.page_div						              {min-height: 400px;}
/********************** Header ********************/
div#main_header span#login_join	      {float: right;}
div#top_menu						              {float: right; font-size: larger; font-weight: bold; 
                                      padding-top: 6px;}
hr#top_divider					              {clear: both;}
.card                                 {background: #FCF9F7; border: 1px solid #DBDBDB;
                                      vertical-align: top; box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.75);}
.card > div                           {margin: .5em;}
.card hr                              {height: 1px; border: 1px solid #000;}
.title_bar                            {padding: 1.2em; margin-bottom: .8em; background: #EDEAE8;}
.title_bar h1, .title_bar h2          {display: inline;}
.title_bar h2                         {font-weight: normal;}
.title_bar > .special_action          {margin: 0 0 0 2em;}                             

/* ******************************** Menu ************************* */
nav ul ul                             {display: none;}
nav ul li:hover > ul                  {display: block;}
nav ul                                {background: #efefef; background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
                                      background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
                                      background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
                                      padding: 0 20px; border-radius: 3px;  list-style: none; 
                                      position: relative; display: inline-table;}
nav ul:after                          {content: ""; clear: both; display: block;}
nav ul li                             {float: left; position: relative;}
nav ul li:hover                       {background: #4b545f;
                                      background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
                                      background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
                                      background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);}
nav ul li:hover a                     {color: #fff; text-decoration: none;}
nav ul li a                           {display: block; padding: 6px 9px; color: #757575; 
                                      text-decoration: none;}
nav ul ul                             {background: #5f6975; border-radius: 0px; padding: 0;	
                                      position: absolute; top: 100%;}
nav ul li:last-child ul               {right: 0;}
nav ul ul li                          {float: none; border-top: 1px solid #6b727c; 
                                      border-bottom: 1px solid #575f6a;
                                      position: relative; white-space: nowrap; min-width: 144px;}
nav ul ul li a                        {padding: 6px 9px; color: #fff;}	
nav ul ul li a:hover                  {background: #4b545f; text-decoration: none;}
nav ul ul ul                          {position: absolute; left: 100%; top:0;}

/****************** Footer *******************/
div#main_footer					              {clear: both; padding-top: 0.5mm; text-align: center;}
p#copy_right					                {font-size: smaller; margin-top: 2px;}
div#main_footer a					            {font-size: smaller;}
div#main_footer span.divider		      {padding-left: 5px; padding-right: 5px;}	
/**************** Main Navigation  *************/
div#side_nav						              {width: 200px; height: 540px; float: left;}
div#side_nav img					            {float: left;}
/**************** Promotional *************/
/**************** General *************/
h1, h2, h3, h4					              {margin-top: 0; color: #4D4D4D; }
h1 								                    {font-size: 21px; margin-bottom: 6px;}
h2								                    {font-size: 17px; margin-bottom: 4px;}
h3 								                    {font-size: 13px; margin-bottom: 6px;}
h4								                    {font-size: 13px; margin-bottom: 1px;}
a:link							                  {color: #650509; text-decoration: underline;}
a:visited						                  {color: #650509; text-decoration: underline;}
a:hover							                  {color: #222222; text-decoration: none;}
p								                      {margin-bottom: 6px; margin-top: 0px; line-height: 130%;}
input[type="image"], img, input[type="radio"]			{border: 0px;}
.no_wrap                              {white-space: nowrap;}                        
div.line_break					              {clear: both; height: 6px;}
div.right_break					              {clear: right; height: 6px;}
div.left_break					              {clear: left; height: 6px;}
.h_sep						                    {height: 3px; border-bottom: 1px dotted #000; margin: 6px 0 9px 0; 
                                      clear: both;}
input[type="text"], input[type="password"], textarea
                                      {border: 1px solid #666666; border-left: 2px solid #000000;}
input[type="submit"], button          {background: #2B35A0; color: #FFFFFF;
                                      border: 0; font-weight: normal;
                                      -moz-border-radius: 3px; border-radius: 3px; 
                                      -webkit-border-radius: 3px; margin: 3px;
                                      padding: 3px 6px 3px 6px;
                                      background: #f2f6f8; /* Old browsers */
                                      background: rgb(96,108,136); /* Old browsers */
                                      background: -moz-linear-gradient(top,  rgba(96,108,136,1) 34%, rgba(90,95,104,1) 73%, rgba(90,95,104,1) 76%); /* FF3.6+ */
                                      background: -webkit-gradient(linear, left top, left bottom, color-stop(34%,rgba(96,108,136,1)), color-stop(73%,rgba(90,95,104,1)), color-stop(76%,rgba(90,95,104,1))); /* Chrome,Safari4+ */
                                      background: -webkit-linear-gradient(top,  rgba(96,108,136,1) 34%,rgba(90,95,104,1) 73%,rgba(90,95,104,1) 76%); /* Chrome10+,Safari5.1+ */
                                      background: -o-linear-gradient(top,  rgba(96,108,136,1) 34%,rgba(90,95,104,1) 73%,rgba(90,95,104,1) 76%); /* Opera 11.10+ */
                                      background: -ms-linear-gradient(top,  rgba(96,108,136,1) 34%,rgba(90,95,104,1) 73%,rgba(90,95,104,1) 76%); /* IE10+ */
                                      background: linear-gradient(top,  rgba(96,108,136,1) 34%,rgba(90,95,104,1) 73%,rgba(90,95,104,1) 76%); /* W3C */
                                      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#5a5f68',GradientType=0 ); /* IE6-9 */
                                      }                          
#global_msg, .global_msg	            {color: #E35526; font-weight: Normal; font-size: 16px; 
                                      font-family: 'David';}
.special_action		                    {float: right; text-align: center; color: #FFF;
                                      margin-top: 3px; padding: 6px 12px; font-weight: bold;                   
                                      background: #f2f6f8; /* Old browsers */
                                      background: -moz-linear-gradient(top,rgba(96,108,136,1) 34%, rgba(90,95,104,1) 73%, rgba(90,95,104,1) 76%); /* FF3.6+ */
                                      display: inline-block; border-radius: 3px;}
.clear_after:after                    {content: ''; display: block; clear: both;}                                   
.special_action a, .ui-widget-content .special_action a		
                                      {color: #fff;} 
form_filters                          {padding: 6px;}
legend                                {padding: 6px;}
.show_order                           {float: left; width: 21px; padding: 3px; margin-right: 3px;
                                      border: 1px solid #CCC;}
/************** Ajax **************/

/************** Page Specific Formatting **************/
/* All Pages */
label							                    {color: #3A3A3A; font-weight: bold; text-align: right;
                                      padding-right: .5em; width: 10em; display: inline-block;
                                      vertical-align: top;}
.form_filters  label                  {width: auto; margin: 0 1px 0 2px; vertical-align: middle;}
div.page_div .form_footer, div.page_div .form_header
                                      {text-align: right;}
div.page_div .page_nav			          {width: 100%; text-align: center; margin-top: 16px;}
div.page_div .form_header input[type="submit"], 
div.page_div .form_footer input[type="submit"]
                                      {margin-left: 6px ;}
div.form_filters	input	, div.form_filters select	
                                      {margin-left: 5px; float: none;}								
table.bound					                  {width: 100%; border-spacing: 0;}
table.bound th					              {background-color: #BBAE9E; padding: 6px;}
table.bound tr.even			              {background-color: #C3E4F3;}
table.bound th.id_column			        {width: 10px;}
th a,  .ui-widget-content th a        {color: #fff;}
.actual_body:hover                    {background: #EAEAEA; padding: 3p 0 3px 0;}
.actual_body td                       {padding: 3px 0 3px 0;}
.page_total, .grand_total			        {font-weight: bold;}
.lbl_page_total, .lbl_grand_total	    {font-weight: bold;}
.scr_section				                  {border: 1px solid #000; width: 60%; padding: 12px;}
div#pg_forgot_password .form_footer	  {width: 75%;}
div#pg_reset_password .form_footer	  {width: 55%;}
.page_nav_wrap                        {margin-top: 6px; text-align: center;}
.page_nav_cell                        {display: inline-block; width: 21px; 
                                      margin-left: 3px; text-align: center;} 
.page_nav_cell a                      {text-decoration: none;} 
.page_nav_wrap  .page_nav_cell:first-child                  
                                      {margin-left: 0;}
.page_nav_cell.cur_page               {background: #222; color: #fff;}
.round_box_6px, fieldset              {border-radius: 6px; -moz-border-radius: 6px; 
                                      -webkit-border-radius: 6px;
                                      padding: 6px; border: 1px solid #999;}
.round_box_3px                        {border-radius: 3px; -moz-border-radius: 6px; 
                                      -webkit-border-radius: 3px;
                                      padding: 3px; border: 1px solid #999;}
#xmlb_warn                            {background: #F9EDBE; color: #222; padding: .3em;
                                      position: absolute; top: 3em; left: 50em; font-size: 1.1em;
                                      min-width: 30em; text-align: center;
                                      border: 1px solid #999;}
.hlighted                             {background: #A81317; color: #FFF; padding: 1px;}
.warning                              {color: #fff; background: #FF0000; padding: 2px; line-height: 18px;
                                      display: inline;}
 
/** Old Stuff **/
table#top_menu td
{
  background-color: #B40000; 
  text-align:center;
  width: 145px ;
  height: 28px ;
}

table#top_menu td.selected
{
  background-color: #ED692B; 
  text-align:center;
  width: 145px ;
  height: 28px ;
}

table#top_menu a
{
  color:#FFFFFF;
  font:16px 'Georgia'; 
  font-weight : Bold ;
  text-decoration: none ;
  position: relative ;
}

table#top_menu a:hover
{
  font:16px 'Georgia'; 
  font-weight : Bold ;
  text-decoration:none;
}