﻿<!--

body { margin: 0px 0px 0px 0px; background-image:url(../images/back.gif); background-repeat:repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; }

#container { margin:0px auto; width:1000px; }

a { text-decoration: none; } 
a:link { color: #cc6600; text-decoration: none; }
a:active { color: #006600; text-decoration: none; }
a:visited { color: #cc6600; text-decoration: none; }
a:hover { color: #FF3300; text-decoration:none; }

#header a { text-decoration: none; } 
#header a:link { color: #ffff99; text-decoration: none; }
#header a:active { color: #006600; text-decoration: none; }
#header a:visited { color: #ffff99; text-decoration: none; }
#header a:hover { color: #cc6600; text-decoration:none; }

#csa a { text-decoration: none; background-color:#FF3333; padding:4px; border:solid 1px #ffff99; } 
#csa a:link { color: #ffffff; text-decoration: none; }
#csa a:active { color: #ffff99; text-decoration: none; }
#csa a:visited { color: #ffffff; text-decoration: none; }
#csa a:hover { color: #ffff99; text-decoration:none; }


#homefoot a { text-decoration: none; } 
#homefoot a:link { color: #336600; text-decoration: none; }
#homefoot a:active { color: #006600; text-decoration: none; }
#homefoot a:visited { color: #336600; text-decoration: none; }
#homefoot a:hover { color: #cc6600; text-decoration:none; }

#leftnav a { text-decoration: none; } 
#leftnav a:link { color: #ffff99; text-decoration: none; }
#leftnav a:active { color: #006600; text-decoration: none; }
#leftnav a:visited { color: #ffff99; text-decoration: none; }
#leftnav a:hover { color: #cc6600; text-decoration:none; }

#foot a { text-decoration: none; } 
#foot a:link { color: #336600; text-decoration: none; }
#foot a:active { color: #006600; text-decoration: none; }
#foot a:visited { color: #336600; text-decoration: none; }
#foot a:hover { color: #cc6600; text-decoration:none; }

#homemain2 a { text-decoration: none; } 
#homemain2 a:link { color: #FFCC66; text-decoration: none; }
#homemain2 a:active { color: #006600; text-decoration: none; }
#homemain2 a:visited { color: #FFCC66; text-decoration: none; }
#homemain2 a:hover { color: #cc6600; text-decoration:none; }

#homemain2 { z-index:1; height: 200px; background-image:url(../images/homemain2.jpg); background-repeat:no-repeat; padding: 0px 40px 20px 270px; font-size: 11px; line-height: 14px; color: #ffffff; }

#header { width:700px; height:26px; background-image:url(../images/header.jpg); background-repeat:no-repeat; font-size:10px; font-weight:bold;  color:#663300; padding:15px 40px 5px 260px; text-align:right; }
#main { margin:0px 20px 0px 20px; background-color:#79a943; }
#leftcontent { float:left; width:240px; }
#leftnav { padding: 40px 10px 40px 30px; font-size:11px; font-weight:bold;  color:#663300; line-height:20px; }
#rightcontent { float:left; width:720px; }
#content { min-height:400px; background-color:#FFFFFF; padding:20px 40px 40px 40px; }
#homefoot { font-size:10px; font-weight:bold;  color:#996633; text-align:center; line-height:18px; margin-bottom:20px; }
#foot { font-size:10px; font-weight:bold;  color:#996633; text-align:center; line-height:18px; margin-top:20px; margin-bottom:20px; }

h1 { font-size: 20px; font-weight:bold; color:#669933; }
h2 { font-size: 14px; font-weight:bold; color:#666666; margin-bottom:-10px; }
h3 { font-size: 13px; font-weight:bold; color:#999999; margin-bottom:-10px; }
h4 { font-size: 11px; font-weight:bold; text-transform:uppercase; color:#999999; margin-bottom:-10px; }

.intro { font-size: 14px; }
.section { text-transform:uppercase; }
.pageon { color:#FFFFFF; }
.subnav { margin-left:12px; font-size:10px; }

.column { float:left; margin-right:20px; width:300px; }

.headrowone { padding:5px; background-color:#669933; font-weight:bold; color:#FFFFFF; vertical-align:bottom; }
.headrow { padding:5px; background-color:#669933; font-weight:bold; color:#FFFFFF; vertical-align:bottom; border-left:solid 1px #666666; }
.row1one { padding:5px; background-color:#C1C1C1; vertical-align:top; font-weight:bold; }
.row1 { padding:5px; background-color:#CCCCCC; vertical-align:top; border-left:solid 1px #999999; }
.row2one { padding:5px; background-color:#E1E1E1; vertical-align:top; font-weight:bold; }
.row2 { padding:5px; background-color:#ECECEC; vertical-align:top; border-left:solid 1px #999999; }

.box { border:solid 2px #CCCCCC; padding:5px; margin:0px 0px 10px 20px; font-size:11px; float:right; width:300px; } 

.photos { margin-top: 7px; margin-right: 7px; border:dashed 1px #cccccc; padding:2px; }

.hilite { color:#669933; }
.hilitehome { font-weight:bold; font-style:italic; }

.line { border-top:dashed 1px #cccccc; }

#carrot { z-index:20; position:relative; float:left; left:32px; }

.clear { clear:both; }
.nobr { white-space:nowrap; }


.button { background-color:#006600; padding:8px; text-align:center; }
.button a { text-decoration: none; } 
.button a:link { color: #ffffff; text-decoration: none; }
.button a:active { color: #ffcc33; text-decoration: none; }
.button a:visited { color: #ffffff; text-decoration: none; }
.button a:hover { color: #ffcc33; text-decoration:none; }


-->
//For Order Form

#formbox { width:600px; margin:40px auto; text-align:left;}
#customForm{
	padding: 0 5px 5px;
}
#customForm label{
	display: block;
	color: #797979;
	font-weight: 700;
	line-height: 1.4em;
}
#customForm input[type=text]{
	width: 220px;
	padding: 6px;
	color: #949494;
	//font-family: Arial,  Verdana, Helvetica, sans-serif;
	//font-size: 11px;
	border: 1px solid #cecece;
}
#customForm input[type=submit]{
	width: 220px;
	padding: 6px;
	color: #949494;
	//font-family: Arial,  Verdana, Helvetica, sans-serif;
	//font-size: 11px;
	border: 1px solid #cecece;
	font-weight:bold;
}
#customForm input[type=submit]{
	background: #336600;
	color: #fff;
	//font-weight: 700;
	//font-style: normal;
	border: 0;
	cursor: pointer;
}
#customForm input[type=submit]:hover{
	color: #ffcc33;
        text-decoration:none;
}
input.sp{
	//width: 220px;
	//padding: 6px;
	//color: #949494;
	//font-family: Arial,  Verdana, Helvetica, sans-serif;
	//font-size: 11px;
	//border: 1px solid #cecece;
	//font-weight:bold;
}
input.sp{
	background: #FFFFFF;
	//color: #fff;
	//font-weight: 700;
	//font-style: normal;
	border: 0;
	cursor: pointer;
}
input.sp{
	color: #FF3300;
        text-decoration:none;
}
#customForm send1{
	width: 220px;
	padding: 6px;
	color: #949494;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cecece;
}
#customForm input.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#customForm textarea{
	width: 550px;
	height: 80px;
	padding: 6px;
	color: #adaeae;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #cecece;
}
#customForm textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#customForm div{
	margin-bottom: 15px;
}
#customForm div span{
	margin-left: 5px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}
#customForm div span.error{
	color: #e46c6e;
}
#customForm #send1{
	background: #336600;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	border: 0;
	cursor: pointer;
}
#customForm #send1:hover{
	background: #335500;
}
#error{
	margin-bottom: 20px;
	border: 1px solid #efefef;
}
#error ul{
	list-style: square;
	padding: 5px;
	font-size: 11px;
}
#error ul li{
	list-style-position: inside;
	line-height: 1.6em;
}
#error ul li strong{
	color: #e46c6d;
}
#error.valid ul li strong{
	color: #93d72e;
}
span.titlecase {
    text-transform:capitalize;
}
//End Form

//For garlic
#customFormSize input[type=button]{
	width: 220px;
	color: #949494;
	//font-family: Arial,  Verdana, Helvetica, sans-serif;
	//font-size: 11px;
	border: 1px solid #cecece;
}
#customFormSize input[type=button]{
    width: 220px;
   	padding: 6px;
	background: #336600;
	color: #fff;
	//font-weight: 700;
	//font-style: normal;
	border: 0;
	cursor: pointer;
	font-weight:bold;
}
#customFormSize input[type=button]:hover{
	color: #ffcc33;
    text-decoration:none;
}
#customFormSize input[readonly="readonly"] {
   color:black;
   border: 0;
   text-align:right;
} 
//For garlic




