/* WHOLE PAGE
 * There are some style elements common to the whole page, including title
 * bar, main content, and footer
 */
body { 
       font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
       background-color: white; 
       margin: 0px;
       margin-top: 10px;
 }

/* HEADER
 * This area contains the styles used to in the Jazzmaster
 * Workout header and navigation menu.
 */

/* Title "The Jazzmaster Workout"*/
.header h1 { font-size: 16px; 
     font-weight: 900;
     line-height: 16px;
     margin: 0px;
     }

.indexpage h1{font-size: 20px;
	      font-weight: 900; 
	      line-height: 24px;
	     /* top-margin: 20px;
	      bottom-margin: 20px; */
	      color: #cb5329;
     }


/* Subtitle "An Improvizations Practice Method..."*/
.header h2 { font-size: 12px;  
     font-weight: 200;  
     line-height: 12px;
     margin: 0px;
     } 

.indexpage h2 { font-size: 15px;
     font-weight: 200; 
     line-height: 16px;
/*     bottom-margin: 10px;*/
     }

.feastbay h2 {
  font-size: 11px;  
  font-weight: bold;  
  line-height: 14px;
  color: #5d6983;
  margin: 0px;
}

/* Jazzmaster Workout in the East Bay */
.eastbayheader {
  font-size: 16px;
  font-weight: 900;
  color: white;
  margin: 0px;
  background:  #5d6983;
}

.eastbaywhite {
  font-size: 16px;
  font-weight: 900;
  margin: 0px;
  background: white;
}


.eastbay {
 background: #d1d7e4;
/* #e2cda7; */
}

.eastbayaddress {
  font-size: 13px;
  font-weight: bold;
  color: #5d6983;
  line-height: 16px;
  margin-bottom: 0px;
  margin-top: 0px;
}



.logo {
      vertical-align: top;
}

img {
    border: 0px;
    display: block;
}


/* Navagation item links */
a.navitem, a.localnavitem 
          { text-decoration: none; 
	    font-size: 11px; 
            font-weight: normal; 
            line-height: 14px; }


/* "Order Now" link, and "Shopping Cart" */
a.saleitem, a.cartitem 
	   { text-decoration: none; 
	     font-size: 12px; 
             font-weight: bold; 
             line-height: 15px; 
	   }

	   
/* Link Colors */
a.navitem:link, a.navitem:visited  { color: #919191; }
a.navitem:hover  { color: #cb5329; }

a.localnavitem:link, a.localnavitem:visited  { color: #5d6983; }
a.localnavitem:hover  { color: #cb5329; }

a.saleitem:link, a.saleitem:visited  { color: #87371b; }
a.saleitem:hover  { color: #cb5329; }

a.cartitem:link, a.cartitem:visited  { color: #919191; }
a.cartitem:hover  { color: #cb5329; }

/* Place in the <td> around a form to omit unwanted space below the image */
/* May not be used anymore... it was causing us to lose our text, 'Key:' */
.form-no-gap {font-size:0px;}

/* The borders visible on the page use the trick of being one pixel thick
   cells within a table. The background color is deifned here.
/* .header td.border { background-color=black; } */


/* CONTENT
 * This is the styling for any content within the page.
 */
h1 { 
     font-size: 18px; 
     font-weight: 600;
     margin-top: 14px; /*IE default is 0, others default to positive, so set*/
}

h2 { 
     font-size: 15px; 
     font-weight: bold;
     margin-top: 12px; /*IE default is 0, others default to positive, so set*/
}

h3 { 
     font-size: 14px; 
     font-weight: bold;
}

.verycompact {
     	  margin-bottom: 0px;
     	  margin-top: 0px;

}

.compact { 
	  margin-bottom: 0px;
}


.subtitle { 
	  margin-top: 0px;
}

/* Note: this used to be just ".content", but IE didn't apply that to
   the actual body text. ".content td" seems to fix most of it since
   we use tables so extensively, but I've also gone and added <p>'s
   where it seems appropriate so calling them out individually seems
   to be more correct */
.content p, .content ul, .content td{ 
           text-align: left; 
	   font-size: 14px; 
           margin-bottom: 14px; /*Ie default 0, FF 14 */
           margin-top: 16px; /*Ie default 16, FF 14*/
}

/* Used for search engine target text on bottom of indexpage */
.subdued p{ font-size: 11px;
	   color: #919191;}
.subdued a:link, .subdued a:visited  {  text-decoration: none; 
					color: #919191; }
	   


/* For nicer looking tables in most places, works best with cellspacing="0" */
.bordered {
	  border: 1px solid;
	}

.bordered td {border: 1px solid silver;
	      padding: 5px;
	      vertical-align: top;
}


/* The order page */
.orderbordered { border: thin solid;}
.description { color: #87371b;}
.grey { color: #919191;}

td.details{
  width: 650px;
  vertical-align: top;
}

td.thumbnail{
  width: 120px;
  vertical-align: middle;
  text-align: left;
}

td.itemtitle{
  vertical-align: top;
  text-align: left;
}


/* The two different types of items */
.shippingitem td.thumbnail{
  height: 100px;
}

.shippingitem td.bordered {
  height: 100px;
  background-color: #EEEEEE;
}

.shippingitem h4 {
  font-size: 12px; 
  font-weight: bold;
}

.shippingitem .itemtitle { 
  color: #333333;
}

.shippingitem .description { 
  color: #333333;
  font-size: 12px;
}

.salesitem td.thumbnail,
.salesitem td.bordered {
  height: 120px;
}

/* This is to try to right align the view cart button. */ 
td.cart {
  text-align:right; 
}


/* 
 *For callouts on the endorsements page 
 */
.callouts{
  color: #87371b;  
  font-weight: bold;
}


/* 
 * Add an italic correction.
 */
cite {padding-right: 0.2em}


/* FOOTER
 * Style for the footer which points to the other Nightbird pages.
 */
.footer { 
          color: #919191; 
          font-size: 10px; 
          font-weight: normal; 
          line-height: 14px; 
          text-align: right;
          }