/********************************************************/

/*	GLOBAL PAGE SETUP - BODY, FONTS	*/

/********************************************************/

html, body {
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
    margin: 0; 
    padding:0;
	background: #333 url(../restaurant/restaurant_newcastle.jpg) top center repeat-x;

}
	

body, h2, h3, h4, h5, h6, table, form, code, pre, fieldset, legend, dl, dt, dd {
	margin:0; padding:0; border: none;
	color: #fff;
	}

table, tr, td {
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	color: #fff;	
	}
/*
#content a:link, a:visited, a:active, a:hover {
	color:#0000FF;	}
*/


div.clearer {
	width: 98%;
	height: 1px;
	font-size: 1px;
	}
	

/* HIDE - for print css only */
#restaurant_newcastle {
	display: none;
	float: none; }
	
	

/********************************************************************/
/*	CONTAINER ZONES  												*/
/*  each zone forms the page layout holders
/********************************************************************/

#newcastle {
	width: 984px;
	background-color: #000;
	margin: 0 auto;
	padding: 0;
	margin-top: 0;
	border-left: 2px solid #666;
	border-right: 2px solid #666;
	display: block;
	min-height: 100%;
	height: auto; 
	overflow: visible; 
	}
	#newcastle:after {
	content:"";
	display:block;
	clear:both; 	}
	* html #newcastle { height:1px;	}	


/****************************************/

/*	TOP ROW - ADDRESS & NEWS HEADERS	*/

/****************************************/	

/* Container DIV 100% */	
div.dining {
	width: 100%;
	padding: 0;
	margin: 0;
	display: block;	}	
	div.dining:after {
	content:"";
	display:block;
	clear:both; 	}
	* html div.dining { height:1px;	}	
	
/* Address & Phone */	
div.waterfront {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999;
	text-align: center;
	width: 424px;
	height: 20px;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	float: left;	}

/* News Header - with border */	
div.news_hd {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #888;
	text-align: center;
	float: left;
/*	height: 22px; */
	height: 18px;
	width: 250px;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	margin: 10px 25px 0 0;
	padding: 4px 0 0 0;	}

/* Grey bar 100% */
div.bar {
	width: 100%;
	height: 5px;
	margin: 0;
	padding: 0;
	background-color: #666;
	display: block; }

/****************************************/

/*	SILO LOGO							*/

/****************************************/	
	
/* Container for logo row */
div.silo_lounge {
	width: 980px;
	height: 190px;
	overflow: hidden;
	background-image: url(../restaurant/silo.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 0;
	margin: 0;
	}

/* Logo */
div.silo {
	float: left;
	width: 420px; }

/* Bar under logo - with part of flower */
div.silo_bar {
	width: 980px;
	height: 5px;
	margin: 0;
	padding: 0;
	background-color: #333;
	background-image: url(../restaurant/silo_bar.gif);
	background-position: 0 0;
	background-repeat: no-repeat; 
	display: block;
	clear: both; }
	
/****************************************/

/*	NEW & FEATURES - top right template	*/

/****************************************/	

/* container */
#news {
	float: right; 
/*	width: 250px;	*/
	width: 226px;
	height: 190px;
	overflow: hidden;
	padding: 12px 12px 0 12px;
	margin: 0 27px 0 0;
	display: inline;
	background-color: transparent;
	}	

#news div.newspics {
	width: 220px;
	height: 87px;
	margin: 0 0 8px 0;
	padding: 0;
	text-align: center;
	display: block;	}
	#news div.newspics:after {
	content:"";
	display:block;
	clear:both; 	}
	* html #news div.newspics { height:1px;	}	
	
#news img.news {
	margin: 0 7px 0 0;
	border: 1px solid #666;
	float: left;
	width: 100px;
	height: 85px;
}

#news img.news2 {
	margin: 0 0 0 7px;
	border: 1px solid #666;
	float: left;	
	width: 100px;
	height: 85px;	
}	
	
#news h1 {
/*	width: 226px; */
	width: 224px;
	font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F76324;
	padding: 2px 0 0 2px;
	margin: 0 0 0 0;	 }	

#news p {
/*	width: 226px; */
	width: 224px;
	height: 24px;
	overflow: hidden;
	font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	line-height: 130%;
	color: #666666;
	padding: 4px 0 7px 2px;
	margin: 0 0 2px 0;}
	
