body {
	color: #990000;
	background: #2D0000;
	font-family: arial, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	text-align: left;
}

p { margin:10px 0; }

a:link {
	color: #990000;
}
a:visited {
	color: #990000;
}
a:hover {
	color: #990000;
	text-decoration:none;
}
h3 {
	color: #89111D;
	margin:2em 0 -0.5em 0;
	padding:0;
}


#header {
    width:100%;
    height:151px;
	background: url("../images/header-bg.jpg") repeat-x #330000 top left;
}

#header div {
    position:relative;
	width:1000px;
	height:151px;
    margin:0 auto;
    padding:0 10px;
	background: url("../images/header-bg.png") no-repeat transparent top left;
}
/*
#header #tagline {
	position:absolute; top:78px; right:49px;
	color: #fff;
	font-size: 180%;
	font-weight:bold;
}*/
#header #tagline {
	position:absolute; top:70px; right:46px;
	color: #fff;
    background: url("../images/tagline.png") 0 0 no-repeat;
    width:428px;
    height:0px;
    padding-top:48px;
    overflow:hidden;
    font-size:1px;
}

#header h1 {
	margin: 0 0 0 13px;
	font-size: 1px;
	width: 150px;
	height: 0;
	padding-top: 118px;
	overflow: hidden;
	background: url("../images/logo.png") 0 0 no-repeat;
	color: #fff;
}
#header #navigation {
	position:relative;top:1px;
	display:block;
	height:32px;
	list-style:none;
	margin:0 0 0 38px;
	padding:0;
	border-left:1px solid #660000;
}
#header #navigation li {
	float:left;
	margin:0;
	padding:0;
}
#header #navigation li.bookmark {
	position:absolute; top:0; right:47px;
}
#header #navigation li.logout {
	position:absolute; top:0; right:127px;
}
#header #navigation li.profile {
	position:absolute; top:0; right:207px;
	border-left:1px solid #660000;
}
#header #navigation li.login {
	position:absolute; top:0; right:127px;
}
#header #navigation li.signup {
	position:absolute; top:0; right:207px;
	border-left:1px solid #660000;
}

#header #navigation li a {
	display:block;
	height:0px;
	width:80px;
	color:#fff;
	text-align:center;
	margin:0;
	padding:32px 0 0 0;
	font-size: 1px;
	overflow: hidden;
}
#header #navigation li.home a {
	background: url("../images/navigation/home.jpg") 0 0 no-repeat;
}
#header #navigation li.home {
	background: url("../images/navigation/home.jpg") 0 0 no-repeat;
}
#header #navigation li.myorder a {
	background: url("../images/navigation/myorder.jpg") 0 0 no-repeat;
}
#header #navigation li.myorder {
	background: url("../images/navigation/myorder.jpg") 0 0 no-repeat;
}
#header #navigation li.about a {
	background: url("../images/navigation/about.jpg") 0 0 no-repeat;
}
#header #navigation li.about {
	background: url("../images/navigation/about.jpg") 0 0 no-repeat;
}
#header #navigation li.help a {
	background: url("../images/navigation/help.jpg") 0 0 no-repeat;
}
#header #navigation li.help {
	background: url("../images/navigation/help.jpg") 0 0 no-repeat;
}
#header #navigation li.contact a {
	background: url("../images/navigation/contact.jpg") 0 0 no-repeat;
}
#header #navigation li.contact {
	background: url("../images/navigation/contact.jpg") 0 0 no-repeat;
}
#header #navigation li.bookmark a {
	background: url("../images/navigation/bookmark.jpg") 0 0 no-repeat;
}
#header #navigation li.bookmark {
	background: url("../images/navigation/bookmark.jpg") 0 0 no-repeat;
}
#header #navigation li.profile a {
	background: url("../images/navigation/profile.jpg") 0 0 no-repeat;
}
#header #navigation li.profile {
	background: url("../images/navigation/profile.jpg") 0 0 no-repeat;
}
#header #navigation li.login a {
	background: url("../images/navigation/login.jpg") 0 0 no-repeat;
}
#header #navigation li.login {
	background: url("../images/navigation/login.jpg") 0 0 no-repeat;
}
#header #navigation li.logout a {
	background: url("../images/navigation/logout.jpg") 0 0 no-repeat;
}
#header #navigation li.logout {
	background: url("../images/navigation/logout.jpg") 0 0 no-repeat;
}
#header #navigation li.signup a {
	background: url("../images/navigation/signup.jpg") 0 0 no-repeat;
}
#header #navigation li.signup {
	background: url("../images/navigation/signup.jpg") 0 0 no-repeat;
}

