﻿html {
	overflow-x: hidden;
	overflow-y: scroll;
}
body {
	color: #a5a5a5;
	font: normal 76% Arial, Verdana, Helvetica, Tahoma, sans-serif;
	margin: 40px 0 50px 0;
	padding: 0;	
	text-align: left;
	background: #fff url("../images/bg/background.jpg") repeat;
}

form, img, ul, ol, li, h1, h2, h3, h4, h5, h6, p {
	border: none;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, p {
	color: #31343b;
	font: normal Verdana, Arial, Helvetica, Tahoma, sans-serif;
}

#container {
	margin: 0 auto;
	text-align: left;
	width: 799px;
}

#main {	
	border: 1px solid #999;
	border-top: none;
}

/* Begin Head */

#header {
	width: 799px;
	margin: 0;
	padding: 0;
}
.bgtops {
	background: #fff url("../images/bg/bg-header.jpg") top left no-repeat;
	width: 799px;
	height: 14px;
	margin: 0;
	padding: 0;
}
.logos {
	float: left;
	background-image: url("../images/common/img-logo.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	width: 266px;
	height: 282px;
	border: 0px;
	margin: 0;
	padding: 0;
}
.logoscontents {
	float: left;
	background: #fff url("../images/bg/bg-logo-content.jpg") top left no-repeat;
	width: 266px;
	height: 98px;
	border: 0px;
	margin: 0;
	padding: 0;
}
.logoscontents a {
	border: 0px;
	margin: 0;
	padding: 0;
}

.salesinquries {
	width: 533px;
	height: 70px;
	font: bold 1.2em Times New Roman, Helvetica, Verdana, Arial, Tahoma, sans-serif;
	color: #004fa0;
	text-align: right;
	margin: 0;
}
.imgheaders {
	float: left;
	width: 533px;
	height: 184px;
	background: #fff url("../images/common/img-header.jpg") bottom left no-repeat;
	margin: 0;
	padding: 0;
}

/* End Head */
/* Begin Body */

#bodycontents {
	float: left;
	background: #fff;
	width: 799px;
	margin: 0;
	padding: 0;
}
#bodycats {
	width: 799px;
	height: 142px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
}
.ourproducts {
	float: left;
	width: 266px;
	height: 142px;
	/*background: #fff url("../images/bg/bg-ourproducts.jpg") top left repeat-y;*/
	margin: 0;
	padding: 0;
	overflow:hidden;
}
.ourproducts p {
	width: 245px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 28px;
}

.onlineenquiry {
	float: left;
	width: 268px;
	height: 142px;
/*	background: #fff url("../images/bg/bg-onlineenquiry.jpg") top left repeat-y;*/
	margin: 0;
	padding: 0;
}
.onlineenquiry p {
	width: 248px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 28px;
}

.informations {
	float: left;
	width: 265px;
	height: 142px;
	/*background: #fff url("../images/bg/bg-informationdownload.jpg") top left repeat-y;*/
	margin: 0;
	padding: 0;
}
.informations p {
	width: 245px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 28px;
}

#bodynews {
	width: 799px;
	background: #f3f3f3;
}
.specialoffers {
	float: left;
	width: 266px;
	height: 159px;
}
.specialoffers img {
	float: left;
	border: 0px;
	margin: 0;
	padding: 0;
}

.latestnews {
	float: left;
	width: 33px;
	border: 0px;
	height: 159px;
}

.latestnewscontents {
	float: left;
	width: 500px;
	height: 159px;
	background: #f3f3f3;
}
.latestnewscontents h1 {
	font: bold 11px Verdana, Arial, Tahoma, sans-serif;
	color: #275996;
	line-height: 30px;
	text-decoration:none;
}
.latestnewscontents p {
	font: normal 11px Verdana, Arial, Tahoma, sans-serif;
	color: #003366;
	padding-right: 50px;
}
.latestnewscontents p.morelatestnews {
	display: block;
	width: 450px;
	height: 20px;
	margin: 0;
	padding: 0;
	text-align: right;
	background: #f3f3f3 url("../images/bg/bg-dots.jpg") repeat-x;
	font: bold 11px Verdana, Arial, Tahoma, sans-serif;
	color: #003366;
}

