* {margin: 0; padding: 0; color: #555; line-height: 1.5em;}
body {font: normal 12px Arial, Helvetica, sans-serif; background: #f7f7f7;}
img {border: 0;}

/* linkage */
a {color: #339; text-decoration: none;}
a:visited {}
a:hover {color: #00f; text-decoration: underline;}
a:active {}

p {font-size: 12px; margin: 0 0 1em 0;}
ul {font-size: 12px; list-style: none; margin: 0 0 1em 0;}
br.clear {clear: both; line-height: 0; display: block;}

/*button rules*/
h4.button {border: 0; background: none; padding: 1em 0 0 0; margin: 0; text-align: left; display: block; clear: both; width: 300px; font-size: 14px;}
h4.button a {line-height: 30px; background: #339 url(../images/splash-button-bg.gif) top left no-repeat; color: #fff; text-align: left; display: block; padding-left: 10px; padding-right: 15px; border: 1px solid #339;} 
	* HTML h4.button a {height: 30px;}
	*+html h4.button a {height: 30px;}
h4.button a:hover {text-decoration: underline; color: #fff !important;}

h5.button {border: 0; background: none; padding: 0; margin: 0 0 1em 0; text-align: left; display: block; clear: both; width: 300px; font-size: 10px; font-weight: normal; letter-spacing: 1px; text-transform: uppercase;}
h5.button a {background: #f7f7f7 url(../images/splash-grey-button-bg.gif) top left repeat-x; text-align: left; display: block; border: 1px solid #c8c8e2; padding: .5em 1em;} 
h5.button a:hover {text-decoration: none; background: #fff !important; border-color: #99c;}
h5.button img {margin: 0; padding: 0 .5em 0 0; vertical-align: text-bottom;}

.container {width: 960px; margin: 0 auto; padding: 0; display: block; position: relative; clear: both;}
.container .onecol, .container .twocol, .container .fourcol {display: inline; float: left; position: relative; margin: 10px;}
.onecol {width: 140px;}
.twocol {width: 300px;}
.fourcol {width: 620px;}
.leftcol {margin-left: 0 !important;}
.rightcol {margin-right: 0 !important;}

.topbar {padding: 1.25em 0; border-top: 1px solid #b00; background: #D12516; border-bottom: 1px solid #b00;}
.topbar .container .login {float: right;}
.topbar .container .login span {font-size: 10px; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; color: #e8928b; vertical-align: text-top; margin-right: 10px;}
.topbar .container .login span a {color: #fff;}
.topbar .container .login input {width: 130px; margin: 0 10px 0 0; border: 2px solid #b00; padding: .125em 3px;} 
.topbar .container .login input.default_style {color: #777; text-transform: uppercase;}
.topbar .container .login input:focus {border: 2px solid #a00;}
	.topbar .container .login input.error {border: 2px solid #f00;} 
.topbar .container .login img {margin-bottom: 4px; vertical-align: middle;}
.topbar .container .login a img {border: 1px solid #e8928b;}
.topbar .container .login a:hover img {border: 1px solid #fff;}

#headercontainer {width: 100%; background: #fff; margin: 0 auto; display: block; position: relative; clear: both; border-bottom: 1px solid #ddd;}
#headercontainer .loginhelp {float: right; margin-top: -40px; font-size: 11px; font-style: italic;}
#headercontainer h1 {width: 202px; height: 20px; text-indent: -999em; margin: 0 0 8px 0; background: url(../images/splash-your-food-is-here.gif) 0 0 no-repeat;}
#headercontainer h2 {font-size: 16px; font-weight: normal; color: #c00; width: 620px; display: block; line-height: 1.5em;}
#headercontainer .startorder {padding-top: 1em;}
#headercontainer p {}

#headercontainer.newuser .container {padding-left: 320px !important; width: 630px; padding: 4em 0; background: transparent url(../images/splash-chinese-takeout.jpg) 0 0 no-repeat;}
    * HTML #headercontainer.newuser .container {padding-left: 320px !important; width: 640px;}
#headercontainer.newuser p {margin: 1em 0 0 0; font-style: normal; display: block; font-size: 10px; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; color: #e8928b;}

#headercontainer.corporate .container {padding: 20px 0;}
#headercontainer.corporate h2 {margin: 0 0 .25em 0; width: auto;}

.startorder .formfield {display: block; padding: 0 18px 0 0;}
.startorder .half {float: left;}
.startorder input, .startorder label {width: 298px; margin: 0 0 .5em 0 !important;}
.startorder label {line-height: 1.5em; position: relative; margin: 0; line-height: 2em;}
	.startorder label span {font-size: 10px; color: #777;} 
.startorder input.small {width: 138px;}
input.hidden {display: none !important; visibility: hidden !important;}

.corplogin {background: #ffc; padding: 10px; border: 1px solid #ddd;}
.corplogin h3 {color: #c00; font-size: 14px; font-weight: bold; border-bottom: 1px dotted #ddd; padding: 0 0 .5em 0; margin: 0 0 .5em 0;}
	.corplogin h3 img {vertical-align: text-bottom; float: right;}
.corplogin input {width: 246px; display: block; padding: .25em 0; margin: 0 0 1em 0;}
.corplogin label {display: block; padding: 0 0 .25em 0;}
.corplogin label span {font-size: 10px; font-style: italic; color: #777;}
.corplogin h4.button {width: 250px; padding: 0; margin: 0 0 10px 0;}
.corplogin h4.button a {background: #339 url(../images/splash-button-bg.gif) top right no-repeat;}
.corplogin p {margin: 0; font-style: italic; font-size: 11px;}
.message {background: #f6d3a8; color: #900; padding: 8px; margin: 0 0 10px 0; text-shadow: #f5d1b5 0 1px 0; border: 1px solid #b00;}

.hybrid {background: url(../images/splash-salad.jpg) 100% 0 no-repeat; padding: 0 320px 30px 0; width: 300px;}
.hybrid h2 {font-size: 14px; color: #c00; font-style: italic;}
.hybrid p {font-size: 14px; color: #777; font-style: italic; padding-right: 30px; margin-bottom: 9px;}
.hybrid h4.button {padding-top: 0;}

.corporateinfo {background: url(../images/splash-salad.jpg) 100% 0 no-repeat; padding: 0 320px 30px 0; width: 300px;}
.corporateinfo h2 {font-size: 14px; color: #c00; font-style: italic;}
.corporateinfo p {font-size: 14px; color: #777; font-style: italic; padding-right: 30px; margin-bottom: 15px;}
.corporateinfo h4.button {padding-top: 0;}

#bodycontainer {width: 100%; margin: 0 auto; padding: 20px 0 0 0; display: block; position: relative; clear: both;} 
#bodycontainer .twocol h3 {width: 300px; height: 60px; text-indent: -999em; margin-bottom: .5em; padding-bottom: .5em; border-bottom: 1px dotted #ddd;}
#bodycontainer h3#restaurants {background: url(../images/splash-restaurant-owners.gif) 0 0 no-repeat;}
#bodycontainer h3#corporate {background: url(../images/splash-business-solutions.gif) 0 0 no-repeat;}
#bodycontainer h3#blog {background: url(../images/splash-blog.gif) 0 0 no-repeat;}
.feedburnerFeedBlock ul li .headline {font-weight: bold;}
.feedburnerFeedBlock #creditfooter {display: none;}
#bodycontainer h5.button {}

#bodycontainer h3.break {clear: both; background: url(../images/splash-break.gif) 0 1.5em repeat-x; padding-top: 4em; margin-bottom: .5em; padding-bottom: .5em; border-bottom: 1px dotted #ddd;}
#bodycontainer ul.cities li {float: left; padding-right: 1.5em; background: url(../images/splash-separator.gif) 92% 50% no-repeat; line-height: 2em;}
	#bodycontainer ul.cities li.last {background: none;}
#bodycontainer ul.cities li a {color: #339; font-size: 12px; font-weight: bold;}
#bodycontainer ul.cities li a span {font-size: 11px; font-weight: normal; color: #339;}

/*footer*/
#footer {padding: 2em 0 30px 0; clear: both;}
#footer p {font-size: 11px; color: #777; margin: 0; padding: 0;}
#footer p a {}
#footer p.copyright {margin-top: 1em;}