#header #navigation li a:hover {
	background-position: 0 -32px;
}

#header #myOrderTracker {
    display:none;
	position:absolute; top:3px; right:0;
	height:60px;
	width:400px;
	background: url("../images/my-order-bg.jpg") repeat-x #670100 top left;
	color:#996666;
	z-index: 1;
}
/*#header #myOrderTracker a {
	position:absolute; top:0px; right:1px;
	margin: 0px;
	font-size: 1px;
	width: 17px;
	height: 0;
	padding-top: 17px;
	overflow: hidden;
	background: url("../images/my-order-button-up.gif") 0 0 no-repeat;
	color: #fff;
}*/
/*#header #myOrderTracker a:active {
	background: url("../images/my-order-button-up-active.gif") 0 0 no-repeat;
}*/
#header #myOrderTracker h2 {
	position:absolute; top:0px; right:25px;
	padding:0;
	margin:0;
	z-index: 10;
}
#header #myOrderTracker.small ul {
	display:none;
}
#header #myOrderTracker.small span {
	display:none;
}
#header #myOrderTracker ul {
	width:400px;
	position:absolute; top:0px; right:0px;
	display:block;
	list-style:none;
	padding:0;
	margin:3px 0 0 0;
}
#header #myOrderTracker ul li {
	width:50px;
	padding:0;
	margin:0 7px;
	float:left;
	font-size:70%;
	text-align:center;
	line-height:1;
}
#header #myOrderTracker ul li img {
	width:32px;
	height:32px;
	border:0;
	display:block;
	margin: 0 auto;
}
#header #myOrderTracker ul li#stageCounter {
	width:116px;
	display:block;
	font-size: 100%;
	font-weight:bold;
	color:#fff;
	margin-top: 7px;
	line-height:1.5;
}
#header #myOrderTracker a {
	position:static;
	margin: 0px;
	font-size: 100%;
	font-weight:bold;
	text-decoration:none;
	padding-top: 0px;
	overflow: visible;
	background: transparent;
	color: #fff;
	text-decoration:none;
}
#header #myOrderTracker span {
	display:block;
	font-size: 120%;
	font-weight:bold;
	color:#fff;
	margin-top: 0px;
}
#header #curve {
    display:none;
	position:absolute; top:3px; right:400px;
	height:60px;
	width:94px;
	background: url("../images/my-order-curve.png") no-repeat transparent top left;
}
#header #myOrderTracker.small {
	position:absolute; top:3px; right:0;
	height:18px;
	width:90px;
	background: url("../images/my-order-small-bg.jpg") repeat-x #670100 top left;
}
#header #curve.small {
	position:absolute; top:3px; right:90px;
	height:18px;
	width:29px;
	background: url("../images/my-order-small-curve.png") no-repeat transparent top left;
}
#header #myOrderTracker.small a {
	background: url("../images/my-order-button-down.gif") 0 0 no-repeat;
}
#header #myOrderTracker.small a:active {
	background: url("../images/my-order-button-down-active.gif") 0 0 no-repeat;
}
#header #myOrderTracker.small div {
	display:none;
}
#contentsWrapper {
    width:100%;
    background:#fee;
}
#contents {
	position:relative;
	width:1000px;
	margin:0 auto;
	background: #fff;
    border-right:1px solid #dcc;
    border-left:1px solid #dcc;
    padding-top: 10px;
}

h2 {
	color: #fff;
	height:21px;
	margin:0;
	padding:7px 0 0 5px;
	font-size:110%;
}

#top #search h2 {
	width:602px;
	background: url("../images/heading-top.jpg") no-repeat #cc0000 top left;
}
#top #login h2 {
	width:297px;
	background: url("../images/heading-middleright.jpg") no-repeat #cc0000 top left;
}

#left h2 {
	width:128px;
	background: url("../images/heading-left.jpg") no-repeat #cc0000 top left;
}
#middleleft h2 {
	width:465px;
	background: url("../images/heading-middleleft.jpg") no-repeat #cc0000 top left;
}
#middleright h2 {
	width:297px;
	background: url("../images/heading-middleright.jpg") no-repeat #cc0000 top left;
}

