/*----------------------------------------
 Main stylesheet for: Espresso Syndicate
 
 /*----------------------------------------  
 Stylesheet structure:
 
 > Styles reset, HTML & body
 > Main layout
 > Type, buttons etc 
 > Section details
    --> Header
    --> Sidebar
    --> Footer
 > Misc     
 ----------------------------------------*/ 
 
 /*----------------------------------------
 Color master list:
    
    Brown (headings, text): #524c4a;
    Green (sidebar headings): #5f8836;
    Sidebar text: #4f4848;
    Footer text: #5b5555;
 ----------------------------------------*/     
    
/* Styles reset, HTML & body styling -------------------------------------------------------------------------------------  */     

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, apress, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, p, ol, ul, li,
fieldset, form, legend
{
    border: 0;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: normal;                
    margin: 0;
    outline: 0;     
    padding: 0;
}
    
html
{
   background: #fff url(../images/layout/bk.png) top center no-repeat;  
}

body 
{         
   color: #524c4a;        
   font: 62.5%/1.5em  Arial, Verdana, sans-serif;
   margin: 0 auto; 
   padding: 0;   
   width: 960px;   
}


/* Main layout -------------------------------------------------------------------------------------  */ 
    #header
    {         
        height: 190px;  
        margin-bottom: 30px;
        position: relative;  
    }
    
        #header p
        {
            color: #543019;
            float: right;
            margin-top: 15px;
        }
    
        img#logo
        {
            position: absolute;
                top: 0;
                left: 0;
        }
        
        ul#nav
        { 
            float: left;          
            list-style: none;
            margin-right: 10px;
            margin-bottom: 40px;
            width: 130px;
        }

    #content
    {                 
        float: right;   
    }


    #main
    {       
        float: left;
        width: 610px;
    }

    #sidebar
    {              
        float: right; 
        margin-left: 10px;
        width: 200px;
    }
    
    #footer
    {       
        clear: both;             
        padding: 40px 0 0;      
    } 
    
/* Type, buttons etc -------------------------------------------------------------------------------------  */

h1, h2, h3, h4, h5, h6
{
    color: #524c4a;
    font-weight: bold; 
    font-size: 1.6em;
    padding: 0 0 1em 0;
}

    h1
    {
        margin-top: -3px;
    }
    
    h2
    {
        font-size: 11pt;
        color: #5f8836;
    }    

p
{
/*    font-size: 1.3em;
    letter-spacing: -.01em;
    line-height: 1.4em; */
    font-size: 9pt;
    line-height: 12pt;
    font-style: normal;
    padding: 0 0 1em 0;   
}

   .emphasis
   {     
       font-weight: bold;
   }
   
a
{
    color: #837d7b;
    text-decoration: none;    
}

a:hover
{
    text-decoration: underline;  
}   
   
.btn_wholesale, .btn_buyCoffee
{
   background: url(../images/layout/btn_wholesale_login.png) top left no-repeat;      
   cursor: pointer;
   display: block;
    height: 44px;
    width: 200px;
}

.btn_wholesale
{
    margin-bottom: 10px;
}

.btn_buyCoffee
{
   background: url(../images/layout/btn_buyCoffee.png) top left no-repeat;      
   height: 24px;  
}

