/*****GENERAL*****/
a:link, a:visited 
{
    text-decoration: none;
    color: #6A8B6E;
}
a:hover 
{
    text-decoration: underline;
}
body 
{
    font-family: Calibri, Verdana, Ariel, sans-serif;
    font-size: 12pt;
}
#content
{
    width: 1010px;
    margin: auto;
}
/*****HEADER*****/
#header
{
    width: 100%;
}
#headerlogo
{
    float: right;
}
#headerlogoother
{
    float: left;
    vertical-align: bottom;
    padding-bottom: 3px;
}
/*****MENU*****/
#navbar 
{
    clear: both;
    height:18px;
	margin: 0;
    padding: 5px 0 5px 0;
    background: #9CC19F;
    border: 1px solid #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;
    behavior: url('/PIE.htc');
}
#navbar a:hover
{
    color: White;
    text-decoration: none;
}
#navbar li 
{
	list-style: none;
	padding: 0 0 0 35px;
	float: left;
}
#navbar li a
{
	display: block;
	color: Black;
	font-weight: bold;
	text-decoration: none;
} 
#navbar li ul
{
	display: none; 
	/* width: 7em;  Width to help Opera out */
	border: 1px solid black;
	background-color: #9CC19F;
    z-index: 100;
} 
#navbar li li
{
	padding: 3px 20px 3px 20px;
}
#navbar li:hover ul, #navbar li.hover ul
{
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
}
#navbar li:hover li, #navbar li.hover li
{
	float: none;
}
#navbar li:hover li a, #navbar li.hover li a
{
	background-color: #9CC19F;
	color: #000;
}
#navbar li li a:hover
{
	color: White;
} 
#clearmenu 
{
    clear: both;
    margin-top: 20px;
}
/*****FOOTER*****/
#footer 
{
    clear: both;
    float: left;
    width: 100%;
    padding: 0;
    margin-top: 20px;
    border-top: 1px solid;
}
#footer p 
{
    padding: 0;
    margin-top: 3px;
    font-size: smaller;
}
/*****MAIN CONTENT*****/
#main 
{
    width: 100%;
}
#main > h3 
{
    clear:left;
}
.main-image-side 
{
    float: right;
    margin: 10px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;
    behavior: url('PIE.htc');
}
#maintext
{
    clear: both;
    width: 758px;
    float: left;
}
#maintext-text
{
    width: 490px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}
#maintext-image
{
    width: 240px;
    float: right;
    padding-top: 30px;
}
#rightcol
{
    width: 238px;
    float: left;
    margin-left: 10px;
    border: 1px solid #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;
    background: #6A8B6E;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#95B898), to(#6A8B6E));
    background: -moz-linear-gradient(#95B898, #6A8B6E);
    background: linear-gradient(#95B898, #6A8B6E);
    -pie-background: linear-gradient(#95B898, #6A8B6E);    
    behavior: url('PIE.htc');
}
#rightcol p 
{
    padding-left: 5px;
    padding-right: 5px;
}
h2.boxheading, h2.boxheading-l
{
    text-align: center;
    padding-top: 5px;
    margin:0;
}
h2.boxheading-l
{
    text-align: left;
}
#bottom 
{
    clear: both;
    width: 100%;
    float: left;
    margin-top: 20px;
    border-top: 1px solid;
}
.bottom img 
{
    border: 0;
}
a:link.bottom, #bottom a:visited.bottom, a:link.side, a:visited.side 
{
    color: Black;
}
a:hover.bottom
{
    text-decoration: none;
}
.bold 
{
    font-weight: bold;
}
.green
{
    color: #6A8B6E;
}
.red
{
    color: Red;
}
/*****HOME PAGE*****/
.product-image 
{
    width: 100px;
    float: left;
    margin-top: 20px;
}
.product-text 
{
    width: 142px;
    float: left;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 20px;
    height: 150px;
}
.product-text h3
{
    margin-top: 0;
    padding-top: 0;
}
#boxout-l, #boxout-r
{
    margin-top: 10px;
    padding-left: 10px;
    width: 480px;
    border: 1px solid #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;
    background: #6A8B6E;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#95B898), to(#6A8B6E));
    background: -moz-linear-gradient(#95B898, #6A8B6E);
    background: linear-gradient(#95B898, #6A8B6E);
    -pie-background: linear-gradient(#95B898, #6A8B6E);    
    behavior: url('PIE.htc');
}
#boxout-l
{
    float: left;
}

#boxout-r
{
    float: right;
}
/*****SHOP*****/
#shoplist 
{
    width: 850px;
    margin: auto;
}
.shopitem
{
    float: left;
    clear: left;
    width: 100%;
    margin-top: 10px;
    border: 1px solid;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url('../PIE.htc');
}
.shopimage 
{
    float: left;
    width: 200px;
}
.shoptext 
{
    float: left;
    width: 600px;
}
.shoptext h3
{
    padding-top: 0;
    margin-top: 10px;
}
.shoptext h2
{
    padding-top: 0;
    margin-top: 0;
}
.ingredientshead 
{
    cursor: pointer;
}
.ingredientshead:hover
{
    text-decoration: underline;
}
.ingredientstext 
{
    display: none;
}

.PaymentForm 
{
    width: 700px;
    border: 1px solid #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;
    background: #6A8B6E;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#95B898), to(#6A8B6E));
    background: -moz-linear-gradient(#95B898, #6A8B6E);
    background: linear-gradient(#95B898, #6A8B6E);
    -pie-background: linear-gradient(#95B898, #6A8B6E);    
    behavior: url('../PIE.htc');
}
.PaymentForm table
{
    margin: 10px;
}
.PaymentForm td
{
    font-weight: bold;
}
.PaymentForm td.label
{
    width:200px;
}
.PaymentForm input
{
    border: 1px solid;
    margin-left: 50px;
}