body {
background:#02331d url(images/oc_bkgnd2.jpg) repeat-x;
text-align:center;
margin:0;
padding:0;
}

#wrap {
width:750px;
margin-right:auto;
margin-left:auto;
padding:0 0 60px;
}

.main {
background-image:url(images/paper_repeat.gif);
background-repeat:repeat-y;
background-attachment:scroll;
background-position:0 0;
width:750px;
float:left;
margin:0;
padding:0;
}

.ripped {
background-image:url(images/tornpaper_top.gif);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:0 bottom;
width:750px;
height:15px;
float:left;
margin:20px 0 0;
padding:0;
}

img {
border-style:none;
border-width:0;
}

.logo {
position:relative;
top:12px;
left:0;
width:177px;
height:74px;
float:left;
margin:0;
padding:0;
}

.border {
border:solid 1px #714b03;
}

/*---  Navbar stuff ---*/
#topnav {
background-image:url(images/oc_navbar_bkgnd.gif);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:0 0;
position:relative;
top:30px;
left:9px;
width:561px;
height:30px;
float:left;
margin:0;
}

#topnav #navbar {
margin:0;
padding:0;
}

#topnav #navbar li {
display:inline;
}

#topnav #navbar li a {
background-image:url(images/oc_navbar.gif);
background-repeat:no-repeat;
text-indent:-9000px;
height:0;
overflow:hidden;
float:left;
padding-top:30px;
}

/*--- Buttons ---*/
#topnav #navbar li#ochome a {
background-position:0 0;
position:relative;
left:16px;
width:44px;
overflow:hidden;
}

#topnav #navbar li#ocproducts a {
background-position:-44px 0;
position:relative;
left:16px;
width:91px;
overflow:hidden;
}

#topnav #navbar li#ocrecipes a {
background-position:-135px 0;
position:relative;
left:16px;
width:104px;
overflow:hidden;
}

#topnav #navbar li#ocaboutus a {
background-position:-239px 0;
position:relative;
left:16px;
width:99px;
overflow:hidden;
}

#topnav #navbar li#ocnews a {
background-position:-338px 0;
position:relative;
left:16px;
width:114px;
overflow:hidden;
}

#topnav #navbar li#ocwhere a {
background-position:-452px 0;
position:relative;
left:16px;
width:79px;
overflow:hidden;
}

/*--- Buttons Overstate ---*/
#topnav #navbar li#ochome a:hover {
background-position:0 -30px;
}

#topnav #navbar li#ocproducts a:hover {
background-position:-44px -30px;
}

#topnav #navbar li#ocrecipes a:hover {
background-position:-135px -30px;
}

#topnav #navbar li#ocaboutus a:hover {
background-position:-239px -30px;
}

#topnav #navbar li#ocnews a:hover {
background-position:-338px -30px;
}

#topnav #navbar li#ocwhere a:hover {
background-position:-452px -30px;
}

/*--- Buttons On ---*/
#topnav.home #navbar li#ochome a {
background-position:0 -30px;
left:16px;
}

#topnav.products #navbar li#ocproducts a {
background-position:-44px -30px;
left:16px;
}

#topnav.recipes #navbar li#ocrecipes a {
background-position:-135px -30px;
left:16px;
}

#topnav.aboutus #navbar li#ocaboutus a {
background-position:-239px -30px;
left:16px;
}

#topnav.news #navbar li#ocnews a {
background-position:-338px -30px;
position:relative;
left:16px;
}

#topnav.where #navbar li#ocwhere a {
background-position:-452px -30px;
position:relative;
left:16px;
}

/*PDF DOWNLOADS*/
a.PDF {
background:transparent url(images/btg-adobePDF.gif) no-repeat left !important;
line-height:20px;
text-decoration:none;
padding:2px 0 0 15px;
}

a:hover.PDF {
background:transparent url(images/btc-adobePDF.gif) no-repeat left !important;
padding-left:15px;
color:#f68634;
text-decoration:underline;
}

/*--- Boxes ---*/
.boxes {
text-align:center;
width:750px;
height:165px;
margin:0 0 0 9px;
padding:0;
}

.boxcopy a { color:#063; font-family:"Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-decoration:none; margin:0; padding:0; }

.boxcopy a:hover {
color:#3f2b21;
text-decoration:underline;
}

.boxcopy p {
color:#630;
font-size:10px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:700;
line-height:14px;
text-decoration:none;
text-align:right;
margin:0;
padding:0;
}

#chefhat {
background-image:url(images/boxes/uchef_box.jpg);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:0 0;
width:243px;
height:165px;
float:left;
margin:0;
padding:0;
}

#chefhat .boxcopy {
margin:0;
padding:20px 14px 0 108px;
}