.btn_shopping, .btn_ClearCart, .btn_CheckOut
{
   background: url(../images/layout/btn_shopping.png) top left no-repeat;      
   cursor: pointer;
   display: block;
    height: 24px;
    width: 137px;
}

    .btn_ClearCart
    {
       background: url(../images/layout/btn_ClearCart.png) top left no-repeat;      
       width: 108px;  
    }
    
    .btn_CheckOut
    {
       background: url(../images/layout/btn_CheckOut.png) top left no-repeat;      
       width: 82px;  
    }    

    .btn_wholesale:hover, .btn_joinSN:hover, .btn_purchase:hover, .btn_buyCoffee:hover, .btn_shopping:hover, .btn_ClearCart:hover, .btn_CheckOut:hover
    {
        background-position: bottom left;
    }  

 
 /* Section details -------------------------------------------------------------------------------------  */ 
 
        /* Nav -------------------------------------------------------------------------------------  */ 
            ul#nav li
            {
                background-image: none;                
                float: left;
                list-style-image: none;
                margin: 0; 
                padding-top: 0;               
            } 

            ul#nav a
            {
                display: block; 
                    width: 130px;                          
                text-decoration: none;                
            }
              
                #nav_about
                {
                    background: url(../images/layout/nav_about.png) top left no-repeat;   
                    height: 54px;           
                }
                
                #nav_sustainability
                {
                    background: url(../images/layout/nav_sustainability.png) top left no-repeat;   
                    height: 35px;           
                }
                #nav_coffee
                {
                    background: url(../images/layout/nav_coffee.png) top left no-repeat;   
                    height: 55px;           
                }
                #nav_order
                {
                    background: url(../images/layout/nav_order.png) top left no-repeat;   
                    height: 54px;           
                }
                #nav_cafes
                {
                    background: url(../images/layout/nav_cafes.png) top left no-repeat;   
                    height: 60px;           
                }
                
                #nav_forum
                {
                    background: url(../images/layout/nav_forum.png) top left no-repeat;   
                    height: 52px;           
                }
                                                                                                 
                #nav_news
                {
                    background: url(../images/layout/nav_news.png) top left no-repeat;   
                    height: 31px;           
                }
                
                #nav_contact
                {
                    background: url(../images/layout/nav_contact.png) top left no-repeat;   
                    height: 40px;           
                }                                                                                                                                

				#nav_CoffeeProducts
				{
                    background: url(../images/layout/nav_coffeeproducts.png) top left no-repeat;   
                    height: 93px;
				}

			    #nav_PLAnetCups
                {
                    background: url(../images/layout/nav_pla.png) top left no-repeat;   
                    height: 36px; 
                }                                                                                                                                

                ul#nav a:hover, ul#nav .active a
                {
                    background-position: bottom left;
                }
  
        /* Sidebar -------------------------------------------------------------------------------------  */ 
                #sidebar p
                {
                    color: #4f4848;
                    line-height: 1.2em;
                    padding-bottom: 6px;
                    padding-left: 10px;
                }
            
            #sidebar a
            {
                color: #837d7b;    
                text-decoration: none;           
            }
            
                #sidebar a:hover
                {
                    color: #5f8836;
                    text-decoration: underline;
                }
                
            #sidebar .Bmargin
            {
                margin-bottom: 10px;
            }  
            
            #sidebar .Lmargin
            {
                margin-left: 10px; 
            }                              
                
                
        /* Footer -------------------------------------------------------------------------------------  */                 
        
        #footer div
        {
            color: #8e8a8a;                  
            font-size: 12px; 
        }
        
        #footer a
        {
            color: #8e8a8a;  
            text-decoration: none;    
        }
        
            #footer a:hover
            {
                text-decoration: underline;
            }
        
        #footer .divider
        {
            margin: -4px 15px 0 15px;
        }
        

 /* Page details -------------------------------------------------------------------------------------  */ 
 #main ul {
	margin: 5px 0px 0px 20px;
	padding: 0px;
 }
 #main ul li {
/*    font-size: 1.3em;
    letter-spacing: -.01em;
    line-height: 1.4em;*/
    font-size: 9pt;
    line-height: 12pt;
    font-style: normal;
 }

		/* Products -------------------------------------------------------------------------------------  */         
		.product
		{
		   width: 280px;
		}

		.product p
		{
		   color: #543019;
		   padding-top: 15px;
		}

		#category-matrix
		{
		   list-style-type: none; 
		   margin-top: -27px;
		   float: left;
		}
		  
			#category-matrix li
			{
         	width: 250px; /* was 280px */
         	margin-left: 15px;
         	margin-right: 30px;
         	float: left;
			}
			
		#product-list
		{
			list-style-type: none;	
		}
			#product-list li
			{
				display: block;	
				padding-bottom: 20px;
			}
			#product-list .product-desc h2
			{
				color: #6d7c3b;										
			}
			
			#product-list .product-desc label, .product-currency, .product-price
			{
				font-weight: bold;
				font-size: 10pt;
				float: left;
			}
			
			#product-list input[type="text"]
			{
				width: 50px;	
			}
			
			.add-to-cart
			{
				display: block;
				height: 24px;
				width: 85px;
				background: url('../images/layout/btn_addtocart.png') top left no-repeat;
			}
			
				.add-to-cart:hover
				{
					background-position: bottom;
				}			


		.pTmb
		{
		   border: 1px solid #d0d9ac;
		   float: left;
		   margin-right: 15px;
		}
               
        