/* End Body */
/* Begin Footer */

#footer {
	float: left;
	background: #fefefe url("../images/bg/bg-footers.jpg") bottom left no-repeat;
	width: 799px;
	height: 70px;
	margin: 0;
	padding: 0;
}
.footersleft {
	float: left;
	width: 314px;
	height: 55px;
	color: #a5a5a5;
	font: normal 10px Arial, Tahoma, sans-serif;
	padding-left: 15px;
	padding-top: 15px;
	padding-right: 50px;
}
.footersright {
	float: left;
	width: 400px;
	height: 70px;
}

/* End Footer */

/* hacks and workarounds */
/* fix so Mozilla browsers allows content to fill container div */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block;
}
* html .clearfix {
    height:1px;
}

/* Body Content Inside */


.submitButton
{
	background: url("../images/buttons/survey-submit.jpg") left bottom no-repeat;		
}

#bodycontentinside {
	float: left;
	background: #fff url("../images/bg/bg-content-inside.jpg") bottom right no-repeat;
	width: 799px;
	min-height: 550px !important; /* 537px; 326px */
	margin: 0;
	padding: 0;
}

#bodylefts {
	float: left;
	width: 582px;
	margin: 0;
	padding: 0;
	background: #fff;
}
.bodysectiontitleleft {
	float: left;
	width: 271px;
	margin: 0;
	padding: 0;
}

.bodysectiontitleleft2 {
	float: left;
	width: 271px;
	margin: 0;
	padding: 0;
	text-align:center;
}

.bodysectiontitleright {
	float: left;
	width: 311px;
	margin: 0;
	padding: 0;
}
.bodysectiontitleright p {
	float: left;
	width: 292px;
	color: #66747b;
	font: normal 11px Verdana, Arial, Tahoma, sans-serif;
	margin: 0;
	padding-bottom: 12px;
}
.bodysectiontitleright p.companys {
	float: left;
	text-align: right;
	width: 285px;
	color: #66747b;
	font: normal 11px Verdana, Arial, Tahoma, sans-serif;
	margin: 0;
	padding-bottom: 25px;
}
.bodysectiontitleright p.companys span.blue {
	color: #004e9f;
	font-weight: normal;
	font-style: italic;
}
.bodysectiontitleright p.companys span.black {
	color: #66747b;
	font-weight: bold;
}
.bodysectiontitleright p.bolders {
	float: left;
	width: 292px;
	color: #004e9f;
	font: bold 12px Verdana, Arial, Tahoma, sans-serif;
	margin: 0;
	padding-bottom: 7px;
}
.bodysectiontitleright ul {
	float: left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 20px;
}
.bodysectiontitleright li {
	color: #66747b;
	font: normal 0.9em Verdana, Arial, Tahoma, sans-serif;
	list-style-image:url(../images/bg/bullets.jpg);
	padding: 0px;
	margin:0px 0px 0px 0px;
}
.bodysectiontitleright h1.titles {
	float: left;
	height: 40px;
	color: #004fa0;
	font: normal 22px Times New Roman, Verdana, Arial, Tahoma, sans-serif;
	margin: 0;
	background: #fff;
}
.bodysectiontitleright h1.titlesfaq {
	float: left;
	height: 30px;
	color: #004fa0;
	font: normal 22px Times New Roman, Verdana, Arial, Tahoma, sans-serif;
	margin: 0;
	background: #fff;
}
.bodysectiontitleright h1 {
	float: left;
	width: 292px;
	color: #004e9f;
	font: bold 15px Verdana, Arial, Tahoma, sans-serif;
	margin: 0;
	padding-bottom: 10px;
}
.bodysectiontitleright h2 {
	float: left;
	width: 292px;
	color: #004e9f;
	font: bold 12px Verdana, Arial, Tahoma, sans-serif;
	margin: 0;
	padding-bottom: 7px;
}
.bodysectiontitleright h3 {
	float: left;
	width: 292px;
	color: #66747b;
	font: bold 11px Verdana, Arial, Tahoma, sans-serif;
	margin: 0;
	padding-bottom: 5px;
}
.bodysectiontitleright p.blanktable {
	float: left;
	width: 292px;
	height: 30px;
	margin: 0;
	padding: 0;
	text-align: right;
}
.bodysectiontitleright p.printable {
	float: left;
	width: 292px;
	height: 42px;
	margin: 0;
	padding: 0;
	text-align: right;
}

