/* Squash POS Screen Stylesheet */

/* ----------------------------------------------------- [ General ] */

html, body {
	margin: 0;
	padding: 0;
}
body {
	background-color: #fff;
	font-family: verdana, arial, sans-serif;
}
div#bg-container {
	overflow: hidden;
	background: #b6dbf2 url('../images/bodyfade.gif') bottom repeat-x;
	padding-bottom: 45px;
}
div#bg-container a {
	color: #FE8100;
}
div.layout-container {
	overflow: hidden;
	width: 996px;
	margin: 0 auto;
}
h1 {
	display: none;
}

/* --------------------------------------------------- [ Main Menu ] */

ul#menu {
	margin: 0 0 15px;
	padding: 0;
	overflow: hidden;
	list-style-type: none;
	height: 64px;
}
ul#menu li {
	float: left;
	height: inherit;
}
ul#menu a {
	display: block;
	text-indent: -9999px;
	height: 64px;
}
li#logo a {
	background-image: url('../images/menu/menu-logo.png');
	width: 248px;
}

/* Pre-load */
li#benefits {
	background-image: url('../images/menu/off-benefits.png');
}
li#products {
	background-image: url('../images/menu/off-products.png');
}
li#about {
	background-image: url('../images/menu/off-about.png');
}
li#faq {
	background-image: url('../images/menu/off-faq.png');
}
li#webstore {
	background-image: url('../images/menu/off-webstore.png');
}

/* OFF State */
li#benefits a {
	background-image: url('../images/menu/off-benefits.png');
	width: 123px;
}
li#products a {
	background-image: url('../images/menu/off-products.png');
	width: 138px;
}
li#about a {
	background-image: url('../images/menu/off-about.png');
	width: 118px;
}
li#faq a {
	background-image: url('../images/menu/off-faq.png');
	width: 124px;
}
li#webstore a {
	background-image: url('../images/menu/off-webstore.png');
	width: 245px;
}

/* HOVER State */
li#benefits a:hover {
	background-image: url('../images/menu/hover-benefits.png');
}
li#products a:hover {
	background-image: url('../images/menu/hover-products.png');
}
li#about a:hover {
	background-image: url('../images/menu/hover-about.png');
}
li#faq a:hover {
	background-image: url('../images/menu/hover-faq.png');
}
li#webstore a:hover {
	background-image: url('../images/menu/hover-webstore.png');
}

/* YOU-ARE-HERE State */
li#benefits a.current {
	background-image: url('../images/menu/on-benefits.png');
}
li#products a.current {
	background-image: url('../images/menu/on-products.png');
}
li#about a.current {
	background-image: url('../images/menu/on-about.png');
}
li#faq a.current {
	background-image: url('../images/menu/on-faq.png');
}
li#webstore a.current {
	background-image: url('../images/menu/on-webstore.png');
}

/* ------------------------------------------------ [ Content Area ] */

div.content {
	float: left;
	background-image: url('../images/content-box.gif');
	width: 660px;
	margin-left: 6px;
}
div#box-header {
	margin: 12px 12px 0;
	width: 636px;
	height: 85px;
	background: url('../images/content-header-darkened.png') top no-repeat;
}
div#box-header h2 {
	color: #fff;
	margin: 0;
	position: relative;
	top: 24px;
	left: 17px;
	text-indent: -9999px;
	height: 40px;
}
div#content-home div#box-header h2 {
	background: url('../images/web-based-pos-new.png') no-repeat;
	width: 600px;
	height: 40px;
}
div#content-benefits div#box-header h2 {
	background: url('../images/box-header-benefits.png') no-repeat;
	width: 600px;
}
div#content-products div#box-header h2 {
	background: url('../images/content-header-products.png') no-repeat;
	width: 127px;
}
div#content-about div#box-header h2 {
	background: url('../images/content-header-about.png') no-repeat;
	width: 91px;
}
div#content-faq div#box-header h2 {
	background: url('../images/content-header-faq.png') no-repeat;
	width: 383px;	
}
div#content-demos div#box-header h2 {
	background: url('../images/content-header-demos.png') no-repeat;
	width: 101px;
}
div#content-webstore div#box-header h2 {
	background: url('../images/content-header-webstore.png') no-repeat;
	width: 293px;
}
div#content-contact h2 {
	padding: 0 20px;
	margin: 35px 15px 0;
}
div#content-contact p {
	margin: 15px 15px 10px;
	padding: 0 20px;
	font-size: .8em;
	color: #666;
}
div#content-contact p.contact-note {
	font-size: .7em;
	font-style: italic;
	margin: 0 15px 25px;
}