#icecream {
background-image:url(images/boxes/icecream_box.jpg);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:0 0;
width:243px;
height:165px;
float:left;
margin:0;
padding:0;
}

#icecream .boxcopy {
margin:0;
padding:20px 14px 0 108px;
}

#recipebox {
background-image:url(images/boxes/recipe_box.jpg);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:0 0;
width:243px;
height:165px;
float:left;
margin:0;
padding:0;
}

#recipebox .boxcopy {
margin:0;
padding:55px 14px 0 100px;
}

#dressings {
background-image:url(images/boxes/dressings_box.jpg);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:0 0;
width:243px;
height:165px;
float:left;
margin:0;
padding:0;
}

#dressings .boxcopy {
margin:0;
padding:20px 14px 0 120px;
}

#dressings h1, #recipebox h1, #chefhat h1, #icecream h1 { font-size:13px; font-weight:bold; line-height: 15px; text-align: right; margin:0; padding:0 0 3px; }

h3 {
color:#09331a;
font-size:14px;
font-family:"Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
font-weight:700;
line-height:15px;
text-decoration:none;
margin:0;
padding:0 0 4px;
}

h2 {
font:bold 13px "Trebuchet MS", Geneva, Arial, Helvetica;
color: #136131;
margin:0;
padding-left:20px;
padding-top:2px;
}

/*--- Footer ---*/
#label {
color:#542e06;
font-size:10px;
font-family:"Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
line-height:14px;
text-align:center;
width:740px;
float:left;
margin:20px 0 0 5px;
padding:0;
}

#footer {
background-image:url(images/btm_border.jpg);
color:#fdfbed;
font-size:10px;
font-family:"Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
line-height:14px;
text-decoration:none;
text-align:center;
width:740px;
height:34px;
float:left;
margin:0 0 0 5px;
padding:0;
border-bottom:solid 1px #714b03;
}

#footer #btmnav {
margin:0 0 0 130px;
padding:0;
}

#footer #btmnav li {
display:inline;
}

#footer #btmnav li a {
color:#fdfbed;
text-decoration:none;
float:left;
margin:0;
padding:8px;
}

#footer #btmnav li a:hover {
color:#fdfbed;
text-decoration:underline;
}

/*--- Product pages ---*/
#prodinfo {
background-color:#fff;
text-align:left;
position:relative;
top:6px;
left:11px;
width:728px;
height:405px;
float:left;
margin:0;
padding:0;
}

#prodinfo p {
color:#09331a;
font-size:11px;
font-family:"Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
line-height:17px;
margin:0;
padding:0 0 9px;
}

h1 {
color:#09331a;
font-size:22px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:700;
line-height:24px;
text-decoration:none;
margin:0;
padding:0;
}

#prodinfo.ranch {
background-image:url(images/products/ranch_bkgnd.jpg);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:0 0;
margin:0;
padding:0;
}

.signpost {
width:168px;
height:397px;
float:left;
margin:2px 0 0 4px;
padding:0;
}

.description {
width:240px;
float:left;
margin:0;
padding:20px 0 0 20px;
}

.morechoices a {
color:#6a2c08;
font-size:11px;
font-family:"Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
line-height:13px;
text-decoration:none;
margin:0;
padding:0;
}

.size {
color:#2d2d2d;
font-weight:700;
}

#banner {
background-image:url(images/products/recipebox_banner.gif);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:0 0;
width:317px;
height:101px;
float:left;
margin:10px 0 0;
padding:0;
}

#banner a {
color:#262626;
text-decoration:underline;
}

#banner a:hover {
color:#535353;
text-decoration:none;
}

#banner p {
color:#262626;
font-size:12px;
font-family:"Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
font-weight:700;
line-height:18px;
margin-top:21px;
margin-right:16px;
margin-left:92px;
}

#nutritioninfo {
background-image:url(images/products/nutritional_bkgnd.jpg);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:0 0;
text-align:left;
position:relative;
top:20px;
left:35px;
width:684px;
height:187px;
float:left;
margin:0 0 30px;
padding:0;
}

#factstable {
color:#494949;
font-size:11px;
font-family:"Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
line-height:18px;
text-align:left;
position:relative;
left:20px;
width:654px;
margin:44px 0 0;
padding:0;
}

/*--- Recipes ---*/
#paperback {
width:730px;
height:auto;
margin:0 auto;
padding:0;
}

.paperback_content {
background-image:url(images/paperback_fil.jpg);
background-repeat:repeat-y;
background-attachment:scroll;
background-position:0 0;
width:730px;
float:left;
text-align:left;
margin:0;
padding:0;
}

.sidenav {
background:#fffff3;
border:solid 3px #f8f3dc;
width:150px;
float:left;
margin:30px 15px;
padding:6px;
}

