f/*ALL*/

body
{
    background-color: #fff;
    text-align: center;
    margin: 10px 0 0 0;
}

#all
{
    font-family: verdana, helvetica, sans-serif;
    width: 750px;
    border: 1px solid #483A29;
    height: auto;
}

/*HEADER*/

#header
{
    float: right;
    margin: 0 0 0 0;
    border: none;
    background-color: #ffffff;
}
#main
{
    background: url(     'images/background.gif' ) repeat-y 0px 0px;
}

/* TOPNAV */
#topnav
{
    width: 750px;
    clear: both;
    font: normal bold 13px Arial,sans-serif;
    background-color: #B9EAD3;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}
#topnav ul
{
    margin: 0px;
    padding: 3px 0;
}
#topnav li
{
    list-style: none;
    display: inline;
    margin-right: 10px;
}
#topnav li a
{
    color: #033C20;
    font-weight: bold;
    border-bottom: 0;
    text-decoration: none;
}
#topnav li a:hover
{
    color: #fff;
    text-decoration: underline;
}
#topnav li a.on
{
    color: #033C20;
    text-decoration: underline;
}

/*SEARCH*/

.search
{
text-align:left;
color:#033c20;
}

.search input
{
    width:100px;
}

.search label
{
    font: bold 13px arial, sans-serif;
    padding-bottom:5px;
    width: 90px;
}

/*LEFT NAV*/

#leftnav
{
    font: bold 13px arial, sans-serif;
    text-align: left;
    padding-top:10px;
    padding-top:10px;
    padding-bottom: 10px;
    width: 150px;
    float: left;
    color: #033C20;
}
#leftnav li
{
    list-style: none;
    padding-top: 5px;
    padding-bottom: 5px;
}
#leftnav li a
{
    color: #033C20;
    font-weight: bold;
    line-height: 160%;
    text-decoration: none;
}

#leftnav li a.on
{
    color: #033C20;
    font-weight: bold;
    line-height: 160%;
    text-decoration: underline;
}

#leftnav li a:hover
{
    text-decoration:underline;
}

#leftnav label
{
    font: bold 13px arial, sans-serif;
    padding-bottom:5px;
}

/*CONTENT*/

#content
{
    width: 370px;
    text-align: left;
    float: left;
    margin-left: 25px;
    padding-left: 25px;
}

#content p
{
    font: normal 12px verdana, sans-serif;
    line-height: 140%;
    color: #777777;
    text-align: justify;
}

#content h1
{
    font: bold 15px Arial, sans-serif;
    color: #033c20;
text-transform:capitalize;
}
#content h2
{
    font: bold 13px Arial, sans-serif;
    color: #033c20;
    background-color: #e1e1e1;
    padding: 3px,0,3px,3px;
text-transform:capitalize;
}

/*TEXT AND HEADINGS*/
p
{
    font: normal 12px verdana, sans-serif;
    line-height: 140%;
    color: #777777;
    text-align: justify;
}

h1
{
    font: bold 15px Arial, sans-serif;
    color: #033c20;
    text-align: left;
}
h2
{
    font: bold 13px Arial, sans-serif;
    color: #033c20;
    background-color: #e1e1e1;
    padding: 3px,0,3px,3px;
}

h3
{
    font: bold 12px Arial, sans-serif;
    color: #033c20;
    background-color: #ffffff;
    padding: 3px,0,3px,3px;
}
#content a
{
    text-decoration: none;
    font: normal 12px verdana, sans-serif;
    line-height: 140%;
    color: #033C20;
    text-align: justify;
}
#content a:hover
{
    color: #c0c0c0;
    text-decoration: underline;
}

/*CONTENT CATALOGUE*/

#content-cat
{
    width: 525px;
    text-align: left;
    float: left;
    margin-left: 25px;
    padding-left: 25px;
}

#content-cat2
{
    width: 525px;
    text-align: left;
    float: left;
    margin-left: 25px;
    padding-left: 25px;
}

#content-cat a
{
    text-decoration: none;
    font: normal 12px verdana, sans-serif;
    line-height: 140%;
    color: #033C20;
    text-align: justify;
}
#content-cat a:hover
{
    color: #c0c0c0;
    text-decoration: underline;
}

/*PRODUCTS*/

#productpic
{
    float: right;
    margin-right: 15px;
}
#productpic img
{
    border: 1px solid #B8B8AC;
    height: 200px;
    width: 200px;
    margin-top: 5px;
    padding-top: 5px;
}
#productdescription
{
    float: left;
    width: 300px;
    margin-left: 25px;
    padding-left: 25px;
}
#productdescription input
{
    border: 1px solid #cccccc;
    background-color: #ffffff;
    margin-top: 10px;
    width: 125px;
}


/*TABLES*/

table.products
{
    display: inline;
}

table.products tr td
{
    font: normal 11px verdana,arial,helvetica,sans-serif;
    text-align: center;
    vertical-align:top;
width:110px;
}
table.products tr td img
{
    border: 1px solid #777777;
    margin: 10px 0 4px 0;
    width: 100px;
    height: 100px;
}
table.products tr td a
{
    color: #777777;
    text-decoration: none;
}

table.products tr td a:hover
{
    text-decoration: underline;
}

/*RIGHT*/

#right
{
    display: inline;
    float: right;
    text-align: center;
    text-decoration: none;
    margin: 35px, 0, 50px, 10px;
}

#right img
{
    clear: both;
    padding-top: 25px;
    padding-bottom: 30px;
    padding-right:10px;
    margin: 30px,0,30px,0;
}

/*SHOPPING*/
table.shopping
{
width:500px;
}
table.shopping tr td
{
    padding: 2px;
    font: normal normal 12px verdana,arial,helvetica,sans-serif;
    color: #777777;
    text-align: center;
    background-color: #EDEDED;
}
table.shopping tr th
{
    padding: 5px;
    font: normal bold 12px verdana,arial,helvetica,sans-serif;
    color: #fff;
    text-align: left;
    background-color: #033C20;
}
.shopping a
{
    color: #033C20;
    text-decoration: underline;
}

.shopping input
{
    width:50px;
}
.shopping tr td.buttons
{
    background-color: #fff;
    text-align: right;
    padding: 10px 0 0 0;
}
.shopping tr td.shop-small
{
width:100px;
}
.shopping tr td.buttons input
{
    border: 1px solid #033C20;
    background-color: #ffffff;
    text-align: center;
    width:150px;
}






/*FOOTER*/
#footer
{
    width: 750px;
    clear: both;
    background: url(images/footer.gif);
    height: 53px;
}

#footer ul
{
    padding-top: 16px;
    padding-bottom: 0;
}

#footer li
{
    display: inline;
    list-style: none;
    padding-left: 10px;
    padding-right: 10px;
}
#footer li a
{
    font: bold 12px arial, sans-serif;
    color: #ffffff;
    text-decoration: none;
    padding-top: 10px;
    vertical-align: bottom;
}
#footer li a:hover
{
    color: #8cbda6;
}

/*BREADCRUMB TRAIL */
#breadcrumb
{
	clear: both;
	font: bold 10px arial, sans-serif;
	width: 100%;
	color: #777777;
	text-align: left;
	text-decoration: none;
}
#breadcrumb a
{
    font: bold 10px arial, sans-serif;
    color: #032c20;
    text-decoration: underline;
}

#breadcrumb a:hover
{
    color: #8cbda6;
}


/*FORMS*/

#content-cat ul
{
    list-style-type: none;
}

#content-cat li
{
    padding-bottom: 10px;
}

#content-cat2 ul
{
    list-style-type: none;
}

#content-cat2 li
{
    padding-bottom: 10px;
}

label
{
    width:10em;
    float: left;
    text-align: left;
    margin-right: 0.5em;
    display: block;
    font: 12px verdana, sans-serif;
    color: #033C20;
}

input
{
    border: 1px solid #4A6E5C;
    width: 200px;
    font: 12px verdana, sans-serif;
    color: #777777;
}

textarea
{
    border: 1px solid #4A6E5C;
    width: 200px;
    font: 12px verdana, sans-serif;
    color: #777777;
}

select
{
    color: #777777;
    width: 200px;
    border: 1px solid #4A6E5C;
    background: #ffffff;
    margin-left: 0px;
}

.checkbox
{
    text-align: left;
}

input.submit
{
    color: #777777;
    width: 70px;
    border: 1px solid #4A6E5C;
    background: #ffffff;
    margin-left: 0px;
}

/* EXTRAS*/


#credit
{
    font: normal normal 10px Verdana, verdana, Helvetica, sans-serif;
    width: 740px;
    text-align: right;
    margin-top: 6px;
    padding-bottom: 5px;
    color: #777777;
}
#credit a
{
    font-weight: normal;
    font-size: 10px;
    font-weight: normal;
    color: #033C20;
    text-align: right;
    text-decoration: none;
}
#credit a:hover
{
text-decoration:underline;
}

.copyprob
{
    font: normal bold 17px verdana, tahoma, sans-serif;
    color: #ff0000;
}

.clearboth
{
    clear: both;
}

.sale
{
    font-size: 11px;
    color: red;
    font-family: verdana, Sans-Serif;
}

.red
{
	padding-right: 0px;
	padding-left: 0px;
	font-size: 10px;
	padding-bottom: 5px;
	color: red;
	padding-top: 5px;
	font-family: verdana, Sans-Serif;
}