@charset "UTF-8";
#container {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-color: #6C71B3;
	width: 1024px;
	margin-top: 0px;
}

/* ---------------- Header Footer styles ----------------*/
#header  {
	background-image: url(assets/images/topbarbackA.jpg);
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	height: 311px;
}

#header      h1    {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	margin: 0px;
	padding-top: 200px;
	padding-left: 175px;
	padding-right: 400px;
	padding-bottom: 0px;
	line-height: 1.5em;
	color: #FFFFFF;
}
#homepic {
	float: none;
	top: 0px;
	right: 0px;
	position: absolute;
}

#footer  {
	background-image: url(assets/images/footerback.gif);
	width: 1024px;
	background-color: #000033;
	text-align: center;
	background-position: center top;
	background-repeat: no-repeat;
	height: 30px;
}
/* ---------------- End Header Footer styles ----------------*/
/* ---------------- Body styles ----------------*/
#body {
	background-color: #6D72B6;
	margin: 0;
}

#sidebar2 {
	width: 280px;
	float: right;
	background-color: #6C71B3;
}
/* ---------------- End Body styles ----------------*/


#sidebar  {
	float: right;
	background-color: #6C71B3;
	width: 340px;
}
#news    {
	background-image: none;
	width: 340px;
	margin: 0px;
	background-color: #6C71B3;
	float: right;
}
#newheader {
	background-image: url(assets/images/newsback_01.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 40px;
	padding-left: 20px;
}
#newsbody {
	background-image: url(assets/images/newsback_02.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 50px;
	padding-left: 20px;
}
.newsimage {
	padding-right: 1.2em;
	float: left;
}
#maincontent {
	background-color: #6C71B3;
	margin: 0 340px 0 0;
}
#maincontent p {
	line-height: 1.75em;
	padding-left: 20px;
	padding-right: 50px;
	padding-top: 15px;
	text-align: center;
	background-repeat: repeat-y;
}
#featuredwrap {
	background-image: url(assets/images/productfill.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#maincontent  p.bottom  {
	text-align: left;
	padding-left: 40px;
	padding-right: 60px;
}
#maincontent h1  {
	background-image: url(assets/images/producttop.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	line-height: 2em;
}
#maincontent p.last {
	background-image: url(assets/images/produvtbottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#maincontentb {
	margin: 0 300px 0 0;
}
.productcell {
	background-image: url(assets/images/widebay_02.gif);
	background-repeat: repeat-y;
	background-position: left top;
	min-height: 200px;
	padding-left: 20px;
	padding-right: 40px;
}

#maincontentb p.bottom {
	text-align: left;
	padding-left: 40px;
	padding-right: 60px;
}
#maincontentb p.last {
	background-image: url(assets/images/widebay_03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 30px;
}
#maincontentb  h1   {
	background-image: url(assets/images/widebay_01.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: center;
	padding-top: 40px;
}
.whitebar {
	padding-top: 30px;
}
#maincontentbc {
	width: 720px;
	margin-top: 0px;
	margin-left: 10px;
	height: 100%;
}
#maincontentc p.last {
	background-image: url(assets/images/widebay_03.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 20px;
}
#maincontentc h1 {
	background-image: url(assets/images/widebay_01.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: center;
	padding-top: 20px;
}
/* ---------------- End MainContent B styles ----------------*/

/* ---------------- Class styles ----------------*/
.featured {
	text-align: center;
}
#container #maincontentb ul {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #FFFFFF;
	font-weight: bold;
	list-style-image: none;
	list-style-type: none;
}
.floatimgleft {
	float: left;
	padding-right: 10px;
}
.indeximgfloat {
	float: left;
	margin-top: 1em;
	margin-right: 1em;
	padding-left: 0px;
	padding-bottom: 120px;
}
.verticalcenter {
	margin: 0px;
	padding-top: 10px;
}
.verticalcenter  a  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
}
.clear, br {
	clear: left;
}

.centered {
	margin-right: auto;
	margin-left: auto;
}