/* Tables -------------------------------------------------------------------------------------  */  

table
{
    font-size: 1.3em;
    width: 100%;
}

th
{
    font-weight: bold;
    padding: 3px 25px 3px 0;    
    text-align: left;
}

th.align-right
{
	text-align: right;		
}

td
{
    border-top: 1px solid #e2ebb2;
    padding: 3px 25px 3px 0;
}

tr td:last-child 
{
        background-color: padding-right: 0;
}

.total td
{
    font-weight: bold;
    text-align: right;
}

table a
{
    color: #877f7c;
} 
                
/* Misc -------------------------------------------------------------------------------------  */ 

.bold
{
   font-weight: bold;
}

.clear
{
   clear: both;
}       
    
.left
{
   float: left;
}             

.right
{
   float: right;
}

.textRight
{
    text-align: right;
}

.Bpadding
{
    padding-bottom: 20px;
}

.BpaddingSM
{
    padding-bottom: 10px;
}

.Rmargin
{
    margin-right: 10px;
}


em
{
    font-weight: bolder;
}
    
strong
{
    font-weight: bold;    
}

.printOnly
{
    display: none;   
}    

#wrapper
{
    margin: 0 auto;
    width: 960px;
}     

#ajaxloader
{
	position: absolute;
	z-index: 2px;
	height: 80px;
	width: 80px;
	background-color: #FFFFFF;
	border: 1px solid #453e3e;
	text-align: center;
	visibility: hidden;
}

	#ajaxloader img
	{
		padding-top: 10px;	
	}
	
#sidebar form
{
    padding-left: 10px;
    padding-bottom: 10px;
}

#sidebar label 
{    
    clear: left;
    float: left;
} 

#sidebar input[type=text]
{
    background-color: #eaf2d6;
    float: right;
    border: 1px solid #96ab6e; 
    border-width: 1px 1px 0 0;  
    height: 16px;
    padding: 2px; 
    margin-bottom: 5px;
    width: 140px; 
} 	
	
/* Sidebar cart */
#tblSidebarCart th
{
	text-align: left;
	color: #a28030;	
}

#sideCartMessage
{
	padding: 5px 2px 5px 2px;
	margin-top: 6px;
	border-top: 1px solid #CCCCCC;
}

.sbc_row
{
	
}

.sbc_altrow
{
	background-color: #F4F4F4;	
}

.sbc_total
{
	font-weight: bold;		
}

.sideCartButton
{
	display: block;
	padding-top: 10px;	
}
	
	#sidebar_cart
	{
		padding: 5px;
		padding-top: 20px;	
		width: 199px;
	}

/* Forum CSS */	
#forum table td
{
	border: none;
	font-size: 10pt;
	padding: 5px 5px 0 0;
}		

#forum-breadcrumb
{
	margin-bottom: 10px;
}	

.block-forum-list
{
	margin-top: -20px;	
}

#forum h1
{
	font-size: 12pt;	
}

#forum h2
{
	margin: 0;
	padding: 0;	
	padding-bottom: 3px;
	font-size: 10pt;
}

	#forum h2 a
	{
		text-decoration: none;
		color: #96BB56;
	}
	
	#forum .underline
	{
		border-bottom: 1px #EEEEEE solid !important;
		padding-bottom: 3px;
		font-weight: bold;	
	}
	
		#forum .underline a
		{
			color: #524C4A !important;	
		}
		
	#forum #forum-thread, #forum #forum-newtopic
	{
		width: 600px;	
	}
	
	#forum .forumAdmin
	{	
		font-weight: bold;
	}
	
	#forum-newtopic textarea
	{
		width: 382px;	
	}
	
	#forum-breadcrumb
	{
		padding: 5px;
		background-color: #f1f4e1;
		width: 590px; 	
	}

		#forum-breadcrumb a
		{
			color: #5f8836;
			font-weight: bold;
		}