#top {
    position:relative;
    width:913px;
    height: 140px;
	margin: 0px 0 4px 38px;
}
#top #search {
    position:relative;
    float:left;
    width:607px;
}
#top #search div {
    height:112px;
    background: url("../images/top-bg.jpg") transparent top left;
    border: 1px solid #990000;
}
#top #search div span {
    font-size:70%;
    position:absolute; top: 105px; left:268px;
}
#top #search div form {
    padding:0;
    margin:0;
    position:absolute; top: 37px; left:260px;
}
#top #search div form label {
    float:none;
    font-size:150%;
    font-weight:bold;
    color:#990000;
    text-align:left;
    padding-bottom:7px;
    margin:0 0 0 3px;
}
#top #search div form input {
    float:left;
    width:160px;
    margin:2px 0 0 3px;
    border:none;
    font-size:150%;
    font-weight:bold;
    color:#990000;
}
#top #search div form legend {
    display:none;
}
#top #search div form button#searchButton {
    position:absolute; top: 34px; left:185px;
    width:90px;
}
#top #search div form button#searchButton img {
    float:left;
    width:16px;
}

#top #search div.restaurantDetails {
    background: url("../images/login-bg.jpg") transparent top left repeat-x;
}
#top #search div.restaurantDetails #restaurantLogo {
    position:absolute; bottom:2px; left:15px;
    border:0;
}
#top #search div.restaurantDetails #restaurantLogo img {
    border:1px solid #990000;
}
#top #search div.restaurantDetails #restaurantLogo:hover img {
    border:1px solid #cc0000;
}

#top #search div.restaurantDetails #restaurantName {
    margin:0 0 0 147px;
    padding:7px 0 0 0;
}
#top #search div.restaurantDetails #restaurantAddress {
    position:absolute; top:58px; left:148px;
}
#top #search div.restaurantDetails #changeRestaurant {
    position:absolute; bottom:5px; left:146px;
}
#top #search div.restaurantDetails #saveOrder {
    position:absolute; bottom:5px; right:6px;
}
#top #login {
    position:relative;
    float:left;
    width:302px;
    margin-left: 4px;
}
#top #login div {
    height:112px;
    border: 1px solid #990000;
    background: url("../images/login-bg.jpg") transparent top left repeat-x;
}
#top #login div form {
    margin:0;
    padding:20px 0 0 0;
}
#top #login div form fieldset {
    margin:0;
    padding:0;
}
#top #login div form label {
    width:120px;
}
#top #login div form input {
    width:100px;
}
#top #login div form fieldset.submit button {
    margin-left:120px;
}

#left {
	clear:left;
	float:left;
	width: 133px;
	background-color: #fff;
	margin: 0px 0 30px 38px;
}
#thumbsupLogo {
    display:block;
    margin:0;
    width:60px;
    height:60px;
    position:absolute; top:5px; right:40px;
}
#left #features {
	width: 131px;
	border: 1px solid #990000;
	margin: 0 0 4px 0;
	padding:0;
}

#left #features ul {
    padding:7px 2px 2px 2px;
    margin:0;
    list-style: url("../images/list-style-red-arrow.jpg");
    font-size:85%;
}
#left #features ul li {
    padding:0;
    margin:0 0 5px 20px;
}

#left #features ul li a, #left #features ul li a:hover {
    text-decoration:none;
}

#left #categories {
	margin: 0 0 4px 0;
}
#middleleft {
	float:left;
	width:470px;
	padding:0;
	margin: 0px 0 30px 4px;
	background-color: #fff;
}
#middleleft .textContent {
	border:1px solid #990000;
	padding:5px;
}

#middleleft #mainSlideshow {
	border:1px solid #990000;
    height:306px;
    width:468px;
}
/* top:-144px; */

#middleright {
	position:relative;
	float:left;
	width:302px;
	background-color: #fff;
	margin: 0px 0 30px 4px;
}
#middleright div.wrapper {
	border: 1px solid #990000;
	position:relative;
	width:300px;
	background-color: #fff;
	margin: 0;
	height:306px;
	overflow:auto;
}

#skyscraper {
    display:none;
	float:left;
	width:120px;
	background-color: #339933;
	height: 600px;
	margin: 30px 0 30px 4px;
	background: url("../images/skyscraper-bg.jpg") no-repeat #339933 top left;
}
#banner {
	width:468px;
	height:60px;
	background-color: #339933;
	margin: 10px 0 0 1px;
	background: url("../images/banner-bg.jpg") no-repeat #339933 top left;
}