#news a:link, #news a:visited  {
/*	width: 226px; */
	width: 224px;
	font-family: "Trebuchet MS", Helvetica, Tahoma, Arial, Sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
	padding: 2px 0 0 2px;
	color: #ccc;
	text-decoration: none;	}	
	#news a:active, #news a:hover  {
	text-decoration: underline;
	}
	
div.news_pics	{
	background-color:#CCCCCC;
	text-align: center;
	width: 100%;
	display: block;
	}
	
#news img {
	border: 1px solid #666;
	margin: 0;
	padding: 0;
	display: inline;
	margin: 6px 3px 3px 3px;	}	
	

/****************************************/

/*	MIDDLE HODLING CONTAINER - with left nav, content	*/

/****************************************/	

#cafe {
	width: 980px;
	margin: 0;
	overflow: visible;
	position: relative;
	background-image: url(../restaurant/silo_lounge.gif);
	background-repeat: repeat-y;
	background-position: 298px 250px;
	}
	
	#cafe:after {
	content:"";
	display: block;
	clear:both; 	}
	* html #cafe { height:1px;	}	
	
	
/****************************************/

/*	NAVIGATION - main menu				*/

/****************************************/	


#nav {
	width:	277px;
	height: 720px;
	background-image: url(../restaurant/restaurant.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 23px 0 150px 0;
	margin: 0;
	float: left;
	overflow: visible;
	min-height: 500px;
	position: relative;
}
	#nav:after {
	content:"";
	display:block;
	clear:both; 	}
	* html #nav { height:1px;	}	

#nav ul {
/*	width: 252px;	*/
	width: 236px;
	margin: 0 0 10px 25px;
	background-image: url(../restaurant/bar_restaurant.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 22px 0 0 16px;
	position: relative;
	 }	

#nav ul li  {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 4px 0 5px 0;
	list-style-type: none;
	position: relative;
	z-index: 1;
	display: block;
	width: 220px;
	height: 20px;
	}

#nav a:link, #nav a:visited {
	color: #F8E0A8;
	text-decoration: none;
	padding: 0 0 0 12px;	
	}
	
#nav a:hover, #nav a:active {
	text-decoration: none;
	color: #EAB926; }

#nav ul li a.selected {
	background-image: url(../restaurant/nav.gif);
	background-position: 0 2px;
	background-repeat: no-repeat;
	color: #FFFFFF;
	text-decoration: none;} 

#nav img {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0;
	width: 252px;
	height: 440px;}

/*
#nav .faderpic { text-align: center; }
.faderpic { margin: 0 auto; }
*/
#nightclub {
	margin: 0 0 0 0;
	padding: 0;
	position: absolute;
	top: 285px;
	left: 25px;
	width: 252px;
	height: 440px;
	z-index: 0;
	background-image: url(../restaurant/newcastle_harbour.jpg);	
	}


/****************************************/

/*	CONTENT ZONE	  					*/

/****************************************/

/* MAIN CONTENT HOLDING CONTAINER */

#harbour {
	width: 670px;	
	float: left;	
	overflow: visible;
	margin: 0 0 0 0;
	padding: 0 0 100px 0;
	position: relative;
	}
	#harbour:after {
	content:"";
	display: block;
	clear:both; 	}
	* html #harbour { height:1px;	}	

#harbour h1 {
	font-family: Century Gothic, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	line-height: 110%;
	color: #fff;
	padding: 5px 0 2px 10px;
	margin: 20px 0 10px 40px;
	width: 600px;
	height: 33px;
	background-image: url(../restaurant/cocktails.jpg);
	background-repeat:repeat-y;
	background-position: 0 0;
}

#content {
	width: 600px;
	margin: 3px 20px 20px 60px;
	padding: 0;	
	position: relative;
	z-index: 1;
 	}

/* bottom of leave/flower */
#hunter {
	position: relative;
	z-index: 99;
	width: 37px;
	height: 31px;
}


/* CONTENT STRETCH */
#food {
	width: 1px;
	height: 800px;
	padding: 0;
	margin: 0;
	z-index: 0;
	float: left;
	clear: none;
	position: relative;
	left: 0;
	top: 0;
	display: none;
	}


