BODY
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #555352;
    PADDING-TOP: 0px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #333333
}
.fleft
{
    FLOAT: left;
    HEIGHT: auto
}
.fright
{
    FLOAT: right;
    HEIGHT: auto
}
.clear
{
    CLEAR: both
}
.pageWrapper
{
    BORDER-RIGHT: #d4dadf 1px solid;
    BORDER-TOP: #d4dadf 1px solid;
    MARGIN: 20px 0px 0px;
    BORDER-LEFT: #d4dadf 1px solid;
    WIDTH: 750px;
    BORDER-BOTTOM: #d4dadf 1px solid;
    HEIGHT: auto;
    BACKGROUND-COLOR: #ffffff
}
.headerWrapper
{
    MARGIN: 0px;
    WIDTH: 730px;
    HEIGHT: auto
}
#inner-headerWrapper
{
    MARGIN-TOP: 20px;
    HEIGHT: 60px
}
.bodyWrapper
{
    MARGIN-TOP: 15px;
    WIDTH: 730px;
    HEIGHT: auto
}
.footerWrapper
{
    MARGIN-TOP: 15px;
    WIDTH: 730px;
    HEIGHT: 30px
}
#header-image
{
    BACKGROUND-IMAGE: url(../images/footer-navigation-header.jpg);
    WIDTH: 730px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: relative;
    HEIGHT: 175px
}
#about-header-image
{
    BACKGROUND-IMAGE: url(../images/about-us-header.jpg);
    WIDTH: 730px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: relative;
    HEIGHT: 175px
}
#barcode-header-image
{
    BACKGROUND-IMAGE: url(../images/products-header.jpg);
    WIDTH: 730px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: relative;
    HEIGHT: 175px
}
#contact-header-image
{
    BACKGROUND-IMAGE: url(../images/call-centre.jpg);
    WIDTH: 730px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: relative;
    HEIGHT: 175px
}
#case-header-image
{
    BACKGROUND-IMAGE: url(../images/case-studies-header.jpg);
    WIDTH: 730px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: relative;
    HEIGHT: 175px
}
#support-header-image
{
    BACKGROUND-IMAGE: url(../images/warehouse-support.jpg);
    WIDTH: 730px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: relative;
    HEIGHT: 175px
}
#optimiser-header-image
{
    BACKGROUND-IMAGE: url(../images/products-header.jpg);
    WIDTH: 730px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: relative;
    HEIGHT: 175px
}
#business-header-image
{
    BACKGROUND-IMAGE: url(../images/your-business-header.jpg);
    WIDTH: 730px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: relative;
    HEIGHT: 175px
}
#product-header-image
{
    BACKGROUND-IMAGE: url(../images/products-header.jpg);
    WIDTH: 730px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: relative;
    HEIGHT: 175px
}
#news-header-image
{
    BACKGROUND-IMAGE: url(../images/news-img.jpg);
    WIDTH: 730px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: relative;
    HEIGHT: 175px
}
#htext
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 20px;
    PADDING-BOTTOM: 0px;
    WIDTH: 710px;
    COLOR: #ffffff;
    PADDING-TOP: 8px;
    HEIGHT: 22px;
    BACKGROUND-COLOR: #333333;
    TEXT-ALIGN: left
}
#slantedmenu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    FLOAT: right;
    WIDTH: 543px
}
#slantedmenu UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #2d94aa;
    PADDING-TOP: 20px;
    LIST-STYLE-TYPE: none;
    TEXT-ALIGN: right
}
#slantedmenu UL LI
{
    DISPLAY: inline
}
#slantedmenu UL LI A
{
    PADDING-RIGHT: 28px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    COLOR: #2d94aa;
    PADDING-TOP: 0px;
    TEXT-DECORATION: none
}
#slantedmenu UL LI A:hover
{
    COLOR: #333333;
    TEXT-DECORATION: none
}
#slantedmenu UL LI A.last
{
    PADDING-RIGHT: 0px
}
.dot
{
    BACKGROUND-POSITION: center 50%;
    BACKGROUND-IMAGE: url(../images/dot.gif);
    WIDTH: auto;
    BACKGROUND-REPEAT: repeat-x
}
#dot1
{
    BACKGROUND-POSITION: 50% bottom;
    BACKGROUND-IMAGE: url(../images/dot.gif);
    BACKGROUND-REPEAT: repeat-x
}
.indexcont
{
    MARGIN-TOP: 15px;
    FLOAT: right;
    WIDTH: 170px;
    HEIGHT: auto
}
.double-dot
{
    BACKGROUND-POSITION: 50% top;
    MARGIN-TOP: 10px;
    BACKGROUND-IMAGE: url(../images/d-dot.gif);
    BACKGROUND-REPEAT: repeat-x
}
.leftbox
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-SIZE: 10px;
    FLOAT: left;
    PADDING-BOTTOM: 10px;
    WIDTH: 467px;
    COLOR: #555352;
    LINE-HEIGHT: 15px;
    PADDING-TOP: 10px;
    HEIGHT: auto;
    BACKGROUND-COLOR: #f1f1f1;
    TEXT-ALIGN: left
}
.leftbox STRONG
{
    COLOR: #834522
}
.leftbox1
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-SIZE: 10px;
    FLOAT: left;
    PADDING-BOTTOM: 10px;
    WIDTH: 467px;
    COLOR: #555352;
    LINE-HEIGHT: 15px;
    PADDING-TOP: 10px;
    HEIGHT: auto;
    BACKGROUND-COLOR: #f1f1f1;
    TEXT-ALIGN: left
}
.sitemap
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-SIZE: 10px;
    FLOAT: left;
    PADDING-BOTTOM: 10px;
    WIDTH: 467px;
    COLOR: #555352;
    LINE-HEIGHT: 15px;
    PADDING-TOP: 10px;
    HEIGHT: auto;
    BACKGROUND-COLOR: #f1f1f1;
    TEXT-ALIGN: left
}
.leftbox1
{
    COLOR: #184d59
}
.sitemap STRONG
{
    COLOR: #184d59
}
.leftbox1 A
{
    COLOR: #2d94aa;
    TEXT-DECORATION: none
}
.leftbox A
{
    COLOR: #2d94aa;
    TEXT-DECORATION: none
}
.leftbox1 A:visited
{
    COLOR: #2d94aa;
    TEXT-DECORATION: none
}
.leftbox1 H1
{
    MARGIN: 0px;
    FONT: bold 14px/20px Verdana, Arial, Helvetica, sans-serif
}
.sitemap A
{
    COLOR: #2d94aa;
    TEXT-DECORATION: none
}
.sitemap A:hover
{
    COLOR: #660000;
    TEXT-DECORATION: none
}
.sitemap A:visited
{
    COLOR: #2d94aa;
    TEXT-DECORATION: none
}
.sitemap STRONG:hover
{
    COLOR: #660000;
    TEXT-DECORATION: none
}
.sitemap UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
.sitemap UL LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 0px 10px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}
.small-business
{
    BORDER-BOTTOM: #999999 1px solid;
    HEIGHT: 50px
}
.rightbox
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url(../images/address-background-middle.gif);
    PADDING-BOTTOM: 0px;
    MARGIN-LEFT: 9px;
    WIDTH: 234px;
    COLOR: #1e1e1e;
    PADDING-TOP: 0px;
    BACKGROUND-REPEAT: repeat-y;
    POSITION: relative;
    HEIGHT: auto;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: left
}
.rightbox A
{
    COLOR: #e09091;
    TEXT-DECORATION: none
}
.rightbox A:visited
{
    COLOR: #e09091;
    TEXT-DECORATION: none
}
.login
{
    FONT-SIZE: 10px
}
.login-button
{
    BORDER-RIGHT: #2f93ad 1px solid;
    BORDER-TOP: #2f93ad 1px solid;
    BORDER-LEFT: #2f93ad 1px solid;
    WIDTH: 80px;
    BORDER-BOTTOM: #2f93ad 1px solid;
    BACKGROUND-COLOR: #f1f1f1
}
#lower-body
{
    WIDTH: 730px;
    HEIGHT: 125px;
    BACKGROUND-COLOR: #f0e5df
}
#lower-body UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #555352;
    PADDING-TOP: 20px;
    LIST-STYLE-TYPE: none;
    TEXT-ALIGN: left
}
#lower-body UL LI
{
    BORDER-RIGHT: #ff0000 1px solid;
    PADDING-RIGHT: 15px;
    DISPLAY: inline;
    PADDING-LEFT: 15px;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px
}
#lower-body .text
{
    BORDER-RIGHT: #a8a09c 1px solid;
    PADDING-RIGHT: 10px;
    MARGIN-TOP: 10px;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    WIDTH: 161px;
    LINE-HEIGHT: 20px;
    PADDING-TOP: 20px;
    HEIGHT: 85px;
    TEXT-ALIGN: center
}
#lower-body .text1
{
    PADDING-RIGHT: 10px;
    MARGIN-TOP: 10px;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    WIDTH: 161px;
    LINE-HEIGHT: 20px;
    PADDING-TOP: 20px;
    HEIGHT: 85px;
    TEXT-ALIGN: center
}
#lower-body A
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #e69593;
    TEXT-DECORATION: none
}
#lower-body A:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #e69593;
    TEXT-DECORATION: none
}
#optima
{
    FLOAT: left;
    WIDTH: 187px;
    HEIGHT: auto
}
.footernav
{
    FONT-WEIGHT: bold;
    FLOAT: left;
    TEXT-TRANSFORM: uppercase;
    WIDTH: 730px;
    POSITION: relative;
    HEIGHT: 27px;
    TEXT-ALIGN: right
}
.footernav UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 6px;
    TEXT-ALIGN: right
}
.footernav UL LI
{
    DISPLAY: inline
}
.footernav UL LI A
{
    PADDING-RIGHT: 20px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    COLOR: #2d94aa;
    PADDING-TOP: 0px;
    TEXT-DECORATION: none
}
.footernav UL LI A:hover
{
    FONT-WEIGHT: bold;
    COLOR: #ae1f1f
}
.footernav UL LI A.last
{
    PADDING-RIGHT: 0px
}
#icom-copy
{
    WIDTH: 730px;
    PADDING-TOP: 20px;
    POSITION: relative;
    HEIGHT: 30px
}
#icom
{
    FONT-WEIGHT: bold;
    FLOAT: left;
    MARGIN-LEFT: 10px;
    VERTICAL-ALIGN: middle
}
#copy
{
    FLOAT: right;
    COLOR: #cccccc
}
#alpha
{
    FONT-SIZE: 10px;
    FILTER: alpha(opacity=85);
    WIDTH: 142px;
    PADDING-TOP: 8px;
    HEIGHT: 22px;
    BACKGROUND-COLOR: #c7b3a9;
    -moz-opacity: 0.85;
    opacity: 0.85
}
#alpha1
{
    MARGIN-TOP: 5px;
    FONT-SIZE: 10px;
    FILTER: alpha(opacity=85);
    WIDTH: 142px;
    PADDING-TOP: 8px;
    HEIGHT: 22px;
    BACKGROUND-COLOR: #c1d5d8;
    -moz-opacity: 0.85;
    opacity: 0.85
}
#alpha DIV
{
    FONT-WEIGHT: bold;
    FILTER: alpha(opacity=100);
    COLOR: #000;
    TEXT-ALIGN: right;
    TEXT-DECORATION: none;
    -moz-opacity: 1;
    opacity: 1
}
#alpha DIV A
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
#alpha1 DIV
{
    FONT-WEIGHT: bold;
    FILTER: alpha(opacity=100);
    COLOR: #000;
    TEXT-ALIGN: right;
    TEXT-DECORATION: none;
    -moz-opacity: 1;
    opacity: 1
}
#alpha1 DIV A
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
#bodyalpha
{
    BACKGROUND-POSITION: right top;
    FLOAT: left;
    BACKGROUND-IMAGE: url(../images/right-hand-gradient.gif);
    BACKGROUND-REPEAT: repeat-y;
    HEIGHT: auto;
    BACKGROUND-COLOR: #f1f1f1
}
.gradiant
{
    BACKGROUND-POSITION: left 50%;
    FONT-WEIGHT: bold;
    BACKGROUND-IMAGE: url(../images/image-tab-gradient.gif);
    WIDTH: 225px;
    COLOR: #ffffff;
    HEIGHT: 24px
}
.gradiant SPAN
{
    PADDING-RIGHT: 3px;
    DISPLAY: block;
    PADDING-LEFT: 3px;
    MARGIN: 3px auto 3px 3px;
    PADDING-TOP: 3px
}
#right-bg
{
    BACKGROUND-POSITION: 50% top;
    BACKGROUND-IMAGE: url(../images/right-hand-gradient.gif);
    WIDTH: 243px;
    BACKGROUND-REPEAT: repeat-y;
    HEIGHT: auto
}
.contacttex
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 11px;
    COLOR: #834522
}
#phone
{
    BACKGROUND: url(../images/phone-number-tab.png) no-repeat;
    FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/phone-number-tab.png');
    LEFT: 1px;
    WIDTH: 196px;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 50px
}
.address
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url(../images/address-background-middle.gif);
    PADDING-BOTTOM: 0px;
    MARGIN-LEFT: 9px;
    WIDTH: 234px;
    COLOR: #1e1e1e;
    PADDING-TOP: 0px;
    BACKGROUND-REPEAT: repeat-y;
    HEIGHT: auto;
    TEXT-ALIGN: left
}
.contact
{
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 15px;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 0px;
    LINE-HEIGHT: 15px;
    PADDING-TOP: 10px
}
.contact A
{
    COLOR: #e09091;
    TEXT-DECORATION: none
}
.contact A:visited
{
    COLOR: #e09091;
    TEXT-DECORATION: none
}
.rightmenu
{
    WIDTH: 234px;
    LINE-HEIGHT: 20px;
    HEIGHT: 125px;
    BACKGROUND-COLOR: #f0e5df;
    TEXT-ALIGN: left
}
.rightmenu .intext
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    MARGIN-LEFT: 10px;
    WIDTH: 161px;
    LINE-HEIGHT: 20px;
    PADDING-TOP: 20px;
    BORDER-BOTTOM: #a8a09c 1px solid;
    HEIGHT: 85px;
    TEXT-ALIGN: center
}
.rightmenu .last
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    MARGIN-LEFT: 10px;
    WIDTH: 161px;
    LINE-HEIGHT: 20px;
    PADDING-TOP: 20px;
    HEIGHT: 85px;
    TEXT-ALIGN: center
}
.rightmenu A
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #e69593;
    TEXT-DECORATION: none
}
.newsarrow
{
    WIDTH: 10px;
    HEIGHT: 10px
}
.backarrow
{
    WIDTH: 20px;
    HEIGHT: 20px
}
