﻿body { background-image: url('/Content/Images/WebsiteBG.jpg'); font-family: Arial; font-size: 12px; padding: 0px; margin: 0px;}
#main {width: 1000px; margin-left: auto; margin-right: auto;}
a img {border: none;}
#smalltitle {color: Black; font-size: 14px;}
#headernav {padding-left: 10px; font-size: 16px; font-weight: bold; color: White; z-index: 99999;}
#headernav div {float: left;}
#headernav a {padding-right: 15px; padding-left: 15px; color: White; text-decoration: none;}
#headernav a:hover {text-decoration: underline;}

#footer {font-size: 12px; color: White; background-image: url('/Content/Images/footerbg.png'); width: 1004px; height: 28px;}
#footer a {color: White; text-decoration: none; padding: 10px; font-weight: bold;}
#footer a:hover {text-decoration: underline;}

#sections {overflow: hidden; clear: left; width: 960px; height: 260px; z-index: 1;}
#innersections {width: 10000px;}
#sections ul li {float: left; display: block; width: 1000px; z-index: 1;}
#screen {position: relative; height: 260px;}

.irisbox {border: 1px solid #E59846; background-color: White; width: 10px; height: 10px; float: left; margin: 5px;}
.selectedirisbox {border: 1px solid #E59846; background-color: #E59846; width: 10px; height: 10px; float: left; margin: 5px;}

.lightblue {background-color: #EDF3FE;}
.lightyellow {background-color: #FFFFCC; }

.itemtitlebg {background-color: #8DC73F; width: 960px; height: 36px;}
.itemtitletext {color: White; font-size: 24px; padding-top: 4px; font-weight: bold;}

.adminnav a {color: Black; text-decoration: none; padding: 10px; font-size: 13px; font-weight: bold; background-color: white;}
.adminnav a:hover {background-color: #8DC73F;}

.whitebox {border: 1px solid #E59846; background-color: White;}

.iris {width: 960px; height: 260px; z-index: 1;}

.margin10 {margin: 10px;}
.margin15 {margin: 15px;}
.margin20 {margin: 20px;}
.margin5 {margin: 5px;}
.padding10 {padding: 10px;}
.padding15 {padding: 15px;}
.padding20 {padding: 20px;}
.padding5 {padding: 5px;}
.padding10lr {padding-left: 10px; padding-right: 10px;}
.padding20lr {padding-left: 20px; padding-right: 20px;}
.clear {clear: both;}
.floatleft {float: left;}
.floatright{float: right;}
.helppointer {cursor: help;}
.underline {text-decoration: underline;}
.bold {font-weight: bold}

#aboutuspop {position: absolute; z-index: 9999; margin-top: 10px;}
#aboutuspop a {width: 120px; display: block; font-size: 13px; padding: 2px; margin-left: 12px; margin-right: 12px; margin-top: 6px; font-weight: bold; height: auto;}
#aboutuspop a:hover {text-decoration: none; background-color: #e5a14e;}

#goingglutenfreepop {position: absolute; z-index: 9999; margin-top: 5px;}
#goingglutenfreepop a {width: 120px; display: block; font-size: 13px; padding: 2px; margin-left: 12px; margin-right: 12px; margin-top: 2px; font-weight: bold; height: auto;}
#goingglutenfreepop a:hover {text-decoration: none; background-color: #e5a14e;}


.megamenu {position: absolute; z-index: 9999;}
.megamenu a {display: block; font-size: 13px; padding: 2px; margin-left: 12px; margin-bottom: 5px; margin-right: 12px; font-weight: bold; height: auto;}
.megamenu a:hover {text-decoration: none;}
#page2 {padding-top: 15px;}
#page3 {padding-top: 15px;}
#page1 a {text-decoration: none;}
#page2 a {text-decoration: none;}
#page3 a {text-decoration: none;}
#page1 a:hover {text-decoration: none; background-color: #e5a14e;}
#page2 a:hover {text-decoration: none; background-color: #e5a14e;}
#page3 a:hover {text-decoration: none; background-color: #e5a14e;}

a.bigcat {margin-top: 10px; margin-bottom: 10px;}
a:hover .cat {text-decoration: none;}

#print {display: none;}

h4 {line-height: normal;}

#sectionsproducts {overflow: hidden; clear: left; width: 720px; height: 280px;}
#innersectionsproducts {width: 10000px;}
#sectionsproducts ul li {float: left; display: block; width: 1000px; text-indent: none;}
#screenproducts {position: relative; height: 280px;}
.irisproducts {width: 720px; height: 260px; background-color: white;}

.whiteboxtop {width: 1000px; height: 24px; background-image: url('/Content/Images/whiteboxtop.gif');}
.whiteboxmiddle {width: 1000px; height: auto; background-color: White;}
.whiteboxbottom {width: 1000px; height: 24px; background-image: url('/Content/Images/whiteboxbottom.gif');}

.savedRatingStar {background-image: url('/Content/Images/SavedStar.png'); width: 13px; height: 12px; margin: 0px;}
.filledRatingStar {background-image: url('/Content/Images/FilledStar.png'); width: 13px; height: 12px; margin: 0px;}
.emptyRatingStar {background-image: url('/Content/Images/EmptyStar.png'); width: 13px; height: 12px; margin: 0px;}

.ratinglinks a{color:#E64F00; font-family:Lucida Sans Unicode; font-size:10px; text-decoration:none; text-transform:uppercase;}
.ratinglinks a:hover {text-decoration: underline;}

.ratingmargin .ratinglinks a {margin: 2px;}

.hide {display: none;}

.recipecategories a {padding: 5px; width: 218px; display: block; color: #E59846; text-decoration: none; font-weight: bold;}
.recipecategories a:hover {background-color: #E5A14E; color: White;}

.preload {display: none;}





















.ddmenu {
	list-style: none;
	padding: 0;
	margin: 0;
}

.ddmenu > li {
	float: left;
}

.ddmenu > li > a {
	display: block;
}

.ddmenu > li > .ddmenu-hover {

}

.ddmenu > li ul {
	display: none;
	list-style: none;
	position: absolute;
	margin: -1px 0 0 0;
	z-index: 90;
	padding: 0;
}

.ddmenu > li ul a {
	display: block;
}

.ddmenu > li ul li a.first {
}

.ddmenu > li ul a.ddchildhover {
}

/* Uncomment for use of css hover functionality */
/*
.ddmenu > li ul a:hover {
	background-color: #f1f1f1;
}
*/
