@charset "utf-8";
html>body { font-size: 12px; }
body { font-size: 75%; }
body { background-color: #b5aba2; background-image: url("images/bg.jpg"); background-repeat: repeat-x; margin: 0; padding: 0; text-align: center; color: #000; font-family: Arial, Helvetica, sans-serif; line-height:1.3em; }
h1, h2, h3, h4, h5 { color:#294d9d; line-height:1.1em; margin: 0; padding: 0; font-weight: bold; }
h1 { font-size:2em; font-weight:normal; }
h2 { font-size:1.5em; }
h3 { font-size:1.5em; padding: 0 0 2px 0; margin: 20px 0 10px 0; border-bottom: solid #958575 1px; }
h4 { font-size:1.25em; color:#000; margin: 1em 0 1em 0; }
h3 a:link { color: #294d9d; }
h3 a:hover { color: #000000; text-decoration:underline; }
h4 a { color: #294d9d; }
h4 a:hover { color: #000; text-decoration:underline; }
h2 { width: 660px; height: 32px; background-repeat: no-repeat; margin: 0 0 0 -5px; padding: 15px 0 0 10px; color: #FFFFFF; font-size: 14px; font-weight: bold; }
h2.news { width: 670px; height: 47px; background-image: url(images/news.jpg); overflow: hidden; padding: 0px; }
h2.global { background-image: url("images/title-bg.jpg"); }
h2.retailHardware { background-image: url("images/title-bg-hardware.jpg"); }
h2.retailClothing { background-image: url("images/title-bg-clothing.jpg"); }
h2.retailGeneral { background-image: url("images/title-bg-generalretail.jpg"); color: #ffe15a; }
h2.hospitality { background-image: url("images/title-bg-hospitality.jpg"); color: #ce820f; }
h2.hospitalityPlus { background-image: url("images/title-bg-hospitality-plus.jpg"); color: #ce820f; }
/* STRUCTURE */

/* ---------------------------------------------------------------------- */



#container { width: 980px; margin: 0 auto; text-align: left; background-image: url("images/contentBg.gif"); background-color: #FFFFFF; background-repeat: repeat-y; }
#header { padding: 0; margin: 0; }
#sidebar1 { width: 280px; padding: 0; margin-right: 5px; vertical-align: top; float: right; }
#sidebar1 div { padding: 0; margin: -4px 0 -4px 0; }
#mainContent { width: 670px; margin-left: 10px; padding: 0; }
.fltrt { float: right; margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
/* NAVIGATION  */

/* ---------------------------------------------------------------------- */



#nav { width: 980px; height: 52px; margin: 0; padding: 0; background-image: url("images/nav2-bg.jpg"); background-repeat: no-repeat; }
ul.topnav { margin: 0; padding: 0; width: 980px; height:36px; list-style-type:none; }
ul.topnav li, ul.topnav li a { height:36px; }
ul.topnav li { float:left; }
ul.topnav li a.home { background:url("images/nav.jpg") no-repeat 0px 0px; width:99px; text-indent:-9999px; display: block; }
ul.topnav li a.home:hover { background:url("images/nav.jpg") no-repeat 0px -36px; width:99px; text-indent:-9999px; display: block; }
ul.topnav li a.hospitality { background:url("images/nav.jpg") no-repeat -99px 0px; width:111px; text-indent:-9999px; display: block; }
ul.topnav li a.hospitality:hover { background:url("images/nav.jpg") no-repeat -99px -36px; width:111px; text-indent:-9999px; display: block; }
ul.topnav li a.retailhardware { background:url("images/nav.jpg") no-repeat -210px 0px; width:147px; text-indent:-9999px; display: block; }
ul.topnav li a.retailhardware:hover { background:url("images/nav.jpg") no-repeat -210px -36px; width:147px; text-indent:-9999px; display: block; }
ul.topnav li a.retailclothing { background:url("images/nav.jpg") no-repeat -357px 0px; width:141px; text-indent:-9999px; display: block; }
ul.topnav li a.retailclothing:hover { background:url("images/nav.jpg") no-repeat -357px -36px; width:141px; text-indent:-9999px; display: block; }
ul.topnav li a.retailgeneral { background:url("images/nav.jpg") no-repeat -498px 0px; width:135px; text-indent:-9999px; display: block; }
ul.topnav li a.retailgeneral:hover { background:url("images/nav.jpg") no-repeat -498px -36px; width:135px; text-indent:-9999px; display: block; }
ul.topnav li a.terminals { background:url("images/nav.jpg") no-repeat -633px 0px; width:105px; text-indent:-9999px; display: block; }
ul.topnav li a.terminals:hover { background:url("images/nav.jpg") no-repeat -633px -36px; width:105px; text-indent:-9999px; display: block; }
ul.topnav li a.printers { background:url("images/nav.jpg") no-repeat -738px 0px; width:91px; text-indent:-9999px; display: block; }
ul.topnav li a.printers:hover { background:url("images/nav.jpg") no-repeat -738px -36px; width:91px; text-indent:-9999px; display: block; }
ul.topnav li a.touchmonitors { background:url("images/nav.jpg") no-repeat -829px 0px; width:151px; text-indent:-9999px; display: block; }
ul.topnav li a.touchmonitors:hover { background:url("images/nav.jpg") no-repeat -829px -36px; width:151px; text-indent:-9999px; display: block; }
/**** navigation ****/

#navigationContainer { background:url(../images/apex-sprites.gif) no-repeat 0px -115px; padding-bottom:14px; }
#navigation { height:27px; }
#navigation ul { list-style-type:none; }
#navigation ul li, #navigation ul li a { height:27px; }
#navigation ul li { float:right; }
#navigation ul li.home a { background:url(../images/g-navigation.gif) no-repeat 0px 0px; width:55px; text-indent:-9999px; display:block; }
#navigation ul li.home a:hover { background:url(../images/g-navigation.gif) no-repeat 0px -27px; width:55px; }
#navigation ul li.aboutus a { background:url(../images/g-navigation.gif) no-repeat -55px 0px; width:78px; text-indent:-9999px; display:block; }
#navigation ul li.aboutus a:hover { background:url(../images/g-navigation.gif) no-repeat -55px -27px; width:78px; }
#navigation ul li.services a { background:url(../images/g-navigation.gif) no-repeat -133px 0px; width:69px; text-indent:-9999px; display:block; }
#navigation ul li.services a:hover { background:url(../images/g-navigation.gif) no-repeat -133px -27px; width:69px; }
#navigation ul li.faqs a { background:url(../images/g-navigation.gif) no-repeat -202px 0px; width:47px; text-indent:-9999px; display:block; }
#navigation ul li.faqs a:hover { background:url(../images/g-navigation.gif) no-repeat -202px -27px; width:47px; }
#navigation ul li.guarantee a { background:url(../images/g-navigation.gif) no-repeat -249px 0px; width:90px; text-indent:-9999px; display:block; }
#navigation ul li.guarantee a:hover { background:url(../images/g-navigation.gif) no-repeat -249px -27px; width:90px; }
#navigation ul li.losschecklist a { background:url(../images/g-navigation.gif) no-repeat -339px 0px; width:188px; text-indent:-9999px; display:block; }
#navigation ul li.losschecklist a:hover { background:url(../images/g-navigation.gif) no-repeat -339px -27px; width:188px; }
/* FOOTER */

/* ---------------------------------------------------------------------- */



#footer { padding: 0 40px 0 160px; background:#DDDDDD; background-image: url(images/footer-bg.jpg); height: 45px; font-size: 1em; color: #FFFFFF; width: 780px; }
#footer p { margin: 0; padding: 10px 0; }
#footer a { text-decoration: underline; color: #FFFFFF; }
.footerRight { float: right; margin-left: 8px; width: 280px; text-align: right; margin-top: 10px; }
.footerLeft { float: left; margin-right: 8px; width: 400px; margin-top: 10px; }
#copyright { font-size: .9em; color: #61574e; }
/* GENERAL CONTENT AND CONTAINERS */

/* ---------------------------------------------------------------------- */



#tagline { width: 567px; height: 25px; background-image: url("images/tagline-bg.jpg"); background-repeat: no-repeat; overflow: hidden; margin: 0 0 0 30px; padding: 0px; text-align: center; }
#viewer { height: 240px; width: 670px; background-image: url("images/flashtop.jpg"); background-repeat: no-repeat; background-position: top; padding-top: 23px; }
#insetContainer { width: 650px; margin: 10px 0px 0px 15px; }
#insetContainer div { background-image: url("images/johnsons.jpg"); background-repeat: no-repeat; background-position: right bottom; height: 180px; padding: 0 260px 0 0; }
#newsContainer { background-image: url("images/newsbg.jpg"); background-repeat: no-repeat; background-position: top; margin: -12px 0 0 -5px; padding: 0; width: 670px; }
.newsContent { font-size: 1em; font-weight: normal; width: 620px; height: 130px; vertical-align: middle; text-align: left; padding: 20px 0 0 10px; margin: 0; }
.newsContent img { width: 236px; height: 83px; border: 0px; float: left; margin: 0 10px 0 0; }
.newsContent h3, .newsContent h3 a { font-size:1.1em; padding: 0; margin: 0 0 -5px 0; border-bottom: solid #000 0px; color: #294d9d; text-decoration: none; }
.newsContent h3 a:hover { color: #000; }
.newsContent p { font-weight: normal; }
.newsContent a { font-weight: bold; color: #294d9d; }
.newsContent a:hover { color: #000; }
/* INSIDE PAGE CONTAINERS */

/* ---------------------------------------------------------------------- */



#storyContainer { background-repeat: no-repeat; background-position: top; margin: -12px 0 0 -5px; padding: 0; width: 670px; }
#storyContainer.global { background-image: url("images/content-bg.jpg"); }
#storyContainer.retailHardware { background-image: url("images/content-bg-hardware.jpg"); }
#storyContainer.retailClothing { background-image: url("images/content-bg-clothing.jpg"); }
#storyContainer.retailGeneral { background-image: url("images/content-bg-generalretail.jpg"); }
#storyContainer.hospitality { background-image: url("images/content-bg-hospitality.jpg"); }
#storyContainer.hospitalityPlus { background-image: url("images/content-bg-hospitality-plus.jpg"); }
/* STORY CONTENT */

/* ---------------------------------------------------------------------- */



.storyContent { font-size: 1em; width: 600px; vertical-align: middle; text-align: left; padding: 20px 0 20px 30px; margin: 0; }
.storyContent a { color: #294d9d; }
#storyContainer.retailHardware .storyContent a, #storyContainer.retailHardware .storyContent h2, #storyContainer.retailHardware .storyContent h3 { color: #cb0000; }
#storyContainer.retailClothing .storyContent a, #storyContainer.retailClothing .storyContent h2, #storyContainer.retailClothing .storyContent h3 { color: #ba732d; }
#storyContainer.retailGeneral .storyContent a, #storyContainer.retailGeneral .storyContent h2, #storyContainer.retailGeneral .storyContent h3 { color: #016c33; }
#storyContainer.hospitality .storyContent a, #storyContainer.hospitality .storyContent h2, #storyContainer.hospitality .storyContent h3 { color: #61231d; }
#storyContainer .storyContent a:hover { color: #000000; }
.storyContent img { float: right; margin: 10px; border: solid 0px #75685c; }
/* UNORDERED LISTS */

/* ---------------------------------------------------------------------- */



#storyContainer ul { list-style:none; margin:0 0 20px 0; padding:0; }
#storyContainer ul li { background-repeat: no-repeat; background-position: 0 0em; padding: 0 0 0.5em 21px; margin: 0 0 0 10px; text-indent: 0; font-weight: bold; background-image: url("images/bullet.gif"); }
#storyContainer.hospitality .storyContent ul li { background-image: url("images/bullet-hospitality.gif"); }
#storyContainer.retailGeneral .storyContent ul li { background-image: url("images/bullet-generalretail.gif"); }
#storyContainer.retailGeneral .storyContent img, #storyContainer.retailHardware .storyContent img { float: right; margin: 0 0 0 10px; border: solid 0px #75685c; }
.compareQB { width: 624px; height: 250px; overflow: auto; margin: 0 0 30px 0; padding: 0; }
.compareJ3 { width: 624px; height: 400px; overflow: auto; margin: 0 0 30px 0; padding: 0; }
#storyContainer.retailGeneral .storyContent .compareQB img, #sidebar1 img, #storyContainer.retailHardware .storyContent .compareJ3 img { margin: 0; padding: 0; float: left; }
#storyContainer.retailHardware .storyContent ul.twoCol { width: 600px; }
#storyContainer.retailHardware .wrapper { margin-bottom: 5em; padding:0; }
#storyContainer.retailHardware .storyContent div.wrapper br { clear: left; }
#storyContainer.retailHardware .storyContent ul li { background-image: url("images/bullet-retailhardware.gif"); }
#storyContainer.retailHardware .storyContent ul.twoCol li { background-image: url("images/bullet-retailhardware.gif"); float: left; width: 250px; }
.storyContent img { margin: 10px; border: solid 0px #75685c; }