/* body class */
	    .bodyclass {
             
 background: #D3E79F url(  'http://theoldtreehouse.web-epos.com/images/theoldtreehouse/background.gif' ) repeat ;
                margin: 0px 0px;
	    }

	    /* left section class */
	    .header_left, .column_left, A.links_left {
                font-family : Arial, sans-serif;
                text-align : ;
            }
            .section_left {
                background-color : #C8E9F3;
                text-align : ;
                vertical-align : top;
	color: maroon;
}
            .sectionborder_left {
                background-color : #C8E9F3;
            }
            .header_left {
                background-color : #C8E9F3;
                color : #BEE86;
                font-style : oblique;
                font-weight : bold;
                font-size : 10pt;
            }
            .column_left {
                background-color : #C8E9F3;
                color : #BEE86;
                font-style : normal;
                font-weight : normal;
                font-size : 10pt;
            }
            A.links_left:link, A.links_left:active, A.links_left:visited {
                text-decoration : underline;
                font-style : normal;
                font-weight : normal;
                font-size : 9pt;
                color : #000000;
            }
            A.links_left:hover {
                text-decoration : underline;
                font-style : normal;
                font-weight : normal;
                font-size : 9pt;
                color : #61278d;
            }
            
              Nav.links_left:hover {
                text-decoration : underline;
                font-style : normal;
                font-weight : normal;
                font-size : 9pt;
                color : #61278d;
            }


	    /* top section class */
	    .header_top, .column_top, A.links_top {
                font-family : Arial, sans-serif;
                text-align : ;
            }
            .section_top {
 
                text-align : ;
                vertical-align : top;
            }
            .sectionborder_top {
                background-color : #C8E9F3;
            }
            .header_top {
                background-color : #C8E9F3;
 
                color : #6e5b9d;
                font-style : normal;
                font-weight : bold;
                font-size : 15pt;
            }
            .column_top {
                background-color : #C8E9F3;
                color : #000000;
                font-style : normal;
                font-weight : normal;
                font-size : 8pt;
            }
            A.links_top:link, A.links_top:active, A.links_top:visited {
                text-decoration : none;
                font-style : normal;
                font-weight : normal;
                font-size : 8pt;
                color : #c80021;
            }
            A.links_top:hover {
                text-decoration : underline;
                font-style : normal;
                font-weight : normal;
                font-size : 8pt;
                color : #c40020;
            }
            
            
* Navigation & Lists
------------------------------------------------ */
#nav
{
    width: 990px;
    margin: 0px 0px 12px 0px;
    height:32px;
    padding: 0px;
    position: relative;
    text-align: center;
}

#navlist
{
    margin: 0 0 12px 0px;
    padding: 0px 0px 0px 0px;
    height:32	px;
    background-image: url('../images/bkgd_nav.png'); 
    background-repeat: repeat; 
}


#navlist ul
{
     padding: 0px;
     margin: 0px;
     float: left;
     list-style-type: none;
}

#navlist li
{
     padding: 0;
     margin: 0;
     display: inline;
     float: left;
     list-style-type: none;
}

#navlist a
{
     height:24px;
    width: auto;
     padding: 8px 12px 0px 14px;
      margin: 0 0 0 4px;
     text-decoration: none;
     color: #fff;
     border:none;
     outline: none;
     display: block;
     display: inline;
     float: left;
     font-weight: bold;
     text-transform:lowercase;
     font-family: Helvetica,sans-serif; 
     font-size: 100%;
     line-height:1.1em;
}