#bodyrights {
	float: right;
	width: 217px;
	margin-top: 30px;
	padding: 0;
}
#bodyrights h1 {
	width: 217px;
	height: 30px;
	margin: 0;
	padding: 0;
}
#bodyrights h2.archives {
	float: left;
	height: 30px;
	color: #004fa0;
	font: normal 18px Times New Roman, Verdana, Arial, Tahoma, sans-serif;
	padding-top: 10px;
	padding-left: 10px;
}
#bodyrights p {
	width: 197px;
	font: normal 9px Verdana, Arial, Tahoma, sans-serif;
	color: #82add3;
	margin: 0;
}
#bodyrights p img {
	float: left;
	border: 0px;
	padding-bottom: 10px;
	background-color:Transparent;
}
#bodyrights p.lineset {
	width: 217px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: url("../images/bg/bg-lineset.gif") repeat-x;
}
#bodyrights p.latestnewsright {
	width: 197px;
	height: 90px;
	font: normal 9px Verdana, Arial, Tahoma, sans-serif;
	color: #82add3;
	margin: 0;
	padding-right: 20px;
}
#bodyrights p.onlineenquiryright {
	width: 197px;
	height: 90px;
	font: normal 9px Verdana, Arial, Tahoma, sans-serif;
	color: #82add3;
	margin: 0;
	padding-right: 10px;
}
#bodyrights p.onlineenquiryright img {
	padding-right: 10px;
}

.dotmatrixsub {
	float: left;
	width: 311px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: #fff url("../images/bg/bg-dotmartix-sub.jpg") left top no-repeat;
}
.bodyleftssubleft {
	float: left;
	width: 580px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: #fff url("../images/bg/bg-dotmartix-left.jpg") left top no-repeat;
}
.bodyleftssub {
	float: left;
	width: 580px;
	height: 60px;
	margin: 0;
	padding: 0;
	background: #fff url("../images/bg/bg-dotmartix.jpg") left top no-repeat;
}

.bodyleftssub2 {
	float: left;
	width: 580px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: #fff url("../images/bg/bg-dotmartix.jpg") left top no-repeat;
}

