/***************************************************************************************************
Miscellaneous
***************************************************************************************************/
/* Cancel defaults */
html * {
	padding:0;
	margin:0;
	font-weight:normal;
	font-size:1em;
	text-decoration:none;
	color:#69696b;
}
/* Float clearing */
div#columns div#columns-inner:after,
div#main-navigation ul:after,
div#courtesy-navigation ul:after,
div.product:after {
    content: ".";
    display: block;
    height:0;
    clear:both;
    visibility: hidden;
}
.semantic {
	position:absolute;
	left:-9999px;
}
/***************************************************************************************************
Layout
***************************************************************************************************/
body {
	padding:0;
	margin:0;
	overflow-y:scroll;
}
div#frame {
	background:transparent url(../furniture/frame-bg.gif) right 20px no-repeat;
	width:860px;
	border-top:10px solid #193163;
	margin:auto;
	position:relative;
}
a#logo {
	margin:20px 0 45px 0;
	outline:none;
	display:block;
	width:232px;
	height:44px;
}
a#logo img {
	display:block;
}
h1 {
	position:absolute;
	left:-9999px;
}

a img {
	border:none;
}

/***************************************************************************************************
Main and courtesy navigation
***************************************************************************************************/


div#main-navigation,
div#courtesy-navigation {
	background:#f3f3f4 url(../furniture/main-links-bg.gif) left bottom repeat-x;
	border:1px solid #c8c8c9;
	border-bottom:none;
	width:858px;
	float:left;
	position:relative;
}
div#main-navigation ul,
div#courtesy-navigation ul {
	list-style:none;
}
div#main-navigation ul li a,
div#courtesy-navigation ul li a {
	display:block;
	padding:5px 20px;
	outline:none;
}
div#main-navigation span.corner,
div#courtesy-navigation span.corner {
	position:absolute;
	width:5px;
	height:5px;
	font-size:1px;
	background-repeat:no-repeat;
	z-index:10;
}
div#main-navigation span.tl,
div#courtesy-navigation span.tl {
	left:-1px;
	top:-1px;
	background-image:url(../furniture/main-links-tl.gif);
}
div#main-navigation span.tr,
div#courtesy-navigation span.tr {
	right:-1px;
	top:-1px;
	background-image:url(../furniture/main-links-tr.gif);
}
div#main-navigation span.bl,
div#courtesy-navigation span.bl {
	left:-1px;
	bottom:0;
	background-image:url(../furniture/main-links-bl.gif);
}
div#main-navigation span.br,
div#courtesy-navigation span.br {
	right:-1px;
	bottom:0;
	background-image:url(../furniture/main-links-br.gif);
}


/***************************************************************************************************
Main navigation
***************************************************************************************************/

div#main-navigation {
	position:absolute;
	left:0;
	top:85px;
}
div#main-navigation ul {
	border-right:1px solid #f8f8f8;
	float:left;
}
div#main-navigation ul li {
	float:left;
}
div#main-navigation ul li.current {
	background:#e0e0e0 url(../furniture/main-links-li-current-bg.gif) left bottom repeat-x;
}
div#main-navigation ul li a {
	border-right:1px solid #c8c8c9;
	border-left:1px solid #f8f8f8;
}
div#main-navigation ul li.first a {
	border-left:none;
}
div#main-navigation ul li.current a {
	background:transparent url(../furniture/main-links-li-current-a-bg.gif) left top repeat-x;
}

/***************************************************************************************************
Courtesy navigation
***************************************************************************************************/

div#courtesy-navigation {
	
}
div#courtesy-navigation ul {
	float:none;
	display:table;
	margin:auto;
}
div#courtesy-navigation ul li {
	display:table-cell;
	padding-top:3px;
	padding-bottom:3px;
}
div#courtesy-navigation ul li a {
	padding-top:2px;
	padding-bottom:2px;
	border-left:1px solid #f8f8f8;
}
div#courtesy-navigation ul li.first a {
	border-left:none;
	border-right:1px solid #c8c8c9;
}


/***************************************************************************************************
Compliance
***************************************************************************************************/
ul#compliance {
	clear:left;
	list-style:none;
	text-align:center;
}
ul#compliance li {
	display:inline;
	border-left:1px solid #69696b;
	padding-right:1em;
	padding-left:1em;
}
ul#compliance li.first {
	border-left-width:0;
	padding-left:0;
}
/***************************************************************************************************
Company information
***************************************************************************************************/
p#company-information {
	width:860px;
	text-align:center;
	margin-bottom:20px;
}


/***************************************************************************************************
Headline
***************************************************************************************************/

div#headline {
	padding-top:10px;
	margin-bottom:10px;
}
div#headline div.inner {
	/* background:#a3c7ea url(../furniture/headline-b.jpg) left bottom no-repeat*/
}
div#headline div.inner p {
	background:transparent url(../furniture/headline-t.jpg) left top no-repeat;
	padding:25px 20px;
	min-height:51px;
}