#navlist a:visited {color: #fff; text-decoration:none;}
#navlist li a:hover {color: #000000; text-decoration:none;background-color: #9c2840;}
#navlist a:active {color: #000000;text-decoration:none;}
#navlist li a.active  {color: #000000; text-decoration:none;}

	    /* right section class */
	    .header_right, .column_right, A.links_right {
                font-family : Arial, sans-serif;
                text-align : ;
            }
            .section_right {
                background-color : #C8E9F3;
        
                text-align : ;
                vertical-align : top;
            }
            .sectionborder_right {
                background-color : #BEE86;
            }
            .header_right {
                background-color : #C8E9F3;
                color : #BEE86;
                font-style : oblique;
                font-weight : bold;
                font-size : 8pt;
            }
            .column_right {
                background-color : #C8E9F3;
                color : #BEE86;
                font-style : normal;
                font-weight : normal;
                font-size : 12pt;
            }
            A.links_right:link, A.links_right:active, A.links_right:visited {
                text-decoration : none;
                font-style : normal;
                font-weight : normal;
                font-size : 9pt;
                color : #000000;
            }
            A.links_right:hover {
                text-decoration : underline;
                font-style : normal;
                font-weight : normal;
                font-size : 9pt;
                color : #000000;
            }


	    /* bottom section class */
	    .header_bottom, .column_bottom, A.links_bottom {
                font-family : Arial, sans-serif;
                text-align : ;
            }
            .section_bottom {
                background-color : #ffffff;
                text-align : ;
                vertical-align : top;
            }
            .sectionborder_bottom {
                background-color : #ffffff;
            }
            .header_bottom {
                background-color : #FFFFFF;
                color : #000000;
                font-style : normal;
                font-weight : bold;
                font-size : 8pt;
            }
            .column_bottom {
                background-color : #BEE86;
                color : #000000;
                font-style : normal;
                font-weight : normal;
                font-size : 8pt;
            }
            A.links_bottom:link, A.links_bottom:active, A.links_bottom:visited {
                text-decoration : none;
                font-style : normal;
                font-weight : normal;
                font-size : 8pt;
                color : #000000;
            }
            A.links_bottom:hover {
                text-decoration : underline;
                font-style : normal;
                font-weight : normal;
                font-size : 8pt;
                color : #000000;
            }


	    /* main section class */
	    .header_main, .column_main, A.links_main {
                font-family : "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
                text-align : ;
            }
            .section_main {
                background-color : #C8E9F3;
                text-align : ;
                vertical-align : top;
	color: white;
}
            .sectionborder_main {
                background-color : #C8E9F3;
            }
            .header_main {
                
                color : #330099;
                font-style : normal;
                font-weight : bold;
                font-size : 9pt;
            }
            .column_main {
                background-color : #C8E9F3;
                color : #330099;
                font-style : normal;
                font-weight : normal;
                font-size : 9pt;
            }
            A.links_main:link, A.links_main:active, A.links_main:visited {
                text-decoration : none;
                font-style : normal;
                font-weight : normal;
                font-size : 10pt;
                color : #000000;
            }
            A.links_main:hover {
                text-decoration : underline;
                font-style : normal;
                font-weight : normal;
                font-size : 10pt;
                color : #3c045a;
            }


		/* small text class */
	    .small_main {
                font-style : ;
                font-weight : normal;
                font-size : 10pt;
                color : #61278d;
	    }
	    
	    
	    /* error font class */
	    .font_error {
                font-style : ;
                font-weight : bold;
                font-size : 10pt;
                color : red;
	    }
	    		
	    
	    /* button class */
	    .buttonstyle {
                background-color: #3c045a;
                border: 1px solid ;
                font-family: ;
                font-size: pt;
                color: white;
	    }	    
	    input.btnhov{ 
                border-color: ;
	    }
	    
		
	    /* input field class */
	    .font_input {
                background-color: #BEE86;
                border: 1px solid ;
                font-family: Arial, sans-serif;
                font-size: pt;
                color: #663399;
	    }


	    /* bespoke css IDs */
	    #lastview_tbl {
                /* last viewed products section css */
	    }
	    #lastview_hdr {
                /* last viewed products section header css */
	    }
	    #cart_tbl {
                /* small cart section css */            
  
                font-weight : bold;
                font-size : 10pt;
 font-weight : normal;
                font-size : 8pt;
                color : #3c045a;
	    }
	    #cart_hdr {
                /* small cart section header css */
	    }
	    #srch_tbl {
                /* search section css */
	    }
	    #srch_hdr {
                /* search section header css */
	    }
	    #catMenu_tbl {
                /* category menu section css */
	    }
	    #catMenu_hdr {
                /* category menu section header css */
	    }
	    #top10_tbl {
                /* Top Sellers section css */
	    }
	    #top10_hdr {
                /* Top Sellers section header css */
	    }
	    #login_tbl {
                /* login section css */
	    }
	    #cat_hdr {
                /* product category header css */
	    }
	    #catprods_hdr {
                /* category product listings header css */
	    }
	    #catprods_tbl {
                /* category product listings table css */
	    }
	    #prod_tbl {
                /* product detail page css */
	    }
	    #item_Tbl {
                /* product detail page item layout css */
	    }
	    #shopcart_hdr {
                /* basket stage header css */
	    }
	    #shopcart_tbl {
                /* basket stage table css */
 width: 100%;                
                border: 1px solid #ffffff;      
                background-color: #ffffff;      
                padding-left: 0px;           
                cursor: default;             
                margin-left: 0px; 

	    }
	    #summary_tbl {
                /* summary stage table css */
	    }
	    #sitemap_tbl {
                /* sitemap table css */
	    }
		


	    /* css menu example stylesheet */
	    ul.makeMenu, ul.makeMenu ul {
                width: 130px;                
                border: 1px solid #ffffff;      
                background-color: #ffffff;      
                padding-left: 0px;           
                cursor: default;             
                margin-left: 0px;            
	    }
	    ul.makeMenu li {
                list-style-type: none;       
                margin: 0px;                 
                position: relative;          
                color: #000000;                 
                border: 0px solid #000000; 
                background-color: #ffffff;     
	    }
	    ul.makeMenu li > ul {          
                display: none;               
                position: absolute;         
                top: 2px;                    
                left: 130px;   
	    }
	    ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
                background-color: #ff0000;      
                color: #000000;                 
	    }
	    ul.makeMenu ul.CSStoShow {     
                display: block;              
                background-color: #aa33cc;               
	    }
	    ul.makeMenu li:hover > ul {    
                display: block;              
	    }
	    ul.makeMenu li a { 
                color: #000000; 
                display: block; 
                width: 100%; 
                text-decoration: underline;
	    }
	    ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { 
                color: #000000; 
	    }
	    ul.makeMenu li:hover > a { 
                color: #000000; 
	    }