#content p	{
	font-family: "Trebuchet MS", Helvetica, Arial, Tahoma, Sans-serif;
	font-size: 12px;
	line-height: 170%;
	color: #D4D4D4;
	padding: 0 0 10px 0;
	margin: 0;
	}	

#content p a:link, #content p a:visited { 	color: #FCE27A; text-decoration: none; }
#content p a:hover, #content p a:active {	color: #FFCC00; text-decoration: underline; }

#content h2 {
	font-family: Century Gothic, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
	height: 27px;
	color: #FF9900;
	padding: 10px 0 3px 0;
	margin: 20px 0 20px 0;
	width: 580px;
	clear: both;
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom; 
	}	
	
#content h3 {
	font-family: Tahoma, Verdana, Arial, Helvetica, Century Gothic, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 25px;
	color: #FFCC66;
	padding: 15px 20px 0 0;
	margin: 0;
	}	
	
#content h6 {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #888;
	padding: 3px 0 3px 5px;
	margin: 10px 0 0 0;
	background-color: #1B1B1B;
	}		

#content img.silo {
	margin: 0 0 10px 5px;
	padding: 0;}

#content img.photo, #content img.photo1 {
	float: right;
	display: inline;
	text-align: right;
	padding: 2px;
	margin: 10px 12px 5px 8px;
	border-spacing: 1px;
	border: 1px solid #666;
	}		

#content img.photo1 {
	border: none;
	float: right;
	padding: 0;
	margin: 0;
	}
	
#content img.photo2 {
	float: right;
	padding: 2px;
	margin: 10px 12px 5px 8px;
	border-spacing: 1px;
	border: 1px solid #666;
	}	
	
.textsmall {
	font-size: 9px;
	color: #999999;	}	
	
.textsmall a:link, .textsmall a:visited  {
	color: #ccc;
	text-decoration: none;	}		

.textsmall a:hover, .textsmall a:active  {
	color: #fff;
	text-decoration: underline;	}		

	
.errorhd, .errortxt {
	font-family: Verdana, Tahoma, Helvetica, Arial Narrow, sans-serif;
	font-size: 12px;
	color: #F3461B;
	width: 80%;
	margin: 0 30px 0 0;
	color: #FF0000;
	padding: 5px 20px 0 0;}

.errorhd {
	font-weight: bold;}	
	
ul.errortxt  {
	margin: 5px 0 10px 10px;
	padding: 5px 0 0 15px;
	color: #FF0000;	
	font-size: 11px;}

ul.errortxt li {
	padding: 2px 0 2px 5px;
	margin: 0 0 0 0;
	list-style-type: square;
	color: #FF0000
}

/****************************************/

/*	    DATABASE ITEMS 					*/

/****************************************/

/* CONTAINER DIV FOR EACH ITEM */
div.itemblock {
	padding: 0;
	margin: 10px 0 30px 0;
	width: 590px;
	height: auto;
	overflow: visible;
	position: relative;
	clear: none;
	}

	div.itemblock:after {
	content:"";
	display:block;
	clear:both; 	}
	* html div.itemblock { height:1px;	}	

/* HOLDING DIV FOR TEXT */
div.item {
	padding: 0 0 0 20px;
	margin: 0;
	width: 380px;
	float: left;
	border-left: 2px dotted #333;
	clear: none;
	
	}

/* ITEM HEADER */	
div.item h4 {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FABF67;
	background-image: none;
	padding: 0;
	margin: 0;
	line-height: 110%;
	width: 80%;
	border: 0;
	}

/* ITEM SUB-HEADER */
div.item h5 {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999;
	background-image: none;
	padding: 3px 0 7px 0;
	margin: 0;
	line-height: 110%;	
	height: auto;
	width: 90%;
	border: 0;	
	}
	
/* ITEM PAR TEXT */	
#content div.itemblock div.item p {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	padding: 2px 0 5px 0;
	margin: 0;
	line-height: 130%;	
	height: auto;
	}		

/* LEFT THUMBNAIL */
div.itemPic {
	width: 125px;
	float: left;
}

div.itemPic img {
	border: 1px solid #3E3E3E;
	padding: 1px;
	margin: 0 0 15px 0;
	}
	
