/* GLOBAL */

html{
    font-size: small;
    filter: expression(document.execCommand("BackgroundImageCache", false, true));
    }

body {
    font-family: Georgia, Arial, verdana, sans-serif;
    line-height:1.3em;
    margin: 10px;
    background: #D4CC84;
    color: #823E0D;
    }

a { 
    color: #bf650f; 
    }

h1, h2, h4 { padding: 0; margin: 0; font-family: Georgia, Tahoma, helvetica, Arial, verdana, sans-serif }
h1, p, ul, ol { margin-top: 0; margin-bottom: 0px; }
h3, h5, table, form, div { margin: 0; padding: 0; }
td {padding: 1px; margin: 0; padding: 0}
img { border: 0; }

h1 { font-size: 1.8em; color:#823E0D; }
h2, h4, h5 { font-size: 1em; }
h2 a { text-decoration: none; color: #823E0D; }
h2 a:hover { text-decoration:underline; }
h3 { font: bold 1.0em Georgia, Tahoma, Arial, Helvetica, sans-serif;}
h5 { display: inline; }

form { 
    display:inline; 
    }

select {
    margin-bottom: 3px; 
    }

#content {
    float: left;
    width: 430px;
    padding-top: 5px;
    padding-left: 10px
    }
    
#content_home {
    float:left;
    width: 430px;
    padding-top: 5px;
    padding-left: 10px
    }
    
#content_home h1 {
    display:none;
    }

#content_prod_list {
    float: left;
    width: 740px;
    padding-top: 5px;
    padding-left: 10px;
}    
    
#login {
    line-height:25px;
    width: 265px;
    }

#mainbody {
    width: 950px;
    margin: 0 auto;
    padding: 0;
    font-size:95%;
    background-color:#fff;
    }

#mainbody_account {
    width: 950px;
    margin: 0 auto;
    padding: 0;
    font-size:95%;
    background-color:#fff;
    }

#maintable {
    float:left;
    width: 908px;
    margin: 0px;
    padding: 0px;
    background-color:#fff;
    border-left: 21px solid #D4CC84;
    border-right: 2px solid #fff;
}    

table.maintable {
    /*border-collapse: separate;*/
    margin: 0px 0px 0px 2px;
    background-color: #fff;
    border-spacing: 0;
}

#topbar {
    width: 950px;
    height: 260px;
    margin: 0 auto;
    padding: 0;
/*    background:url(graphics/en-US/new/logobar_top.gif) top no-repeat #fff;*/
}
    
.clear {
    clear:both;
    }

.floatleft {
    float: left;
    }

.floatright {
    float:right;
    }
    
    
/* NAVBAR */

#affiliatelink {  
    font-size: 95%; 
    margin-left: 15px;
    position:absolute;
    top: 53px;
    right: 0;
    }

#affiliatelink a { 
    font-weight:bold; 
    font-size: 95%; 
    }

#loginlink {  
    font-size: 95%;
    }

#loginlink a { 
    font-weight:bold; 
    font-size: 95%; 
    }

#logo {
    height: 225px; 
    display:block;
    margin: 0 0;
    background: url(https://www.jakesgranola.com/mm5/graphics/jakes_logo_head.jpg) no-repeat #D26C22;    
    }
      
#logobar{ 
    padding: 0; 
    margin: 0; 
    }
    
#logobar ul {
    position: absolute;
    top: 235px;
    background: #D26C22;
    margin: 0 0 0 24px;
    padding-left: 10;
    }    

    
/*

#navbar {
    float: left;
    width: 907px;
    margin: 0 auto 0 auto;
    padding: 0px;
    font-size:95%;
    background-color:#D26C22;
    border-left: 21px solid #D4CC84;
    border-right: 3px solid #fff;
}

#navbar-left{
    float: left;
    position: relative;
    margin: 0px;
    padding: 0px;
    background-color:#D26C22;
    border-left: 3px solid #fff;
}

#navbar ul {
    position: relative;
    float: left;
    background: #D26C22;
    margin: 0 0 0 0;
    padding-left: 0px;
    }    
#navbar li {
    position: static;
    float: right;
}    
*/ 
 
#navbar {
    float: left;
    width: 907px;
    margin: 0 auto 0 auto;
    padding: 0px;
    font-size:95%;
    background-color:#D26C22;
    border-left: 21px solid #D4CC84;
    border-right: 3px solid #fff;
}

#navbar-left{
    float: left;
    margin: 0px;
    padding: 0px;
    background-color:#D26C22;
    border-left: 3px solid #fff;
}

#navbar ul {
    float: left;
    background: #D26C22;
    margin: 0 0 0 0;
    padding-left: 0px;
    }    
#navbar li {
    position: static;
    float: right;
}

/*
#search {
    position: absolute;
    top: 342px;
    margin-left: 509px;
    width: 412px;
    padding: 7px 7px 6px 0;
    background:#B34C26;
    }    
    
#search .searchbutton { 
    float:right;
    margin-top: 3px;
    }
        
#searchfield { 
    color: #666; 
    font-size: .9em; 
    padding: 2px; 
    height:12px; 
    width: 130px;
    float:right;
    margin-left: 15px;
    }    
*/

#currenttab {
    list-style: none;
    float: right;
    color: #D4CC84;
    white-space:nowrap;    
}
    
#currenttab h3{ 
    font-size:100%;
    padding: 10px;
    font-weight:bold;
}

    
.hiddentab {
    list-style:none;
    float:right;
    color: #fff;
    white-space:nowrap;
}

