body {
        text-align: center;
        font-size: medium;
        margin:0; padding: 0;
        font-family: Helvetica, Arial, Verdana, Sans-Serif;
        /* background: #666699 url("images/background1.jpg") -50% 0 repeat-y; */
        background: #b3bba8;
    }
    
    #layout {
        width: 918px;
        font-size: medium;
        /*
        border: 1px solid #405e16;
        border-width: 0 0 0 4px; */
        /* border-right: 12px solid #405e16; */
        margin: 0 auto;
        /* border: 0px solid green; */
    }
    
    #maintable {
       /* background-color: #FFF; */
    }
    
    #navbar {
       background: #5C1A39 url("images/header_bkg.gif") repeat-x 0 100%; 
       color: white;
       text-align: left;
       margin: 0;
       padding: 0;
       line-height: 1.3em;
       border-bottom: 1px solid #405e16;
    }

    #navbar ul { 
        margin: 0;
        margin-top: 3.15em;
        margin-left: 4px;
        padding: 0;
        
    }
      
    #navbar li {
        list-style: none;
        float: left;
        background-color: #845870;
        margin: 0;
        padding: 0;
        margin-right: 3px;
        border-bottom: 2px solid #BFABB6;
        
    }
    #navbar a, #navbar a:visited  {
        font-size: 85%; 
        float: left;
        display: block;
        text-decoration: none;
        color: white;
        margin: 0 0 0 0;
        padding: 4px 6px;
    }
    
    #navbar a:hover, #navbar a:active {
        color: #FFF;
        /* background: #E2B9D2; */
        background: #003366;
    }
    
    #navbar .activebutton {
        color: #FFF;
        /* background: #E2B9D2; */
        background: #003366;  
        border-bottom: 2px solid white;  
    }
    
    #navbar .activebutton a {
        color: #FFF;    
    }
    
    /* Products button - Standout */

    /* blue(active) tab */
    #navbar .activebutton.leafon a, #navbar .activebutton.leafon a:hover, #navbar .activebutton.leafon a:visited {
        color: #FFF;
        background: #003366 url("images/leef_button_corner.gif") no-repeat -4px 50%;
        padding-left: 25px;
    }
    
    /* purple tab */
    #navbar .leaf a, #navbar .leaf a:visited {
        background: #845870 url("images/leef_button_corner_alt.gif") no-repeat -4px 50%;
        padding-left: 25px;
    }   
    #navbar .leaf a:hover {
        color: #FFF;
        background: #003366 url("images/leef_button_corner.gif") no-repeat -4px 50%;
        padding-left: 25px;
    }

 
    #navbar .leafon a {
        background: #003366 url("images/leef_button_corner.gif") no-repeat -4px 50%;
        padding-left: 25px;
    }
    
    #navbar h1 {
        margin-top: 1em;
        margin-right: 10px;
        float: right;
        text-align: right;
        font-size: 110%;
        color: #E2DEE0;
    }
    
    #content {
        /* font-size: 80%; */
        /* font-size: small; */
        font-size: small;
        line-height: 1.6em;
        color: #7B7C7D;
        clear: left;
        text-align: left; 
        /*padding-left: 135px;
        padding-right: 20px; */
        padding-left: 20px;
        padding-right: 18px;
        margin-bottom: 50px;
        padding-top: 0px;
        /* background: #FFF url("images/logo.gif") 10px 0 no-repeat; */
        background: #FFF;
    }
    

    #content p, b {
        color: #565656;
        font-size: small;
        line-height: 1.6em;
    } 
    
    #content li {
        color: #7B7C7D;
        /*font-size: 80%;*/
    }
    
    #content h1 {
        color: #405e16;
        font: 160% Georgia, serif;
        font-weight: 800;
        letter-spacing: -1px;
        margin: 0; padding: 0;
        padding-bottom: 2px;
        margin-top: 24px;
        margin-bottom: 4px;
        border-bottom: 1px solid #CCCCCC;
    }
    
    #content h2 {
        color: #13205E;
        font: 140% Georgia, serif;
        font-weight: 200;
        letter-spacing: -1px;
        margin: 0; padding: 0;
    }
    
    #content h3 {
        color: #C76C1B;
        font: 120% Arial, Helvetica, Verdana;
        font-weight: 600;
        letter-spacing: -.5px;
        margin: 0; padding: 0;
    }
    
    #content h4 {
        color: #C76C1B;
        font: 140% Arial, Helvetica, Verdana;
        font-weight: 500;
        letter-spacing: -.5px;
        margin: 0; padding: 0;
        border-bottom: 1px solid #CCCCCC;
    }

    #content h5 {
        font-size: 110%;
        margin-bottom: 0px;
        /* border-bottom: 1px dotted #666699; */
        color: #003366; 
    }
    
    
    #content .special {
        color: #13205E;
        font-size: 70%;
        margin: -3px;
        padding-left: 100px;
        background: url("images/leaf_background.gif") no-repeat 80% 0%;
    }
    
   #content .imgsplash {
        margin-left: -125px;
        
    }
    
    #content a, #content a:visited {
        color: #405e16; 
        font-weight: 500;
    }
    #content a:hover, #content a:active {
        color: #003366; 
        font-weight: 500;
        background-color: #fff;
    }
    
    #content .backtotop {
        text-align: right;
        font-size: 95%;
    }
    
    #content .title {
        color: #003366;
        font-weight: 600;
    }
    
    #content .image_caption {
        font-family: Verdana, Helvetica, Arial, Verdana, Sans-Serif;
        font-size: 60%;
        font-weight: normal;
        color: #222;
        text-align: left;
    }
    
    #content .catalog_image {
        /* border: 1px solid #EAEAEA; */
        width: auto; 
        float: right;
        margin-top: 20px;
    }
    
    /* formats catalog table to have less line-height to fit better */
    
    #content .catalog_table{
        font-size: 90%;
        line-height: 1.2em;
        color: #666;
        font-family: Helvetica, Arial, Verdana, Sans-Serif;
    }

    
    #content .cart_button{
        width: 6.5em;
        background-color: #5C1A39;
        color: white;
        padding: 2px 4px;
        margin: 0;
        border: 1px solid #333;
        font-weight: bold;
        white-space: nowrap;
        border: 1px dotted grey;
        text-align: center;
    }
    
    #content .cart_button a{
        color: white;
        font-weight: bold;
        text-decoration: none;
        //display: block;
    }
    #content .cart_button a:hover{
        text-decoration: underline;
        font-weight: bold;
        background-color: #5C1A39;
    }

    #content .cart_price{
        width: 6.5em;
        background-color: #FFF;
        padding: 2px 4px;
        margin: 0;
        margin-bottom: 2px;
        border: 1px solid #333;
        font-weight: bold;
        white-space: nowrap;
        border: 1px dotted grey;
        text-align: center;
    }
    
    #content .catalog_price{
        padding: 2px 8px;
        display: inline;
        float: left;
    }
    
    /*
    #content td {
        border: 1px dotted red;
        margin: 0; padding: 0;
    } */
    
    
    /* SIDEBAR CLASSES */
    
    #sidebar {
        background-color: #A3C2E0;
        border: 1px solid #7191B2;
        border-width: 5px 1px 5px 1px;
        margin-top: 14px;
        margin-right: 10px;
        width: 90%;
        text-align: center;
        color: #13205E;
        font-weight: normal;
        margin-bottom: 10px;
    }
    
    #sidebar h1 {
        font-family: Verdana, Helvetica, Arial, Verdana, Sans-Serif;
        font-size: 100%;
        padding: 10px;
        display: block;
        font-weight: normal;
        text-align: center;
    }
    
    #sidebar h3 {
        font-family: Verdana, Helvetica, Arial, Verdana, Sans-Serif;
        font-size: 60%;
        padding: 5px;
        font-weight: normal;
        text-align: center;
    }

        
    #sidebar a, #sidebar a:visited {
        text-align: right;
        font-size: 60%;
        color: #13205E;
        margin-right: 10px;
        padding: 2px;
        display: block;
    }
    
    #sidebar a:hover, #sidebar a:active {
        color: #5C1A39;
    }
    
    #sidebar hr {
       background-color: #88A9CF; 
       border: 0;
       width: 80%;
        color: #88A9CF;
        background-color: #88A9CF;
        height: 10px;
    }

    #sidebarbelow {
        margin-right: 10px;
        font-size: 90%;
        margin-bottom: 16px;
        margin-top: 4px;
        padding-bottom: 4px;
    }
    #sidebarbelow a {
        color: #5C1A39;
    }

    
    /* SIDEBAR CLASSES */
    
   
   /* FOOTER CLASSES */
   
   #footer {
        text-align: right;
        background-color: #E6EFF7;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 6px;
        margin-top: 5px; 
        color: #003366;
        font-weight: 600;
        font-size: 90%;
        border-bottom: 2px solid #D0E0EF;
   }
   #footer table {
    border-bottom: 2px solid white;
   }
   /*
    #footer ul { 
        list-style: none;
        margin: 0;
        margin 10px 10px;
        padding: 0;
        padding: 4px 8px;
        border-bottom: 2px solid white;
        width: auto;
    }
      
    #footer li.footerli, #footer li.footerli:visited {
        display: inline;
        margin: 0 4px;
        padding: 10px 0px; 
        border: 1px dotted green;
        width: auto; 
    }
   */
    
    #footer a, #footer a:visited {
        font-size: 13px; 
        text-decoration: none;
        color: #003366;
        white-space: nowrap;
        margin: 0; padding: 0;
        font-weight: normal;
    }
    #footer a:hover, #footer a:active {
        text-decoration: underline;
        color: #333366;
        white-space: nowrap;
        background-color: #E6EFF7;
    }
    
    
    #bottomNav a, #bottomNav a:visited {
        font-size: 70%; 
        text-decoration: none;
        color: #888;
        white-space: nowrap;
        font-weight: bold;
    }
    #bottomNav a:hover, #bottomNav a:active {
        text-decoration: underline;
        color: #444;
        white-space: nowrap;
    }

 /*   
#footer a, #footer a:visited {
	padding: 0;
	margin: 0;
	text-decoration: none;
	border-bottom: none;
	color: #fff;
	}
#footer a:hover, #footer a.active {
	color: #fff;
	background: #235C9D;
	}
#footer a.active {
	font-weight: bold;
	}
	*/
    
    #copyright {
        font-size: 50%;
        text-align: right;
        color: #AAA;
        font-weight: 600;
        margin-top: 2px;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    
    #copyright a.designedby, #copyright a.designedby:visited  {
        color: #405e16;
        padding-right: 0;
        text-decoration: none;
        font-weight: normal;
    }
    #copyright a.designedby:hover {
        padding-right: 0;
        color: #000;
        text-decoration: none;
        font-weight: normal;
    }
    #copyright a.designedby strong {
        font-weight: bold;
    }
    

    
    /* END FOOTER CLASSES */
    
    /* CART CLASSES */
    
    #cart {
        background: #405e16;
        padding-bottom: 15px;
        border-bottom: 4px solid #9faa8f;
    }
    
    #cart_text {
        /* width: 120px; */
        font-family: Arial, Verdana, Helvetica, Sans-Serif;
        font-size: 80%;
        text-align: right;
        line-height: 1.3em;
        padding-bottom: 5px;
        padding-right: 0;
        padding-left: 0;
        margin-right: 0px; 
        padding-top: 4px;   
        /* border: 0px dashed pink; */
        margin-right: 15px;
        margin-bottom: 5px;
    }
    #cart_items {
        margin: 0;
        padding: 0;        
    } 
    #cart .bag {
        padding-top: 5px;
        background: url("images/cart.gif") 16px 70% no-repeat;
    }
    
    #cart .account {
        background: url("images/account_boxes.gif") 20px 50% no-repeat;
    }   
    
    #cart .cart_list_item {
        border: 0px dotted red;
    } 
    #cart .thin {
        margin-left: 20px;
    } 
    
    #cart a {
        color: #FFFFFF;
        text-decoration: none;
        font-size: 11px;
        font-weight: 600;
        line-height: 1.2em;
    }
    #cart a:hover {
        color: #FFFFFF;
        text-decoration: underline;
    }
    #cart hr {
       background-color: #f5f5f5; 
       border: 0;
       width: 100%;
       color: #f5f5f5;
       background-color: #f5f5f5;
       height: 2px;
       text-align: right;
    }
    
    /* added 03-05-06 */
    p.callout {
        display: block;
        
        border: 1px dotted grey;
        padding: 2px 4px;
        background-color: #FEFEFE;
    }
    
    p.error {
        color: #845870;
        font-weight: bold;
    }
    
    .box {
        width: auto;
        display: block;
        border: 1px dotted grey;
        padding: 2px 4px;
        background-color: #FEFEFE;
    }
    
    .photo_bordered {
        margin: 4px;
        padding:4px;
        border:1px solid #e3e3e3;
        color:#333;
        background:#fff;
    }
    
    #content a.products_headerlink{
        border-bottom: 1px solid #CCCCCC;
        padding: 0px;
        text-decoration: none;
        white-space: nowrap;
        padding-right: 5px;
        display:block;
    }
    

    
    ul.toc {
        font-size: 90%;
        list-style: none;
        margin: 0; padding: 0;
        line-height: 1.5em;
    }
    ul.toc li {
        margin-bottom: 5px;
        border: 0px dotted red; 
    }
    
    /* os Commerce Style */
    .infoBox {}
    .infoBoxContents{}


/* FOOTER CLASSES */
   
   #footer1 {
        background-color: #E6EFF7;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 6px;
        margin-top: 5px; 
        color: #003366;
        font-size: 90%;
        border-bottom: 2px solid #D0E0EF;
   }

    /*
   #footer1 table {
    border-bottom: 2px solid white;
   } */
    
    #footer1 a, #footer1 a:visited {
        font-size: 13px; 
        text-decoration: none;
        color: #003366;
        white-space: nowrap;
        margin: 0; padding: 0;
        font-weight: normal;
    }
    #footer1 a:hover, #footer1 a:active {
        text-decoration: underline;
        color: #333366;
        white-space: nowrap;
        background-color: #E6EFF7;
    }