/* PDF ICON */	
#content div.itemblock div.item img {	
	border: 0;}


/* PDF link & image */
div.pdflink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 2px 0 0 0;
	margin: 10px 0 5px 0; }

div.pdflink a:link, div.pdflink a:visited { 
	color:#aaa;
	text-decoration: none;
	}
div.pdflink a:hover, div.pdflink a:active { 
	text-decoration: underline;
	 }
	
div.pdflink img {
	padding: 3px 10px 0 0;
	margin: 0 0 0 0;
	border: 0;
	float: left; }

div.item2 {
	padding: 0 0 0 10px;
	margin: 10px 0 10px 15px;
	width: 85%;
	min-height: 100px;
		
	
	/*border-left: 2px solid #444;	*/
	}

img.item2pic {
	float: right;
	border: 2px solid #444;
	margin: 10px;
	padding: 3px;
	}		
	
div.itemhd, div.itemhd a:link, div.itemhd a:visited {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FABF67;
	padding: 0 0 2px 2px;
	margin: 1px 0 0 0;
	text-decoration: none; 	}	
	div.itemhd a:hover, div.itemhd a:active { text-decoration: underline; }


div.item .itemtxt1, div.item2 .itemtxt1 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #999;
	width: 80%;
	margin: 2px 0 2px 0;
	padding: 0; }

/* FOR EMPLOYMENT PAGE */
div.item2 .itemtxt1 { font-weight: normal; }

.itemtxt2 {
	margin: 0 0 0 0;
	padding: 2px 0 2px 0; 
	width: 80%;
	color: #999999;	}

div.item .itemtxt3, div.item2 .itemtxt3 {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FAE2B6;
	width: 80%;
	margin: 2px 0 2px 0;
	padding: 0; }

/* FOR EMPLOYMENT PAGE */
div.item2 .itemtxt3 { 
	font-weight: normal; 
	font-size: 11px;
	line-height: 130%;
	padding: 10px 0 5px 0;
	width: 98%; }

div.line {
	width: 80%;
	border-bottom: 1px dotted #444;
	margin: 10px 20px 20px 25px;
	}
	
/* STYLES FOR PHOTO GALLERY SECTION */
div.photogallery {
	width: 580px;
	display: block;
	}
	div.photogallery:after {
	content:"";
	display:block;
	clear:both; 	}
	* html div.photogallery { height:1px;	}	
		
div.photogallery img.photos {
	width: 100px;
	height: 75px;
	float: left;
	padding: 0;
	margin: 10px 10px 10px 0;
	display: inline;
	border: 1px solid #666;
	padding: 2px;
	}


/****************************************/

/*  GOOGLE MAP						 	*/

/****************************************/

#mapdiv { 
	position: relative; 
	z-index:100; 
	color:#000000;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Sans-serif;
	font-size: 14px; }

#map	{
	width: 500px;
	height: 360px;
	z-index: 4;
	margin: 10px 0 30px 0;
	border: 3px solid #ccc;
	padding: 2px;
	text-align: left;
	position: relative;
	z-index: 100;
	clear: right;
	}
	
/****************************************/

/*  WEB LINKS + events links 			*/

/****************************************/

div.weblink {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	padding: 10px 0 10px 0;
	margin: 0 0 10px 0;
	}
	
div.weblink a:link, div.weblink a:visited {	
	color: #FF9900;
	text-decoration: none;
}

div.weblink a:hover, div.weblink a:active {	
	color: #fff;
	text-decoration: none;
}


div.weblink img {
	border: 0;
	margin: -3px 8px 0 4px;
	padding: 0;
	float: left;

}



/****************************************/

/*  ENQUIRE NOW LINK 			*/

/****************************************/

