* {
	margin: 0;
	padding: 0;
	}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #383838;
	}
p {
	font-size: 80%;
	margin-bottom: 1.5em;
	line-height: 1.5em;
	}
p.no-marg {
	margin: 0;
	}
ul, ol {
	font-size: 80%;
	margin: 0 0 1.5em 1.5em;
	line-height: 1.5em;
	}
ul li, ol li {
	margin-bottom: 0.5em;
	}
a {
	font-weight: bold;
	text-decoration: underline;
	color: #000;
	}
a img {
	border: 0;
	}
a:hover {
	text-decoration: none;
	}
p.more {
	padding-bottom: 1em;
	margin: 0;
	font-size: 10px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #087abf;
	font-weight: normal;
	border-bottom: 1px dashed #b4d7ec;
	margin-bottom: 0.5em;
	}
h2 { border-bottom: 1px dashed #b4d7ec; }
#right-content h1 { border: 0; margin-bottom: 130px; }
h2,h2 a, h3, .std-form legend {
	font-family: Arial, Helvetica, sans-serif;
	color: #087abf;
	font-weight: normal;
	font-size: 120%;
	line-height: 1.3em;
	margin: 0 0 1em 0;
	}
h3 {
	margin: 0;
	}
h4 a {
	text-decoration: none;
	color: #087abf;
}
h4 a:hover {
	text-decoration: underline;
}
#right-content h2 {
	margin: 0 0 0.5em 0;
	}
acronym, acronym:hover {cursor: help; }
p.quote {
	color: #1D8DD4;
}
/*-----------------------------------------
	Core Layout Styles
-----------------------------------------*/	
#header-outer {
	background: #0471b4 url(/img/header-span.gif) repeat-x;
	}
#header {
	position: relative;
	height: 152px;
	width: 772px;
	margin: 0 auto;
	background: url(/img/header-watermark.gif) no-repeat top right;
	}
#content-outer {
	background: #fff url(/img/shadow.gif) repeat-x bottom;
	}
#content {
	position: relative;
	width: 772px;
	margin: 0 auto;
	padding: 23px 0 0 0;
	}
.banner {
	height: 149px;
	background: url(/img/home-banner.jpg) no-repeat;
	}
#green-banner {
	height: 221px;
	background: url(/img/green-banner.jpg) no-repeat;
	}
#whos-who-banner {
	height: 221px;
	background: url(/img/banner/whos-who.jpg) no-repeat;
	}
#solutions-banner {
	height: 221px;
	background: url(/img/banner/solutions.jpg) no-repeat;
	}
#your-system { height: 198px;	border: 1px solid #c2c2c2;	margin-bottom: 20px;	background: url(/img/mouse.jpg) no-repeat 100% 0;	}
#your-system h1 {	padding: 60px 220px 0 20px;	border: 0; }

#store-system {	height: 198px;	border: 1px solid #c2c2c2;	margin-bottom: 20px;	background: url(/img/cash-mound.jpg) no-repeat 100% 0;	}
#store-system h1 {	padding: 60px 300px 0 75px;	border: 0; }
#mobile-system { height: 198px;	border: 1px solid #c2c2c2;	margin-bottom: 20px;	background: url(/img/mobility.jpg) no-repeat;	}
#mobile-system h1 {	padding: 60px 0 0 40px;	border: 0; }

#data-manage { height: 198px;	border: 1px solid #c2c2c2; margin-bottom: 20px;	background: url(/img/cables.jpg) no-repeat 90% 0;	}
#data-manage h1 {	padding: 60px 0 0 50px;	border: 0; }

#client-support {	height: 198px;	border: 1px solid #c2c2c2;	margin-bottom: 20px;	background: url(/img/old-phone.jpg) no-repeat 10% 0;	}
#client-support h1 {	padding: 60px 0 0 350px;	border: 0; }

#implement { height: 198px;	border: 1px solid #c2c2c2;	margin-bottom: 20px;	background: url(/img/vegies.jpg) no-repeat;	}
#implement h1 {	padding: 60px 0 0 420px;	border: 0; }

