/* A CSS Framework by Mike Stenhouse of Content with Style */

@import url("nav-horizontal.css");
 
/* NAV BAR AT THE TOP, LOCAL NAV ON THE LEFT AND TWO COLUMNS OF CONTENT */
 
 
 
 div#content {
        
        width: 780px;
        margin: 0 auto 0 auto;
        padding: 0;   
        text-align: left;
         border-bottom: 1px solid #ccc;
         
    }
   
div#topart {
        float: left;
        width: 780px;
        display: inline;
        padding: 0;
        margin: 0 0 0 0;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
         
    }
    
   
    div#main {
        float: left;
        width: 350px;
        display: inline;
        padding: 0;
        margin-right: -200px;
        margin-left: 200px;
    }
    
    
    div#sub {
        float: left;
        width: 170px;
        display: inline;
        
        margin-top: 10px;
        margin-left: -380px;
         margin-bottom: 20px;
         padding-left: 10px;
    }
    
html>body #sub {
        float: left;
        width: 170px;
        display: inline;
        
        margin-top: 10px;
        margin-left: -350px;

        
    }
    
div#subad {
        float: left;
        width: 180px;
        display: inline;
        background: #E7EFDB;
        margin-top: 0;
        margin-left: -400px;
        
        padding: 10px;
                border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
                margin-bottom: 20px;   
    }
    
html>body #subad {
        float: left;
        width: 180px;
        display: inline;
        background: #E7EFDB;
        margin-top: 0;
        margin-left: -350px;
                border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
                margin-bottom: 20px;
    }
    
    
div#subad2 {
        float: left;
        width: 180px;
        display: inline;
        background: #E7EFDB;
        margin-top: 0;
        margin-left: -350px;
        margin-bottom: 20px;
                       
        padding: 10px;
                border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
 
        
    }
    
html>body #subad2 {
        float: left;
        width: 180px;
        display: inline;
        background: #E7EFDB;
        margin-top: 0;
        margin-left: -350px;
                border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
                margin-bottom: 20px;
    }
    
    
div#local {
        float: right; 
        width: 200px;
        display: inline;
        margin: 0 0 20px 0;
        text-align: left;
        padding: 0 10px 0 0;
        }

.add-cart-tit {
        margin: 10px 0 1px 0;
        padding: 5px 10px 0 10px;
        float: right;
        width: 170px;
    
        background-color: #E7EFDB;
    }
  
 html>body .add-cart-tit {
        margin: 10px 0 1px 0;
        padding: 5px 10px 0 10px;
        float: right;
        width: 170px;
        display: block;
        background-color: #E7EFDB;
    }
        
.add-cart {
        margin: 0 0 1px 0;
        padding: 5px 10px 0 10px;
        float: right;
        width: 170px;
        display: block;
        background-color: #E7EFDB;
    }


html>body .add-cart {
        margin: 0 0 1px 0;
        padding: 5px 10px 0 10px;
        float: right;
        width: 170px;
        display: block;
        background-color: #E7EFDB;
    }
        
    .add-cart-bott {
        margin: 0 0 1px 0;
        padding: 5px 10px 0 10px;
        float: right;
        width: 170px;
        display: block;
        background-color: #eee;
        text-align: right;
    }
    
html>body .add-cart-bott {
        margin: 0 0 1px 0;
        padding: 5px 10px 0 10px;
        float: right;
        width: 170px;
        display: block;
        background-color: #eee;
        text-align: right;
    }
    
     .add-cart-tit h3 {
    padding: 3px 0 5px 0;
    margin: 0;
    
    }
    
    
            
            
div#map2 {
    padding: 10px 0 20px 15px;
    
    }
    
    
div#nav {
        position: relative;
        padding: 0;
        margin: 0 auto 0 auto;
        width: 780px;
        text-align: left;
    }
    
div#nuggwrap {
            float: left;
            width: 360px;
            margin: 10px 0 0 0;
            padding: 0 0 8px 20px;
            }
    

     
    
    
.nugg {
            float: left;
            width: 100px;
            
            margin: 0 10px 10px 0;
            padding: 0 0 0 0;
            
            text-align: left;
            }
            
.mapping
            
            {
            float: left;
            width: 310px;
            
            margin: 0;
             padding: 20px 0 20px 40px;
            
            text-align: left;
            }
            
            
            
a.pics {display:block;width:100px;height:100px;border: 1px solid #ccc; }       
           
a.pics:hover { border: 1px solid #666; }

a.mats {float: left;display:block;width:70px;height:70px;border: 1px solid #ccc; margin: 0 5px 5px 5px; }       
           
a.mats:hover { border: 1px solid #666; }

.add-cart table input {
margin-bottom: 5px;
}
            
/* END CONTENT */