div.booking {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	padding: 5px 0 10px 38px;
	margin: 15px 0 20px 0;
	background-image: url(../restaurant/booking.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 500px;
	height: 50px;
	color: #999;
	}
	
div.booking a:link, div.booking a:visited {	
	color: #999;
	text-decoration: none;
}

div.booking a:link b, div.booking a:visited b {
	color: #fff;
	font-size: 12px; }
div.booking a:hover b, div.booking a:active b {
	color: #FF7400;
	}


/****************************************/

/*  CONTACT INFO, BRANCH DETAILS	 	*/

/****************************************/

table.branch {
	width: 96%;
	font-size: 11px;
	margin: 5px 0 5px 0;
	padding: 0;
}

table.branch th {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	color: #666;
	width: 90px;
	padding: 8px 10px 2px 0;
	white-space: nowrap;
	vertical-align: top;
	text-transform: uppercase;
	}

table.branch td {
	font-family: Arial, "Trebuchet MS", Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	padding: 8px 0 2px 0;
	width: auto;
	vertical-align: top;
	text-align:left;	
	}	


table.branch a:link, table.branch a:visited {
	text-decoration: none;
	color: #8A8349;
}

table.branch a:hover, table.branch a:active {
	text-decoration: underline;
}



/****************************************/

/*  CONTACT & FEEDBACK FORMS		 	*/

/****************************************/

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0;
  padding: 0;
  width: 500px;
  height: auto; 
  background-color: transparent;
  float: none;
  clear: none;
  position: relative;
   }

/* container for each fieldset */
form fieldset {
	/ * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
	width: 500px;
	display: block;
	position: relative;
	padding: 10px 10px 15px 10px;   /* padding in fieldset support spotty in IE */
	margin: 20px 0 10px 0;
	border: 1px solid #333;
	background-color: transparent;
	z-index: 0;
}

/* Legend for each fieldset */
form legend {
	color: #FF9900;
	font-family: Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif;
	font-size: 11px;
	margin: 0 0 0 14px;
	padding: 0 1px 0 2px;
	position: absolute;
	top: -7px;
	left: 0;
	}

.formspacer {
	width: 95%;
	height: 10px;
	margin: 0;
	padding: 0;
	clear: both; 
	}

/* Labels for each field */
form label {
	font-family: Arial, "Trebuchet MS", Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	width: 120px;
	color: #999; 
	margin: 4px 0 0 0;
	padding: 13px 0 0 0;
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	text-align: right; 	
}
form label.photos {
	text-align: left;
	font-size: 12px;
	width: 100px;
	padding: 13px 0 0 5px;
	}

/* GENERIC STYLES FOR TEXT FIELDS, CHECK BOX, SELECT MENU, SUBMIT, ETC */
form input, form textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	width: 290px;
	border: 1px solid #666;
	margin: 13px 0 0 10px;
	padding: 4px 2px 4px 4px;
	background-color: #000;
	float: left;
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	}
	
/* RADIO BUTTON */
form input.radio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	width: 25px;
	border: none;
	margin: 3px 0 0 3px;
	padding: 0;
	float: none;
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	}		

/* SMALL TEXT FIELD */	
form input.sml { width: 60px; }		

form select { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	width: 295px;
	border: 1px solid #ccc;
	margin: 14px 0 0 10px;
	padding: 2px 2px 2px 2px;
	background-color: #fff;
	float: left;
	}

/* SELECT FOR PHOTO GALLERY CATEGORIES */
form select.photos {
	}

/* SMALL SELECT MENU */	
form select.sml { width: 60px; }	

/* MEDIUM SELECT MENU */	
form select.med { width: 120px; }		

form textarea {
	width: 292px;
	height: 100px;
	}	
	textarea { overflow: auto; }

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
	
form small {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	display: block;
	margin: 0 0 0 126px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 0 3px;
	font-size: 88%;
	color: #aeaeae;	}

#content .checkbox {
	border: 0;
	clear: left;
	width: 14px;
	height: 14px;
	float: left;
	margin: 9px 0 0 3px;	}

form fieldset .text {
	font-family: Arial, Helvetica, sans-serif;
	color: #787878;
	float: left;
	padding: 9px 0 0 5px; 
	margin: 0 0 0 0;
	}
	
form input#submit, form input#reset, form input#subscribe {
	width: 75px;
	height: 25px;
	float: none; 
	display: inline; 
	border: none;
	margin:0 0 0 5px;
	padding:0;	}
	form input#subscribe { width: 98px; }
	
form .scodefield { 	width: 100px; }	
	
img.scode {
	margin: 0 0 0 4px;
	padding: 12px 0 0 0;
	float: left;
	}	