#compare-comp {	height: 198px; border: 1px solid #c2c2c2;	margin-bottom: 20px;	background: url(/img/compare-comp.jpg) no-repeat;	}
#compare-comp h1 { padding: 60px 0 0 345px;	border: 0; }

#sales {	height: 198px; border: 1px solid #c2c2c2;	margin-bottom: 20px;	background: url(/img/sales.jpg) no-repeat 100% 0;	}
#sales h1 { padding: 60px 300px 0 75px;	border: 0; }

#head-office { height: 174px;	border: 1px solid #c2c2c2;	margin-bottom: 20px;	background: url(/img/cogs.jpg) no-repeat 2% 0;	}
#head-office h1 {	padding: 33px 0 0 330px;	border: 0; }

#news-banner {
	height: 221px;
	background: url(/img/banner/news.jpg) no-repeat;
	}
#careers-banner {
	height: 221px;
	background: url(/img/banner/careers.jpg) no-repeat;
	}
#contact-banner {
	height: 221px;
	background: url(/img/banner/contact.jpg) no-repeat;
	}
#left-content {
	width: 546px;
	float: left;
	}
#left-content .padFix {
	padding: 12px 45px 35px 0;
	}
#right-content {
	width: 226px;
	float: left;
	background: #edeff0 url(/img/flexi.gif) no-repeat 0 90px;
	margin: 54px 0 0 0;
	}
.subpage #right-content {
	background: 0;
	}
#right-content .padFix {
	padding: 14px 20px 35px;
	}
.subpage #right-content .padFix {
	padding: 0;
	}
#footer-outer {
	background: #383838 url(/img/footer-span.gif) repeat-x;
	}
#footer {
	height: 115px;
	width: 772px;
	margin: 0 auto;
	}
#flash-1 {
	padding-bottom: 20px;
	}
.blog-wrap {
	margin-bottom: 2em;
	}
.blog-wrap h2 {
	margin-bottom: 0;
	}
.tags {
	color: #999;
	}
.tags a {
	color: #999;
	font-style: italic;
	font-size: 80%;
	font-weight: normal;
	}
/*-----------------------------------------
	New Home Styles
-----------------------------------------*/	
#new-home {	height: 200px;	margin-bottom: 20px;	background: url(/img/home-banner.jpg) no-repeat; }
#new-home h1 { padding: 42px 0 0 335px;	border: 0; }

#content .left {
	float: left;
	width: 574px;
}
#content .right {
	float: right;
	width: 168px;
	margin-left: 20px;
}
#content .left p {
	color: #666;
}
#grid.new {
	padding: 0 0 15px 0;
	}
#grid .row {
	float: left;
	margin-bottom: 15px;
	}
#grid .row a.item {
	display: block;
	float: left;
	height: 74px;
	margin-right: 20px;
	}
#grid .row a.item:hover {
	cursor:pointer;
	background-position: 0 -74px;
	}
#grid .row a.item.last {
	margin: 0;
	}
#grid .row a.item span {
	display: none;
	}
#grid.new .row a.item span.padFix {
	width: 178px;
	}
#grid .row a.item span.padFix {
	display: block;
	width: 240px;
	height: 74px;
	padding: 0;
	margin: 0;
	}
.new #ceo {
	background: url(/img/box-ceo.jpg) no-repeat;
	}
.new #cfo {
	background: url(/img/box-cfo.jpg) no-repeat;
	}
.new #cio {
	background: url(/img/box-cio.jpg) no-repeat;
	}
.new #bms {
	background: url(/img/box-bm.jpg) no-repeat;
	}
.new #ma {
	background: url(/img/box-ma.jpg) no-repeat;
	}
.new #c {
	background: url(/img/box-con.jpg) no-repeat;
	}
.new #rom {
	background: url(/img/box-rom.jpg) no-repeat;
	}
.new #md {
	background: url(/img/box-md.jpg) no-repeat;
	}
