img { /* fix up transparent PNGs in IE only */
	behavior: url("iepngfix.htc");
}

body {
	margin: 0px;
	background: #eeeeee url('../images/bg.jpg') no-repeat 50% 0%;
	text-align: center;
	font-family: Arial;
	color: #484848;
	font-size: 0.75em;
}

a img { border: none; }
.emph { font-weight: bold; }
.italic { font-style: italic; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.large { font-size: 1.3em; }
.small { font-size: 0.95em; }

div.dotted {
	height: 1px;
	margin: 10px 0px;
	//margin: 30px 0px 10px 0px;
	background: url('../images/dotted.gif') repeat-x;
	clear: both;
}

#container {
	width: 960px;
	margin: 0px auto 0px auto;
	text-align: left;
}

#metaNav {
    padding-right: 10px;
    position: relative;
    height: 52px;
    line-height: 52px;
    text-align: right;
    color: #ffffff;
    font-size: 12px;
    z-index: 1001;
}

#metaNav a {
	text-decoration: none;
	color: #ffffff;
	margin: 0px 3px;
}

#nav {
	margin-bottom: 8px;
}

#nav, #nav div {
	height: 67px;
}

#nav img {
	display: inline;
}

#logo {
	position: absolute;
	top: 17px;
	margin-left: 38px;
	z-index: 1000;
}

#nav div.links {
	float: left;
	width: 674px;
	//width: 884px;
	padding-left: 210px;
	background: url('../images/nav-bg.png') repeat-x;
}

#nav div.links a {
	display: block;
	float: left;
	padding: 0px 10px;
	color: #5d5d5d;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	height: 63px;
	line-height: 63px;
	white-space: nowrap;
}

#nav div.links a.selected, #nav div.links a:hover {
	color: #909090;
}

#body {
	//margin-top: -58px;
}

#body img.shades {
	position: absolute;
	left: 6px;
	top: 263px;
}

#main {
	margin-bottom: 5px;
}

#main.home {
	position: relative;
}

#main.sub {
	margin-bottom: 40px;
	//margin-bottom: 65px;
}

#main div.body {
	background: url('../images/main-bg.png') repeat-y;
}

#main.home div.body {
	text-align: center;
	height: 235px;
	//height: auto;
}

#main.home div.body object {
	position: relative;
	top: -10px;
	left: -2px;
	//left: -1px;
	margin-bottom: -20px;
}

#main.home img.bottom {
	margin-top: -0px;
}

#main.sub div.body {
	padding-top: 22px;
	padding-left: 40px;
}

#main div.body object {
	margin: 0px auto;
}

#boxes {
	height: 290px;
	padding: 0px 4px;
	margin-top: 24px;
	margin-bottom: -25px;
	background: url('../images/shadow.png') no-repeat 0% 100%;
	position: relative;
}

div.box {
	display: inline;
	float: left;
	margin-right: 11px;
	width: 229px;
	height: 224px;
	background: url('../images/box.png');
	position: relative;
}

div.box.signin form {
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 55px;
	left: 10px;
}

#signinpromos img{
	margin-top: 105px;
	margin-left: 5px;
}

#promos {
	margin-left:5px;
	margin-top:5px;
}

div.box.signin form label {
	display: block;
	float: left;
	width: 63px;
	height: 20px;
	line-height: 20px;
	margin-bottom: 3px;
}

div.box.signin form input {
	float: left;
	width: 113px;
	height: 20px;
	margin-bottom: 3px;
	margin-right: 3px;
	border: none;
	background: #f2f2f2;
}

div.box.signin form input.go {
	width: 32px;
}

div.box.signin form br {
	clear: both;
}

div.box.last { margin-right: 0px; }

div.box .body { position: relative; }

div.box .body h4 {
	position: absolute;
	top: -17px;
	//top: 4px;
	left: 4px;
	padding-left: 15px;
	width: 221px;
	height: 39px;
	line-height: 39px;
	font-size: 16px;
	background: url('../images/box-header.png') no-repeat;
	behavior: url("iepngfix.htc");
}

div.box .body .sign-up {
	position: absolute;
	top: 106px;
	right: 4px;
}

div.box .body .more {
	position: absolute;
	top: 200px;
	right: 4px;
}

div.box .body ul {
	padding: 0px 15px 0px 0px;
	margin: 50px 0px 0px 15px;
	//margin: 67px 0px 0px 15px;
}

div.box .body ul li {
	margin-bottom: 8px;
	list-style: none;
	padding-left: 10px;
	background: url('../images/arrow.gif') no-repeat 0px 4px;
}

div.box .body ul li a {
	color: #363636;
	text-decoration: none;
}

div.box .body ul li a:hover {
	text-decoration: underline;
}

div.box .body ul hr {
	width: 80%;
	margin: 20px auto;
	//margin: 13px auto;
	border-bottom: none;
}

div.box .body ul div.dotted {
	margin: 20px 10px;
	//margin: 20px 20px 5px 0px;
}

div.separator {
    height: 10px;
    background-color: white;
}

div.box .body object {
	position: absolute;
	left: 4px;
	top: 4px;
}

#content {
    float: left;
    width: 592px;
}

* html #content {
	height: 550px;
}

#content h4, #right div.bar h4 {
	margin: 0px 0px 10px 0px;
	padding-left: 11px;
	font-size: 16px;
	font-weight: bold;
	height: 39px;
	line-height: 39px;
	background: url('../images/content-header.gif') repeat-x;
	color: #2e2e2e;
}