.hiddentab h3 { 
    font-size:100%;
    padding: 10px;
}

.hiddentab b h3 a { 
    color: #fff; 
    text-decoration:none;
}

.hiddentab b h3 a:hover { 
    text-decoration:underline; 
}

/* CTGY */

#nextbutton {
    clear:both;
    float:right;
    margin-top: 20px;
    }

#prevbutton {
    position: relative;
    top: 25px;
    clear:left;
    float:left;
    }

.catrow {
    float:left;
    margin: 10px 0;
    width:650px;
    }
        
.prodbutton {
    margin: 7px auto 7px auto;
    }
    
.prodbutton form { 
    display:block; 
    }    
                
.prodcolumn {
    float:left;
    width:315px;
    padding-right: 10px;
    text-align:center;
    color:#791215;
    }

.prodcolumn h2 { width:191px; color: #791215; display:block; margin: 0 auto 5px auto; }

.thumb {
    margin: 5px auto;
    }
        
            
/* ACCOUNT PAGES */

.account_column {
    width: 450px;
    float:left;
    }    

.account_column h5 { width: 180px; clear: both; }
.account_column input { margin-bottom: 3px; display:block; margin-left: 180px; }
.account_column select { margin-bottom: 3px; display:block; margin-left: 180px; }

.paymentdetail {
    width: 130px;
    display:block;
    height: 26px;
    float:left;
    }
    
.invalid {
    color: #FF0000;
    }
    
.pad {
    margin-top: 25px;
    }
     
    
/* BASKET */

#total {
    padding: 10px 0 0 10px;
    text-align:right;
    }
    
.baskettext_left{
    padding: 3px 15px 0 10px;
    vertical-align: top;
    }

.listheader{
    background-color: rgb(130, 62, 13);
    color: rgb(255, 250, 185);
}    
    
.baskettext_left h4 { margin: 1px 0 2px 0; }

.baskettext_right{
    padding: 3px 0 0 10px;
    text-align: right;
    vertical-align: top;
    }
    
.baskettext_right h4 { margin: 1px 0 2px 0; }

.priceeach {
    text-align:right;
    width: 80px;
    margin-left: 5px;
    float:right;
    }


/* PRODUCT PAGES */

h1#prodname {
    display:block;
    font-size: 1.5em;
    margin-bottom: 5px;
    line-height:1.2em;
    }

#prodadd {
    display:inline; 
    position:relative; 
    top: 5px;
    }
    
.prodimage {
    margin: 0 20px 5px 0;
    float:left;
    }
    
    
/* PRODUCT LIST */

table.prod_list {
    border: 0px;
    margin: 0px 0px 0px 0px;
    border-width: 0px;
    border-spacing: 0px;
    padding: 0px 0px 0px 0px;    
    -webkit-border-vertical-spacing: 0px;
    -webkit-border-horizontal-spacing: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

th.prod_list{
    background-color: #823E0D;
    color: #fffab9;
    height:20px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    -webkit-border-vertical-spacing: 0px;
    -webkit-border-horizontal-spacing: 0px;
    /*border-top: 4px solid #d4ce8d;*/
    /*border-bottom: 4px solid #d4ce8d;*/
}

tr.prod_list{
    -webkit-border-vertical-spacing: 0px;
    -webkit-border-horizontal-spacing: 0px;
}

td.prod_list{
    background-color: #ffffff;
    -webkit-border-vertical-spacing: 0px;
    -webkit-border-horizontal-spacing: 0px;    
    height:20px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

td.prod_list_alt{
    background-color: #D4CC84;
    -webkit-border-vertical-spacing: 0px;
    -webkit-border-horizontal-spacing: 0px;    
    border-spacing: 0px;
    height:20px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
    
/* SUBNAV - CATTREE */

ul#first{
    width:100%;
    margin: 0;
    padding: 0;
    }

#subnav{
    float:left;
    width: 140px;
    font-weight:bold;
    font-size: 1.1em;
    text-align:right;
    font-family: Georgia, tahoma, helvetica, arial;
    }

#subnav h5 { display:block; color:#fff; background:#bf650f; padding: 4px; }
#subnav li { margin: 3px 0; padding: 0; list-style:none; width: 140px; border-bottom:1px solid #D26C22; border-left: 3px solid #D26C22; }    
#subnav li a { color: #bf650f; text-decoration:none; display: block; padding: 4px; }
#subnav li a:hover { text-decoration:underline;  }
#subnav li ul { margin: 0; padding: 0; font-size: .9em; font-weight:normal; }
#subnav li.subcategory { padding: 0; margin: 0; list-style:none; border:none; }    
#subnav li.subcategory a { color: #bf650f; padding: 2px 4px; }        
#subnav li.subcategory a:hover { text-decoration:underline; }    
#subnav li.subcategory a:visited:hover { color: #791215  }
#subnav li.subcategory h5 { color: #fff; font-weight:normal; }


/* Custom Jake's Granola Pages CSS section */

.about_style1 {font-family: Georgia}
.about_style2 {font-family: Georgia; font-weight: bold; }
.about_style3 {
    font-family: Georgia;
    font-style: italic;
    font-weight: bold;
}
.about_style4 {font-family: Georgia; font-style: italic; }
.locations_style4 {font-family: Georgia}

.love_style2 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
}
.love_style4 {font-family: Georgia, "Times New Roman", Times, serif}