/* This is intended to replace site_style.css with all styles that are common across all brands.  Brand-specific styles will be located in stylesheets by that brand name - Dane Petersen Feb. 20, 2004 */


/* Global Styles */
html {
margin: 0;
padding: 0;
}

img {
border: 0;
}

img.dirImage {
border: 10px solid #000000;
}

span.error {
font-weight: bold;
color: #f00;
}

h2#recipeCentral {
   margin: 0;
   padding: 0;
   margin-right: 11px;
   margin-top: 4px;
   width: 147px;
   text-align: right; /* float:right located in <span> wrapper due to IE double-margins bug */
   height: 21px;
   background-image: url(/images/recipecentral.gif);
   background-repeat: no-repeat;
   background-position: top right;

   }
h2#recipeCentral span {
   display: none;
}

h2#faqCentral {
   margin: 0;
   padding: 0;
   margin-right: 11px;
   margin-top: 4px;
   width: 125px;
   text-align: right; /* float:right located in <span> wrapper due to IE double-margins bug */
   height: 20px;
   background-image: url(/images/faq_central.gif);
   background-repeat: no-repeat;
   background-position: top right;

   }
h2#faqCentral span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

h2#productLocatorOLD {
   margin: 0;
   padding: 0;
   margin-right: 11px;
   margin-top: 4px;
   width: 163px;
   text-align: right; /* float:right located in <span> wrapper due to IE double-margins bug */
   height: 16px;
   background-image: url(/images/product_locator.gif);
   background-repeat: no-repeat;
   background-position: top right;

   }
h2#productLocatorOLD span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

h2#productLocator {
   margin: 0;
   padding: 0;
   margin-right: 11px;
   margin-top: 4px;
   width: 138px;
   text-align: right; /* float:right located in <span> wrapper due to IE double-margins bug */
   height: 21px;
   background-image: url(/images/Product_Locator/where_to_buy.gif);
   background-repeat: no-repeat;
   background-position: top right;

   }
h2#productLocator span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

h2#whereToBuy {
   margin: 0;
   padding: 0;
   margin-right: 11px;
   margin-top: 4px;
   width: 138px;
   text-align: right; /* float:right located in <span> wrapper due to IE double-margins bug */
   height: 21px;
   background-image: url(/images/Product_Locator/where_to_buy.gif);
   background-repeat: no-repeat;
   background-position: top right;

   }
h2#whereToBuy span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

h2#otherCMBrands {
   margin: 0;
   padding: 0;
   margin-right: 11px;
   margin-top: 4px;
   width: 319px;
   text-align: right; /* float:right located in <span> wrapper due to IE double-margins bug */
   height: 16px;
   background-image: url(/images/other_cm_brands.gif);
   background-repeat: no-repeat;
   background-position: top right;

   }
h2#otherCMBrands span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}
h5.rcRecipeName {
margin-top:65px;
width: 275px;
vertical-align: bottom;
}

.todo {
	background-color: #FFFACD;
	border: 1px dashed Gray;
display: none;
}

/* moneal recipe central */

div#rc_left table td {
padding-top: 5px;
padding-bottom: 5px;
}

div#rc_right table td {
padding-top: 5px;
padding-bottom: 5px;
}

div#rc_left {
 	width: 243px;
 	float: left;
	border: 1px solid #FFCC66;
font-weight: bold;
 color: #006699;
}
 
div#rc_left a {
  	 color: #006699;
	 font-weight: normal;
	 text-decoration: none;
}

div#rc_right a {
  	 color: #006699;
	 font-weight: normal;
	 text-decoration: none;
} 
div#rc_left table {
	background: #FFCC66;
	margin: 2px;
}
div#rc_left td {
  	background: #FFFFFF;
}

 div#rc_right {
 	width: 243px;
 	float: right;
	border: 1px solid #FFCC66;
font-weight: bold;
 color: #006699;	
 }
 
div#rc_right table {
	background: #FFCC66;
	margin: 2px;
}
div#rc_right td {
  	background: #FFFFFF;
}

/* end moneal recipe central */


body {
	margin: 0;
	padding: 0;
	/*background: #ffffff url(/images/body_shadow.gif) top left repeat-y;*/
      background-color: #EEEEEE;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height: 1.5em;
	color: #666666;
}

p {
	font-family : Verdana, Arial, Helvetica, sans-serif;  
	font-size : 11px;  
	line-height: 1.5em;
}

table {
	margin: 0;
	padding: 0;
}

td {
	font-family : Verdana, Arial, Helvetica, sans-serif;  
	font-size : 11px;  
	line-height: 1.5em;
}

hr {
	border: 0;
	border-top: 1px solid #FFCC66;
	border-bottom: 1px solid #FFCC66;
	color: #FFFFFF;
	height: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
      clear: both;
}

hr.footerhr {
	color: #999999;
}

strong {font-weight: bold;}
em {font-style: italic;}

/* Hyperlink Styles */

a, a:link {
      color: #00309D;
	font-size : 11px; 
        text-decoration: none;
}
a:visited {
}
a:hover {
    color: #2063CC;
    text-decoration: underline; 
}
a:active {
}

