/******** SIFR ********/
.sIFR-active h1.foo {
visibility: hidden;
font-family: Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
line-height: 1em;
}
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* 
  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
  Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
*/
.sIFR-replaced > div {
  display: none !important;
}
h1, h2 {
font-size: 22px;
font-weight: normal;
margin: 0px;
padding: 0px;
text-align: left;
}
/***************************************/
/*
* {
margin: 0;
}
*/
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin-bottom: -43px;
}
.prod-white {
min-height: 100%;
height: auto !important;
height: 100%;
margin-bottom: -43px;
background-color: #FFFFFF;
width: 910px;
margin-right: auto;
margin-left: auto;
}
.push {
height: 43px;
}
/***************************************/
html, body {
color: #5e5e5e;
font-family: Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
font-size: 12px;
background-color: #d8d8d8;
margin: 0;
height: 100%;
background-image: url(/images/bg-grey.gif);
background-repeat: repeat-x;
background-position: left top;
}
a {
text-decoration: none;
color: #B3C900;
}
a:hover {
text-decoration: underline;
color: #B3C900;
}
.gradblue {
background-color: #116cb6;
background-image: url(/images/gradblue.gif);
background-repeat: repeat-x;
background-position: left top;
}
.blue {
background-image: url(/images/blue.jpg);
background-repeat: no-repeat;
background-position: center top;
}
.blue .header {
background-image: url(/images/s1.gif);
background-repeat: no-repeat;
background-position: center bottom;
height: 100px;
width: 910px;
margin-right: auto;
margin-left: auto;
}
.blue .logo {
height: 80px;
padding-top: 10px;
}
.blue .slogan {
height: 80px;
float: right;
padding-top: 10px;
}
.blue .top {
height: 228px;
width: 908px;
margin-right: auto;
margin-left: auto;
border-width: 1px;
border-bottom-width: 0px;
border-style: solid;
border-color: #00c0ff;
}
.blue .menu {
background-color: #e8e8e8;
background-image: url(/images/bg-menu.jpg);
height: 33px;
}
.blue .intro {
height: 191px;
width: 870px;
margin-right: auto;
margin-left: auto;
}
.blue .ftitle {
color: #E7FF25;
font-size: 22px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
font-family: Tahoma, Arial, Helvetica, Verdana, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
}
.blue .txt {
font-family: Tahoma, Arial, Helvetica, Verdana, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
color: #FFFFFF;
font-size: 12px;
padding-right: 20px;
padding-left: 20px;
width: 395px;
float: left;
text-align: justify;
}
.blue p {
margin-top: 15px;
margin-bottom: 0px;
line-height: 18px;
}
.bggrey {
padding-bottom: 0px;
}
.content {
width: 910px;
margin-right: auto;
margin-left: auto;
padding-bottom: 10px;
padding-top: 20px;
text-align: justify;
}
#white {
background-image: url(/images/white.gif);
background-repeat: repeat-y;
background-position: center;
}
.footer {
font-family: Verdana, Tahoma, Arial, Helvetica, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
height: 43px;
background-color: #B3C900;
font-size: 10px;
color: #FFFFFF;
position: relative;
}
.footer .line {
background-color: #cacaca;
height: 5px;
border-bottom: 1px solid #FFFFFF;
font-size: 1px;
}
.footer .width {
width: 870px;
margin-top: 9px;
margin-right: auto;
margin-left: auto;
}
.footer a {
color: #FFFFFF;
}
.footer a:hover {
color: #FFFFFF;
text-decoration: underline;
}
.footer .design {
float: right;
}
.front {
padding-right: 40px;
padding-left: 40px;
}
.front .title {
color: #B3C900;
font-size: 20px;
padding-bottom: 7px;
width: auto;
}
.front .flash {
float: none;
}
.news {
margin-top: 20px;
margin-bottom: 10px;
text-align: left;
}
.front .news {
float: right;
width: 200px;
margin: 0px;
}
.center .news {
margin-top: 10px;
margin-bottom: 10px;
}
.news .title {
color: #B3C900;
font-size: 20px;
padding-bottom: 7px;
width: auto;
}
.new, .center .news .new {
color: #808080;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #abafb5;
padding-top: 4px;
border: none;
}
.new .date {
color: #00adef;
display: block;
}
.new a, .new a .title {
color: #808080;
}
.new a:hover, .new a:hover .title {
color: #808080;
text-decoration: underline;
}
.new .title {
display: block;
font-size: 12px;
color: #808080;
font-weight: bold;
padding: 0px;
}
.center .news .new .title {
margin-bottom: 0px;
}
.news .dist {
display: block;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #abafb5;
margin-top: 5px;
margin-bottom: 10px;
}
/***********************/
.center .new {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #abafb5;
padding-top: 4px;
}
.center .new .title {
margin-bottom: 10px;
}
.center .new .date {
color: #00adef;
display: inline;
font-weight: normal;
}
.center .news .dist {
display: block;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #abafb5;
margin-top: 10px;
margin-bottom: 20px;
}
.center .new a:hover, .center .new a:hover .title {
color: #808080;
text-decoration: underline;
}
.center .new .more {
text-align: right;
display: block;
}
.center .new .more a {
color: #00adef;
font-weight: bold;
}
.center .new .more a:hover {
text-decoration: underline;
}
.clear {
clear:both;
height:1px;
overflow:hidden;
}
form {
margin: 0px;
padding: 0px;
}
/*************************/
.content .leftm {
width: 185px;
float: left;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 15px;
}
.lmenu {
font-size: 10px;
text-transform: uppercase;
padding: 0px;
width: 185px;
font-weight: bold;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
text-align: left;
}
.lmenu li {
list-style-type: none;
padding-bottom: 6px;
}
.lmenu a {
background-color: #F3F3F3;
background-image: url(/images/menu-t.gif);
background-repeat: no-repeat;
background-position: left top;
margin: 0px;
display: block;
padding-top: 7px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
width: 185px;
}
.lmenu a:hover {
background-color: #B3C900;
background-image: url(/images/menu-t1.gif);
background-repeat: no-repeat;
background-position: left top;
}
.lmenu .linkb {
color: #6c6c6c;
background-image: url(/images/menu-b.gif);
background-repeat: no-repeat;
background-position: left bottom;
margin: 0px;
display: block;
padding-bottom: 7px;
padding-right: 8px;
padding-left: 8px;
}
.lmenu a:hover .linkb {
background-image: url(/images/menu-b1.gif);
}
/****************/
p {
margin-top: 0px;
margin-bottom: 14px;
}
.content .center {
overflow: auto;
zoom: 1;
padding-right: 30px;
padding-left: 30px;
}
.content .ftitle {
color: #B3C900;
font-size: 22px;
font-family: Tahoma, Arial, Helvetica, Verdana, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
margin-bottom: 10px;
}
.center ul {
list-style-image: url(/images/list.gif);
margin-bottom: 20px;
margin-left: 0px;
padding: 0px;
overflow: auto;
zoom: 1; /* hasLayout for IE<= 6 */
}
.center li {
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 35px;
}
.content .center .left {
float: left;
padding-right: 25px;
padding-bottom: 20px;
}
.content .center .right {
float: right;
margin-bottom: 15px;
margin-left: 25px;
}
.content .center .subtitle {
text-align: center;
padding-top: 8px;
font-style: italic;
}
.center h1 {
color: #B3C900;
font-size: 14px;
margin-bottom: 15px;
font-weight: bold;
}
.center h2 {
color: #B3C900;
font-size: 12px;
margin-bottom: 15px;
font-weight: bold;
}
.center h3 {
color: #00adef;
font-size: 12px;
margin-bottom: 15px;
font-weight: bold;
}
.table-blue, .table-blue a {
color: #FFFFFF;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
}
.table-blue a:hover {
color: #FFFFFF;
text-decoration: underline;
}
.table-blue .bg {
background-color: #00adef;
padding-top: 6px;
padding-bottom: 6px;
padding-right: 10px;
padding-left: 10px;
}
.table-blue .r1 {
height: 2px;
width: 2px;
background-image: url(/images/br1.gif);
background-repeat: no-repeat;
background-position: left top;
}
.table-blue .r2 {
height: 2px;
width: 2px;
background-image: url(/images/br2.gif);
background-repeat: no-repeat;
background-position: right top;
}
.table-blue .r3 {
height: 2px;
width: 2px;
background-image: url(/images/br3.gif);
background-position: left bottom;
background-repeat: no-repeat;
}
.table-blue .r4 {
height: 2px;
width: 2px;
background-image: url(/images/br4.gif);
background-position: right bottom;
background-repeat: no-repeat;
}
/*********************/
.products {
color: #B3C900;
margin-bottom: 30px;
}
.products .ftitle {
color: #B3C900;
font-size: 16px;
font-family: Tahoma, Arial, Helvetica, Verdana, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
margin-bottom: 0px;
text-decoration: underline;
margin-left: 62px;
}
.products .prod-item .ftitle a {
color: #B3C900;
text-decoration: underline;
}
.products .ftitle a:hover {
text-decoration: underline;
}
.products .prod-item {
margin-bottom: 17px;
height: 50px;
}
.products .prod-item a {
color: #5e5e5e;
}
.products .prod-item a {
text-decoration: none;
}
.products .th {
float: left;
}
.products .th a {
float: left;
padding-top: 3px;
padding-right: 15px;
}
.product {
border-top-width: 2px;
border-top-style: solid;
border-top-color: #abafb5;
padding-top: 20px;
margin-bottom: 10px;
}
.product#solo {
border-top-width: 0px;
padding-top: 0px;
}
.product .ftitle {
color: #223f71;
font-size: 20px;
font-family: Tahoma, Arial, Helvetica, Verdana, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
margin-bottom: 25px;
width: 440px;
margin-right: 0px;
padding: 0px;
}
.contact {
margin-left: 40px;
font-family: Tahoma, Arial, Helvetica, Verdana, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
}
.vhalf {
float: left;
width: 330px;
display: inline;
}
.middle {
float: left;
width: 170px;
}
.green {
color: #B3C900;
}
.contact .dist {
clear:both;
height:11px;
overflow:hidden;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #abafb5;
margin-top: 3px;
margin-bottom: 12px;
margin-right: 40px;
}
.field {
font-family: Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
color: #5e5e5e;
width: 210px;
border: 2px solid #aeaeae;
margin-top: 2px;
margin-bottom: 2px;
margin-left: 8px;
padding: 1px;
font-size: 12px;
}
.select {
font-family: Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
color: #5e5e5e;
width: 330px;
border: 2px solid #AEAEAE;
margin-top: 2px;
margin-bottom: 2px;
padding: 1px;
font-size: 12px;
}
.textarea {
font-family: Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
color: #5e5e5e;
width: 324px;
border: 2px solid #aeaeae;
margin-top: 2px;
margin-bottom: 2px;
padding: 1px;
font-size: 12px;
}
/********************/
span.checkbox {
width: 21px;
height: 25px;
padding: 0;
display: block;
clear: left;
float: left;
background-image: url(/images/checkbox.gif);
background-repeat: no-repeat;
}
span.radio {
width: 19px;
height: 25px;
padding: 0 5px 0 0;
display: block;
clear: left;
float: left;
background-image: url(/images/radio.png);
background-repeat: no-repeat;
}
span.select {
position: absolute;
width: 158px;
height: 21px;
padding: 0 24px 0 8px;
color: #fff;
font: 12px/21px arial,sans-serif;
overflow: hidden;
}
/**************************/
a.button {
color: #FFFFFF;
background-color: #B3C900;
padding: 3px;
border: 2px solid #AEAEAE;
text-decoration: none;
text-align: center;
margin: 0px;
font-weight: bold;
width: 92px;
display: block;
}
a.button:hover {
color: #FFFFFF;
background-color: #AEAEAE;
}
.agents-map {
float: right;
padding-right: 80px;
padding-bottom: 20px;
}
.agent {
float: left;
width: 320px;
padding-top: 12px;
}
.agent .t1 {
font-size: 16px;
font-weight: bold;
padding-bottom: 15px;
}
.agent .t2 {
font-size: 12px;
font-weight: bold;
color: #B3C900;
padding-bottom: 3px;
}
.archieved {
font-size: 11px;
font-weight: bold;
color: #00adef;
padding-bottom: 20px;
}
.archieved a {
color: #00adef;
display: block;
padding-top: 3px;
padding-bottom: 4px;
padding-left: 27px;
background-image: url(/images/archieved.gif);
background-position: left 1px;
background-repeat: no-repeat;
text-decoration: none;
}
.archieved a:hover {
color: #00adef;
text-decoration: underline;
}
.product .pdf {
float: right;
padding-bottom: 10px;
padding-left: 25px;
}
.product .pdf a {
color: #345c99;
text-decoration: underline;
margin-left: 10px;
}
.product .pdf a:hover {
color: #345c99;
text-decoration: underline;
}
.product .pdf li {
list-style-type: none;
list-style-image: none;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
margin-top: 0px;
margin-right: 4px;
margin-bottom: 0px;
margin-left: 0px;
}
.product .pdf ul {
overflow: auto;
zoom: 0; /* hasLayout for IE<= 6 */
}
.product .chart {
width: 100%;
border-top-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-left-style: solid;
border-top-color: #e5e5e5;
border-left-color: #e5e5e5;
color: #000000;
font-size: 11px;
margin-bottom: 15px;
}
.chart .header {
background-color: #efeff1;
font-weight: bold;
font-size: 13px;
}
.chart .first {
background-color: #00a0c6;
}
.chart .first-vacuum {
background-color: #ef0000;
}
.chart td {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #e5e5e5;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #e5e5e5;
text-align: center;
padding-top: 2px;
padding-right: 10px;
padding-bottom: 2px;
padding-left: 10px;
}
.chart .header td {
padding-top: 5px;
padding-bottom: 5px;
}
.chart a {
color: #000000;
text-decoration: underline;
}
.chart a:hover {
color: #000000;
text-decoration: none;
}
.chart .link {
white-space: nowrap;
}
.chart img {
margin-right: 5px;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
}










.comment {
padding-top: 0px;
padding-bottom: 20px;
font-size: 11px;
}
.graph {
text-align: center;
}
.graph a {
color: #5e5e5e;
margin-top: 22px;
margin-bottom: 22px;
display: block;
background-repeat: no-repeat;
background-position: left top;
padding-left: 26px;
padding-right: 26px;
padding-top: 4px;
padding-bottom: 4px;
}
.graph a.close {
background-image: url(/images/close.gif);
padding-right: 15px;
}
.graph a.next {
background-image: url(/images/next.gif);
background-position: right;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CCCCCC;
padding-left: 15px;
margin-right: 50px;
}