/* healthydiningfidner.com main stylesheet */

@import url("links.css");
@import url("carousel.css");


/* home page structure: *****************************************

html( body {
		#container { 
			#header {
				#logo, 
				#tagline
				}
				
			#homeContent {
				#infoPanei,
				#infoPanelCopy,
				#homeColumns(...),
				} 
		} 
		#footer{...}
		}
	)
/**********************************************************************/			
html, body {height:100%;}

body {
	font-family:"Tahoma","Lucida Grande"," Lucida Sans Unicode", "Lucida Sans", "Lucida",  sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing:0.04em;
	line-height: 1.5em;
	background-image:url(../img/bkgd.jpg);
	background-repeat:repeat-x;
	background-color:#fbf3f3;
	margin: 2em 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. */
	height:100%;
}



/* GLOBAL RESET *******************************************************/

p {margin:.55em 0 .55em 0; padding: 0;}
/*img, h1, h2, h3, h4, ul, ol, dl, li, dt, dd { border:0; margin:0; padding:0;}*/
h1, h2, h3, h4 {
	/*font-family: Helvetica, Arial, sans-serif;*/
	color:#9d0239;
	color:#142c82;
	
	font-family:"Tahoma", "Lucida Grande","Lucida Sans Unicode", "Lucida Sans", "Lucida",  sans-serif;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
}
h1 {
	font-weight: normal;
	font-size:2em;
	line-height:1.85em;
}

h2 {
	/*font-weight:bold;*/
	font-weight: normal;
	font-size:1.45em;	
	line-height:1.15em;
	margin-bottom:.25em;
	/*color:#b73b08;*/}

h3 {
	/*font-weight:bold;*/
	font-weight: bold;
	font-size:1.00em;
	line-height:1.30em;
	margin-bottom:.25em;
	/*color:#b73b08;*/
}
h4 {
	/*font-weight:bold;*/
	font-weight: bold;
	text-transform:uppercase;
	font-size:.90em;
	letter-spacing:.08em;
	margin:.5em 0 .5em 0;
	font-family:Arial, Helvetica, sans-serif;
color: #6b5935;	/*color:#b73b08;*/

}
h4.featured {
	/*font-weight:bold;*/
	font-weight: bold;
	text-transform:none;
	font-size:1em;
	margin:.5em 0 .5em 0;
	font-family:Arial, Helvetica, sans-serif;
	color: #6b5935;
	/*color:#b73b08;*/

}

p.error {
color:red;
font-weight:bold;
}
img {border:0;}
sup {font-size:55%;}

blockquote {
	font-size:1.15em;
	line-height:1.35em;
	letter-spacing:0em;
	color: #6b5326;
	color: #333333;	
	border-bottom:1px solid #ebe3d3;
	padding-bottom: 10px;
	margin: 0px 0 15px 0;
}

p.citeLine {
	text-align:right;
	font-style:italic;
}

div.criteriaIntro {
	/*background-color: #f1f5f9; */
	font-size:11px;
	line-height:15px;
	font-style:italic;
	
	/*margin-bottom:1em; 
	border-bottom:1px solid #cccccc;*/ 
	
	color:#333333;

}

