@charset "utf-8";
/* CSS Document */

a { color:#237bc0; text-decoration: none; }
a:hover { text-decoration: underline; }
body { margin: 0; padding: 0; background: white url(../images/bg.jpg) repeat-x top left; font-family: Helvetica, Arial, sans-serif; color:#707070; font-size: 11px; }
body.login { background: white url(../images/bg.jpg) repeat-x top left; }
.captcha { border: solid 1px #fff; border-radius: 8px; -webkit-border-radius: 8px; -mozilla-border-radius: 8px; padding: 1.7em; margin-bottom: 15px; background-color: #ebebeb; }
.col-right { float: right; width: 200px; padding: 15px; }
.col-right h2 { font-size: 20px; margin: 6px auto 20px; font-weight: normal; text-align: center; }
#container { width: 950px; margin: 0 auto 15px; display: block; padding-top: 20px; }
.demo ul { width: 100%; }
.demo ul li { font-size: 10px; display: inline; padding: 8px; width: 100px; }
.demo ul li img { padding-bottom: 16px; }
.disappear { display: none !important;}
.main .content .row1 .greenphasis { font-weight: bold; color: #b6ff6f; }
.col-right { float: right; width: 200px; padding: 15px; }
.col-right h2 { font-size: 20px; margin: 6px auto 20px; font-weight: normal; text-align: center; }
.lower h2 { margin-top: 200px; }
.checklist li { font-size: 13px; color: #b6ff6f; background: url(../../images/checkmark.gif) no-repeat left 3px; padding-left: 23px; margin-top: 8px; margin-bottom: 8px; padding-bottom: 17px; }
.faq h4 {font-size: 16px; color: #28b34b; }
.faq p {padding-left: 20px; }
.faq li { padding-bottom: 30px; background: url(../images/blue-plus.png) 12px left no-repeat; padding-left: 60px; }
.floatleft {float: left; margin-right: 13px; margin-bottom: 13px;}
.footer { clear:both; height:43px; color:#999999; overflow:hidden; border-top:1px solid #d7d7d7; margin-top: 12px; }
.footer p { text-align: center; padding-top: 13px; }
.footer a { color:#999999; }
.gradbox { background: url(../images/form-bg.gif) repeat-x #e0e0e0 top left; border-left: 1px #959595 solid; border-right: 1px solid #959595; width: 327px; padding: 15px; }
	.gradbox h2 { font-size: 22px; font-weight: normal; text-shadow: 1px 1px 0px #fff; margin-top: 0; padding-top: 0; padding-bottom: 12px;
}

h1.left { text-align: left; }
.formy input.button { background-color: #090; background: background: -moz-linear-gradient(-90deg, #28b34b, #028d25); background: -webkit-gradient(linear, left top, left bottom, from(#28b34b), to(#028d25)); color: white;
}
#nav { float: right; display: block; border-bottom: 1px solid #666; margin:0; padding: 0; height: 55px; }
#nav ul { margin: 30px 10px 10px 15px; padding: 0; }
#nav ul li { display: inline-block; list-style-type: none; padding: 0; margin: 0; text-align: center; border: 1px solid rgba(0,0,0,0.3);
border-bottom-color: rgba(0,0,0,0.7); -webkit-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px; padding-bottom: 5px; background: rgb(255,255,255); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); }
#nav ul li a { text-decoration: none; color: #707070; font-size: 12px; display: block; padding: 5px 10px 0; text-shadow: 1px 1px 1px #fff; font-weight:bold; }
#nav ul li a:hover, #nav ul li a.current {  }
.banner { float: left; margin: 70px 90px 24px 40px; }
#headline { display: block; width:281px; height: 194px; }
#headline li { list-style-type: none; }
#headline p { font-size:18px; color:#666; text-align: center; }
#headline p span, #headline p span a, #headline p span a:visited { display: block; color: #390; font-size: 18px; text-align: center; margin-top: 10px; text-decoration: none; }
h1, h6 { color: #237bc0; font-size:40px; text-align: center; font-weight: normal; font-family: 'Yanone Kaffeesatz', arial, sans-serif; margin-top: 0; padding-top: 0; line-height: 40px; margin-bottom: 8px; }
.vid { margin: 60px 0 50px 0; float: left; }
.vid img { -moz-box-shadow: 6px 6px 20px #b7b7b7; -webkit-box-shadow: 6px 6px 20px #b7b7b7; box-shadow: 6px 6px 20px #b7b7b7; }
.logos { background-color: #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: solid 1px #000; padding: 15px; margin: 15px auto; width: auto; }
	.logos li { display: inline; list-style-type: none; margin-right: 25px; }
#maincats { margin: 15px auto; clear: both; }
#maincats ul { margin: 0 0 0 50px; padding: 0; }
#maincats ul li { background:url(../images/box.jpg) top left no-repeat; display: inline-block; list-style-type: none; width: 243px; height: 142px; padding: 12px; margin: 0 12px; position: relative; }
#maincats ul li h3, #maincats h3 a, #maincats h3 a:visited { color: #237bc0; font-size: 18px; text-transform:lowercase; text-align: center; margin: 0; padding: 0; font-weight: normal; text-decoration: none; }
#maincats ul li img { float: left; margin-top: 13px; }
#maincats ul li a img { border: 0; }
#maincats ul li p a, #maincats ul li p a:visited { text-decoration: none; color: #444; }
#maincats ul li p { float: right; display: block; width: 110px; padding-right: 25px; font-weight: bold; }
#maincats ul li p span { color: #237bc0; display: block; text-align: center; margin-top: 10px; font-size: 14px; }
p.copy { font-size: 12px; }
.testbox { margin: 25px auto; border: 1px solid #CCC; padding: 15px; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); background: -moz-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); background: gradient(linear, left top, left bottom, from(#fff), to(#ddd)); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: inset 8px 8px 8px #ddd; -moz-box-shadow: inset 8px 8px 8px #ddd; -webkit-box-shadow: inset 8px 8px 8px #ddd; }
.testbox li { font-size:13px; padding: 6px; }
.textblock { font-size: 14px; }
	.textblock h3 {font-size: 24px; margin-top: 15px; }
ul.icons { margin:0; padding: 0; }
	ul.icons li { list-style-type: none; clear: left; }
	ul.icons li img { float: left; }
	ul.icons li h3 {font-size: 18px; color: #28b34b; padding-top: 15px; }
	ul.icons li li { margin-bottom: 29px; }
	ul.icons li ul li h4 span { font-style:italic; }
	ul.icons li ul li h4 { margin: 0; padding: 0;}

.fourcol {margin: 15px 0; padding: 0; font-size: 14px;}
    .fourcol li {list-style-type: none; float: left; display: block; text-align: center; width: 23%; }
    .fourcol h3 { color:#000; margin-top: 9px; font-size: 16px; }
#social { position: fixed; bottom: 10px; right: 12px; }

/* Login Page */
body.login .container { position: absolute; bottom: 60%; right: 50%; text-align: center; }
.loginpage { width: 400px; position: relative; left: 50%; top: 50%; padding: 20px 40px 0; border: 1px solid #ccc; border-radius: 20px; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0 ); /* IE6-9 */
-moz-box-shadow: 10px 10px 9px #d7d7d7;
-webkit-box-shadow: 10px 10px 9px #d7d7d7;
box-shadow: 10px 10px 9px #d7d7d7; }
.loginpage div { width: 270px; margin: 0 auto; text-align: center; }
.loginpage h1 { color: #237bc0; font-size:40px; text-align: center; font-weight: normal; font-family: 'Yanone Kaffeesatz', arial, sans-serif; margin-top: 0; padding-top: 0; line-height: 40px; margin-bottom: 8px; font-size: 36px; padding-top: 12px; }
.loginpage form { font-size: 14px; color: #333; }
.loginepage form div { text-align: center; }
.loginpage input { border: 1px solid #ccc; background-color: white; margin-top: 10px;  border-radius: 3px; }
.loginpage input:active, .loginpage input:focus { border-color: #157cc9; outline: none; }
.loginpage label { margin-right: 12px; margin-top: 10px; display: inline; }
.loginpage input[type=submit] { width: 87px; margin: 15px auto; border: 1px solid #d8d6d0; background-color: #e6e4dd; background-image: -moz-linear-gradient(top, #f7f5ee, #eeebe3 28%, #d6d4d0); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f5ee), color-stop(.28, #eeebe3), to(#d6d4d0)); color: #6a6862; padding: 4px 20px; font-size: 13px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 1px 2px #666; -moz-box-shadow: 0 1px 2px #666; box-shadow: 0 1px 2px #666; text-shadow: 0 1px 0 #fff; }
.loginpage input[type=submit]:hover { color: #4a4843; background-color: #f0ede5; background-image: -moz-linear-gradient(top, #fffcf5, #f7f4eb 28%, #e0deda); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fffcf5), color-stop(.28, #f7f4eb), to(#e0deda)); }
.loginpage .error { background-color: white; color: red; padding: 20px; width: 300px; margin: 25px auto; border: 1px solid #ccc; text-align: center; font-size: 16px; font-weight: bold; border-radius: 10px; }
body.login img.logo { margin: 0 auto 15px; }

#areYesterdayEndOfDayOrders, #areEndOfDayOrders { float: left; color: #b94a48; background: url(../images/pointer.png) 5px top no-repeat #f2dede; padding: 8px 20px 8px 50px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border: 1px solid #b94a48; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 14px; line-height: 20px; text-align: center;  }
#areYesterdayEndOfDayOrders b, #areEndOfDayOrders b { font-weight: strong; font-size: 1.3em; color: black; }
.endOfDayBannerHide, .yesterdayEndOfDayBannerHide { display: none; }