div#box-content {
	padding: 0 20px 20px;
	background: url('../images/content-box.gif') bottom no-repeat;
	min-height: 200px;
	font-size: .8em;
	line-height: 1.6em;
	height: 100%;
}
div#box-content div {
	border: 1px solid #fff;
}
div#qball-container {
	margin-top: 10px;
	overflow: hidden;
	padding: 5px 0;
	background: url('../images/q-ball.jpg') bottom left no-repeat;
}
div#content-products div#qball-container {
	background-position: 0 40px;
}
div#content-about div#qball-container {
	background-position: 0 40px;
}
div#box-content div#qball-container p {
	margin: 0 0 19px 0;
	padding: 0 14px;
	line-height: 20px;
}
div#box-content div.textprop {
	visibility: hidden; /* Change this to visible to see the textprop boxes */
	border: 1px solid red;
	opacity: .3;
	float: left;
	clear: left;
 	margin-right: .5em;
}

div#round-box-no-header {
	float: left;
	background-image: url('../images/content-box.gif');
	width: 660px;
	margin-left: 6px;
	padding-top: 19px;
}
div#round-box-no-header div {
	background: url('../images/content-box.gif') bottom;
}
div#round-box-no-header img {
	border: 0;
	margin-left: 19px;
	margin-bottom: 15px;
}

/* ----------------------------------------------------- [ Sidebar ] */

div#sidebar {
	float: right;
	width: 303px;
	font-size: .7em;
}
div#rotating-imgs {
	height: 213px;
}
div#sidebar h2 {
	overflow: hidden;
	text-indent: -9999px;
	background-image: url('../images/contact.gif');
	width: 122px;
	height: 18px;
	margin-left: 10px;
}
div#sidebar ul {
	list-style-type: none;
	margin-left: 5px;
	padding-left: 5px;
}
div#sidebar ul li {
}
div#sidebar a {
	padding: 0 10px;
}
div#sidebar a {
	display: block;
}
a#contact-form {
	text-indent: -9999px;
	background: url('../images/contact-form.png') no-repeat;
	width: 167px;
	height: 15px;
	padding: 0 !important;
	margin-top: 10px;
	margin-left: 10px;
}

/* ------------------------------------------------- [ Brightboxes ] */

div.brightbox {
	display: none;
	background-color: #fff;
	color: #000;
	padding: 0 20px;
	width: 650px;
	height: 470px;
	position: absolute;
	font-family: myriad pro, sans-serif;
}
div.brightbox div {
	padding-left: 80px;
}

/* Headers */
div.brightbox h2 {
	font-weight: bold;
	font-size: 1.5em;
	color: #64D831;
	padding: 0;
}
div.brightbox h3 {
	margin: 26px 0 2px;
}
div.brightbox h4 {
	margin: 0 0 20px;
	color: #aaa;
}
div.brightbox h5 {
	margin: 0;
	font-size: .8em;
}

div.brightbox p {
	font-size: .7em;
	line-height: 1.8em;
}
div.brightbox ul {
	list-style-type: disc;
	margin: -10px 0 0;
	padding: 0 0 0 10px;
	font-size: .7em;
}

div.brightbox p#portable-places {
	border-top: double #999;
	border-bottom: double #999;
	font-size: .7em;
	font-weight: bold;
	line-height: 16px;
	padding: 3px 0;
	color: #000;
	text-align: center;
}

div#overlay {
	z-index: 3;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
}

div#container-know-the-truth {
	border: 1px solid #fff;
	background: url('../images/icon-green.gif') 0 15px no-repeat;
}
div#container-take-control {
	border: 1px solid #fff;
	background: url('../images/icon-orange.gif') 0 15px no-repeat;
}
div#container-portable {
	border: 1px solid #fff;
	background: url('../images/icon-black.gif') 0 15px no-repeat;
}
div#container-integrated-ecommerce {
	border: 1px solid #fff;
	background: url('../images/icon-blue.gif') 0 15px no-repeat;
}
div#container-how-it-all-works {
	border: 1px solid #fff;
	background: url('../images/icon-red.gif') 0 15px no-repeat;
}
div#container-how-it-all-works img {
	display: block;
	margin: 0 auto;
}

