#Container   { width: 100%; height: 100%; overflow: visible }
#Banner  { background-color: white; padding-top: 0px; padding-bottom: 0px; width: 100%; height: 125px; overflow: hidden }
#Goldbar  { background-color: #cc9913; float: left; margin: 0px; padding: 0px; width: 100% }

#Goldbar ul li   { text-decoration: none; text-indent: 0px; display: inline }
#Goldbar ul { color: #fff; font-size: 75%; letter-spacing: 2px }
#Goldbar ul li a { color: #fff; text-decoration: none; float: left; padding: 5px 10px; border-style: solid; border-width: 1px; border-color: #ffdead #960 #960 #ffdead }
#Goldbar ul li a:hover
  { color: #000 }
#navlist li a:hover, #navlist li a:active
   { color: #000; text-decoration: none; text-align: left; text-indent: 0px; border-style: solid; border-width: 1px; border-color: #960 #ffdead #ffdead #960 }
   
#Blackbar   { background-color: #000; float: left; margin: 0px; padding: 0px; width: 100% }
#Blackbar ul li    { color: #fff; text-decoration: none; text-indent: 0px; display: inline }
#Blackbar ul { color: #fff; font-size: 75%; letter-spacing: 2px }
#Blackbar ul li a  { color: #fff; text-decoration: none; float: left; padding: 5px 10px }
#Blackbar ul li a:hover
   { color: #ffdead }
#Subnavlist li a:hover, #navlist li a:active
    { color: #ffdead; text-decoration: underline; text-align: left; text-indent: 0px }   


#content    { line-height: 120%; background-color: white; float: left; width: 100% }
#side         { background: url(images/oatfield.gif) no-repeat; float: left; margin-top: 0px; padding: 10px 0px 10px 10px; width: 300px; height: auto; overflow: visible }
#side1   {
	background: url(images/oatfield.gif) no-repeat;
	float: left;
	margin-top: 0px;
	padding: 10px 0px 10px 10px;
	width: 300px;
	overflow: visible
}
#feature  { font-size: 75%; background: #ffebcd no-repeat; float: right; clear: right; margin-top: 0px; margin-left: 10px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; border: solid 1px #c90; width: 160px; height: auto; overflow: visible }
#main    { background-color: #fff; margin-top: 0px; margin-left: 340px; padding: 10px 10px 10px 0px; width: auto; }
.box    { font-size: 85%; background: white url(images/corner.jpg) no-repeat; margin-bottom: 10px; padding: 10px; border: solid 1px #c93; width: 270px; height: auto; overflow: visible; visibility: visible }
.box2  { font-size: 85%; background: transparent no-repeat; width: 270px; height: auto; overflow: visible; visibility: visible }
.address { margin-right: 10px; padding: 10px; border-top: 1px solid #c93; border-right: 1px solid #c93; border-left: 1px solid #c93; overflow: visible; visibility: visible }
.addressLast  { clear: right; margin-right: 10px; padding: 10px; border: solid 1px #c93; overflow: visible; visibility: visible }
.addresshead     { background-color: #ffc; text-align: left; clear: both; padding: 5px 30px 5px 10px; border: solid 1px #c93; position: relative; width: 400px; overflow: visible; visibility: visible }
.Highlight  { line-height: 120%; background-color: #ffc; text-align: left; margin: 0px; padding: 10px; border: solid 1px #c93; position: relative; width: 270px; overflow: visible; visibility: visible }
#Footer   { font-size: 70%; text-decoration: none; background: url(images/smallgrad.gif) repeat-x; float: left; clear: both; padding: 10px; border-top: 1px solid #c93; width: 100%; height: 125px; overflow: hidden }
#Footer a { color: black; text-decoration: none }
#Footer a:hover { color: #3d8738; text-decoration: underline }
.class { }
.whitebox { font-size: 85%; background-color: white; float: left; margin-top: 0px; margin-right: 15px; width: 45% }
.whitebox2 { font-size: 85%; background-color: white; margin-top: 0px; margin-right: 15px; padding: 5px 100px 5px 20px; width: 100px }
body    { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
body a {
	text-decoration: none;
	color: #3d8738;
}
p  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.product { float: left; clear: none; margin-top: 10px; margin-right: 10px; padding: 10px 5px 5px; border-top: 1px solid #c93; border-right: #c93; border-bottom: #c93; border-left: 1px solid #c93; width: 350px }
.Slider  { float: left; clear: none; margin-top: 20px; margin-right: 20px; padding: 10px; border-style: solid none none solid; border-width: 1px medium medium 1px; border-color: #c93; width: 45% }
.Slider2  {
	clear: right;
	margin-top: 0px;
	width: 100%;
	float: none;
	padding-bottom: 20px;
}
.producttext { margin-left: 105px }
body a:hover { text-decoration: underline }
h3 { color: #c90; font-weight: bolder; margin-top: 0px; margin-bottom: 2px }
.smallerText { font-size: 80% }
h4  { color: #c90; margin-top: 0px; margin-bottom: 2px }
h5 { color: #c90; font-weight: bolder; margin-top: 0px; margin-bottom: 2px }
.nutrition     { font-size: 80%; background-color: white; float: right; margin-right: 20px; margin-bottom: 10px; margin-left: 10px; padding: 5px; border: solid 1px #c93; width: auto }
.nutrition td {
	background-color: white;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: right;
}
.line   { float: left; clear: none; width: 100% }
.line2 { float: left; clear: right; width: 100% }
.boxright { font-size: 80%; background-color: #ffc; float: right; margin: 20px 20px 10px 10px; padding: 10px; border: solid 1px #c93; width: 200px }
.footnote { padding-top: 3px; border-top: 1px solid #c93 }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/*Bigbuzz*/
#TextContainer{width:670px;  overflow:visible;}
#EnterSweep {
	position:absolute;
	top:380px;
	left:340px;
}
#EnterSweepLarge{width:612px; height:580px; background-image:url(images/b-sweepstakeLarge.jpg); background-repeat:no-repeat; }
#EnterSweepLarge #copy {font-family: Arial, Verdana, sans-serif;font-size: 13px;width: 440px;padding-left: 20px;padding-top: 270px;color: #FFFFFF;}
#EnterSweepLarge #copy .tagline {font-family: "Times New Roman", Times, serif;font-size: 20px;color: #e3c97f;line-height: 40px;}
#EnterSweepLarge #enter {margin-top: 40px;}
#EnterSweep #bottom {background-image: url(images/b-IrishSweepBottom.jpg);background-repeat: no-repeat;height: 123px;padding-top: 28px;text-align: left;padding-left: 384px; overflow:visible;}
.boxNEW{ font-size: 85%; background: white url(images/corner.jpg) no-repeat; margin-bottom: 10px;   border: solid 1px #c93; width: 290px; height: auto; overflow: visible; visibility: visible }
.boxNEW2{ font-size: 85%; background: white url(images/corner.jpg) no-repeat; margin-bottom: 10px; padding: 10px; border: solid 1px #c93; width: 271px; height: auto; overflow: visible; visibility: visible }
#MainProductDisplay {width: 660px;font-family: Arial, Verdana, sans-serif;font-size: 13px;color: #000000;table-layout:fixed;overflow:visible;}
#MainProductDisplay #MainCopy {width: 442px;height: auto;}
#MainProductDisplay #MainImage {width: 230px;height: auto;}
#MainCopy #header {text-align: center;}
#MainCopy #body .h1 {font-family: "Times New Roman", Times, serif;font-size: 18px;color: #525126;}
#MainProductDisplay #Small-previews {text-align: center;padding-top: 20px;}
#MainProductDisplay .previews {border: medium solid #c3b6a1;margin: 5px;}
#MainProductDisplay .setof { font-size:12px; font-style:italic;}
#orderArea {font-size: 14px;padding-top: 20px;}
#orderArea #OrderHere {background-color: #eae3d7;height: 65px;}
.tf1{
	background-image:url(/images/B-formAreaMAIN.jpg);
	background-repeat:repeat-x;
	height:24px;
	/*width:28px;*/
	padding-left:3px;
	/*margin-top:17px;*/
	color:#333333;
	padding-top:3px;
	font-size: 15px;
	font-weight: bold;
	border-top-width: 0;
	border-right-width: thin;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #fff;
	border-right-color: #CCCCCC;
	border-bottom-color: #fff;
	border-left-color: #fff;
}
#MainProductDisplay #zoomin {padding-top: 10px;text-align: center;}
#zoomin #zoom {margin-bottom: -3px;}
a.zoom:link, a.zoom:visited {font-family: Arial, Verdana, sans-serif;font-size: 10px;color: #666666;}
a.zoom:hover, a.zoom:active {font-family: Arial, Verdana, sans-serif;font-size: 10px;color: #000000;text-decoration:none;}
#RecipeTeaser  {color: #000000;font-family: Arial, Verdana, sans-serif;font-size: 13px;width: 660px;margin-top: 40px;margin-left: 30px;}
#recipe {width: 599px;font-family: Arial, Verdana, sans-serif;font-size: 13px;color: #6b4f07;margin-top: 20px;background-image: url(images/b-bg-Receipe.jpg);background-repeat: no-repeat;background-color: #FFFFFF;height: auto;}
#recipe #title {font-size: 16px;font-weight: bold;padding-left: 40px;padding-top: 15px;vertical-align: bottom;}
#recipe #Nextrecipe {text-align: right;padding-right: 20px;vertical-align: bottom;margin-bottom: -4px;}
#Nextrecipe #nextButton {margin-bottom: -4px;}
a.Nextr:link, a.Nextr:visited{font-size: 16px;color: #bcae8c;font-weight: bold;}
a.Nextr:hover, a.Nextr:active{font-size: 16px;color: #AE9D75;font-weight: bold; text-decoration:none;}
#recipe #recipeImage {padding-left: 30px;}
#recipe #recipeImage #imageBG {background-image: url(images/b-bg-featureReci.jpg);background-repeat: no-repeat;height: 206px;width: 162px;padding-top: 6px;padding-left: 10px;}
#recipe #recipeTitle {font-size: 14px;}
#recipeTitle .bold {font-size: 16px;font-weight: bold;}
#recipe #recipeDirections {padding-top: 20px;padding-left: 40px;}
#recipeDirections ol {margin-left: -25px;margin-top: 0px;}
#download {text-align: center;width: 75%;}

a.downloadRecipe:link, a.downloadRecipe:visited{color:#6b4f07; text-decoration:underline; font-weight:bold;}
a.downloadRecipe:hover, a.downloadRecipe:active{color:#392B04;text-decoration:underline;font-weight:bold;}