div.formError {
	width: 20px;
	height: 35px;
	float: left;
	margin: 0;
	background-image: url(../images/formError.gif);
	background-repeat: no-repeat;
	background-position: 5px 18px;	
	}
	
.fielderror {
	border: 1px dotted #CC0000;	
	}



div.msgError {
	color: #F00;
	font-weight: bold;
	margin: 20px 0 32px 0;
}

#content div.msgError ul {
	font-weight: normal;
	font-size:  12px;
	list-style-type: none;
	color: #F00;	
	padding: 0;
	margin: 10px 0 10px 10px;
}

#content div.msgError ul li {
	color: #F00;
	padding: 0 0 4px 18px;
	margin: 0;
	background-image: url(../restaurant/bulletx.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
}


#content .msgConfirm {
	border: 3px dashed #75B6E6;
	background-color: #EFF7FC;
	padding: 22px;	
	font-size: 15px;
	color: #2071AC;
	margin-bottom: 50px;


}
#content .msgConfirm strong {
	font-size: 18px;
	color: #2071AC;	
}

#content .msgConfirm p {
	font-size: 15px;
	color: #2071AC;	
}

/* SECURITY CSS */
form input.xfield { width: 80px; }	
	
img.scode {
	margin: 0 0 0 4px;
	padding: 14px 0 0 0;
	float: left;
	}	
	
.moreinfo {
	width:5px;
	visibility:hidden;
	display: none;
	}





/* FEEDBACK SURVEY FORM	*/
table#feedback {
	margin: 0 0 0 10px;
}

td.feedback {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom: 1px dotted #333;
	height: 28px;
	vertical-align: middle;
	padding: 3px 0 6px 0;	}
	

	
/* SUBSCRIBE FORM HOME - single row format */

form#subhome {
	width: 600px;
}

.dgLabelSub {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #FABF67; 
	padding: 15px 0 0 0;
	margin: 0;	}

input.formFieldSub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color:#333;
	background-image: url(../restaurant/silo.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;	
	width: 130px;
	padding: 4px 2px 3px 2px;
	margin: 0 2px 0 0;
	border: 1px solid #999999;	}
	
form input#join {
	width: 56px;
	height: 21px;
	float: none; 
	display: inline; 
	border: none;
	margin:0 0 0 2px;
	padding:0;
	}	
	
div.goodMSG {
	color: #3399FF;
	font-weight: bold;}


/****************************/
/*		FOOTER              */
/****************************/

#footer {
	width: 670px;
	text-align: center;
	margin: 55px 0 25px 0;
	padding: 0;	
	position: absolute;
	bottom: 0;
	right: 0;
	}
	
#footer a:link, #footer a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 180%;
	color:#555;
	text-align: center;
	padding: 0;	
	text-decoration: none;
	}	
	
	#footer a:hover, #footer a:active { text-decoration: underline; color: #FFCC00; }
	
	
div.restaurant_reviews {
	width: 370px;
	background-color: #1E1E1E;
	padding: 10px;
	margin: 0 0 0 25px;
}


/****************************************/

/*  JUMP MENU FORMS - category select 	*/

/****************************************/

form#sortby {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0 0 0 5px;
  padding: 0;
  width: 400px; 
  background-color: transparent; }

/* container for each fieldset */
form#sortby fieldset {
	/ * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
	width: auto;
	display: block;
	position: relative;
	padding: 10px 10px 15px 10px;   /* padding in fieldset support spotty in IE */
	margin: 20px 0 10px 0;
	border: 1px solid #666;
	background-color: #000;
	z-index: 0;
}

/* Legend for each fieldset */
form#sortby legend {
	color: #FFCC66;
	font-family: Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif;
	font-size: 11px;
	margin: 0 0 0 14px;
	padding: 0 1px 0 2px;
	position: absolute;
	top: -7px;
	left: 0;
	}

/* Labels for each field */
form#sortby label {
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left; 	
	text-transform: uppercase;
	color: #777; 
	width: 90px;
	margin: 4px 0 0 0;
	padding: 13px 0 0 0;
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
}	
form#sortby select { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	width: 270px;
	border: 1px solid #ccc;
	margin: 14px 0 0 8px;
	padding: 2px 2px 2px 2px;
	background-color: #fff;
	float: left;
	}