body {  background-image:url(images/bg.gif); background-repeat:repeat-y; background-position:center; font: normal normal 1em Arial, Helvetica, sans-serif; margin: 0 auto; width: 760px; color: #518EAD; background-color:#E6E3E3; }
html>body { width: 760px; } 

div#header { z-index: 1; position:absolute; top:25px;  width: 100%; height: 58px; background-image:url(images/header_background.gif); background-repeat:repeat-x;  }
html>body div#header { width: 760px; }

div#header img { margin-top:2px; margin-left:10px; float:left; border:none;}


div#header ul { padding-top:13px; margin:0; }
div#header li { text-transform:lowercase; list-style:none; float:right; height:16px; padding:0 4px 0 4px; margin:0; }
div#header li a { color:#518EAD; font-size:0.65em; text-decoration:none; margin:1px; padding:0;}
div#header li a:hover { color: #97BDCE; text-decoration:underline;}

.tab li { background-image:url(images/tab.gif); background-repeat:no-repeat; background-position:7px;}

div#navbar { z-index:1; position:absolute; top:82px; height:23px; width: 100%; margin:3px; background-image:url(images/back-nav.gif); background-repeat:repeat-x; padding:0; margin:0; }
html>body div#navbar { width: 760px; }
div#navbar ul { float:left; list-style:none; width:680px; margin:3px; padding-left:4px; }
div#navbar li { z-index:1; float:left ; padding:0 6px 0 6px; margin:0; background-image:url(images/tab.gif); background-repeat: no-repeat; background-position:right center;}
div#navbar li a {font-size:0.75em; font-weight:600; color:#518EAD; text-decoration:none; text-transform:capitalize; }
div#navbar li a:hover { color: #97BDCE;}

#headerImage { width:605px; float:right; height:128px; background-image:url(images/background.jpg); background-repeat:repeat-x; border-bottom: 3px solid #518EAD; padding-bottom:3px; margin:0; }
#headerImage img { margin:12px 3px 2px 8px; padding:0;}
#headerImage #adbox { width:250px; height:90px;float:right; margin:25px 15px 2px 15px; font-size:0.85em; color:#FFFFFF;}
#headerImage #adbox h1 { font-size:1.2em; color:#ffffff; border-bottom:1px solid #FFFFFF; margin:3px;}
#headerImage #adbox p{ color:#FFFFFF; margin:2px;}

#headermenu { height:auto; width:147px; border:1px solid #bcbcbc; background-color:#ffffff; margin-bottom:1px; padding-bottom:6px;}
#headermenu h1 { font-size:0.75em; text-align:left; background-color: #72AFD1; color:#ffffff; margin:2px; padding:3px;}
#headermenu ul { margin:0; padding:0; border-top:1px solid #bcbcbc; }
#headermenu li { list-style:none; margin:0 0 0 2px; padding:0 0 0 9px;}
#headermenu li a { text-decoration:none; color:#518EAD; text-transform:capitalize; font-size:0.7em; margin:0; padding:0; font-weight:600;}
#headermenu li a:hover { color: #97BDCE;}
#headermenu .menuImage { background-image:url(images/arrow1.gif); background-repeat:no-repeat; background-position: left center;}
#headermenu .menuImage ul {border-top:1px solid #bcbcbc; margin:0px; padding:0px;}
#headermenu .secMenu { margin-bottom:3px; padding:0px;}


div#mainBody { position:absolute; width:100%; height:auto; top:106px; background-color:#FFFFFF;}
html>body div#mainBody { width: 760px; }
div#mainBody #content { float:left; width:597px; margin:2px 0 10px 4px; padding:0 0 0 2px; background-color:#FFFFFF;}
div#mainBody #content h1 { color:#518EAD; font-size:1.1em; text-transform:capitalize; margin: 5px 5px 0px 0;}
div#mainBody #content h2 { color:#518EAD; font-size:0.95em; text-transform:capitalize; margin: 12px 5px 1px 0;}
div#mainBody #content h3 { color:#518EAD; font-size:0.85em; text-transform:capitalize; margin: 7px 5px 2px 0;}
div#mainBody #content h4 { color:#518EAD; font-size:0.6em; text-transform:capitalize; margin: 7px 5px 2px 0;}
div#mainBody #content p {color: #666666; font-size:0.8em; margin: 5px 5px 10px 0;}
div#mainBody #content a {color: #666666; font-size:0.95em;}
div#mainBody #content a:hover { color: #cccccc;}
div#mainBody #content ul { margin: 0; padding-left:0px;}
div#mainBody #content li { color:#666666; font-size:0.8em; margin:1px;}
div#mainBody #content img { border:none;}
div#mainBody #content table { font-size:0.75em;}
div#mainBody #content td { border:1px solid #cccccc; padding:5px; text-align:center;}
div#mainBody #content th {border:1px solid #999999; text-align:center; padding:3px;}
div#mainBody #content .newLinks a { color:#72AFD1; font-size:0.95em;}
div#mainBody #content .newLinks a img { margin-top:2px;}

.crums { width: 590px; color:#666666;  font-size:0.7em;}
.crums a { text-decoration:none;  font-size:0.8em;}
.crums a:hover { text-decoration:underline;}
.floats { float:right; margin:10px;}
.floatsL { float:left; margin:10px;}
.printer { float:right; text-align:right; margin:1px; padding:0px; font-size:0.75em; width:260px;}
.error { color:#FF0000;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.imgCentre {text-align:center; clear:both; margin-top:35px; margin-bottom:10px; height:auto; width:99%; font-size:0.8em;}
.imgCentre .subBox { float:left; width:270px; }
.imgCentre .subBox img { float:left; text-align:center; border:1px dashed #CCCCCC; }
.imgCentre .subBox p { clear:both; text-align:left; width:92%; padding:10px;}


#content #prodbox {float:left; width: 280px; height: 160px; margin: 5px 6px 15px 6px; padding: 2px 0px 3px 0px; border-right:1px solid #cccccc; border-bottom: 1px solid #cccccc;}
#content #prodbox:hover {background:#F7F7F7;} 
#content #prodbox .imagebox { width: 270px; height:120px; margin:0px; padding:0; text-align:center; }
#content #prodbox .imagebox img {width:130px; margin:2px; padding:0; border:none;}
#content #prodbox .imagebox a {font-size:0.75em;}

#content #prodbox .textB p {text-align:center; width: 275px; height:20px; margin:0 0 0 2px; padding:0;  }
#content #prodbox .textB ul li {list-style:none; margin:0 0 10px 0; float:left; padding:0; clear:both;}
#content #prodbox .textB li {margin:0;padding:0;}
#content #prodbox .textB a { text-decoration:none; font-size:1.2em;}
#content #prodbox .textB a:hover { color:#CCCCCC; text-decoration:underline;}


div#content #products {float:left; width: 257px; height: 169px; margin: 2px 5px 5px 0; padding: 2px 3px 3px 1px; border-right:1px solid #cccccc; border-bottom: 1px solid #cccccc;}



div#mainBody #leftframe { float:left; width:147px; background-color:#FFFFFF; margin:2px 0 0 0; padding:0; }
div#mainBody #leftframe img {text-align:center; margin:30px 30px 6px 33px; padding:0;}

div#mainBody #leftframebox { float:left; width:147px; border:1px solid #bcbcbc; background-color:#FFFFFF; margin:2px 3px 0 0; }
div#mainBody #leftframebox h1 { font-size:0.75em; text-align:left; background-color: #72AFD1; color:#ffffff; margin:2px; padding:3px;}
div#mainBody #leftframebox h2 {font-size:0.75em; text-align:left;}
div#mainBody #leftframebox p { font-size:0.85em; color:#666666; margin:0; padding:0;}
div#mainBody #leftframebox ul {  margin: 0; padding:0 0 5px 0; border-top:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc; }
div#mainBody #leftframebox li { list-style:none; margin:1px; padding:0 0 0 5px;}
div#mainBody #leftframebox a { text-decoration:none; color:#518EAD; text-transform:capitalize; font-size:0.8em; margin:0; padding:0; font-weight:600;}
div#mainBody #leftframebox li a:hover { color: #97BDCE; text-decoration:underline;}
.arrow li { background-image:url(images/arrow.gif); background-repeat:no-repeat; background-position:left center ;}

div#navbottom { z-index: 1; width: 605px; float:right; background-color:#ffffff; height: 29px; color:#666666; margin: 0px; padding:0; border-top:2px solid #cccccc; }
div#navbottom ul { float:left; width:370px; list-style:none; padding:0; margin:5px 2px 2px 1px; font-size:0.65em; }
div#navbottom li { float:left; padding:1px; margin:0px;}
div#navbottom a { float:none; color:#666666; text-decoration:none; }
div#navbottom a:hover { color:#CCCCCC; text-decoration:underline;}
div#navbottom p {padding:0; margin:0; font-size:0.65em;}
div#navbottom #terms { float:right; margin:6px 3px 6px 6px; text-align:right;}
div#navbottom #terms a {font-size:1em;}
div#navbottom #terms a:hover { color:#CCCCCC; text-decoration:underline;}

div#mainBody #title { width:594px; height:23px; border:1px solid #cccccc; margin:2px 0 2px 0; padding:0; font-size: 0.85em; color:#FFFFFF;}
div#mainBody #title h2 { width:586px; background-color: #72AFD1; color:#ffffff; margin:2px; padding:2px;}

#gallery { border:1px solid #cccccc;}
#motioncontainer a img{ /*image border color*/
margin: 2px; border: 1px solid #FFFFFF;
}

#motioncontainer a:hover img{ /*image border hover color*/
border: 1px solid #999999; background-color: #EEEEEE;
}

#motioncontainer a:hover{
color: red; /* Dummy definition to overcome IE bug */
}

#statusdiv{
position: absolute;
padding: 2px;
left: -300px;
background-color: #FFFFE1;
border: 1px solid gray;
visibility: hidden;
}
.contact-form table{
	border-collapse:collapse;
}
.contact-form td{
	border:0 !important;
	text-align:left !important;
	padding-left:0 !important;
}

