/* take-away-menus.com  - web styles */

/* tag selectors */
body {
	margin: 4px;
}
body, p, input, textarea, select {
#  font-family: verdana, tahoma, verdana, arial, sans-serif; color: #000000;
  font-family: "lucida sans unicode", verdana, tahoma, verdana, arial, sans-serif; color: #000000;
}
p, td, th, a, input, textarea, select  {
	font-size: 12px;
	line-height: 1.2;
}
/*p {font-size: 8pt;}*/
/*td {font-size: 8pt; vertical-align: top;}*/
th {font-size: 11px; font-weight: bold; text-align: left}
input, textarea, select {font-size: 11px; color: #000000;}
ul {list-style-type: square; line-height: 1.5em}
ol {line-height: 1.5em}
pre {font-family: lucida console, courier}

/* body links */
body a:link {color: #004499; text-decoration: none; font-weight: bold;}
body a:visited {color: #004499; text-decoration: none; font-weight: bold;}
body a:hover, body a:active {color: #0044FF; text-decoration: underline; font-weight: bold;}

/* headings */
h1, h2, h3, h4, h5, h6 {
	font-family: verdana, tahoma, arial, sans-serif;
	padding-left: 4px;
	padding-top: 1px;
	padding-bottom: 4px;
	margin: 8px 0px 4px;
}
h1 {
	font-size: 18px;
	font-weight: normal;
	background-color: #A6A6FF;
	color: #003366;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	margin-bottom: 12px;
}
h2 {
	font-size: 12px;
	font-weight: bold;
	background-color: #CCCCFF;
	color: #003366;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
}
h3 {
	font-size: 11px;
	font-weight: bold;
	background-color: #AC9EC2;
	color: #000000;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
}
h4 {font-size: 12pt; font-weight: bold; background-color: #664400; color: #FFFFFF;}
h5 {font-size: 11pt; font-weight: bold; background-color: #663366; color: #FFFFFF;}
h6 {font-size: 10pt; font-weight: bold; background-color: #333366; color: #FFFFFF;}


/* top, left heading and footer */
.topmenu {font-family: "lucida sans unicode", verdana, tahoma, arial, sands-serif; font-size: 11px; font-weight: normal; color: #FFFFFF}
a.topmenu, a.topmenu:link { color: #FFFF00; text-decoration: none}
a.topmenu:hover, a.topmenu:active { color: #FFFF00; text-decoration: underline}
a.topmenu:visited { color: #FFFF00}

.path {font-size: 10px; color: #FFFFFF}
a.path, a.path:link { color: #FFFF00; text-decoration: none; font-weight: normal;}
a.path:hover, a.path:active { color: #FFFF00; text-decoration: underline; font-weight: normal;}
a.path:visited { color: #EEEE00; font-weight: normal;}

.leftmenu {font-size: 11px; font-weight: normal; color: #FFFFFF}
a.leftmenu, a.leftmenu:link { color: #FFFFFF; text-decoration: none; font-weight: normal;}
a.leftmenu:hover, a.leftmenu:active { color: #FFFFFF; text-decoration: underline; font-weight: normal;}
a.leftmenu:visited { color: #FFFFFF; font-weight: normal;}

.username {font-size: 10px; font-weight: bold; color: #FFFF00;}
.userid {font-size: 10px; color: #FFFF66;}
a.userid, a.userid:link, a.userid:visited {font-weight: bold; color: #FFFF66;}
a.userid:hover, a.userid:active {color: #FFFF66}

/* buttons */
.button { font-family: tahoma, verdana, arial, sans-serif; font-size: 12px; font-weight: bold; background-color: #1F3F7A; color: #FFFF00; height: 24px; border: 1px solid; border-color: #006699 #000066 #000066 #006699}
.smallbutton { font-family: tahoma, verdana, arial, sans-serif; font-size: 9pt; font-weight: bold; background-color: #1F3F7A; color: #FFFF00; height: 24px; width: 80px; border: 1px solid; border-color: #006699 #000066 #000066 #006699}
.mediumbutton { font-family: tahoma, verdana, arial, sans-serif; font-size: 9pt; font-weight: bold; background-color: #1F3F7A; color: #FFFF00; height: 24px; width: 120px; border: 1px solid; border-color: #006699 #000066 #000066 #006699}
.largebutton { font-family: tahoma, verdana, arial, sans-serif; font-size: 9pt; font-weight: bold; background-color: #1F3F7A; color: #FFFF00; height: 24px; width: 160px; border: 1px solid; border-color: #006699 #000066 #000066 #006699}

/* frames */
td.bluefb {background-color: #1F3F7A;	font-family: Verdana, Tahoma, Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF;}
td.bluefi {background-color: #CCCCFF;}
td.blueftl {background-image: url(/images/frame_b_tl.gif);}
td.blueftr {background-image: url(/images/frame_b_tr.gif);}
td.bluefml {background-image: url(/images/frame_b_ml.gif);}
td.bluefmr {background-image: url(/images/frame_b_mr.gif);}
td.bluefbl {background-image: url(/images/frame_b_bl.gif);}
td.bluefbr {background-image: url(/images/frame_b_br.gif);}

td.purplefb {background-color: #6633CC;	font-family: Verdana, Tahoma, Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF;}
td.purplefi {background-color: #CCCCFF;}
td.purpleftl {background-image: url(/images/frame_p_tl.gif);}
td.purpleftr {background-image: url(/images/frame_p_tr.gif);}
td.purplefml {background-image: url(/images/frame_p_ml.gif);}
td.purplefmr {background-image: url(/images/frame_p_mr.gif);}
td.purplefbl {background-image: url(/images/frame_p_bl.gif);}
td.purplefbr {background-image: url(/images/frame_p_br.gif);}

td.greenfb {background-color: #339900;	font-family: Verdana, Tahoma, Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF;}
td.greenfi {background-color: #CCFFCC;}
td.greenftl {background-image: url(/images/frame_g_tl.gif);}
td.greenftr {background-image: url(/images/frame_g_tr.gif);}
td.greenfml {background-image: url(/images/frame_g_ml.gif);}
td.greenfmr {background-image: url(/images/frame_g_mr.gif);}
td.greenfbl {background-image: url(/images/frame_g_bl.gif);}
td.greenfbr {background-image: url(/images/frame_g_br.gif);}

td.orangefb {background-color: #FF6600;	font-family: Verdana, Tahoma, Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF;}
td.orangefi {background-color: #FFCC99;}
td.orangeftl {background-image: url(/images/frame_o_tl.gif);}
td.orangeftr {background-image: url(/images/frame_o_tr.gif);}
td.orangefml {background-image: url(/images/frame_o_ml.gif);}
td.orangefmr {background-image: url(/images/frame_o_mr.gif);}
td.orangefbl {background-image: url(/images/frame_o_bl.gif);}
td.orangefbr {background-image: url(/images/frame_o_br.gif);}

/* data table rows */
.row-odd, .row-odd-small {background-color: #D0F0FF; color: #000000}
.row-even, .row-even-small {background-color: #E0F0FF; color: #000000}
.row-even-small, .row-odd-small {font-size: 7pt}
a.row-even-small, a.row-even-small:link, a.row-even-small:hover, a.row-even-small:visited {font-size: 7pt}
a.row-odd-small, a.row-odd-small:link, a.row-odd-small:hover, a.row-odd-small:visited {font-size: 7pt}

table.results { background-color: #C0C0C0;}
th.results {  background-color: #1F3F7A; color: #FFFFFF}
td.results {  color: #000000}
td.results-odd {  background-color: #D0E0FF; color: #000000}
td.results-even {  background-color: #E0F0FF; color: #000000}

th.searchresults {  background-color: #1F3F7A; color: #FFFFFF}
td.searchresults {  color: #000000}
td.searchresults-odd {  background-color: #D0E0FF; color: #000000}
td.searchresults-even {  background-color: #E0F0FF; color: #000000}

td.menucategory {  font-weight: bold; color: #000000; font-size: 14px}
td.menucategorydesc {  color: #000000}
td.menuprice {  font-weight: bold; color: #000000}
td.menuitem {  color: #000000}

th.adminform {  background-color: #1F3F7A; color: #FFFFFF}
#td.adminform {  background-color: #E0E0E0}
td.adminform-even { font-size: 9px; background-color: #E0F0FF; color: #000000}
td.adminform-odd { font-size: 9px; background-color: #D0E0FF; color: #000000}

.searchmenugroup {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-color: #1F3F7A;
	font-weight: bold;
}
.searchmenudesc {font-size: 11px; color: #000000; background-color: #D0D0D0;}
.searchmenuitem {font-size: 11px; color: #000000;}
.searchmenuitemdesc {font-size: 11px; font-style: italic; color: #333366;}
td.searchmenuitem {
	border-top: 0px dotted #FFFFFF;
	border-right: 0px dotted #FFFFFF;
	border-bottom: 1px dotted #CCCCCC;
	border-left: 0px dotted #FFFFFF;

}
th.searchmenu {font-size: 8pt; font-weight: bold; color: #000000;}
.searchmenuindex { font-size: 8pt; color: #0000FF;}
a.searchmenuindex, a.searchmenuindex:link, a.searchmenuindex:visited { color: #000088; text-decoration: none; }
a.searchmenuindex:hover, a.searchmenuindex:active { color: #0000FF; text-decoration: underline; }
.searchmenuindexcount { font-size: 8pt; color: #6666FF;}

/* order basket */
.order {font-size: 8pt; color: #FFFFFF;}
.ordertitle {font-size: 8pt; font-weight: bold; color: #D0FF00;}
.orderitemquantity {font-size: 8pt; color: #E0FFC0;}
.orderitemname {font-size: 8pt; color: #E0FFC0;}
.orderitemprice {font-size: 8pt; color: #E0FFC0;}
a.ordertitle, a.ordertitle:link {color: #FFFF00; text-decoration: none;}
a.ordertitle:active, a:ordertitle:hover {color: #FFFF00; text-decoration: underline;}
a.ordertitle:visited {color: #EEEE00;}

td.toppanel {background-color: #2e8a26; font-size: 10px;}
td.bottompanel {background-color: #2e8a26; font-size: 10px;}
td.leftpanel {background-color: #2e8a26; font-size: 10px;}

.error {font-weight: bold; font-size: 11px; color: #FF0000;}
.message {font-weight: bold;}
.mandatory {font-weight: bold; color: #FF0000;}
.newstitle {  font-size: 12px; font-weight: bold; color: #000033; font-family: "lucida sans unicode", verdana, tahoma, verdana, arial, sans-serif;}
.newssummary {  font-size: 11px; color: #333333; font-family: "lucida sans unicode", verdana, tahoma, verdana, arial, sans-serif;}
.newsdate {  font-size: 9px; font-weight: normal; color: #006666; font-family: "lucida sans unicode", verdana, tahoma, verdana, arial, sans-serif;}
a.newssummary {  font-weight: bold; color: #003399; text-decoration: none; font-size: 9pt}
a.newssummary:active {  text-decoration: underline}
a.newssummary:hover {  text-decoration: underline}
th.news {  background-color: #1F3F7A; font-size: 10pt; font-weight: bold; color: #FFFFFF; text-align: left}
.newsitemtitle {  font-size: 14pt; font-weight: bold; color: #000033; font-family: "lucida sans unicode", verdana, tahoma, verdana, arial, sans-serif;}
.newsitemdate {  font-size: 9pt; color: #006666; font-family: "lucida sans unicode", verdana, tahoma, verdana, arial, sans-serif;}
.newsitemsummary {  font-size: 9pt; font-style: italic; color: #000000; font-family: "lucida sans unicode", verdana, tahoma, verdana, arial, sans-serif;}
.newsitembody {  font-size: 9pt; color: #000000; font-family: "lucida sans unicode", verdana, tahoma, verdana, arial, sans-serif;}
.unnamed1 {  margin-top: 8px; margin-right: 8px; margin-bottom: 8px; margin-left: 8px}

.h2box {border: 2px #006666 solid; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px};

.redbox {border: 2px #FF0000 solid; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px}
.suppliername {  font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 14pt; font-weight: normal; color: #000033}
.supplierdescription {  font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10pt; color: #003300; font-style: italic}
.supplieraddress {  font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10pt; color: #003300}
pre.code {background-color: #CCCCCC; color: #000000; padding-left: 4px; padding-right: 4px; padding-top: 4px; padding-bottom: 4px;}

.frametitle {font-family: Verdana, Tahoma, Verdana, Arial, sans-serif; font-size: 9pt; font-weight: bold}

.faqcategory {font-weight: bold; font-size: 11px; color: #000000}
.faqindex {font-weight: bold; font-size: 11px; color: #000066}
a.faqindex, a.faqindex:link, a.faqindex:visited {text-decoration: none}
a.faqindex: hover, a.faqindex:active {text-decoration: underline}
.faqheading {font-weight: bold; font-size: 11px; color: #000066}
.faqbody {font-weight: normal; font-size: 11px; color: #000000}
div.h2 {
	border: 1px solid #006666;
	padding: 4px;
	background-color: #BCCDC0;
}
p.dottedseparator {
	background-image: url(../images/dotted_separator.gif);
	background-repeat: repeat-x;
	height: 1px;
	line-height: 2px;

}
#optionspanel {
	background-color: #1F3F7A;
}
div.h2box {
	border: 2px solid #006666;
	padding: 0px;
	background-color: #D6E0DB;
}
p.h2boxtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #006666;
	margin: 0px;
	padding: 2px;
}
div.h2box p {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 0px;
	margin-bottom: 0px;
}
td.dottedseparator {
	background-image: url(../images/dotted_separator.gif);
	background-repeat: repeat-x;
	height: 1px;
	line-height: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	background-position: center;
}
a.supplier:link, a.supplier:visited {
	font-size: 12px;
	font-weight: bold;
	color: #003399;
	text-decoration: none;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;

}
a.supplier:hover, a.supplier:active {

	font-size: 12px;
	font-weight: bold;
	color: #0066CC;
	text-decoration: underline;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
#body {
	vertical-align: top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	margin: 8px;
	width: 100%;
}
#breadcrumbs {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	background-image: url(/images/hordash.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#breadcrumbs a:link, #breadcrumbs a:visited {
  font-weight: bold;
  text-decoration: none;
  font-size: 10px;
}
#breadcrumbs a:active, #breadcrumbs a:hover {
  font-weight: bold;
  text-decoration: underline;
  font-size: 10px;
}
#leftcol {
	width: 150px;
	padding: 2px;
	vertical-align: top;
}
table.menupanel {
	width: 138px;
}
#optionspanel ul {
	list-style-type: square;
	list-style-image: url(/images/small_yellow_triangle.gif);
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	line-height: 1em;
}
#optionspanel li {
	margin: 2px 2px 2px 16px;
	padding: 0px;
}
#optionstitle {
	background-image: url(/images/menu_header.gif);
  height: 29px;
  width: 144px;
/*	height: 21px;
	width: 65px;  */
}
#optionstitle span {
	visibility: hidden;
	display: none;
}
p {
	margin: 8px 8px 16px;
}
#header {
	background-image: url(/images/header_bg_tile.gif);
	background-repeat: repeat-x;
}
#currentuser {
	font-size: 10px;
	color: #FFFFFF;
	text-align: right;
	position: absolute;
	top: 8px;
	height: auto;
	width: 440px;
	left: 50%;
	padding: 8px;
}
#headerlogo {
	text-align: center;
	position: relative;
	width: 900px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}