#footer {
	clear:both;
	width:100%;
	height:300px;
	color:#fff;
	background: url("../images/footer-bg.jpg") repeat-x #990000 top left;
	padding:0;
	margin:0;
}
#footer div {
	position:relative;
	margin: 0 auto;
	padding:0;
	width:1020px;
	height:110px;
    background: url("../images/footer-div-bg.png") no-repeat transparent top left;
}
#footer a {
	color: #fff;
	text-decoration:none;
}
#footer span#copyright {
	position:absolute;
	bottom:25px;
	left:38px;
}
#footer span#sitedesign {
	position:absolute;
	bottom:25px;
	right:38px;
}
#footer #affiliateLinks {
	list-style:none;
	padding:50px 0 0 0;
	margin:0 0 0 105px;
}
#footer #affiliateLinks li {
	padding:0;
	margin:0 20px 0 0;
	float:left;
	width:250px;
}
#footer #affiliateLinks li a {
	display:block;
}
#footer #affiliateLinks li a img {
	border:0;
}
#footer #creditCardLogos {
	display:block;
	margin:0 0 0 -156px;
	position:absolute; bottom:23px; left:50%;
	width:312px;
	height:47px;
}
#footer ul#bottomLinks {
	position:relative; top:5px;
	list-style:none;
	text-align:center;
	margin:0;
	padding:0;
}
#footer ul#bottomLinks li {
	display:inline;
	margin:0;
	padding:0;
}
#footer ul#bottomLinks li a {

}
/* classes */
.clear {
	clear:both;
}
.centered {
	text-align:center;
}
.bold {
	font-weight:bold;
}

/* Page content */

/* FAQ */

ul#faq {
	list-style: url("../images/bulletarrow.jpg");
}

/* Sign In */

#help {
	margin:0;
	margin-left:14em;
	padding:0;
	list-style:none;
}
#help li {
	margin:0 0 1em -20px;
	padding:0 0 0 30px;
	display:block;
	height:3em;
	font-size:80%;
}
#help li#forgotten {
	background: url("../images/bullet-help.gif") no-repeat top left transparent;
}
#help li#signup {
	background: url("../images/bullet-register.gif") no-repeat top left transparent;
}

/* Profile */

#categories {
	list-style:none;
	padding:0;
	margin:0;
    border-top:1px solid #6E2222;
	border-bottom:none;
}
#categories li {
	padding:0;
	margin:0;
	text-align:left;
	font-weight:bold;
	font-size:85%;
	vertical-align: bottom;
}

#categories li a {
    position:relative;
    background: url("../images/button-bg.png") top left repeat-x;
    color:#eee;
    display:block;
    padding:6px 6px 6px 5px;
    border:1px solid #6E2222;
    border-top:0;
    background-color:#D32A2A;
    text-decoration:none;
    width:120px;
}
#categories li a:hover {
    color:#fff;
	background-color:#FF2929;
	text-decoration:none;
}
#categories li a.active {
	color:#fff;
	background-color:#FF2929;
	text-decoration:none;
}
#categories li a img {
    position:absolute; top:7px; right:3px;
    border:0;
}

/* News */

#newsColumn h3 {
	clear:right;
	padding:5px 5px 1px 5px;
	margin:0;
	font-size: 90%;
}
#newsColumn p {
	padding:1px 5px;
	margin:0;
	font-size:90%;
}
#newsColumn .more {
	float:right;
	font-weight:bold;
	font-size:100%;
}
#newsColumn a {
	text-decoration:none;
}

/* User profile */

span.label {
	text-align:right;
	float:left;
	clear:left;
	padding:0;
	margin:0 0.5em 0 0;
	display:block;
	width:14em;
	font-weight:bold;
}
ol.details li {
	padding:0;
	margin:0;
	width:100%;
	margin-bottom: 0.3em;
}
ol.details {
	list-style:none;
}

.alt {
	background-color: #eedddd;
}

.dragme {
	cursor: move;
}

/* add this button screwing up my header with a wierd flash button with id atff */
#atff {
    display:none;
}

/* Modal windows */
#myBox_content {
  padding: 13px;
}

#myBox h3 {
  font-size: 18px;
  margin: -13px -13px 0 -13px;
  padding: 5px 10px;
  text-align: left;
  color:#fff;
  background-color: #dd1111;
}

#myBox .content {
    height:110px;
}

#myBox .submit {
    border-top:1px solid #ddaaaa;
    padding:5px;
    margin: 0 -13px 0 -13px;
}

#myBox .submit a {
    float:right;
}