.sidenav h1 {
font:bold 14px "Times New Roman", Geneva, Arial, Helvetica;
margin:0;
padding:0;
}

.sidenav a {
color:#10730d;
font:normal 11px "Trebuchet MS", Geneva, Arial, Helvetica;
text-decoration:none;
display:block;
margin:0;
padding:12px 3px;
}

.sidenav a:hover {
text-decoration:underline;
}

.ingredients {
border-left:solid 1px #10730d;
float:left;
width:475px;
margin:10px 0;
padding:0 15px;
}

.ingredients h1 {
color:#042f02;
font:bold 18px "Times New Roman", Geneva, Arial, Helvetica;
margin:0;
padding:18px 6px 12px;
}

.ingredients h2 {
color:#042f02;
font:bold 18px "Times New Roman", Geneva, Arial, Helvetica;
margin:0;
padding:0 0 20px;
}

.ingredients h3 {
color:#042f02;
font:bold 12px "Trebuchet MS", Geneva, Arial, Helvetica;
margin:0;
padding:6px 0;
}

.ingredients h4 {
color:#6f6f6f;
font:bold 12px "Trebuchet MS", Geneva, Arial, Helvetica;
margin:0;
padding:20px 0 6px;
}

.ingredients h5 {
color:#042f02;
font:bold 12px "Trebuchet MS", Geneva, Arial, Helvetica;
margin:0;
padding:20px 0 6px;
}

.ingredients p {
color:#6f6f6f;
font:normal 12px "Trebuchet MS", Geneva, Arial, Helvetica;
line-height:20px;
margin:0;
padding:0 0 0 6px;
}

.ingredients .dir {
color:#6f6f6f;
font:normal 12px "Trebuchet MS", Geneva, Arial, Helvetica;
line-height:20px;
width:310px;
margin:0;
padding:6px 0;
}

.ingredients a {
color:#10730d;
text-decoration:none;
}

.ingredients a:hover {
text-decoration:underline;
}

span.green {
color:#136131;
}

ul#send_recipe ul{
list-style:circle;
margin:20px;
}

ul#send_recipe li {
font:normal 12px "Trebuchet MS", Geneva, Arial, Helvetica;
display:inline;
float:right;
margin:0;
padding:0;
}

ul#send_recipe a {
color:#803c00;
text-decoration:none;
margin:0;
padding: 0 5px;
}

/*--- Green Hat & Daily Dish & Signature---*/
.greenhat {
float:left;
width:700px;
margin:0;
padding:5px 15px;
}

.greenhat h1 {
color:#042f02;
font:bold 18px "Times New Roman", Geneva, Arial, Helvetica;
margin:0;
padding:20px 0 10px 20px;
}

.greenhat p {
color:#6f6f6f;
width:455px;
font:normal 12px "Trebuchet MS", Geneva, Arial, Helvetica;
line-height:20px;
margin:0;
padding:6px 0 10px 20px;
}

.greenhat ul {
color:#6f6f6f;
font:normal 12px "Trebuchet MS", Geneva, Arial, Helvetica;
line-height:24px;
margin:0;
padding:0 0 20px 40px;
}

.greenhat a { 
color:#136131; 
font-weight: bold; 
text-decoration:none; 
}

.greenhat a:hover {
text-decoration:underline;
}

a.submit {
color:#042f02;
font:bold 18px "Times New Roman", Geneva, Arial, Helvetica;
text-decoration:underline;
margin:0;
padding:0 20px;
}

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

.arrow {
background:url(images/arrow.gif) no-repeat left;
font:normal 13px "Trebuchet MS", Geneva, Arial, Helvetica;
margin:0;
padding-left:10px;
padding-top:2px;
}

/*--- Where to Buy? ---*/
td#column p { 
line-height: 1px; 
width:200px; 
}

td#column { 
vertical-align: top; 
width: 220px; 
}

#column ul { 
margin: 9px 0 0 20px; 
padding: 0; 
}

#column li { 
line-height: 16px; 
margin: 0; 
padding: 0;
list-style-type: none; 
}

/*--- ASPX ---*/
fieldset {
	border: 0;
	color:#6f6f6f;
	font:normal 12px "Trebuchet MS", Geneva, Arial, Helvetica;
	line-height:20px;
	margin-left: 20px;
}

fieldset label {
	display: block;
	margin-top: 10px;
}

fieldset textarea {
	height: 150px;
	width: 400px;
}

.error ul li {
	color: #FF3300;
}

.radioButtonList {
	margin-left: 20px;
}
.radioButtonList label {
	color:#6f6f6f;
	font:normal 12px "Trebuchet MS", Geneva, Arial, Helvetica;
	line-height:20px;
}

.login td {vertical-align:top;}