/************letter spacing for image replacement class ***************/
 .logo, .refineSearch, .tagline, .newsletter, .prWelcome, .searchtitle, .gmTitle, .randotitle, .award { letter-spacing : -1000em; } 
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body .mir, .logo, .refineSearch, .tagline, .newsletter, .prWelcome, .searchtitle, .gmTitle, .randotitle, .award { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
/* End of hack */


/*http://www.stuffandnonsense.co.uk/archives/mir_image_replacement.html*/

/******************************************************************************/

/****************** Headings being replaced by images *****************/



/* The Malarkey Method: Image replacement  example*/
/*
.mir { letter-spacing : -1000em; }*/
/* Be nice to Opera, but hide from MacIE. Thanks to Robert Jan Verkade (http://www.eend.nl) for the MacIE fix. */
/*\*
/*html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
h1.mir { width : 400px; height :  185px; background : url(../images/mir/mir-h1.jpg) no-repeat; }
h2.mir { width : 250px; height :  260px; background : url(../images/mir/mir-h2.jpg) no-repeat; }
p.mir { width : 400px; height :  260px; background : url(../images/mir/mir-p.jpg) no-repeat; }
ul.mir { width : 400px; padding : 0; list-style-type : none; }
ul.mir li { display : inline; }
ul.mir li a { float : left; display : block; width : 100px; height : 100px; }
a#mir-a1 { background : url(../images/mir/mir-a1.jpg) no-repeat; }
a#mir-a2 { background : url(../images/mir/mir-a2.jpg) no-repeat; }
a#mir-a3 { background : url(../images/mir/mir-a3.jpg) no-repeat; }
a#mir-a4 { background : url(../images/mir/mir-a4.jpg) no-repeat; }*/

	
h1.logo {
	width:421px;
	float:left;
	padding:0;
	margin:0 0 0 15px;
	height: 100px; 
	background-image:url(../img/hdflogo.gif);
	background-repeat:no-repeat;
	/*border:1px solid;*/
	cursor:pointer;
}

h2.tagline { 
	float:left;
	width:238px; 
	margin:0 0 0 25px;
	padding:0;
	height:85px; 
	background-image:url(../img/tagline.gif); 
	background-repeat:no-repeat;
}

h2.newsletter {	
	float:right;
	width:200px; 
	height:75px;
	margin-right:15px;
	margin-top:20px;
	background-image:url(../img/newsletter.gif); 
	background-repeat:no-repeat;
}

h2.award {	
	float:right;
	width:95px; 
	height:95px;
	margin-right:15px;
	margin-top:10px;
	background-image:url(../img/whaIcon.gif); 
	background-repeat:no-repeat;
}

h2.searchtitle {	
	width:305px; 
	height:43px;
	margin:0px;
	background-image:url(../img/search-hdr.gif);
	background-repeat:no-repeat;
}
h2.randotitle {	
	width:322px; 
	height:62px;
	margin:0px;
	margin-left:12px;
	margin-top:12px;
	margin-bottom:16px;
	background-image:url(../img/rando-hdr.gif);
	background-repeat:no-repeat;
}

h2.gmTitle {	
	width:322px; 
	height:55px;
	margin:0px;
	margin-left:12px;
	margin-top:12px;
	margin-bottom:16px;
	background-image:url(../img/gmHeader.gif);
	background-repeat:no-repeat;
}


h2.btmCorners {	
	margin:0;
	padding:0;
	width:1014px; 
	height:10px; 
	background-image:url(../img/bottomCorner.jpg);
	background-repeat:no-repeat;
}

h2.refineSearch {	
	margin:0;
	padding:0;
	width:222px; 
	height:34px; 
	background-image:url(../img/refine-hdg_.jpg);
	background-repeat:no-repeat;
}
h2.prWelcome {	
	margin:0;
	padding:0;
	width:317px; 
	height:25px; 
	background-image:url(../img/hdg-prWelcome.gif);
	background-repeat:no-repeat;
}
h2.divider {
font-size:1.45em;
	/*line-height:1.15em;*/
	display:block;
	width:100%;
	border-bottom:1px solid #cccccc;
	clear:both;
	padding:0 ;
	margin:0;


}
h2.restName {
	display:block;
	font-size:2.25em;
	font-weight:normal;
	font-family:"Trebuchet MS";
	width:100%;
	border-bottom:1px solid #ebe3d3;
	padding:.15em 0 .15em 0;
	margin:0;

}

/*********************** STRUCTURE ************************************/
#container {
	width:1013px;
	/*background: #FFFFFF;*/
	margin: 0 auto;
	text-align: center;
	background-color:#FFFFFF;
}

#header {	
	position:relative;
	display:block;
	/*background-image:url(../images/hdr-bkgd.jpg);
	background-repeat:no-repeat;
	background-color:#427394;*/
	height:112px;
	background-image:url(../img/header-bkgd.jpg);
	background-repeat:no-repeat;
	z-index:1;
	text-align:left;
	/*border:1px solid red;*/
	
}





/************************* Navigation Bar ******************************/
	
	/*see links.css for individual link styles

/**********************************************************************/

#mainnav {
	clear:left;
	height:37px;
	width:1000px;
	text-align:center;
	margin: 0 auto;
	padding:0;
	/*margin-bottom:14px;*/
	position:relative;
}

#mainnav ul {
	margin:0;
	padding:0;
}

#mainnav li {
	list-style-type:none;
	float:left;
}



#secondaryNav {
	clear:left;
	color:#95acd5;
	height:34px;
	width:1000px;
	text-align:center;
	margin: 0 auto;
	padding:0;
	/*margin-bottom:14px;*/
	position:relative;
	background-image:url(../img/subnavBkgd.jpg);
	background-repeat:no-repeat;
}

#secondaryNav ul {
	margin:0;
	padding:0;
}

#secondaryNav li {
	list-style-type:none;
	padding:7px;
	float:left;
}