#ceo {
	background: url(/img/wide-box-ceo.jpg) no-repeat;
	}
#cfo {
	background: url(/img/wide-box-cfo.jpg) no-repeat;
	}
#cio {
	background: url(/img/wide-box-cio.jpg) no-repeat;
	}
#bms {
	background: url(/img/wide-box-bm.jpg) no-repeat;
	}
#ma {
	background: url(/img/wide-box-ma.jpg) no-repeat;
	}
#c {
	background: url(/img/wide-box-con.jpg) no-repeat;
	}
#rom {
	background: url(/img/wide-box-rom.jpg) no-repeat;
	}
#md {
	background: url(/img/wide-box-md.jpg) no-repeat;
	}
/*-----------------------------------------
	Header Styles
-----------------------------------------*/	
#header h1 {
	display: block;
	width: 314px;
	position: absolute;
	top: 23px;
	border: 0;
	}
	
#header h1 a {
	display: block;
	height: 81px;
	background: url(/img/retail-directions-logo.gif) no-repeat;
	}
	
#header h1 a span {
	display: none;
	}
/*-----------------------------------------
	Convert Styles
-----------------------------------------*/
#convert {
	background: #e6f2f9;
	padding: 20px;
	margin: 2em 0 1em;
}
#convert fieldset {
	border: 0;
	margin-bottom: 0.8em;
}
#convert input,
#convert textarea {
	border: 1px solid #ccc;
	padding: 4px;
	width: 176px;
}
#convert label {
	color: #097bc0;
	font-weight: normal;
	font-size: 80%;
	display: block;
	margin-bottom: 0.3em;
}
#convert #convert-button {
	border: 0;
	background: #097bc0;
	color: #fff;
	font-weight: bold;
	width: auto;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	cursor: pointer;
}
/*-----------------------------------------
	Contact page Styles
-----------------------------------------*/
.email-row {
	margin: 0;
	padding: 0;
	height: 30px;
	}
.email-row a {
	color: #087ABF;
	}
.email-row.dark .col {
	background: #ededed;
	height: 30px;
	}
.email-row .col {
	width: 250px;
	float: left;
	}
.email-row p {
	font-size: 60%;
	margin: 0;
	padding: 0 10px;
	line-height: 30px;
	}
/*-----------------------------------------
	Top page Styles
-----------------------------------------*/
ul#topnav {
	width: 772px;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 118px;
	}
#topnav li {
	float: left;
	}
#topnav li a {
	display: block;
	height: 30px;
	background-position: 0 -60px;
	}
#topnav li a span {
	display: none;
	}
#topnav li a:hover {
	background-position: 0 -30px;
	}
#header #topnav li a.current {
	background-position: 0 0;
	}
#index a {
	width: 58px;
	background: url(/img/nav/home.gif);
	}
#who-are-you a {
	width: 113px;
	background: url(/img/nav/who-are-you.gif);
	}
#retail-system-check a {
	width: 152px;
	background: url(/img/nav/retail-system-check.gif);
	}
#software-solutions a {
	width: 90px;
	background: url(/img/nav/solutions.gif);
	}
#news-literature a {
	width: 142px;
	background: url(/img/nav/news-literature.gif);
	}
#careers a {
	width: 73px;
	background: url(/img/nav/careers.gif);
	}
#contact a {
	width: 99px;
	background: url(/img/nav/contact.gif);
	}
#about a {
	width: 66px;
	background: url(/img/nav/about.gif);
	}
#blog a {
	width: 56px;
	background: url(/img/nav/blog.gif);
	}
#system-overview {
	display: none;
	}
/*-----------------------------------------
	Sub page Nav Styles
-----------------------------------------*/
ul#subnav {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 90%;
	}
#subnav li {
	border-top: 1px dashed #b4d7ec;
	padding: 1px 0;
	margin: 0;
	}
#subnav li.last {
	border-bottom: 1px dashed #b4d7ec;
	}