.subsectiontitles {
	float: left;
	width: 580px;
	margin: 0;
	padding: 0;
	background: #fff url("../images/bg/bg-subsection-title.jpg") left top no-repeat;
}
.subsectiontitles h1.subtitles {
	float: left;
	line-height: 35px;
	color: #004fa0;
	font: normal 22px Times New Roman, Verdana, Arial, Tahoma, sans-serif;
	margin: 0;
	background: #fff;
	padding-left: 25px;
}
.subsectiontitles h1 {
	float: left;
	color: #004e9f;
	font: bold 20px Times New Roman, Verdana, Arial, Tahoma, sans-serif;
	margin: 0;
	padding: 0;
	display: block;
}
.subsectiontitles p {
	float: left;
	width: 557px;
	text-align: right;
	margin: 0;
	padding: 0;
}
.otherproductsdetails {
	float: left;
	width: 560px;
	padding-left: 20px;
}
.otherproductsdetails img {
	border: 1px solid #c4d7e6;
}
.otherproductsdetails p {
	float: left;
	width: 560px;
	margin: 0;
	padding: 0;
}
.otherproductsdetails p.opa {
	float: left;
	width: 180px;
	margin-top: 20px;
	text-align: center;
	font: bold 12px Verdana, Arial, Tahoma, sans-serif;
	color: #004e9f;
	line-height: 20px;
}
.otherproductsdetails p.opb {
	float: left;
	width: 180px;
	margin-top: 20px;
	text-align: center;
	font: bold 12px Verdana, Arial, Tahoma, sans-serif;
	color: #004e9f;
	line-height: 20px;
}
.otherproductsdetails p.opc {
	float: left;
	width: 180px;
	margin-top: 20px;
	text-align: center;
	font: bold 12px Verdana, Arial, Tahoma, sans-serif;
	color: #004e9f;
	line-height: 20px;
}
.subsectiontitles div.tabletitles {
	float: right;
	width: 287px;
	height: 25px;
	text-align: left;
	background: #014fa1;
	color: #fff;
	font: bold 12px Verdana, Arial, Tahoma, sans-serif;
	margin-right: 25px;
	padding-left: 7px;
	line-height: 25px;
	border-bottom: 1px solid #fff;
}
.subsectiontitles div.tablesubtitles {
	float: right;
	width: 294px;
	height: 25px;
	text-align: left;
	background: #a5c4df;
	color: #004e9f;
	font: bold 11px Verdana, Arial, Tahoma, sans-serif;
	margin-right: 25px;
	line-height: 25px;
	border-bottom: 1px solid #fff;
}
.subsectiontitles div.tablesubtitles p.tablesubtitles-left {
	float: left;
	width: 136px;
	height: 25px;
	text-align: left;
	border-right: 1px solid #fff;
	color: #004e9f;
	padding-left: 5px;
	padding-right: 5px;
}
.subsectiontitles div.tablesubtitles p.tablesubtitles-right {
	float: right;
	width: 137px;
	height: 25px;
	text-align: left;
	color: #004e9f;
	padding-left: 5px;
	padding-right: 5px;
}
.subsectiontitles div.tablecontents {
	float: right;
	width: 294px;
	text-align: left;
	background: #d8e4ef;
	color: #fff;
	font: bold 12px Verdana, Arial, Tahoma, sans-serif;
	margin-right: 25px;
	border-bottom: 1px solid #fff;
}
.subsectiontitles div.tablecontents p.tablecontents-left {
	float: left;
	width: 136px;
	text-align: left;
	color: #004e9f;
	padding: 5px;
	font: bold 11px Verdana, Arial, Tahoma, sans-serif;
}
.subsectiontitles div.tablecontents p.tablecontents-right {
	float: right;
	width: 137px;
	text-align: left;
	color: #004e9f;
	padding: 5px;
	font: normal 11px Verdana, Arial, Tahoma, sans-serif;
	border-left: 1px solid #fff;
}

select.faqs {
	color: #004e9f;
	font: bold 10px Verdana, Arial, Tahoma, sans-serif;
	margin-bottom: 15px;
	padding: 2px;
	border: 1px solid #7e9db9;
}
select.archives {
	color: #004e9f;
	font: bold 10px Verdana, Arial, Tahoma, sans-serif;
	margin-left: 10px;
	padding: 2px;
	border: 1px solid #7e9db9;
}
input.surveybox {
	color: #004e9f;
	font: normal 10px Verdana, Arial, Tahoma, sans-serif;
	border: 1px solid #7e9db9;
}
input.survey {
	width: 263px;
	color: #004e9f;
	font: normal 11px Verdana, Arial, Tahoma, sans-serif;
	margin-bottom: 15px;
	padding: 2px;
	border: 1px solid #7e9db9;
}
textarea.survey {
	width: 263px;
	color: #004e9f;
	font: normal 11px Verdana, Arial, Tahoma, sans-serif;
	margin-bottom: 15px;
	padding: 2px;
	border: 1px solid #7e9db9;
}
select.survey {
	width: 270px;
	color: #004e9f;
	font: normal 11px Verdana, Arial, Tahoma, sans-serif;
	margin-bottom: 15px;
	padding: 2px;
	border: 1px solid #7e9db9;
}

/* Product List */

.bodysectionproductlist {
	float: left;
	width: 582px;
	margin: 0;
	padding: 0;
}
.imagesproductslist {
	float: left;
	width: 271px;
	margin: 0;
	padding: 0;
}

.imagesproductslistCustom {
	float: left;
	width: 271px;
	margin: 0;
	padding: 0;
	margin-top:-96px;
}




