html{
    margin: 0px;
    padding: 0px;
}

body{
    background: #4a894f;
    margin: 0px;
    padding: 0px;
    color: #000000;
    font: 12px/14px verdana, sans-serif;
}

a:link, a:visited {
    color: #333333;
    font: 14px/18px verdana, sans-serif;
    text-decoration: none;
}

a:hover {
    color: #555555;
    text-decoration: underline;
}

.red {
    color: #CC0000;
}

#wrapper{
    width: 800px;
    margin: 15px auto 0 auto;
    padding: 20px;
    background: #FFFFFF;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    border: 3px solid #346138;
    background-clip: padding-box;
}

.clear-it {
    clear: both;
    font: 1px;
    line-height: 1px;
    height: 1px;
    display:block;
}

h1 {
    font: 30px/34px georgia, serif;
    color: #040404;
    margin: 0 0 7px 0;
    text-align: center;
}

h2 {
    font: bold 20px/22px georgia, serif;
    color: #040404;
    margin: 0 0 7px 0;
}



h3 {
    font: 14px/17px georgia, serif;
    color: #040404;
    font-style: italic;
    display: inline;
}

h3.filled {
    background: url(../images/filled-icon.jpg) top left no-repeat;  
    display: inline-block;
    padding: 9px 0 9px 40px;
    margin: 2px 0 2px 0;
}

h3.unfilled {
    background: url(../images/unfilled-icon.jpg) top left no-repeat;
    display: inline-block;  
    padding: 9px 0 9px 40px;
    margin: 2px 0 2px 0;
}

h4 {
    font: 18px/22px georgia, serif;
    color: #040404;
    margin: 0 0 7px 0;
    text-align: center;
}

#header-left {
    width: 440px;
    float: left;
    display: inline;
}

#header-left h1 {
    font: bold 20px/22px arial, sans-serif;
    color: #040404;
    margin: 0 0 7px 0;
    display: block;
    text-align: left;
}

#header-left h1 a:link, #header-left h1 a:visited {
    font: bold 20px/22px arial, sans-serif;
    color: #040404;
    margin: 0 0 7px 0;
}

#header-right {
    width: 360px;
    float: left;
    display: inline;
    text-align: right;
    line-height: 20px;
}

#header-right h1 {
    font: 18px/22px arial, sans-serif;
    color: #949494;
    margin: 0 0 7px 0;
    display: block;
    text-align: right;
}

#header-right h2 {
    font: 13px/22px arial, sans-serif;
    color: #949494;
    margin: 0 0 7px 0;
    display: block;
    text-align: right;
}

#header-right #logged {
    font: 16px/18px arial, sans-serif;
    color: #aaa;
}

#header-right #user {
    color: #000000;
}

#footer {
   width: 820px;
   margin: auto;
   text-align: center;
   margin-top: 7px;
   margin-bottom: 15px;
   color: #333;
   font: 13px/20px verdana, sans-serif;
}

#footer a {
   font: 13px/20px verdana, sans-serif;
   color: #333;
}

#footer hr {
    height: 2px;
    width:80%;
    border: none;
    background: #999;
}

td a:link, td a:visited {
    color: #315e34;
    font: 12px/14px verdana, sans-serif;
    text-decoration: underline;
}

td a:hover {
    text-decoration: none;
}

tr.odd-row {
    background: #E1EDE2;
}

label {
    float: left;
    width: 90px;
    text-align: left;
    margin: 0 10px 0 0;
}

input.text_input {
    width: 300px;
}

label.normal {
    float: none;
    width: auto;
    text-align: auto;
    margin: 0;
}

textarea {
    width: 300px;
    height: 75px;
}

fieldset {
    width: 350px;
    margin: auto;   
}

legend {
    font-weight: bold;  
}

.submit_wrap {
    margin: 0 0 0 100px;
}

table {
    color: #000000;
    font: 12px/16px verdana, sans-serif;
}

.error {
    font: 12px/17px georgia, serif;
    color: #CC0000; 
    width: 500px;
    margin: 15px auto 15px auto;
    padding: 10px;
    border: 3px solid #000;
}

.error a:link, .error a:visited {
    font: 12px/14px georgia, serif;
    color: #CC0000;
    text-decoration: underline;
}

.error a:hover {
    text-decoration: none;
}

.top-help {
    width:500px; 
    margin:auto; 
    padding:0 10px 0 10px; 
    border:1px #FF0000 dashed;
}

/************** Nav ****************/

#nav {
    padding: 7px 0 7px 0;
    margin: 15px 0 15px 0;  
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}

/************** Products ****************/

td.prod-name a:link, td.prod-name a:visited {
    color: #4a894f;
    font: 12px/14px verdana, sans-serif;
    text-decoration: none;  
}

td.prod-name a:hover {
    text-decoration: underline; 
}

tr.cat-header {
    background: #BBEDBF;    
}

td.prod-cat-head {
    font: 18px/22px georgia, serif; 
}

#cats {
    width: 600px;
    margin: auto;
}

.cat-col {
    float: left; 
    display: inline;
    width: 300px;
}

a.cat-item {
   font-size: 16px;
    line-height: 18px;
    display: block;
    padding: 7px 0 7px 0;
    margin: 7px 3px 7px 3px;
    background: #E1EDE2;
    text-align: center;
}

a.cat-item:hover {
    background: #A9C9AC;
}

#jump-form {
    float: right;
    display: inline;    
}

#search-form {
    width: 500px;
    margin: auto;
    text-align: center;
}

#search-form-right {
    width: 310px;
    text-align: right;
    float: right;
}

/************** Basket ****************/

table.basket-l {
    float: left; 
    display: block;
    width: 500px;
}

.basket-r {
    float: left;
    display:inline;
    margin: 0 0 0 10px; 
    width:280px;
}

/************** Basket ****************/

.odd {
    background: #B1CFB3;    
}

/**********/

.h2-inline {
    display: inline;    
}