/********************** Content pages styles  ************************/
#contentBlueBg {
	background-color:#e9f4f2;
	text-align:center;
	background-position:top;
	background-repeat:no-repeat;
	width:1000px;
	margin: 2px auto;
	background-image:url(../img/home-bkgd.jpg);
	height:100%;
}
#contentBlueTop {
	background-image:url(../img/contentShadeTop.jpg);
	width:100%;
	background-position:top;
	color:#333333;
	background-repeat:no-repeat;

}

#introContentBox {
	width:627px;
	display:block;
	float:left;
	margin-top:10px;
	text-align:left;
	height:280px;
	background-image:url(../img/content-bigBkgd.gif);
	background-repeat:no-repeat;
}
#introContentBoxPadding{padding:10px;}


#oneCol {
	width:920px;
	margin:35px;
	margin-top:5px;
}

/*    wide left column, thin right column */
#leftCol {
	width:600px;
	margin-left:35px;
	margin-top:10px;
	float:left;
}

#rightCol {
	margin-left:30px;
	width:275px;
	margin-right:25px;
	float:left;
	padding-left:20px;
	padding-right:15px;
	padding-top:20px;	
	margin-top:10px;
	background-image:url(../img/sideBarbg.jpg);
	background-repeat:no-repeat;
}

#rightCol p { text-align:left; width:260px;}

#rightCol h4 {
	/*font-weight:bold;*/
	font-weight: bold;
	text-transform:uppercase;
	font-size:12px;
	
	margin:.5em 0 .5em 0;
	font-family:Arial, Helvetica, sans-serif;
	color: #675938;
	/*color:#b73b08;*/

}
#rightCol blockquote {
	font-size:105%;
	color: #6b5326;
	border-bottom:1px solid #ebe3d3;
	border-top:1px solid #ebe3d3;
	padding: 1em;
	margin-top:1em;
	letter-spacing:0em;
}

/*****************************************************************/
/* narrow left and wide right column structure */
#rightCol-Wide {
	width:600px;
	margin-right:35px;
	margin-top:10px;
	float:left;
}

#rightCol-Wide table td {
	font-family:"Tahoma","Lucida Grande"," Lucida Sans Unicode", "Lucida Sans", "Lucida",  sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

#leftCol2 {
	margin-left:15px;
	width:275px;
	margin-right:25px;
	float:left;
	padding-left:20px;
	padding-right:15px;
	padding-top:0px;	
	margin-top:10px;
}

#leftCol2 p { text-align:left; width:260px;}

#rightCol-Wide h4 {
	/*font-weight:bold;*/
	font-weight: bold;
	text-transform:uppercase;
	font-size:12px;
	
	margin:.5em 0 .5em 0;
	font-family:Arial, Helvetica, sans-serif;
	color: #675938;
	/*color:#b73b08;*/

}


#goldBox {
	border:1px solid #cccccc; 
	background-color:#fff5d0;  
	width:270px; 
	margin-bottom:.4em;
	margin-top:.4em;
}

#goldBox h3  {
	width:265px; 
	margin:0; 
	background-color:#fddd6d; 
	padding:5px 0 5px 5px;
}

#goldBox p  {padding:14px;}



#ltblueBox {
	border:1px solid #cccccc; 
	border-left:none;
	background-color:#ffffff;  
	width:270px; 
	margin-bottom:.4em;
	margin-top:.4em;
}
.sideBarImgLink {
	margin-bottom:.4em;
	margin-top:.4em;
}


#ltblueBox h3  {
	width:265px; 
	margin:0; 
	background-color:#5790c7; 
	padding:5px 0 5px 5px;
}

#ltblueBox p  {padding:10px;}



#blueBox {
	width:270px; 
	border:1px solid #cccccc; 
	background-color:#e9eef4;
	margin-bottom:1em;
	margin-top:1em;
}

#blueBox h3  {
	width:265px; 
	margin:0; 
	padding:5px 0 5px 5px;
}

#blueBox p  {padding:14px;}





/*****************************************************************/
#contentClose {
	display:block;
	height:55px;
	background-image:url(../img/contentShadeBTM.jpg);
	background-position:bottom;
	width:100%;
	clear:both;
}
#nutritionTable td {
	border-bottom:1px dotted #d8caab;
	padding:10px;
}
#contentRegBg {
	width:1000px;
	/*margin: 20px auto;*/
	margin: 30px 5px 20px 12px;
	text-align:left;
	height:100%;
}
.squareList {list-style-type:square;}