img.centeredproduct {
	border: 0px;
	margin: 0 auto;
	padding-left: 60px;
	text-align: center;
}

/*
img.centeredproduct2 {
	border: 0px;
	margin: 0 auto;
	padding-left: 0px;
	text-align: center;
}
*/
.contentproductslist {
	float: left;
	width: 311px;
	margin: 0;
	padding: 0;
}
.bodysectionproductlist p {
	float: left;
	width: 292px;
	color: #66747b;
	font: normal 11px Verdana, Arial, Tahoma, sans-serif;
	margin: 0;
	padding-bottom: 12px;
}
.bodysectionproductlist p.bodydotlines {
	float: left;
	width: 582px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: #fff url("../images/bg/bg-dotliners.jpg") left top no-repeat;
}
.bodysectionproductlist p.companys {
	float: left;
	text-align: right;
	width: 285px;
	color: #66747b;
	font: normal 11px Verdana, Arial, Tahoma, sans-serif;
	margin: 0;
	padding-bottom: 25px;
}
.bodysectionproductlist p.companys span.blue {
	color: #004e9f;
	font-weight: normal;
	font-style: italic;
}
.bodysectionproductlist p.companys span.black {
	color: #66747b;
	font-weight: bold;
}
.bodysectionproductlist p.bolders {
	float: left;
	width: 292px;
	color: #004e9f;
	font: bold 12px Verdana, Arial, Tahoma, sans-serif;
	margin: 0;
	padding-bottom: 7px;
}
.bodysectionproductlist ul {
	margin-left: 15px;
	padding: 0;
	list-style-image: url("../images/bg/bullets.jpg");
	list-style-type: circle
}
.bodysectionproductlist li {
	float: left;
	width: 292px;
	line-height: 15px;
	color: #66747b;
	font: normal 11px Verdana, Arial, Tahoma, sans-serif;
	margin: 0;
	padding-bottom: 12px;
}
.bodysectionproductlist h1.titles {
	float: left;
	height: 40px;
	color: #004fa0;
	font: normal 22px Times New Roman, Verdana, Arial, Tahoma, sans-serif;
	margin: 0;
	background: #fff;
}
.bodysectionproductlist h1.titlesproductlist {
	float: left;
	width: 311px;
	height: 40px;
	color: #004fa0;
	font: normal 22px Times New Roman, Verdana, Arial, Tahoma, sans-serif;
	margin: 0;
	padding-left: 271px;
	background: #fff;
}
.bodysectionproductlist h1.titlesfaq {
	float: left;
	height: 30px;
	color: #004fa0;
	font: normal 22px Times New Roman, Verdana, Arial, Tahoma, sans-serif;
	margin: 0;
	background: #fff;
}
.bodysectionproductlist h1 {
	float: left;
	width: 292px;
	color: #004e9f;
	font: bold 15px Verdana, Arial, Tahoma, sans-serif;
	margin: 0;
	padding-bottom: 10px;
}
.bodysectionproductlist h2 {
	float: left;
	width: 292px;
	color: #004e9f;
	font: bold 12px Verdana, Arial, Tahoma, sans-serif;
	margin: 0;
	padding-bottom: 7px;
}
.bodysectionproductlist h3 {
	float: left;
	width: 292px;
	color: #66747b;
	font: bold 11px Verdana, Arial, Tahoma, sans-serif;
	margin: 0;
	padding-bottom: 5px;
}
.bodysectionproductlist p.blanktable {
	float: left;
	width: 292px;
	height: 30px;
	margin: 0;
	padding: 0;
	text-align: right;
}
.bodysectionproductlist p.printable {
	float: left;
	width: 563px;
	height: 42px;
	margin: 0;
	padding: 0;
	text-align: right;
}
.bodysectiontitleright a{
	color: #739ec8;
	text-decoration:none;
	font-weight:bold;

}

.bodysectiontitleright a:hover{
	color: #003385;
	text-decoration:none;
	font-weight:bold;
}

.bodysectiontitleright ul li, .bodysectiontitleright ul{
	margin:5px;
	padding:5px;
	border:0px solid #000;
}