/* new_home_page */

a img{
	border: 0 none;
	}
.clear{
	clear: both;
	}
div#right-col{
	width: 600px;
	min-height: 531px;
	padding: 22px 0 30px 13px;
	}
div#right-col img.minigrit-bin{
	margin:0px 0 0px 0px;
	}
div#right-col h1{
	font: 14px/17px Arial, Helvetica, sans-serif !important; 
	width: 530px;
	font-weight: bolder !important;
	color: #0d004f !important;
	margin: 6px 0 9px !important;
	text-transform: none !important;
	letter-spacing: 0.01em;
	word-spacing: 0.01em;
	}
div#right-col ul{
	font: 15px/15px Arial, Helvetica, sans-serif !important;
	list-style: none;
	width: 295px;
	font-weight: bolder !important;
	margin-top:12px !important;
	float: left;
	}
div#right-col ul li{
	height:25px;
	margin:0 0 13px !important;
	padding-left:20px !important;
	color: #0d004f !important;
	background:transparent url(images/bullet_list_style.gif) no-repeat;
	}
div#right-col ul li.last{
	margin-top: -14px !important;
	}
div#right-col ul span{
	font-weight: normal;
	}
div#right-col .right-img{
	float: left;
	position: relative;
	}
div#right-col .right-img .btn{
	position:absolute;
	bottom:15px;
	left:137px;
	}
img.pic{
	float: left;
	margin-right: 11px;
	}