ul , ol {  
  	font-size : 11px;  
  	margin-top : 2px;
  	margin-bottom : 2px;  
  	padding-top : 2px;  
  	padding-bottom : 2px;  
}

h1 {  
	color: #000000; 
	font-weight : bold;  
	font-size : 24px;  
	margin-top : 2px;  
	margin-bottom : 2px;  
	padding-top : 2px;  
	padding-bottom : 2px;  
font-family : Verdana, Arial, Helvetica, sans-serif; 
}  
h2 {  
	color: #636563; 
	font-weight : normal;  
	font-size : 20px;  
	margin-top : 2px;  
	margin-bottom : 2px;  
	padding-top : 2px;  
	padding-bottom : 2px;  
font-family : Georgia, Verdana, Arial, Helvetica, sans-serif; 

}  
h3 {  
	color: #636563; 
	font-weight : bold;  
	font-size : 15px;  
	font-family : Georgia, Verdana, Arial, Helvetica, sans-serif; 
}  
h4 {  
	color: #636563;
	font-weight : bold;  
	font-size : 13px;  
	font-family : Georgia, Verdana, Arial, Helvetica, sans-serif; 
	margin-top : 2px;  
	margin-bottom : 2px;  
	padding-top : 2px;  
	padding-bottom : 2px;  

}
h5 {  
	color: #666666; 
	font-weight : bold;  
	font-size : 12px;  
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	margin-top : 2px;  
	margin-bottom : 2px;  
	padding-top : 2px;  
	padding-bottom : 2px; 

}

/* Form Styles */
select {
	font-family : Verdana, Arial, Helvetica, sans-serif;  
	font-size : 11px;  
	line-height: 1.5em;
	}
	
option {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;  
	line-height: 1.5em;
}

form {
	margin: 0;
	padding: 0;
	font-family : Verdana, Arial, Helvetica, sans-serif;  
	font-size : 11px;  
	line-height: 1.5em;
}

input {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	background-color: #ffffff;
	border-top: 1px solid #8c8c8c;
	border-right: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	border-left: 1px solid #8c8c8c;
}

input.search {
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding-left: 4px;
	line-height: 16px;
	height: 17px;
	width: 150px;
	vertical-align: middle;
      margin-bottom: 3px;
}

input.searchimage {
padding: 0;
margin: 0;
border: 0;
vertical-align: middle;
}

input.image {
padding: 0;
margin: 0;
border: 0;
vertical-align: middle;
}

input.searchradio {
	border: 0;
}

span.searchtext {
	color: #FFFFFF;
}

textarea {  
	font-family: Verdana, Arial, Helvetica, sans-serif;   
	font-size: 10px;
}

.input {  
 	color : #000000;  
 	font-weight : normal;  
	font-size : 11px;  
}

div.topleft {
float: left; 
text-align: left;
background-image: url(/images/gold_folder_icon.gif);
background-position: top left;
background-repeat: no-repeat;
padding-left: 24px;
}
div.topleft a {
font-size: 11px;
color: #FFFFFF;
}

.topright {
        padding-right: 5px;
        font-family: Courier New, Verdana, Arial, Helvetica, sans-serif;;
        font-size: 13px;
        color: #FFFFFF;
        font-weight: bold;
}  

/* .searchinput {
        width: 151px; 
        height: 17px; 
        background: #FFFFFF; 
        border-top: 1px solid #8C8C8C; 
        border-left: 1px solid #8C8C8C; 
        color: #666666; 
        font-size: 12px;
}
.searchform {
        padding: 0px; 
        spacing: 0px; 
        margin: 0px;
} */
.leftmenu-padding {
        padding-top: 4px;
}
.left-menuitem {
        padding-left: 22px; 
        padding-top: 2px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #FFFFFF;
}
.left-menuitem a:link { 
	font-size : 11px; 
	color: 	#FFFFFF;
        text-decoration: none; 
} 
.left-menuitem a:active { 
	font-size : 11px; 
	color: 	#FFFFFF;
        text-decoration: none;  
} 
.left-menuitem a:visited { 
	font-size : 11px; 
	color: 	#FFFFFF;
        text-decoration: none;  
} 
.left-menuitem a:hover { 
	font-size : 11px; 
	color: 	#FFFFFF;
        text-decoration: underline; 
} 

