.breadcrumbs, .breadcrumbs a
{ font: normal 7pt/10pt arial; }

a
{ color: #676757; }

a:hover, a:active
{ text-decoration: none; }

body
{ font: normal 10pt/12pt arial;
  color: #676757;
/*  background: #F0EBE7;*/
/*  background: #fff url(http://lib.store.yahoo.net/lib/badgeaminit/gradient.jpg) top left repeat-x;*/ }

form
{ display: inline; }

td
{ font: normal 10pt/12pt arial;
  color: #676757; }

h1
{ font: bold 14pt/18pt arial;
  margin-bottom: 0px; }

h2
{ font: bold 12pt arial;
  margin-top: 10px; }

h3
{ font: bold 11pt arial;
  margin-top: 10px; }

h4
{ font: bold 10pt arial; }

a h4
{ text-decoration: none; }

select
{ font-size: 8pt; }

.Arial8pt
{ font: normal 8pt/10pt arial; }

.Arial10pt
{ font: normal 10pt/12pt arial; }

.WhiteBorderTop
{ border-top: 2px solid white; }

.WhiteBorderLeft
{ border-left: 2px solid white; }

.WhiteBorderBottom
{ border-bottom: 2px solid white; }

.WhiteBorderRight
{ border-right: 2px solid white; }

a .heading
{ font: bold 14pt/16pt arial;
  text-decoration: none;
  color: #2368AC; }

.inline
{ display: inline; }

.order-table-label
{ font: bold 8pt/16pt arial;
  text-indent: 5px; }

.section-page .GradientBG, .home .GradientBG
{ background: url(http://lib.store.yahoo.net/lib/badgeaminit/blue-page-bg-gradient.jpg) repeat; }

#top {
  padding: 0px;
  margin: 0px;
  list-style: none;
  height: 40px; 
  background-color: #21559B;
  background: url(http://lib.store.yahoo.net/lib/badgeaminit/top-nav-bg.jpg) repeat-x;
  text-align: center;
  }

#top li {
  float: left;
  position: relative;
  font: bold 10pt arial;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  }

#top li a
{ padding: 16px 32px 16px 33px;
  line-height: 40px;
  color: white;
  text-decoration: none;
  border-left: 0px solid #BFBFB7; }

#top li a:hover {
  background: url(http://lib.store.yahoo.net/lib/badgeaminit/top-nav-bg-hover.jpg) repeat-x 50% 50%;
  background-color: #D80100; }

#top li ul li a
{ font: normal 8pt/12pt arial;
  color: black;
  text-transform: none;
  text-decoration: none;
  padding: 0px;
  border-left: 1px solid white; }
  
#top li ul li a:hover
{ text-decoration: underline;
  background: none; }
  
#top li ul {
  display: none;
  position: absolute; 
  top: 39px;
  left: -1px;
  border: 1px solid gray;
  text-align: left;
  margin: 0px;
  padding: 4px 0px 4px 10px;
  list-style: none;
  width: 200px; 
  background: white;
  overflow: auto;
  z-index:100;
  }
  
#top li ul li
{ text-transform: none;
  background: none;  }

#top li ul li a
{ width: 160px; }
  
#top li > ul {
  top: auto;
  left: auto;
  }

#top li:hover ul,
#top li.over ul
{ display: block;
  clear: left;  }

#left-navigation {
  margin: 0px;
  padding: 0px;
  list-style: none;
  width: 215px;
  border-bottom: 2px solid #C5BEB6;
}

#left-navigation li {
  position: relative;
  cursor: pointer;
  list-style-type: none;
  }

#left-navigation li a
{ display: block;
  color: #21559B;
  font: bold 9pt/20px arial;
  text-decoration: none;
  text-indent: 30px;
  border-top: 2px solid #C5BEB6;
  width: 100%; }

#left-navigation li a:hover {
  background: #E0DCD1;
  }

#left-navigation li ul {
  display: none;
  position: absolute; 
  top: -10px;
  left: 213px;
  border: 1px solid gray;
  text-align: left;
  margin: 0px;
  padding: 4px 0px 4px 10px;
  list-style: none;
  width: 200px;
  background-color: white;
  z-index: 100;
  }
  
#left-navigation li ul li
{ border-top: none; }


#left-navigation li ul li a
{ font: normal 8pt/12pt arial;
  color: black;
  text-transform: none;
  text-decoration: none;
  padding: 0px;
  border-left: none;
  display: block;
  text-indent: 0px;
  width: 100%;
  border-top: none;
 }
  
#left-navigation li ul li a:hover
{ text-decoration: underline;
  background: none; }
  
#left-navigation li > ul {
  top: auto;
  left: auto;
  }

#left-navigation li:hover ul,
#left-navigation li.over ul
{ display: block;
  clear: left;  }

/*

OLD CODE

#left-navigation 

{ 
margin: 0px;
padding-left: 0px;
border: 0px solid pink;
width: 215px;
}

#left-navigation li
{
border-top: 2px solid #C5BEB6;
list-style-type: none;
}

#left-navigation li a
{ display: block;
  color: #21559B;
  font: bold 9pt/20px arial;
  text-decoration: none;
  text-indent: 30px;
  width: 100%; }

#left-navigation li a:hover
{ background: #E0DCD1; }
*/


div#shipping a
{ text-decoration: none; }

div#shipping a:hover
{ color: #411;
  background: #F0EBE7; }

div#shipping a span { display: none; }
div#shipping a:hover span
{ display: block;
  position: absolute;
/*  top: 120px;
  left: 485px;*/
  width: 300px;
  padding: 10px;
  margin: 5px;
  margin-left: -240px;
  margin-top: 15px;
  z-index: 100;
  background: white;
  border: 3px solid #E0DCD1;
  font: 10px Verdana, sans-serif;
  background: #FFFFFF url(http://lib.store.yahoo.net/lib/badgeaminit/shipping-box-bg.jpg) repeat-x bottom left; }