.titleimage { }

body
{
	background:url(/fran/MO/spfldMO/images/qdbackground.gif) repeat-y 50% 0;
	height: 100%;
	margin:0px auto;
	width:  774px;
	position: relative;
}

#MainForm {
    padding-bottom: 1px;
}

a:link {
	text-decoration:none;
	color:#ff3333;
}

a:hover {
	text-decoration:none;
	color:#3333ff;
}

a:active {
	text-decoration:none;
	color:#33ff33
}

.GoldOnBlack {
	background: #000000;
	color: #ffcc00;
	border: solid 3pt #ffcc00;
	font-weight: bold;
	font-family: arial,helvetica;
	font-size: 10pt;
	padding: 10pt;
}

.BlackOnWheat {
	background: #ffefbf;
	color: #000000;
	border: solid 1pt #000000;
	font-weight: bold;
	font-family: arial,helvetica;
	font-size: 10pt;
	padding: 10pt;
}

.BlackOnGold {
	background: #ffcc00;
	color: #000000;
	border: solid 1pt #000000;
	font-weight: bold;
	font-family: arial,helvetica;
	font-size: 10pt;
	padding: 10pt;
}

.BlackOnRed {
	background: #ff0000;
	color: #000000;
	border: solid 1pt #000000;
	font-weight: bold;
	font-family: arial,helvetica;
	font-size: 10pt;
	padding: 10pt;
}

.BlackOnGray {
	background: #eeeeee;
	color: #000000;
	border: solid 1pt #000000;
	font-weight: bold;
	font-family: arial,helvetica;
	font-size: 10pt;
	padding: 10pt;
}
.RedOnGray {
	background: #eeeeee;
	color: #ff0000;
	padding: 5pt;
	border: solid 1pt #000000;
	font-weight: bold;
	font-family: arial,helvetica;
	font-size: 10pt;
}

.Neutral {
	background-color: #eeeeee;
}

td.cartItemNameInvert {
	background-color: #dddddd;
	color: #000000;
	border: 1px #000000 solid;
	padding: 3pt;
	font-weight: bold;
}

td.cartItemName {
	background-color: #ffffcc;
	font-family: arial,cursive,sans-serif;
	color: #000000;
	border: 1px #000000 solid;
	padding: 3pt;
	font-weight: bold;
}

td.cartItem {
	background-color: #ffefbf;
	font-family: sans-serif;
	font-size: 8pt;
}

td.cartSummary {
	font-family: sans-serif;
	background: #ffefbf;
	font-size: 10pt;
	border: 1pt solid gold;
}

.cartSummary {
	border: 1pt solid black;
}

td.cart {
	font-weight: bold;
	font-family: sans-serif;
	font-size: 8pt;
}

.NotifyInvert {
	background-color: #f00;
	padding: 4pt;
	border: 3px #000 solid;
	font-weight: bold;
	color: #000000;
}

.Notify {
	background-color: #dddddd;
	padding: 4pt;
	border: 3px #ff0000 solid;
	font-weight: bold;
	color: #ff0000;
}
.QDMsgLight
{
	background-color: #ffefbf;
	color: #000000;
	border: 1px #000000 solid;
	padding: 5pt;
	font-weight: bold;
	font-size: 8pt;
}
.QDMsg
{
	background-color: #ffcc00;
	color: #000000;
	border: 1px #000000 solid;
	padding: 5pt;
	font-weight: bold;
	font-size: 8pt;
}
.QDMsgInvert {
	background-color: #000000;
	color: #ffcc00;
	border: 2px #ffcc00 solid;
	padding: 5pt;
	font-weight: bold;
	font-size: 8pt;
}

.AlertText {
	color: red;
	font-style: italic;
}

	/* FOR SPECIAL CART DROPDOWNS */
.TitleAD {
	color:#CC0000;
	font-weight:bold;
}

.MainAD {
	color:#000000;
	}

.OrderButtons {
	background: gold none repeat scroll 0%;
	font-weight: bold;
}

#TopofPage
{
    /*Normal quikdine top*/ 
    background-image:url(/fran/MO/spfldMO/images/QDTop.gif); 

	/*Quikdine xmas top */
	/*background-image:url(https://www.quikdine.com/images/QDTop_xmas.gif);*/
	position: absolute;
	top: 0px;
	left: 1px;
	height: 107px;
	width: 633px;
}
#LeftofPage
{
 width: 143px;
 height: 100%;
 position: absolute;
 top: 107px;
 left: 0px;
}
#MiddleofPage
{
	position: absolute;
	top: 107px;
	left: 140px;
	width: 480px;
	height: auto;
}

#RightofPage
{
	position: absolute;
	top: 0px;
	left: 633px;
	width: 141px;
	padding-top: 107px;
}