img.info-icon {
	float: left;
	margin-right: 15px;
}
p.info-text {
	margin-top: 23px;
}
img.bb-photo {
	float: right;
	margin-bottom: 5px;
	margin-left: 10px;
}

/* ------------------------------------------------ [ Contact Form ] */

div#errors {
	font-size: .8em;
}
div#errors p {
	margin-top: 0;
	font-size: 1em;
	color: #000;
}
div#errors ul {
	padding: 0 0 0 60px;
	margin-left: 0;
	color: red;
}
div#errors ul li em {
	font-weight: bold;
}

form#contact {
}
form#contact label {
	width: 340px;
	float: left;
}
em.required {
	color: red;
}
form#contact input, form#contact textarea {
	float: left;
}
form#contact fieldset {
	clear: left;
}
form#contact div {
	overflow: hidden;
}
form#contact select {
	width: 230px;
}
fieldset#checkboxes label {
	float: none;
}
fieldset#checkboxes input {
	margin-left: 15px;
	margin-right: 7px;
}
textarea#addtional_comments_and_requests {
	margin-left: 15px;
	width: 566px;
}
fieldset {
	border: none;
	margin-bottom: 15px;
}
legend {
	font-weight: bold;
}
fieldset#about-you input, fieldset#contact-details input {
	width: 225px;
}
fieldset#about-you, fieldset#checkboxes, fieldset#contact-details, fieldset#additional, fieldset#formsubmit {
	border-top: 1px solid #999;
}
fieldset#contact-details label, fieldset#about-you label {
	padding-left: 15px;
}

fieldset#formsubmit label {
	display: block;
	float: none;
	width: auto;
	text-align: right;
	margin: 0 10px 10px 0;
	padding: 0;
}
input#captcha-text {
	margin: 8px 10px 0 0;
	float: right !important;
}
img#captcha {
	margin: 0 15px 10px 0;
	border: 1px solid #ccc;
	float: right;
}
input#submit {
	margin-right: 15px;
	float: right !important;
	clear: right;
}

/* Thank You page */
div#content-thankyou h2 {
	margin-top: 85px;
	text-align: center !important;
}
div#content-thankyou div#box-content {
	min-height: 125px;
}
div#content-thankyou div#box-content p {
	margin: 0 auto;
	text-align: center;
	width: 400px;
}

/* ------------------------------------------------------ [ Footer ] */

div#footer {
	background: url('../images/footerfade.gif') top repeat-x;
	padding-top: 25px;
}
div.column {
	width: 332px;
	float: left;
}
div.column a img {
	border: 0;
}
div.column p strong a {
	color: #000;
}
div.column p strong a:hover {
	color: #666;
}
div.column img {
	display: block;
	margin: 0 auto;
}
div.column img.icon {
	float: left;
	margin-top: 22px;
	margin-left: 15px;
}
div.column ul {
	list-style-type: disc;
	margin: 0 5px 15px 95px;
	padding: 0 0 0 2em;
	font-size: .7em;
}
div.column p {
	font-family: verdana, arial, sans-serif;
	font-size: .7em;
	margin-top: 7px;
	margin-left: 95px;
	margin-right: 5px;
}

/* Footer & Brightbox Headers */
div.column h3 {
	margin: 22px 0 0 95px;
}
div.column h3, .brightbox h3 {
	text-indent: -9999px;
	width: 232px;
	height: 23px;
	background-repeat: no-repeat;
}
/* Home */
h3#know-the-truth { 				background-image: url('../images/footer-headers/know-the-truth.png'); }
h3#take-control {						background-image: url('../images/footer-headers/take-control.png'); }
h3#portable-pos { 					background-image: url('../images/footer-headers/portable-pos.png'); }
/* Benefits */
h3#multi-store-management { background-image: url('../images/footer-headers/multi-store-management.png'); }
h3#remote-access { 					background-image: url('../images/footer-headers/remote-access.png'); }
h3#integrated-ecommerce { 	background-image: url('../images/footer-headers/integrated-ecommerce.png'); }
/* Products */
h3#the-store-system {				background-image: url('../images/footer-headers/the-store-system.png'); }
h3#ecommerce-website {			background-image: url('../images/footer-headers/ecommerce-website.png'); }
h3#how-it-all-works {				background-image: url('../images/footer-headers/how-it-all-works.png'); }

p#copyright {
	clear: left;
	color: #b7b7b7;
	font-size: .7em;
	text-align: center;
	padding: 20px 0 3px;
}
p#copyright a {
	color: #868686;
}