.clearboth {
	clear: both;
}
.indent {
	text-indent: 30px;
	line-height: 1.5em;
}
/* ---------------- End Class styles ----------------*/
#middlebackground {
	background-repeat: repeat-y;
	background-position: left top;
	overflow: auto;
	padding-left: 30px;
	padding-right: 40px;
	background-image: url(assets/images/widebay_02.gif);
}
h1,/* ---------------- Heading P styles ----------------*/ h2, h3, h5, h6, p, ul  {
	margin: 0px;
	padding: 0px;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	color: #FFFFFF;
	line-height: 1.5em;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	color: #FFFFFF;
}
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 2em;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 0.3em;
	margin-bottom: .6em;
}
/* ---------------- End Heading P styles ----------------*/

/* ---------------- Gallary styles ----------------*/
#gallery {
	width:800px;
	height: 390px;
	padding-top: 10px;
}
#gallery ul {list-style:none; padding:0; margin:0; width:350px; position:relative; float:left;}
#gallery ul li {display:inline; width:100px; height:100px; float:left; margin:0 0 10px 10px;}
#gallery ul li a {display:block; width:100px; height:100px; text-decoration:none; border:1px solid #FFFFFF;}
#gallery ul li a img {
	display:block;
	width:100px;
	height:100px;
	border:0;
}
#gallery ul li a:hover {white-space:normal; border-color:#ddd;}
#gallery ul li a:hover img {
	position:absolute;
	left:360px;
	top:0;
	width:auto;
	height:auto;
	border:1px solid #FFFFFF;	
}
#info {
	padding-bottom: 20px;
	line-height: 2em;
	padding-left: 40px;
}
#gallery ul li a span em {display:none;}

#gallery ul li a:hover span em {
	position:absolute;
	width:650px;
	min-height:300px;
	height:auto !important;/**Min height hack for IE**/
	height:300px;/*Needs to match min-height pixels above*/
	top:330px;
	left:360px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: bold;
}

.floatleft
{
	float: left;
	width: 220px;
	margin: 0 0 10px 30px;
	background-color: #6C71B3;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	line-height: 2em;
	font-weight: bold;
	font-variant: normal;
}
#container .floatleft img {
	border: 2px solid #00137A;
}

.margintopzero { margin-top: 0; }
/* ---------------- End Gallary styles ----------------*/
/* ---------------- Navigation styles ----------------*/
#navig    {
	height: 100%;
	color: #6C71B3;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 11em;
}
#navMenu a {
	text-decoration: none;
	list-style: none;
}

#navMenu li {
	/* make the list elements a containing block for the nested lists */
position: relative;
	list-style: none;
} 

#navMenu ul {
	position: absolute;
	top: 0px;
	left: 100%; /* to position them to the right of their containing block */
	width: 100%; /* width is based on the containing block */
	list-style: none;
	margin: 0;
	padding: 0;
}

div#navig ul ul,
div#navig ul li:hover ul
{display: none;}

div#navig ul li:hover ul,
div#navig ul ul  li:hover ul
{
	display: block;
}


#navMenu {
	width: 105%;
}
#navMenu  ul  a  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #FFFFFF;/* if required use em's for IE as it won't resize pixels */
	padding: 0.3em;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	display: block;
	background-color: #999999;
	margin-left: 5px;
	margin-top: 0px;
}
#navMenu ul li {
	float: left; /* cure IE5.x "whitespace in lists" problem */
	width: 100%;
	
}
#navMenu a:hover {
	color: #FFFFFF;
	background-color: #00137A;
}
#navMenu ul li a {
height: 1%; /* make links honour display: block; properly */
} 
#navMenu  a, #menu  h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #FFFFFF;/* if required use em's for IE as it won't resize pixels */
	padding: 0.3em;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	margin-top: 0.75em;
	display: block;
	background-color: #233D93;
	margin-left: 5px;
} 
/* ---------------- End Navigation styles ----------------*/
/* ---------------- Image Float styles ----------------*/
.floatimgright {
	float: right;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
}
.floatimgleftframed {
	float: left;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	border: thin solid #FFFFFF;
}
.floatimgrightframe {
	float: right;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
	border: thin solid #FFFFFF;
}
/* ---------------- End Image Float Styles ----------------*/
/* ---------------- Form styles ----------------*/
#formWrap {
	padding: 1em 0;
	margin-left: 10px;
	width: 700px;
	}