.MenuLinks li
{
	background-image:url(/fran/MO/spfldMO/images/ButtonBackground.gif);
	background-repeat:no-repeat;
	background-position: top right;
	height: 20px;
	width: 120px;
	text-align: center;
	font-size: 11px;
	font-family: Verdana;
	text-decoration: none;
	color: #666666;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

.MenuLinks, .MenuLinks ul {
	padding: 0px;
	margin: 0px;
}

#MenuLargeLinksFran, #MenuLargeLinksRDS
{
	background-image:url(/fran/MO/spfldMO/images/ButtonBackgroundLarge.gif);
	background-repeat:no-repeat; background-position: top right;
	height: 31px;
	width: 120px;
}
.MenuLinks a:link, .MenuLinks a:visited
{
	text-align: center;
	font-size: 11px;
	font-family: Verdana;
	text-decoration: none;
	color: #666666;
}
.MenuLinks a:hover, .MenuLinks a:active
{
	color: #000000;
	font-size: 11px;
	font-family: Verdana;
	text-decoration: none;
}
.helpbox
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 13px;
	background-color: #ffcc00;
	background-image: url(/fran/MO/spfldMO/images/questionBG.gif);
	background-repeat: no-repeat;
	width: 102px;
	position: relative;
	text-align: left;
	vertical-align: top;
	padding: 3px 3px 3px 15px;
	background-position: center center;
	margin: 2px;
	height: 100px;
}
a.help.help
{
	text-decoration: none;
	background-color: #ffffcc;
	color: #000000;
}
a:hover.help
{
	text-decoration: underline;
	background-color: #ffffcc;
	color: #ff0000;
}
.CheckoutBODY
{
	background-color: #FFCC00;
}

.MainHeadings
{
	padding:5pt;
	font-style:italic;
	font-weight:bold;
	color:#333399;
	font-size:12pt;
}

#DineInCarryOutForm
{
	font-family:sans-serif;
	background-color:#ffcc00;
	border:1pt solid #000000;
}

.SpecialCartText
{
	background:#ffffcc;
	font-size:9pt;
}

.OrderButtons
{
	background: gold none repeat scroll 0%;
	font-weight: bold;
}

#SpecialCartTable
{
	background-color: #FFFFCC;
	text-align: center;
}

#SpecialCartTable tr
{
	background-color:#ffffcc;
	border:2pt solid gold;
}

.DisplayItemTable
{
	border:1pt solid #000000;
	background:#ffffee;
}

.DisplayItemTable Select {
	font-weight: bold;
}

#fbp_link {
	position: relative; 
	left: 100px; 
	float: left; 
	margin-left: 5px; 
	margin-bottom: 5px; 
}

/* @Menu page */
.menu-page-title {
	float: left;
}

.menu-page-title:after {
	content: "\2022";
	padding: 0 3px;
	
}

.menu-links {
	list-style: none;	
}

.menu-links .page-number {
	background-color: #fefe99;
	padding: 2px 6px;
	margin: 3px;
	float: left;
	color: #000;
	border-radius: 5px;
	-webkit-box-shadow: inset -1px -1px 2px #888;
	-moz-box-shadow: inset -1px -1px 2px #888;
	box-shadow: inset -1px -1px 2px #888;
}

.menu-links .page-on {
	background-color: #fecc01;
}

/* @end */


body.checkout-pages #LeftofPage {
	display: none;
}

body.checkout-pages  {
	background:url(/fran/MO/spfldMO/images/side_grey.gif) 632px;
	background-repeat: repeat-y;
	height: 100%;
	margin:0px;
}

body.checkout-pages #TopofPage {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image:url(/fran/MO/spfldMO/images/quikcheckout_title.gif);
	height: 107px;
	width: 633px;
}

body.checkout-pages #LeftofPagePage {
	position: absolute;
	top: 107px;
	left: 0px;
	width: 139px;
	height:  3000px;
	padding: 0px;
	margin: 0px;
}

body.checkout-pages #MiddleofPage {
	position: absolute;
	top: 107px;
	left: 110px;
	width: 485px;
	height:  auto;
}

#MiddleofPageCheckOutMap {
	position: absolute;
	top: 107px;
	left: 0px;
	width: 485px;
	height:  auto;
}

body.ccinfoIndex-page.checkout-pages, body.processIndex-page.checkout-pages  {
	background: #FFCC00;
}

body.processIndex-page.checkout-pages {
    margin: 0 auto;
}  

body.ccinfoIndex-page #content, body.processIndex-page #content  {
	width: 600px;
	margin:  0 auto;
	position: relative;
}

body.ccinfoIndex-page #TopofPage,
body.ccinfoIndex-page #RightofPage,
body.processIndex-page #TopofPage,
body.processIndex-page #RightofPage {
	display: none;
}

body.ccinfoIndex-page #content, body.processIndex-page  {
	background: #FFCC00;
}

body.processIndex-page #MiddleofPage  {
	position: static;
}

body.processIndex-page.checkout-pages #content {
	width: 700px;
}

.MessageOne {
	background: #eeeeee;
	color: #000000;
	border: solid 1pt #000000;
	font-weight: bold;
	font-family: arial,helvetica;
	font-size: 10pt;
	padding: 10pt;
}