#content div.steps {
	margin-top: 20px;
	padding-left: 10px;
}

#content div.steps span {
	display: block;
	float: left;
	width: 100px;
	margin-bottom: 3px;
	font-size: 12px;
	color: #aaaaaa;
}

#content div.steps span.current {
	color: #ff6600;
}

#content input.signUpButton {
	margin-top: 20px;
}

#content form.activate label {
	display: block;
	float: left;
	width: 100px;
	line-height: 22px;
}

#content form.activate input {
	margin-bottom: 5px;
}

#content form.activate br {
	clear: both;
}

#right div.bar h4 {
	font-size: 16px;
	color: #0a9aca;
}

#content div.text {
	padding: 7px;
	color: #4f4f4f;
	font-size: 1em;
	line-height: 1.5em;
}

#content .header {
	color: #6429bc;
	font-weight: bold;
	line-height: 1.3em;
	clear: both;
}

#content .subheader {
	line-height: 1.2em;
	clear: both;
	font-weight: bold;
}

#content .smallsubheader {
	font-weight: bold;
	clear: both;
}

#content a, #right a {
	text-decoration: none;
	color: #ff8400;
}

#canteenmail {
	text-decoration: none;
	color: #6429BC !important;
}

#right a.small { color: #484848; }

#content a:hover, #right a:hover {
	text-decoration: underline;
}

#content img.webpages {
	margin: 0px 20px 20px 0px;
}

#content a.question, #content p.back a {
	color: #484848;
	font-size: 11px;
}

#content p {
	text-align: justify;
}

#content p.back {
	text-align: left;
}

#content p.question {
	font-weight: bold;
	color: #6429bc;
}

#content p.canteen {
    color: #FF8400;
    margin-bottom: -10px;
}

#content p.quickstart {
    color: #D61F00;
}

#content div.easy_canteen_quickstart {
    margin-top: 25px;
}

#content div.easy_canteen_quickstart .left {
    width: 380px;
}

img#thumbnail {
    margin: 5px 0;
    margin-left: 70px;
}

#content ol li {
	font-weight: bold;
}

#content ol li p {
	font-weight: normal;
	margin-top: 0px;
}

#content p.emails label {
	display: block;
	float: left;
	width: 250px;
}

#content p.command label {
	display: block;
	float: left;
	width: 110px;
}

#content p.emails br {
	clear: both;
}

#right {
    margin-left: 23px;
    float: left;
    width: 278px;
    right: 15px;
    top: -1px;
}

#right p.image { text-align: center; }

#right .dotted {
	margin: 10px;
	//margin-bottom: -15px;
}

#right div.bar {
	background: url('../images/right-gradient.png') no-repeat;
	behavior: url("iepngfix.htc");
}

#right div.video {
    margin: 15px 0;
}

* html #right div.bar {
	height: 400px;
}

#right p {
	padding: 0px 10px;
	line-height: 1.5em;
}

#footer {
	width: 951px;
	height: 59px;
	position: relative;
	//left: 5px;
	font-size: 11px;
	margin: 0px auto;
	text-align: center;
	background: url('../images/support.gif') no-repeat;
}

#bottomLinks a {
	color: #484848;
	text-decoration: none;
}

#bottomLinks a:hover {
	text-decoration: underline;
}

#footer img.left {
	position: absolute;
	left: 20px;
}

#footer img.right {
	position: absolute;
	right: 20px;
}

#bottomLinks {
	background: url('../images/links-gradient.png') repeat-x;
	margin-top: 50px;
	padding: 20px 0px 100px 0px;
}

#bottomLinks p.footer {
	font-size: 11px;
}

#bottomLinks div.boxes {
	width: 960px;
	margin: 0px auto;
}

#bottomLinks div.boxes div {
	float: left;
	margin-right: 11px;
	width: 229px;
	text-align: left;
}

#bottomLinks div.boxes div.last { margin-right: 0px; }

#bottomLinks div.boxes h4 {
	margin: 10px 0px 5px 0px;
	padding: 0px 5px;
	font-size: 15px;
}

#bottomLinks div.boxes a {
	display: block;
	margin: 2px 0px;
	background: #f3f3f3;
	color: #555555;
	text-decoration: none;
	line-height: 25px;
	padding: 0px 10px;
}

.smsCommand {
    font-family: courier;
    font-size: 1.5em;
    font-weight: bold;
}
#right  div.bar  #bpayLogo {
	float: right;
	margin-top: 20px;
	margin-right: 10;
	margin-bottom: 10;
	margin-left: 10;
	padding: 0px;
}
#bpayLogoLarge {
	float: right;
	margin-right: 115px;
	margin-top: 2px;
	padding-bottom: 20px;
}
.bpay_text {
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}
#coffee-beans {
	margin-top: 17px;
}

#coffee-text {
	width: 370px;
	clear: none;
	float: left;
    padding-right: 10px;
    padding-top: 10px;
}
#terms-conditions {
	font-size: 0.8em;
	line-height: normal;
}
#blue-arrow {
	margin-bottom: -7px;
	margin-left: 1px;
}

#blue-arrow-canteen {
	margin-bottom: -11px;
	margin-left: 15px;
}

#big-phone-canteen {
	margin-left: 7px;
}

#bankTrasfer a:hover {
    text-decoration: none;
}