#checkList li {
	margin:8px;
	padding:8px;
	display:block;
	width:240px;
	height:100px;
	float:left;
	list-style-type:none;
	border:1px solid #E1E1E1;
	/*background-image:url(../img/table-bluebkgd.jpg);
	background-position:bottom;
	
		background-repeat:repeat-x;*/
		background-color:#fafbfd;
}

ul.checkListTicker li {
list-style-type:none;
background-repeat:no-repeat;
background-position:top left;
	background-image:url(../img/tick.gif);
	padding-left:18px;
	margin-bottom:8px;
}


#sideBarList {
	margin:0;
}
#sideBarList li {
	margin-top:0;
	list-style-type:none;

	border-bottom:1px dotted #d2c4a1;
	padding:4px 0 4px 0;
}

/************************* HOME PAGE specific boxes *******************/

#flashContentBox {
	width:626px;
	display:block;
	float:left;
	margin-top:10px;
	height:280px;	
}

#searchBox {
	display:block;
	float:left;
	width:366px;
	height:280px;
	text-align:left;
}

#sb-inner {
	margin-top:20px;
	margin-left:20px;
}

/*
#checkRowFrame {
	clear:both;
	background-color:#437517;
	margin: auto;
	padding-bottom:12px;
	text-align:center;
	border:1px solid #65a22e;
	}
*/

#checkRow {
	margin:12px 0  0;
	display:block;
	width:330px;
	text-align:center;
	padding-top:2px;
	padding-bottom:6px;
	/*background-color:#FFFFFF;*/
}

/*#checkRow {
	margin:12px 0 12px 0;
	display:block;
	width:320px;
	height:75px;
	text-align:center;
	background-color:#437517;
	background-position:top;
	background-repeat:repeat-x;
	background-image:url(../img/cbBorder.jpg);
	padding-top:5px;
}
*/

#zipcode {
	/*background-image:url(../img/searchBoxBgd.jpg);
	background-repeat:no-repeat;*/
	width:311px;
	background-color:#ebdfc5;
	border:2px solid white;
	border:1px solid #aec8d9;
	/*border:0;*/
	font-size:16px;
	color:#5b5b5b;
	font-weight:bold;
	padding:6px 0 6px 6px;
}
.structural { /*hides class offscreen*/ 
	position:absolute; 
	left:-9999px; 
} 


div.checkbox { /* range selection boxes */
	display:block;
	float:left; 
	margin: 1px; 
	/*background-color:#fff;*/
	/*border:1px solid #437517; */
	/*color:white;*/
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	letter-spacing:-0.02em;
	padding:2px;
	border:1px solid #4a88b9;
	border:1px solid #aec8d9;

	width:72px;
}

div.checkbox:hover {
	background-color:#65a22e;
	color:#f4f7a1;
		/*border:1px solid white;*/

	/*border:1px solid #f4f7a1; */

}



#signUpPanel { /* restuarateurs box */
	width:365px;
	display:block;
	float:left;
	height:200px;
	background-image:url(../img/panel-home-restaurateurs.jpg);
	background-repeat:no-repeat;
	text-align:left;
}

#opTanPanel {
	width:365px;
	display:block;
	float:left;
	height:200px;
	background-image:url(../img/panel-tanOp.jpg);
	background-repeat:no-repeat;
	text-align:left;
}
#logoBar {
	width:988px;
	background-image:url(../img/panel-logoScrolla.gif);
	background-repeat:no-repeat;
	height:152px;
	display:block;
	clear:both;

}
#panelContent {	padding:50px 20px 10px 62px;}/* positioning */

#panelContent2 {	padding:10px 20px 10px 62px;}/* positioning */

#moreInfo {
	width:635px;
	display:block;
	float:left;
	height:200px;
	background-image:url(../img/more-panel-home.jpg);
	background-repeat:no-repeat;
	background-color:#e9f3f2;

}
#panelOpNews {
	width:635px;
	display:block;
	float:left;
	height:200px;
	background-image:url(../img/panel-OpNews.jpg);
	background-repeat:no-repeat;
	background-color:#e9f3f2;

}
#bulletList {margin-left:16px;}
#bulletList  div {padding:2px;}

/************************* FOOTER *************************************/
	
	/*see links.css for individual link styles

/**********************************************************************/

#footer {
	clear:left;
	width:1000px;
	height:40px;
	padding-top:16px;
	background-image:url(../img/bkgd-footer.jpg);
	background-repeat:no-repeat;
	color:#5b5b5b;
	margin:auto;
	margin-top:0;
}
#footer .linkRow {
float:left;
margin-left:20px;
}
#footer .copyright {
float:right;
padding-right:15px;
}