#subnav li a {
	display: block;
	color: #0573b5;
	font-size: 80%;
	width: 100%;
	text-decoration:none;
	}
#subnav li a span {
	padding: 5px 0 5px 7px;
	display: block;
	}
#subnav li a:hover {
	background: #e8f3fb url(/img/subnav-hover.gif) repeat-x;
	text-decoration: none;
	}
#right-content #subnav li a.current {
	background: #1d8dd4;
	color: #fff;
	}
.pagination a {
	font-size: 80%;
	color: #087ABF;
	text-decoration: none;
	font-weight: normal;
	}
.pagination a:hover {
	text-decoration: underline;
	}
/*-----------------------------------------
	Footer Styles
-----------------------------------------*/
#footer p, #footer ul a {
	color: #909090;
	font-size: 70%;
	text-decoration: none;
	font-weight: normal;
	margin: 0;
	}
#footer ul a:hover {
	text-decoration: underline;
	}
#footer .left {
	float: left;
	padding-top: 20px;
	}
 #footer .right {
 	float: right;
	padding-top: 18px;
	text-align: right;
	}
#footer ul {
	list-style: none;
	margin: 0;
	float:right;
	}
#footer ul li {
	float: left;
	background: url(/img/div.gif) no-repeat 100% 6px;
	padding: 0 10px;
	}
#footer ul li.last {
	background: none;
	padding-right: 0;
	}
/*--------------------------------------------------------------
 Form Validation styles 
--------------------------------------------------------------*/
form.std-form fieldset input.validation-failed, form.std-form fieldset textarea.validation-failed {
	border: 1px solid #f00;
}
form.std-form fieldset input.validation-passed, form.std-form fieldset textarea.validation-passed {
	border: 1px solid green;
}
.validation-advice {
	margin: 2px;
	padding: 2px;
	color:#f00;
	font-size: 80%;
}
.warning {
	border: 1px solid #c66;
}
.warning-advice {
	margin: 2px;
	padding: 2px;
	color:#fff;
	background-color:#bbb;
}
/*-----------------------------------------
	Misc Styles
-----------------------------------------*/
.float-fix { clear: both; }
.small {font-size:70%;}
/*-----------------------------------------
	Form Styles
-----------------------------------------*/
form.std-form, form.std-form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	width:501px;
	}
form.std-form fieldset {
	padding-bottom: 12px;
	display: block;
	width:501px;
	}
form.std-form fieldset fieldset {
	width:auto;
	}
form.std-form fieldset table {
	width:501px;
	}
.std-form fieldset legend {
	display: block;
	margin:0;
	}
.std-form label {
	display: block;
	margin: 0;
	color: #087abf;
	font-size:80%;
	}
.std-form .input_text {
	width: 150px;
	padding: 5px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 90%;
	border: 1px solid #ccc;
	}
.std-form textarea.input_text {
	width: 350px;
	}
.std-form table td, .std-form table tr {
	vertical-align:top;
	}
/*-----------------------------------------
	sIFR Styles
-----------------------------------------*/
.sIFR-active #content h1,
.sIFR-active #content h2,
.sIFR-active #content h3,
.sIFR-active .std-form legend {
		visibility: hidden;
		font-family: Verdana;
		line-height: 1em;
	}
.sIFR-active #content h1.white {
		font-size: 34px;
	}
.sIFR-active #content h1 {
		font-size: 30px;
	}
.sIFR-active #content h2 {
		font-size: 22px;
	}
.sIFR-active #content h3 {
		font-size: 16px;
	}
.sIFR-active .std-form legend {
		font-size: 16px;
	}
/*--------------------------------------------------------------
 Sitescene logo
--------------------------------------------------------------*/
#sitescene {
	margin:12px 0 10px 0;
	width: 34px;
	float: right;
	clear: both;
	}
#sitescene a {
	display: block;
	height: 30px;
	background: url(/img/sitescene.gif) no-repeat;
	}
#sitescene a:hover {
	background-position: 0 -30px;
	}
#sitescene a span {
	display: none;
	}