/***************************************************************************************************
Columns
***************************************************************************************************/
div#columns {
	margin-bottom:20px;
	clear:both;
	background:transparent url(../furniture/home-b.jpg) right bottom no-repeat;
}

div#columns div#columns-inner {
	background:transparent url(../furniture/content-b.gif) left bottom no-repeat;
}

/***************************************************************************************************
Content
***************************************************************************************************/

div#content {
	background:transparent url(../furniture/content-t.gif) left top no-repeat;
	padding-top:7px;
	float:left;
}
div#content div.inner {
	width:380px;
	padding:13px 20px 20px 20px;
	min-height:247px;
}

/***************************************************************************************************
Content2
***************************************************************************************************/

div#content2 {
	padding-top:7px;
	float:left;
}
div#content2 div.inner {
	width:380px;
	padding:13px 20px 20px 20px;
	min-height:247px;
}


/***************************************************************************************************
Image links
***************************************************************************************************/

/* Image links */
a.image-link {
	margin-left:10px;
	margin-bottom:10px;
	float:left;
}
a.image-link img {
	display:block;
}

/***************************************************************************************************
Products (default home page)
***************************************************************************************************/

div.product {
	margin:0 0 10px 10px;
	padding-top:15px;
	min-height:106px;
}
div.product div.wrapper {
	min-height:90px;
	clear:left;
	background:transparent url(../furniture/product-b.gif) left bottom no-repeat;
	position:relative;
}
div.product div.inner {
	background:transparent url(../furniture/product-t.gif) left top no-repeat;
	padding:10px 10px 10px 192px;
}
div.product a.image {
	position:absolute;
	left:0;
	top:-15px;
	z-index:10;
}
div.product q {
	display:block;
	width:185px;
	margin-bottom:1em;
}
div.product ul.products {
	list-style:none;
	padding:0;
	width:140px;
}
div.product a.more {
	outline:none;
	background:transparent url(../furniture/find-out-more.png) left top no-repeat;
	text-indent:-9999px;
	display:block;
	width:66px;
	height:10px;
	position:absolute;
	bottom:10px;
	right:10px;
	z-index:10;
}
body.products div.product div.wrapper {
	background-image:url(../furniture/product-b-other.gif);
}
body.products div.product div.inner {
	background-image:url(../furniture/product-t-other.gif);
}
body.products div.product-epos-lite div.wrapper {
	background-image:url(../furniture/product-b-epos-lite.gif);
}
body.products div.product-epos-lite div.inner {
	background-image:url(../furniture/product-t-epos-lite.gif);
}

/***************************************************************************************************
Products (products page)
***************************************************************************************************/

body.products div.product {
	min-height:100px;
	margin-bottom:0;
	padding-top:30px;
}
body.products div.product div.wrapper {
	min-height:80px;
}
body.products div.product div.inner {
	padding:20px 10px 10px 125px;
}
body.products div.product a.image {
	top:-30px;
}
body.products div.product-even a.image {
	left:auto;
	right:0;
}
body.products div.product-even div.inner {
	padding:20px 120px 10px 15px;
}
body.products div.product-even a.more {
	left:15px;
	right:auto;
}

/***************************************************************************************************
Product (singular)
***************************************************************************************************/
body.product div#headline {
	position:absolute;
	left:-9999px;
}
body.product div#headline div.inner,
body.product div#headline p {
	background:none;
}
body.product div#columns {
	padding-top:122px;
}
body.epos-lite div#columns {
	background:transparent url(../furniture/epos-light-bkgd.jpg) 0 10px no-repeat;
}
body.epos-professional div#columns {
	background:transparent url(../furniture/epos-professional-bkgd.jpg) 0 10px no-repeat;
}
body.head-office-professional div#columns {
	background:transparent url(../furniture/epos-head-office-bkgd.jpg) 0 10px no-repeat;
}
body.enterprise div#columns {
	background:transparent url(../furniture/epos-enterprise-bkgd.jpg) 0 10px no-repeat;
}
body.chippin div#columns {
	background:transparent url(../furniture/epos-chippin-bkgd.jpg) 0 10px no-repeat;
}
body.product div.profile {
	margin:195px 0 0 110px;
	width:240px;
}
body.product div.profile h2 {
	padding-bottom:5px;
	border-bottom:2px solid #d4d4d5;
	margin-bottom:15px;
}
body.product div.profile ul {
	list-style:none;
}
body.product div.profile ul li {
	background:transparent url(../furniture/profile-tick.gif) left top no-repeat;
	padding:2px 0 8px 18px;
}
div#content a.more {
	background:transparent url(../furniture/anchor-bullet.png) left top no-repeat;
	padding:1px 0 0 12px;
}

