/* --=====================================================================================
Creation Date:  13th November 2005
      Purpose:  Loyalty Logistix Corporate Website
    Design By:  Designed By Loyalty Logistix Ltd
     
  Copyright (c) Loyalty Logistix Ltd
======================================================================================--*/

body {
	margin: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background-color: #ffffff;
	color: #444444;
}

.submenubg {
	width: 205px;
	background-image: url(../images/submenubg.gif);
	background-repeat: repeat;
}

/************************************************************/
/* Fonts and Header styles                          	    */
/************************************************************/

/*========== header tag styles ==========*/
h1 {
	font-family: arial, Helvetica, sans-serif;
	font-size: 1.8em; /*===Font size 19px===*/
	font-weight: lighter;
	text-decoration: none;
	color: #468a3d;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 0px 0px;
}

.visitedh1 {
	font-family: arial, Helvetica, sans-serif;
	font-size: 1em; /*===Font size 19px===*/
	font-weight: lighter;
	text-decoration: none;
	color: #b5b4b4;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 0px 0px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	font-weight: normal;
	color: #4d4d4d;
	background-color: #ffffff;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #444444;
	background-color: #ffffff;
}

.subheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #444444;
	background-color: #ffffff;
}

/************************************************************/
/* Hyperlink and Anchor tag styles                          */
/************************************************************/

/*========== page subnav link styles ==========*/
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #3b719a;
	/*background-color: #FFFFFF;*/
	text-decoration: none;
}

a:hover {
	color: #53be44;
	/*background-color: #FFFFFF;*/
	text-decoration: none;
}

/*========== breadcrumb link styles ==========*/
a.breadCrumb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #666666;
	/*background-color: #FFFFFF;*/
}

a.breadCrumb:hover {
	color: #53be44;
	/* background-color: #FFFFFF;*/
	text-decoration: none;
}

/*========== Footer link styles ==========*/
a.footerlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #666666;
	/*  background-color: #FFFFFF;*/
}

a.footerlinks:hover {
	color: #53be44;
	/* background-color: #FFFFFF;*/
	text-decoration: none;
}

/************************************************************/
/* Page Header Images
/************************************************************/

.mainsplashimage {
	width: 600px;
	height: 234px;
	border: 0px;
	background-image: url(../images/pageimage-splash1.jpg);
	background-repeat: no-repeat;
}

.mainsplashimage2 {
	width: 257px;
	border: 0px;
	background-image: url(../images/pageimage-splash2.jpg);
	background-repeat: no-repeat;
}

/*========== Product Image ==========*/
.productimage {
	width: 600px;
	height: 161px;
	border: 0px;
	background-image: url(../images/pageimage-products.jpg);
	background-repeat: no-repeat;
}

.productimage2 {
	width: 257px;
	border: 0px;
	background-image: url(../images/pageimage-products2.jpg);
	background-repeat: no-repeat;
}

/*========== Solutions Image ==========*/
.solutionsimage {
	width: 600px;
	height: 161px;
	border: 0px;
	background-image: url(../images/pageimage-solutions.jpg);
	background-repeat: no-repeat;
}

.solutionsimage2 {
	width: 257px;
	border: 0px;
	background-image: url(../images/pageimage-solutions2.jpg);
	background-repeat: no-repeat;
}

/*========== Support Image ==========*/
.supportimage {
	width: 600px;
	height: 161px;
	border: 0px;
	background-image: url(../images/pageimage-support.jpg);
	background-repeat: no-repeat;
}

.supportimage2 {
	width: 257px;
	border: 0px;
	background-image: url(../images/pageimage-support2.jpg);
	background-repeat: no-repeat;
}

/*========== Company Image ==========*/

.companyimage {
	width: 600px;
	height: 161px;
	border: 0px;
	background-image: url(../images/pageimage-company.jpg);
	background-repeat: no-repeat;
}

.companyimage2 {
	width: 257px;
	border: 0px;
	background-image: url(../images/pageimage-company2.jpg);
	background-repeat: no-repeat;
}

/*========== Contact Us Image ==========*/

.contactusimage {
	width: 600px;
	height: 161px;
	border: 0px;
	background-image: url(../images/pageimage-contactus.jpg);
	background-repeat: no-repeat;
}

.contactusimage2 {
	width: 257px;
	border: 0px;
	background-image: url(../images/pageimage-contactus2.jpg);
	background-repeat: no-repeat;
}

/*========== Location Image ==========*/

.locationimage {
	width: 600px;
	height: 161px;
	border: 0px;
	background-image: url(../images/pageimage-location.gif);
	background-repeat: no-repeat;
}

.locationimage2 {
	width: 257px;
	border: 0px;
	background-image: url(../images/pageimage-location2.gif);
	background-repeat: no-repeat;
}

/*========== Banner Image ==========*/
.bannerimage {
	cursor: pointer;
	height: 80px;
	margin-bottom: 30px;
	background-image: url(../images/bsp.jpg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.bannerPopupContainer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	justify-content: center;
	align-items: center;
	background-color: #33333300;
	/* border: 1px solid red; */
}

.bannerClose {
	position: absolute;
	top: 0;
	left: 0;
	height: 50px;
	width: 50px;
	background-color: red;
}

.bannerPDF {
	position: absolute;
	top: 0;
	width: 1000px;
	height: 100%;
}

/*========== Subpage Image ==========*/

.subimage {
	width: 600px;
	height: 161px;
	border: 0px;
	background-image: url(../images/pageimage-sub.jpg);
	background-repeat: no-repeat;
}

.subimage2 {
	width: 257px;
	border: 0px;
	background-image: url(../images/pageimage-sub2.jpg);
	background-repeat: no-repeat;
}

/************************************************************/
/* Table and cell styles                                    */
/************************************************************/

table.mainouter {
	width: 991px;
	height: 100%;
	border: 0px;
	background-image: url(../images/main-bg.gif);
	background-repeat: no-repeat;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.02em;
	color: #444444;
	vertical-align: top;
	text-align: left;
}

td.content {
	width: 861px;
	height: 100%;
}

td.border {
	width: 65px;
	height: 100%;
}

td.smallboxleft {
	width: 19px;
	height: 97px;
	background-image: url(../images/subboxborderleft.gif);
	background-repeat: repeat;
}

td.smallboxright {
	width: 34px;
	height: 97px;
	background-image: url(../images/subboxborderright.gif);
	background-repeat: repeat;
}

/*======================================================================================--*/