* {
font-family:Verdana;
font-weight:normal;
}

html, body {
     height: 100%;
 }

b{
font-weight:bold;
}

body {
color:#666666;
margin:0px;
font-size:11px;
border-right:0px solid #E5E0E0;
background-repeat:repeat-x;
background-position:top left;
}

img { 
border:0px;
}

h1 {
color:#D2A828;
font-size:11pt;
font-weight:bold;
margin-bottom:13px;
}

h2 {
color:#009DE0;
font-size:9pt;
font-weight:bold;
margin-bottom:13px;
}

a:link, a:visited, a:active {
color:#CC9933;
text-decoration:none;
}

a:hover {
color:#AA7711;
}

form {
margin:0px;
padding:0px;
}

#navbg {
background-repeat:repeat-y;
background-position:top left;
}

#body {
padding:0px 25px 0 25px;
background-image:url(/images/background.gif);
background-repeat:repeat-y;
background-position:25px;
width:900px;
position:relative;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;


}



.pageheading {
margin-bottom:15px;
}


#menu {
float:left;
width:200px;
font-size:9pt;
}

#menu .logo {
background-image:url(/images/logobg.jpg);
background-repeat:no-repeat;
background-position:top;
height:186px;
}

#menu .spacer {
height:20px;
background-color:#DEDBCC;
}

#menu .itemoff {
padding:5px 5px 5px 15px;
border-top:1px dotted #96948A;
background-color:#D7D4C5;
}

#menu .itemoff * {
color:#000000;
text-decoration:none;
}

#menu .itemoff a:hover {
color:#666666;
}

#menu .itemon {
padding:5px 5px 5px 15px;
border-top:1px dotted #96948A;
background-color:#CECABB;
}

#menu .itemon * {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

#menu .fade {
height:51px !important;
border-top:1px dotted #96948A;
background-image:url(/images/menufade.gif);
background-repeat:repeat-x;
background-position:top;
}

#homecontainer {
width:453px;
padding-top:62px;
float:left;
}

#homecontainer .banner {
height:395px;
width:453px;
background-repeat:no-repeat;
background-position:bottom center;
}

#homecontainer .content {
padding:20px 10px 50px 10px;
background-color:#FFFFFF;
}


#container {
width:700px;
padding-top:62px;
float:left;


}

#container .banner {
height:153px;
background-repeat:no-repeat;
background-position:top left;
}

#container .content {
padding:20px 20px 50px 20px;
margin-bottom:55px;
background-color:#FFFFFF;
}


#sidebar {
width:247px;
float:left;
}

#sidebar .tabs {
padding-top:35px;
}

#sidebar .tabs .tab {
float:left;
cursor:pointer;
}

#sidebar .tabs .spacer {
float:left;
width:2px;
height:27px;
}

#sidebar .finder {
clear:left;
background-color:#A8DEF4;
}

#sidebar .finder .intro {
float:left;
padding:20px 20px 20px 15px;
}


#sidebar .finder .criteria {
clear:both;
background-color:#86D1F0;
padding:8px 0px 13px 15px;
}

#sidebar .finder .criteria * {
clear:both;
margin-top:5px;
border:1px solid #58BFEB;
color:#58BFEB;
width:200px;
}



#sidebar .featuredrecipe {
border-left:1px dotted #CCCCCC;
background-color:#f6f6f4;
padding-bottom:50px;
margin-bottom:50px;
}

#sidebar .featuredrecipe .title {
padding:15px 0px 0px 15px;
}

#sidebar .featuredrecipe .photo{
width:215px;
margin:5px 0px 0px 15px;
background-color:#EEEEEE;
background-repeat:no-repeat;
background-position:center;
}


#sidebar .featuredrecipe .info {
padding:15px 15px 20px 15px;
border-bottom:1px dotted #B2B2B0;
}

#sidebar .featuredrecipe .info .more {
float:right;
}

#sidebar .featuredrecipe * {
text-decoration:none;
color:#D47E0E;
}


.bodyedge {
width:25px;
height:600px;
float:left;
}

.hrline {
margin:10px 0px 10px 0px;
font-size:1px;
border-bottom:1px dotted #CCCCCC;
height:1px;
}

.error {
font-weight:bold;
color:#CC0000;
margin:5px 0px 10px 0px;
}

.bullet {
width:10px;
height:10px;
float:left;
background-image:url(/images/bullet.gif);
background-repeat:no-repeat;
background-position:left 4px;
}

.listitem .thumb {
float:left;
width:75px;
margin-bottom:10px;
border-right:10px solid #FFFFFF;
}

.listitem .thumb img {
border:0px;
}

.listitem .listitemcontent{
margin-bottom:25px;
padding:5px 20px 0px;
position:relative;
}

.listitem .detail {
padding-top:0px;
font-weight:bold;
}

#body #extrapanel {
width:195px;
float:right;
}

#body #extrapanel .extrapanelcontent {
width:150px;
margin-left:25px;
}

.introtext {
font-size:120%;
color:#009DE0;
}

.detailsection {
background-color:#F2F2E6; font-weight:bold;
color:#ABA87D;
margin-bottom:10px;
}