form#frmContact {
	width: 650px;
	margin: 0 auto;
	}
fieldset {
	border: none;
	margin: 1em 0;
	padding-bottom: 0.5em;
	background-color: #233D93;
	padding-left: 1em;
	}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	line-height: 2em;
}
.formtitle {
	background-position: center;
	background-image: none;
	text-align: center;
}
legend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #FFFFFF;
	line-height: 1.4;
	padding: 0.2em .5em;
	margin-left: 0.5em;
	background-color: #233D93;
	text-decoration: none;
}
#formWrap p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 0.85em;
	line-height: 1.2;
	margin: 1.4em 0;
}
input.text {
	width: 250px;
}
textarea {
	width: 500px;
	margin-top: 0.5em;
	width: 600px;
}
label.top {
	display: block;
	margin-bottom: .5em;
}
label.check {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1;
	color: #FFFFFF;
}
span.aside {
	font-style: italic;
}
p.required {
	position: relative;
}
span.required {
	position: absolute;
	left: 300px;
	padding-left: 15px;
	color: #FFFFFF;
	height: 25px;
	line-height: 25px;
}

input.textmedium {
	width: 150px;
}
input.textsmall {
	width: 50px;
}
.btn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	display: inline;
	margin-left: 1em;
	}
	
#customDiv label, #frmContact fieldset label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: medium;
	line-height: 2em;
}
/* ---------------- End Form styles ----------------*/

/* ---------------- Table styles ----------------*/
bagtable {
	width: 100%;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	height: 100%;
	text-align: center;
}
tablewrap {
	height: 100%;
	width: 100%;
}
#datatable {
	margin-left: 20px;
	background-color: #233D93;
	padding: 0.5em;
	text-align: center;
	color: #FFFFFF;
	border-collapse: collapse;
	font-size: small;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	margin-bottom: 30px;
}
.datatable {
	margin-left: 20px;
	width: 95%;
	background-color: #233D93;
	padding: 0.5em;
	text-align: center;
	color: #FFFFFF;
	border-collapse: collapse;
	font-size: small;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	margin-bottom: 30px;
}

caption {
	padding: 10px 0;
	text-align: center;
	text-transform: capitalize;
	font-size: 110%;
	font-weight: bold;
}

td, th, tr, caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: .625em;
}
#tablewrap #datatable caption {
	font-style: normal;
	font-weight: bold;
}
.odd {
	background-color: #1A2967;
}
th   {
	border: 1px solid #FFFFFF;
	background-color: #1B2240;
	color: #CCCCCC;
}
td   {
	border: 1px solid #FFFFFF;
}
#datatable2 {
	margin-left: 20px;
	background-color: #233D93;
	padding: 0.5em;
	text-align: center;
	color: #FFFFFF;
	border-collapse: collapse;
	font-size: small;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	margin-bottom: 30px;
}

/* ---------------- End Table styles ----------------*/


.link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}

.link a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FF0000;
	text-decoration: underline;
}
/* ---------------- List styles ----------------*/
#linklist  li a.link {
	text-decoration: none;
}
.simplelist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 2em;
}

#linklist {
	line-height: 1.5em;
}
/* ---------------- End List styles ----------------*/

body {
behavior: url("csshover3.htc"); /* call hover behaviour file */
font-size: 100%; /* enable IE to resize em fonts */
} 

.narrowbaybase {
	background-image: url(assets/images/produvtbottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.belowpic {
	float: left;
	margin-right: 1em;
	border: thin solid #FFFFFF;
	margin-top: 1em;
	margin-bottom: 100px;
}
.indexjustified {
	margin-left: 240px;
	padding-right: 40px;
}
.floatimgleftindex {
	float: left;
	padding-right: 10px;
	padding-left: 20px;
}
.indexcell {
	background-image: url(assets/images/widebay_02.gif);
	background-repeat: repeat-y;
	background-position: left top;
	min-height: 200px;
}
#searchbar {
	color: #FFFFFF;
}
.formtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	line-height: 2em;
	color: #FFFFFF;
}