.content {
        padding: 15px;
        color: #666666;
        font-size: 10px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        background: #FFFFFF;
}
.content a:link { 
	font-size : 10px; 
	color: 	#336699;
        text-decoration: none; 
} 
.content a:active { 
	font-size : 10px; 
	color: 	#336699;
        text-decoration: none;  
} 
.content a:visited { 
	font-size : 10px; 
	color: 	#336699;
        text-decoration: none;  
} 
.content a:hover { 
	font-size : 10px; 
	color: 	#336699;
        text-decoration: underline; 
}
content-title {
        font-size: 12px;
        color: #666666;
        font-weight: bold;
} 
.rightmenu {
        background: #FFFFF1;
        border-left: 1px solid #D4D4D4;
}
.rightmenu a:link { 
	font-size : 10px; 
	color: 	#336699;
        text-decoration: none;  
} 
.rightmenu a:active { 
	font-size : 10px; 
	color: 	#336699;
        text-decoration: none;  
} 
.rightmenu a:visited { 
	font-size : 10px; 
	color: 	#336699;
        text-decoration: none;  
} 
.rightmenu a:hover { 
	font-size : 10px; 
	color: 	#000000;
        text-decoration: underline; 
} 
.rightmenu-padding {
        padding-left: 10px;
}
.rightmenu-content {
        padding: 5px;
        font-size: 10px; 
        color: #999999;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}
.menuhead-text {
        color: #FF0000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
}
.divider {
        height: 1px;
        width: 100%;
        border: 1px solid #FFCC66;
}

.footer {
        background: #999999;
        padding: 18px;
        color: #FFFFFF;
        font-size: 11px; 
        font-family: Verdana, Arial, Helvetica, sans-serif;
}

.footer a {
color: #FFFFFF;
}
.footer a:hover {
color: #FFFFFF;
}
.footer a:visited {
color: #FFFFFF;
}
.footer a:link {
color: #FFFFFF;
}
.footer-items {
        font-size: 10px;
        color: #FFFFFF;
}

.toplink {
        font-size: 10px;
        color: #FFFFFF;
	float: right; text-align: right;
}
.copyright {
        font-size: 9px;
        color: #FFFFFF;
		float: left; text-align: left;
}

/* Common Styles */
.hide {display: none;}
.cloak {visibility: hidden;}

.floatl {float: left;}
.floatr {float: right;}

.clearl {clear: left;}
.clearr {clear: right;}
.clearb {clear: both;}

.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

/* Contact Form Styles */

table.contactform td {
padding: 4px;
}

table.contactform td.fieldname {
text-align: right;
vertical-align: top;
}

table.contactform input, table.contactform textarea {
        font-size: 11px;
	padding-left: 4px;
	line-height: 16px;
}

table.contactform input	{
height: 17px;
}

table.contactform input.radio {
border: 0;
margin-left: 10px;
background: transparent;
}

/* Search Results Styles */
div#searchResults {}
div#searchResults ol {}
div#searchResults ol li {}
div#searchResults {}

div.searchResult {}
div.searchResult a {}
div.searchResult span.description {}
div.searchResult span.updated {}
div.searchResult span.location {}
div.searchResult span.score {}

div#searchRelated {}
div#searchRelated span.description {}


/* div#nav {text-align: left; margin: 0; padding: 0;}

div#nav a {
height: 25px;
display: block;
width: 100%;
color: #FFFFFF;
}

div#nav ul {
list-style: none;
margin: 0;
padding: 0;
}

div#nav li {
background: url(/images/nav_tab.jpg) top left no-repeat;
margin: 0;
padding: 0;
padding-top: 5px;
padding-left: 20px;
padding-right:10px;
}

div#nav li#navfirst {
background: url(/images/nav_tab_first.jpg) top left no-repeat;
}

div#subnav ul {
background: #1C54BE;
margin: 0;
padding: 0;
color: #333;
}

div#subnav li {
background: #1C54BE;
padding: 0;
margin: 0;
}

div#subnav a {
background: transparent;
height: 15px;
}

td#navwrapper {
background: url(/images/test_nav_bg.jpg) top left repeat-y;
margin: 0;
padding: 0;
text-align:left;
}

/* Begin Product Locator Styles
added by dane petersen, 2004-05-24 */
div#productLocator input.text {
      color: #000000;
	width: 150px;
}
div#productLocator select {
      color: #000000;
	width: 280px;
}
table#productLocatorTable {
	margin-left: 10px;
}
table#productLocatorTable td, table#productLocatorTable th {
	padding: 10px 10px 10px 0px;
	border-bottom: 1px solid #999;
}
table#productLocatorTable tr.last td, table#productLocatorTable tr.last th {
	border: 0;
}
/* End Product Locator Styles */

/* td {border: 1px solid #f00; margin: 2px; padding: 2px;}
div {border: 1px solid #00f; margin: 2px; padding: 2px;} */

.highlightR {
color: #f00;
}
.highlightDR {
color: #900;
}
.highlightG {
color: #390;
}
.highlightDG {
color: #663;
}
.highlightB {
color: #39c;
}
.highlightBg {
color: #369;
}
.highlightBr {
color: #542;
}

.highlightR-bold {
color: #f00;
font-weight:bold;
}
.highlightDR-bold {
color: #900;
font-weight:bold;
}
.highlightG-bold {
color: #390;
font-weight:bold;
}
.highlightDG-bold {
color: #663;
font-weight:bold;
}
.highlightB-bold {
color: #39c;
font-weight:bold;
}
.highlightBg-bold {
color: #369;
font-weight:bold;
}
.highlightBr-bold {
color: #542;
font-weight:bold;
}

.header p, .header a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
}
span.large, p.large, a.large:link {
	font-size: 20px;
}
span.small, p.small, a.small:link {
        font-size: 16px;
}
th {
font-weight: normal;
font-size: 10px;