/***************************************************************************************************
Integrated hardware
***************************************************************************************************/
body.integrated-hardware div#columns,
body.integrated-hardware div#columns div#columns-inner {
	background:none;
}
body.integrated-hardware div#content {
	background:none;
}

body.integrated-hardware div#content div.inner {
	background:none;
	padding:0;
	width:auto;
}
div.hardware {
	width:229px;
	padding-left:191px;
	float:left;
	margin:0 10px 10px 0;
	position:relative;
	min-height:108px;
}
div.hardware img {
	position:absolute;
	top:0;
	left:0;
}

/***************************************************************************************************
Supplementary
***************************************************************************************************/
div#supplementary {
	width:430px;
	float:left;
	margin-left:10px;
}

/***************************************************************************************************
Below content
***************************************************************************************************/
div#below-content {
	clear:both;
}
div#below-content img {
	display:block;
	float:left;
	margin-left:10px;
}
div#below-content img.first {
	margin-left:0px;
}

/***************************************************************************************************
Verticle margins
***************************************************************************************************/
div#content h2,
div#content p,
div#content ul {
	margin-bottom:1em;
}
div#content h2  {
	margin-top:2em;
}
div#content h2.first {
	margin-top:0;
}

div#courtesy-navigation,
ul#compliance {
	margin-bottom:10px;
}
/***************************************************************************************************
Lists
***************************************************************************************************/
div#content ul {
	list-style:none;
}
div#content ul li {
	padding:2px 0px 0 14px;
	background:transparent url(../furniture/bullet.gif) 0 5px no-repeat;
	margin-bottom:8px;
}
div#content2 ul {
	list-style:none;
}
div#content2 ul li {
	padding:2px 0px 0 14px;
	background:transparent url(../furniture/bullet.gif) 0 5px no-repeat;
	margin-bottom:8px;
}
/***************************************************************************************************
Typography
***************************************************************************************************/

/* Face */
@font-face {
  font-family: "Helvetica Neue Light";
  src: url(../fonts/HelveticaNeueLight.ttf) format("truetype");
}
@font-face {
  font-family: "Helvetica Neue Light Italic";
  src: url(../fonts/HelveticaNeueLightItalic.ttf) format("truetype");
}
@font-face {
  font-family: "Helvetica Neue Roman";
  src: url(../fonts/HelveticaNeueRoman.ttf) format("truetype");
}
@font-face {
  font-family: "Helvetica Neue Medium";
  src: url(../fonts/HelveticaNeueMedium.ttf) format("truetype");
}
@font-face {
  font-family: "Helvetica Neue Bold";
  src: url(../fonts/HelveticaNeueBold.ttf) format("truetype");
}

/* Family*/
body {
	font-family:Helvetica, Arial, sans-serif;
}
body:first-of-type {
	font-family:"Helvetica Neue Roman", Helvetica, Arial, sans-serif;
}
/*
div#headline p:first-of-type {
	font-family:"Helvetica Neue Light Italic", Helvetica, Arial, sans-serif;
}
*/
div.product ul.products li a:first-of-type,
body.products div.product div.inner:first-of-type a.product {
	font-family:"Helvetica Neue Medium", Helvetica, Arial, sans-serif;
}
/* Size */
body {
	font-size:62%;
}
div#headline p,
body.products div.product div.inner a.product {
	font-size:1.8em;
}
div#content h2,
body.products div.product div.inner p,
body.product div.profile h2  {
	font-size:1.4em;
}
div#content p,
div#content ul {
	font-size:1.2em;
}
ul#compliance li,
p#company-information {
	font-size:1em;
}
div.product q,
body.product div.profile ul li {
	font-size:1.1em;
}
div#content p,
div#main-navigation a,
div#courtesy-navigation a {
	font-size:1.2em;
}

/* Color */
div#content h2,
div#headline p,
div.product ul.products li a,
body.products div.product div.inner a.product,
div#content a,
div#content2 a,
div#main-navigation ul li a:hover,
div#courtesy-navigation ul li a:hover,
body.product div.profile h2  {
	color:#1C3A69;
}
div#main-navigation ul li.current a:hover,
div#main-navigation ul li a,
div#courtesy-navigation ul li.current a:hover,
div#courtesy-navigation ul li a,
ul#compliance a,
p#company-information{
	color:#69696b;
}
div#content a:hover {
	text-decoration:underline;
}
div#content2 a:hover {
	text-decoration:underline;
}

/* Style */
div#headline p {
	font-style:italic;
}
div.product ul.products li a,
body.products div.product div.inner a.product {
	font-weight:bold;
}
/* Remove faux italic in Safari */
/*
div#headline p:first-of-type {
	font-style:normal;
}
*/
/* Remove faux bold in Safari */
div.product ul.products li a:first-of-type,
body.products div.product div.inner:first-of-type a.product {
	font-weight:normal;
}