.detailsection div {
padding:3px;
}

.detailimage {
float:right;
clear:right;
margin-top:10px;
border-left:15px solid #FFFFFF;
border-bottom:15px solid #FFFFFF;
}

.recipeoptions {
float:right;
}

.recipeoptions img {
margin:10px 0px 0px 10px;
cursor:pointer;
}

.featuretext {
font-size:130%;
color:#D3A627;
}

.datagrid div.label {
position:absolute;
font-weight:bold;

}

.datagrid div.field {
padding-left:170px;
padding-bottom:5px;
height:1%; /*trigger haslayout fix ie6*/
}

.oranebold {
color: #CC9933;
font-weight: bold;
}

.pagepanel {
height:60px;
background-image:url(/images/pagepanel1.jpg);
background-repeat:repeat-x;
background-color:#ECEDDD;
padding:0px 10px 0px 10px;
margin-bottom:20px;
}

.pagepanel .detail {
color:#777777;
padding-top:5px;
}

.pagepanel .heading {
padding-top:10px;
font-weight:bold;
color:#AAA881;
}

#homecontainer .promo {
float:left;
margin-top:12px;
width:212px;
height:152px;
}

#homeproducts {
width:190px;
background-image:url(/images/fprodbg.jpg);
background-repeat:repeat-x;
background-position:top left;
background-color:#DBF1FB;
}

#homeproducts .item {
padding:13px 10px;
margin-bottom:10px;
border-top:1px dotted #009DE0;
}

#homeproducts .photo {
width:75px;
float:left;
margin-right:5px;
border:1px solid #CCCCCC;
}

#homeproducts .title {
padding-bottom:5px;
}

#homeproducts * {
color:#D17A0E;
}

.bluebold {
color: #019FE0;
font-size:14px;
font-weight: bold;
}

.bluesmall {
color: #019FE0;
font-weight: bold;
}

.leanandlite {
font-size:9pt;
}


#footer {
clear:both;
text-align:center;
position:fixed;
width:100%;
height:2em;
left:0px;
bottom:-1px;
color:#FFFFFF;
background-image:url(/images/footer.gif);
background-position:top;
background-repeat:no-repeat;
background-color:#a7def3;
margin-top:0;
padding:10px 0px 20px 0px;
border-top:0px dotted #CCCCCC;
}

#footer * {
font-size:90%;
}

#footer .copyright {
color:#2c9bc9;
padding-right:20px;
}

#footer a:link, #footer a:visited {
color:#FFFFFF;
}

#footer a:hover {
color:#666666;
}

#footer .separator {
color:#FFFFFF;
padding:0px 5px 0px 5px;
}

#blackpepper {
display:none;
padding:0px 0px 20px 200px;
text-align:center;
}

.pagenav {
text-align:right;
padding-top:5px;
border-top:1px dotted #AAAAAA;
height:30px;
width:100%;
z-index:60;
padding-bottom:100px;
}

.rtab_on{
width:85px;
height:29px;
background-image:url(/images/rtab_on.gif);
float:left;
text-align:center;
color:#CCA143;
font-size:11px;
font-family:Arial Narrow;
line-height:29px;
cursor:pointer;
}

.rtab_off{
width:85px;
height:29px;
background-image:url(/images/rtab_off.gif);
float:left;
text-align:center;
color:#CCA143;
font-size:11px;
font-family:Arial Narrow;
line-height:29px;
cursor:pointer;
}

.fsToggle{
height:20px;
width:604px;
margin-top:3px;
background-color:#F6F6EC;
background-image:url(/images/plus.gif);
background-position:585px 5px;
background-repeat:no-repeat;
cursor:pointer;
}

.fsToggle2{
height:20px;
width:604px;
margin-top:3px;
background-color:#F6F6EC;
}

.fsToggle_on{
height:20px;
width:604px;
margin-top:3px;
background-color:#F6F6EC;
background-image:url(/images/minus.gif);
background-position:585px 5px;
background-repeat:no-repeat;
cursor:pointer;
}

.thumb {
float:left;
width:75px;
margin-bottom:10px;
border-right:10px solid #FFFFFF;
}

.thumb img {
border:0px solid #BBBBBB;
}

.content_export {
padding-top:5px;
font-weight:bold;
}

/*form*/
dl {
	float:left;
	width:100%;
	clear:both;
        
        margin:0 0 5px 0;
        
}
dt {
	min-height: 1em; /* to make sure it stays aligned if it's empty */
	float: left;
        clear:left;
	width:260px;
}
dd {
	min-height: 1em;
	float:left;
	margin-left:0;
}

dd input {
	margin:0;
	padding:0;
}
dd.radio input {
	margin:3px 0 3px 0;
}

#EntryForm {
    border:0;
}
#EntryForm .row .label {
    width:250px;
}
#EntryForm .row {
    margin-bottom:8px;
}


.transparent {
behavior: url(/iepngfix.htc);
}

/*lightbox*/

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
        
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
        
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/*pagination*/

.clear {
clear:both;
}

.pager {
    padding:1em;
}
.pager .current, .pager a {
    padding:2px;
}
