/* ********* Set Defaults to Zero ******* */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
/*ol,ul{list-style:none;}*/
caption,th{text-align:left;}
h1,h2,h3,h4{font-size:100%;}
/* !!!!!!!!!! YOU MUST RESTYE THE ABOVE AS NEEDED !!!!!!!!!!!!!  */

/* set global paragraph margin */
p { margin:0 0 15px 0;}
/* Apply left margin only to the few elements that need it: */
dd, blockquote { margin-left: 1em; }
li { margin-left: 2.5em; }

/* This makes the text left justified in the CS debug area */
.cfdebug {text-align:left;}

.floatleft { float:left;}
.floatright { float:right;}
.clear { clear:both;}

.list-divider { border-bottom:1px dashed #DDD6C8; height:2px; margin-bottom:2px;}

a:link {color: #A71D13;	text-decoration: none;}
a:visited {color: #A71D13; text-decoration: none;}
a:hover {color: #FD000D; text-decoration: underline;}
a:active, a:focus {color: #FD000D; text-decoration: none;}

body { font-size: .8em; /* this ses the font size for the all tags on the page.  Use ems to increase or decrease font size */
	/*font-size: .8em;   if this is set in % (100% is the browser default font size) or in em units (1 em = default size, .8 em is about 11px) the user will be able to change Text Size under the View menu. Setting a pixle size will prevent it */
	font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif ;
	text-align: center;  /*this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

table {font-size: 100%;}

/*input, select, textarea { font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}*/
input { vertical-align:middle;}
select { vertical-align:middle;}
/*  NOTE - the percentages below will scale off of the font size set in the body selector style above */
/* Header tag styles */
h1 { font-size:160%;color:#7C755D; margin-bottom:10px; }
h2 { font-size:140%;color:#7C755D; margin-bottom:10px; }
h3 { font-size:120%;color:#7C755D; margin-bottom:10px; }
h4 { font-size:110%;color:#7C755D; margin-bottom:10px; }


/* this contains everything in the site and controls centering and margins */	
#container{ 
	width: 1024px;
	margin: 0 auto;

	text-align: left;
	xborder-left:1px solid #D3B28B;
	xborder-right:1px solid #D3B28B;
	xborder-bottom:1px solid #D3B28B;
}

#header { width:1024px; height:133px; background:url(../graphics/header_bg2.jpg) no-repeat; }
/* with cullinary Insights #nav { width:714px; height:35px; float:right; margin-top:-30px; margin-right:112px; } */
#nav { width:624px; height:35px; float:right; margin-top:6px; margin-right:112px; }

#content { width:100%; height:auto; background-color:#FFF9EA;  border: 1px solid #F8ECDB;}
#Icontent { width:800px; height:auto; background-color:#FFF9EA; margin:0 auto; margin-left:110px;  border: 1px solid #F8ECDB; clear:both;}
#Icontent .cell-1{ width:200px; vertical-align:top; border-right: xsolid 1px #ECE0D2; background:#C2C6B8; }
#Icontent .cell-2{ width:600px; vertical-align:top; }
#left-content { margin:37px 20px 20px 20px; font-size:90%; }
#left-content p{ margin:6px 0; }
/* registration form */
.reg-textbox { width: 160px;}
.frm-note { font-style:italic; font-size:90%; }
.reg-button	{font-size: 11px; background-color:#AAAF9C; color: #000; font:bold; Border-color:#C2C6B8; border-width:1px; padding: 2px 5px;}

#home-left { width:540px; height:auto; margin:20px 0 0 115px; float:left;}
#home-right { width:237px; height:auto; margin:20px 112px 20px 0; background-color:#C2C6B8; float:right; padding-bottom:10px; border: 1px solid #home-right;}
#home-right p{ margin:10px; font-size:10px; }
#home-left-inner { width:100%; background-color:#FFFFFF; border:1px solid #F7E6C9;}
#home-left-inner td{ padding:10px;}
.recipe-desc	{width: 290px;}
.home-rec-img { float:right; width:150px; border: solid 1px #A6A59F;}
.recipe-title { font-size:16px; font-weight:bold;}

#sub-inside { margin:35px 40px;}
#sub-inside-recipes { margin:30px 18px 20px 30px; padding-top: 70px; background-image:url(../graphics/bg-sub-inside-recipesearch.gif); background-repeat:no-repeat; background-position:top left;}
#sub-inside-products { margin:35px 40px; padding-top: 70px; background-image:url(../graphics/bg-sub-inside-products.gif); background-repeat:no-repeat; background-position:top left;}
#sub-inside-frontofhouse { margin:35px 40px; padding-top: 70px; background-image:url(../graphics/bg-sub-inside-frontofhouse.gif); background-repeat:no-repeat; background-position:top left;}
#sub-inside-backofhouse { margin:35px 40px; padding-top: 70px; background-image:url(../graphics/bg-sub-inside-backofhouse.gif); background-repeat:no-repeat; background-position:top left;}
#sub-inside-culinaryin { margin:35px 40px; padding-top: 70px; background-image:url(../graphics/bg-sub-inside-culinaryin.gif); background-repeat:no-repeat; background-position:top left;}
#culinaryin-cats { width:220px; border:1px solid #F8ECDB; background-color:#FFFFFF; padding:10px; float:right; margin:0 0 20px 20px;}
#culinaryin-cats p{ margin:5px 0 5px 5px; }
#sub-inside-about { margin:35px 40px; padding-top: 70px; background-image:url(../graphics/bg-sub-inside-about.gif); background-repeat:no-repeat; background-position:top left;}
#sub-inside-loc { margin:35px 40px; padding-top: 70px; background-image:url(../graphics/bg-loc.gif); background-repeat:no-repeat; background-position:top left;}
#sub-inside-sitemap { margin:35px 40px; padding-top: 70px; background-image:url(../graphics/bg-sitemap.gif); background-repeat:no-repeat; background-position:top left;}
#sub-inside-contact { margin:30px 18px 20px 30px; padding-top: 70px; background-image:url(../graphics/bg-sub-inside-contact.gif); background-repeat:no-repeat; background-position:top left;}

/*#contentcreator	{}
#contentcreator h2 {}
#contentcreator h3 {}
#contentcreator ul {}
#contentcreator ul li {}
#contentcreator p {}*/

#rec-search-box	{border-right: 1px solid #D0CDC2; border-left: 1px solid #D0CDC2; border-bottom: 1px solid #D0CDC2; width: 547px; margin: -4px 0 20px 1px; text-align:center; background-color:#FFFFFF;}
 .rec-search-column	{float: left; width: 160px; margin: 13px 0 10px 10px;}

.form-header	{color:#362C26; FONT-SIZE: 11pt; FONT-FAMILY: arial,verdana,sans-serif; TEXT-DECORATION: none; line-height: 18px; font-weight:bold; margin:0 0 0 35px;}
#recresults	table	{width: 575px;}
#recresults td	{padding: 4px 0;}

.button	{font-size: 11px; background-color:#F7E6CA; color: #871A13; font:bold; Border-color:#871A13; border-width:1px; padding: 5px 10px; float:left;}
.button-on	{font-size: 11px; background-color:#F7E6CA; color: #871A13; font:bold; Border-color:#871A13; border-width:1px; padding: 5px 10px;}


#footer { height:63px; background:#93896E url(../graphics/footer_bg.gif); background-repeat:repeat-x; background-position:top;  color:#FCF2E4; font-size:85%; text-align:center; padding-top:2px; padding-bottom:15px; margin-top:0; }
#footer p{ margin:3px;}
.footnav-spacer { width:10px; height:4px;}
#footer a:link {color: #FCF2E4;	text-decoration: none;}
#footer a:visited {color: #FCF2E4; text-decoration: none;}
#footer a:hover {color: #FCF2E4; text-decoration: none;}


/* for form validation  */
.required { font-weight:bold;}
.alert { font-weight:bold; color:#CC0000;}
/* contact form */
#form-table { width:510px;}
#form-table thead td.cell-1 { width:200px;}
#form-table thead td.cell-2 { width:310px;}
#form-table tbody td { height:30px; padding:4px;} /* height:20px; in IE fix style sheets */
#form-table .textbox {border:1px solid #81B8D6; width:300px; height:18px; }
#form-table .textbox-city {border:1px solid #81B8D6; width:149px; height:18px; }
#form-table .textbox-zip {border:1px solid #81B8D6; width:60px; height:18px; }
#form-table .textarea {border:1px solid #81B8D6; width:300px; height:200px; }
#form-table .select {border:1px solid #81B8D6; height:20px; }
#form-table .button { border:1px solid #81B8D6; margin:4px 0 0 4px; }


/* page classes */
.fineprint { font-size:80%;}
.mediumprint { font-size:85%;}

/* ------------------- from old css ----------------------------- */
.stdText { FONT-SIZE: 11pt; COLOR: #000; FONT-FAMILY: arial,verdana,sans-serif; TEXT-DECORATION: none; line-height: 18px; }
.grayText { FONT-SIZE: 8pt; COLOR: #666666; FONT-FAMILY: verdana,arial,sans-serif; TEXT-DECORATION: none; }
A.blackLink { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #666; FONT-FAMILY: verdana,arial,sans-serif; }
A.blackLinkSm { FONT-SIZE: 8pt; COLOR: #000; FONT-FAMILY: verdana,arial,sans-serif; }
.heading { FONT-SIZE: 16pt; COLOR: #000; FONT-FAMILY: verdana,arial,sans-serif; TEXT-DECORATION: none; FONT-WEIGHT: bold; }
.smallText { FONT-SIZE: 8pt; COLOR: #000; FONT-FAMILY: verdana,arial,sans-serif; TEXT-DECORATION: none; }
.pagertext{color:666666; FONT-FAMILY: arial,verdana,sans-serif; TEXT-DECORATION: none; FONT-SIZE: 11px;}
.redText { FONT-SIZE: 8pt; COLOR: #FF0000; FONT-FAMILY: verdana,arial,sans-serif; TEXT-DECORATION: none; }
INPUT.textbox { FONT-SIZE: 9pt; COLOR: #666; FONT-FAMILY: monospace; }
INPUT.select { FONT-SIZE: 9pt; COLOR: #666; FONT-FAMILY: monospace; }
.textArea { FONT-SIZE: 9pt; COLOR: #666; FONT-FAMILY: monospace; }
/* -------------------------------------------------------------- */

/* ************** Pager Classes - used on utl_callPager.cfm ******************* */

.Pager {
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
}

.onPage {
	font-size: 110%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#D40AE6;
}

a:link.LoopLink {font-weight:bold; color:#0AD4E6; font-size:90%; text-decoration:none;}
a:visited.LoopLink  {font-weight:bold; color:#0AD4E6; font-size:90%; text-decoration:none;}
a:hover.LoopLink  {text-decoration:none;}
a:active.LoopLink  {text-decoration:none;}

.nut_mini td{ padding-left:2px; padding-right:2px;}
#recipe-table { width:476px; margin:0 auto;}

/* Contact form */
#contact-form { width:547px; border: 1px solid #D0CDC2; margin-left:1px; }
#contact-form-table { width:470px; margin:20px 0 20px 45px; }
.contact-left { width:50%; }
.contact-right { width:50%; }
#contact-form-table input{ width:224px; }
#contact-form-table select{ width:224px; }

/* Broker Locator*/
.loc-title { font-weight:bold;}
#locator-landing-form { margin-top:20px;}
/* search box */
.locator-message { text-align:center; }
.locator-search-box { width:300px; border: 3px double #E5DACB; background-color:#F0E6DA; margin:10px auto; padding:20px 0; text-align:center;}

.locator-form { width:300px; margin:10px auto; text-align:center;}
#frmZipCode {margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;}
#frmZipCode-textfield {}
#frmZipCode-button {}
.locator-zip { font-weight:bold;}
/* results page */
.locator-results { width:500px; border: 3px double #E5DACB; margin-bottom:15px;}
.locator-results td.cell-1{ width:30%; padding:10px; }
.locator-results td.cell-2{ width:70%; padding:10px; }
/* details page */
#locator-details-table { width:520px;}
#locator-details-table td.cell-1{ width:65%; vertical-align:top; background-color:#FFF9EA; }
#locator-details-table td.cell-2{ width:35%; vertical-align:top;}
.locator-contacts {border: 3px double #E5DACB; font-size:11px; margin-bottom:10px; padding:5px;}
.locator-contact-hdr { font-size:12px; font-weight:bold; text-align:center; border-bottom:1px solid #E5DACB;}
#locator-broker-info { border: 3px double #E5DACB; margin-right:10px; background:#C2C6B8;}
#locator-broker-logo { width:200px; margin:10 auto;}
#locator-broker-details { margin:10px; background:#C2C6B8;}
#locator-broker-details td.cell-1{ background:#C2C6B8;}
#locator-broker-details td.cell-2{ width:200px;}
#locator-broker-details td.cell-2 img{ margin-top:4px; margin-right:4px; vertical-align:middle; }
#locator-details-text { margin:10px;}

/* fix link issue in firefox */
.locator-search-box a:link { font-size:inherit;}
.locator-search-box a:visited {font-size:inherit;}
.locator-search-box a:hover {font-size:inherit;}
.locator-search-box a:active, a:focus {font-size:inherit;}

.locator-results a:link { font-size:inherit;}
.locator-results a:visited {font-size:inherit;}
.locator-results a:hover {font-size:inherit;}
.locator-results a:active, a:focus {font-size:inherit;}

