/* CSS Document */

html, body, #document {
	margin:0;
	padding:0;
	min-height:100%;
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
html>body, html>body #document {
	height:auto;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/bg.jpg);
}
/* common classes */
.strapline {
	font-weight:bold;
	font-size:11px;
}
.strapline a:link, .strapline a:visited {
	color:#CC0001;
	font-size:12px;
}
/* specific DIV ids */
#document { /* absolute "wrapper" for entire page to align #footer to bottom of page or bottom of content if window is smaller than content */
	position:absolute;
	top:0;
	left:0;
}
#container { /* wrapper to set fixed width, margin sets space from top, space from footer and centers in window, border wraps entire content except for footer */
	position:relative;
	width:750px;
	margin:20px auto 53px auto;
	border:1px solid #CCC;
}
#headerwrapper { /* header that puts a horizontal bar at the bottom of the header */
	width:100%;
	height:78px;
	background:url(images/bkg_divider.jpg) repeat-x bottom;
}
#header { /* header to place the logo at top left corner */
	width:100%;
	height:75px;
	background:url(images/header-image.jpg) no-repeat left;
	text-align:right;
}
#header .strapline { /* right aligned strapline text */
	color:#CCC;
	float:right;
	margin-top:42px;
	margin-right:20px;
}
#header .strapline h1 {
	font-size:14px;
	color:#CC0001;
	display:inline;
	margin-right:20px;
}
#header .strapline a:hover {
	background-color:#CCC;
}
#header .strapline form {
	display:inline;
}
#wrapper { /* wrapper that contains the floats for the sidebar and main content area */
	position:relative;
	height:100%; /* needed or IE screws up */
	background:#CCC url(images/bkg_plug.jpg) no-repeat bottom left; /* background is here so it stretches to fill the full height behind the sidebar */
	overflow:hidden;
} /* keesp this div from collapsing because it only contains floats */
#wrapper2 { /* wrapper that contains the floats for the sidebar and main content area */
	position:relative;
	height:100%; /* needed or IE screws up */
	background:#CCC url(images/home-worldwide.jpg) no-repeat bottom left; /* background is here so it stretches to fill the full height behind the sidebar */
	overflow:hidden;
} /* keesp this div from collapsing because it only contains floats */
#wrapper_foreign { /* wrapper that contains the floats for the sidebar and main content area */
	position:relative;
	height:100%; /* needed or IE screws up */
	background:#CCC; /* background is here so it stretches to fill the full height behind the sidebar */
	overflow:hidden;
} /* keesp this div from collapsing because it only contains floats */
#content-container { /* container for the main content area, floated right with left margin for sidebar to fill */
	position:relative;
	width:100%;
	float:right;
	margin-left:-174px;
}
#content {/* main content area */
	position:relative;
	margin-left:174px;
	background:white;
	overflow:visible;
	min-height:409px;
}
#content-dist {/* main content area */
	position:relative;
	margin-left:174px;
	overflow:visible;
	min-height:409px;
	background-color: white;
	background-image: url(images/contact/distributors/bg_dist.jpg);
	height: 0;
}
* html #content {
	height:409px;
} /* min-height hack for IE */
#content-rs-container { /* container for the main content area, floated right with left margin for sidebar to fill */
	position:relative;
	background-color:#CCC;
	width:100%;
	float:left;
	height:100%; /* needed or IE screws up */
	margin-right:-125px;
}
#content-rs {/* main content area */
	position:relative;
	margin-right:125px;
	padding:20px 0 10px 0;
	background:white;
	overflow:visible;
	height:100%; /* needed or IE screws up */
	min-height:351px;
}
* html #content {
	height:351px;
} /* min-height hack for IE */
#rightsidebar {
	position:relative;
	width: 125px;
	float: right;
}
#content-nors {
	padding:20px 0 10px 0;
	height:100%;
}
#content-nors-dist {
	height:100%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#pagetitle { /* title area for page content */
	background-color:#CC0001;
	height:29px;
	text-align:left;
	border-bottom:#E06567 1px solid;
	color:white;
	font-size:18px;
	font-weight:bold;
	/*	margin-bottom:10px;*/
	padding:8px 0 0 22px;
}
#sidebar {
	position:relative;
	width: 174px;
	float: left;
	vertical-align: bottom;
	text-align: left;
}
#rightbar {
	position:relative;
	float:right;
	width:125px;
	background-color:#CCC;
	min-height:100%;
}
#footerwrapper { /* footer wrapper that aligns to the bottom and sets the background color */
	position:absolute;
	bottom:0;
	width:100%;
	height:30px;
	text-align:center;
	background-color: #CCC;
}
#footer {	/* footer to center the text the same as the main page is centered */
	width:752px;
	height:30px;
	background-color:#c70b19;
	margin:0 auto;
}
#footerwrapper .strapline {
	position:relative;
	color:#FFF;
	padding-top:7px;
	margin-left:auto;
	margin-right:auto;
} /* extra styling for footer strapline */
#footerwrapper .strapline a:link, #footerwrapper .strapline a:visited {
	color:white;
}
#footerwrapper .strapline a:hover {
	background-color:#CC0001;
}
#developer {
	position:absolute;
	bottom:0;
	right:0;
}
#developer .strapline {
	color:#FFF;
}
/* general and specific div restyling for standard tags */
a {
	text-decoration:none;
	padding:0;
}
p {
	text-align:justify;
	margin:0 22px 15px 23px;
}
h3 {
	margin: 0 22px 15px 22px;
}
h4 {
	text-decoration: underline;
	font-size:12px;
	margin: 5px 22px;
}
ol, ul, li, dl, dt, dd, img {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}
hr {
	margin: 5px 25px;
	color:#CCC;
}
.imgcenter {
	text-align:center;
	width:175px;
}
.parabold {
	font-weight:bold;
}
.contentimgright {
	float:right;
	margin:0 8px 0 5px;
	border:1px solid #CCC
}
.contentimgleft {
	float:left;
	margin:0 8px 0 5px;
	border:1px solid #CCC;
}
#content ul {
	margin:15px 22px 0 37px;
	text-align: left;
}
#content li {
	margin:5px 0;
	text-align:justify;
	list-style-type:disc;
}
.smalllist {
	font-size:10px;
}
.contentleft {
	float:left;
	width:430px;
}
.contentleft p {
	margin:0 5px 5px 23px;
}
.contentleft ul {
	margin:15px 15px 0 20px;
	font-size:10px;
}
.contentleft li {
	margin:5px 0;
	text-align:justify;
}
.contentright {
	float:right;
	width:420px;
}
.contentright p {
	margin:0 15px 5px 5px;
}
.contentright ul {
	margin:15px 15px 0 20px;
	font-size:10px;
}
.contentright li {
	margin:5px 0;
	text-align:justify;
}
#content table {
	font-size:10px;
	margin-top: 0px;
	margin-right: 23px;
	margin-bottom: 0px;
	margin-left: 15px;
}
#content a:link, #content a:visited {
	color:#CC0001;
}
#content a:hover {
	background-color:#CCC;
}
.bottomlinkright {
	clear:both;
	float:right;
	right:8px;
	position:absolute;
	bottom:0px;
}
.bottomlinkleft {
	clear:both;
	float:left;
	margin-left:8px;
}
.productlink {
	clear:left;
	margin:10px 0 0 10px;
	width:125px;
}
#rightsidebar a {
	display:block;
	width:123px;
	margin-top:10px;
	padding:5px 0;
	border:1px solid #CCC;
	text-align:center;
}
#rightsidebar a:hover {
	background-color:#EEE;
}
.imglink {
	padding:2px;
	text-align:center;
	display:block;
}
.datatable {
	border-collapse:collapse;
}
.datatable td, .datatable th {
	border:1px solid #CCCCCC;
	padding:3px;
}
.datatable .header {
	background-color:#CCCCCC;
	font-size:12px;
	font-weight:bold;
}
.linkdiv {
	margin:0 0 5px 0;
	display:none;
	text-align:center;
	visibility:hidden;
}
.imagetable {
	border-collapse:collapse;
	vertical-align:top;
	text-align:center;
	overflow:hidden;
}
.imagetable td, .imagetable th {
	border:1px solid #CCCCCC;
	padding:0px;
	vertical-align:top;
}
.imagetable td {
	width:175px;
	height:80px;
	overflow:hidden;
}
.imagetable a {
	width:175px;
	height:80px;
}
.imagetable .linkdiv {
	margin:0 0 5px 0;
	display:none;
	text-align:center;
	visibility:hidden;
}
.imagetable .linkdivabs {
	position:absolute;
	bottom:1px;
	left:0px;
	width:175px;
	display:block;
	text-align:center;
}
.imagetable .linkdivtdwrapper {
	position:relative;
	width:175px;
	height:80px;
}
.imagetable .imglink {
	padding:15px 25px;
	text-align:center;
	display:block;
	width:125px;
	height:50px;
	margin:0;
}
.imagetable .imglink:hover {
	background-color:#CCC;
}
.imagetable .personlink {
	display:block;
	width:175px;
	height:80px;
	margin:0;
	padding:0;
	overflow:hidden;
}
.imagetable .personimg {
	float:left;
	margin:9px 15px 0 15px;
	padding:0;
}
.imagetable .personname {
	margin:12px 0 0 0;
	padding:0;
	text-align:left;
	display:block;
}
.tablecontainer {
	margin:10px auto 0 auto;
}
/* main navigation styles */
ul#mainnav {
	height:21px;
	list-style:none;
	margin:0;
	padding-left:6px;
	border-bottom: 1px solid black;
	font-weight:bold;
	font-size:12px;
	background-color: black;
}
ul#mainnav li {
	float:left;
	background-color:black;
	color:white;
	margin:0;
}
ul#mainnav a:link, ul#mainnav a:visited {
	display:block;
	color:white;
	background-color:black;
	text-decoration:none;
	padding:1px 12px;
	border: 2px solid black;
}
ul#mainnav a:hover {
	/*	border-color:#FFF #777 #777 #FFF;
	background-position:-1px -1px;
	padding:0px 13px 2px 11px; */
	background-color:#EEE;
	color:black;
}
ul#mainnav a:active {
/*  border-color: #777 #FFF #FFF #777;
	padding:2px 11px 0px 13px; */
}
/* by setting <html id=""> and setting a class for the mainnav <li>'s we can make the "current" page in the nav look "selected" */
html#about li.about, html#contact li.contact, html#products li.products, html#endorsements li.endorsements, html#warranty li.warranty, html#faqs li.faqs, html#home li.home {
	background-color:#CC0001;
}
html#about li.about a:link, html#about li.about a:visited, html#about li.about a:active, html#contact li.contact a:link, html#contact li.contact a:visited, html#contact li.contact a:active, html#products li.products a:link, html#products li.products a:visited, html#products li.products a:active, html#endorsements li.endorsements a:link, html#endorsements li.endorsements a:visited, html#endorsements li.endorsements a:active, html#warranty li.warranty a:link, html#warranty li.warranty a:visited, html#warranty li.warranty a:active, html#faqs li.faqs a:link, html#faqs li.faqs a:visited, html#faqs li.about a:active, html#home li.home a:link, html#home li.home a:visited, html#home li.home a:active {
	border:2px solid #CC0001;
	/*	border-color:#EE0001 #7B0001 #7B0001 #EE0001; */
	background-color:#CC0001;
	padding:1px 12px;
	color:white;
}
/* sidebar navigation styling */
ul#sidenav {
	list-style:none;
	margin:37px 0 0 0;
	padding:0;
	font-weight:bold;
	font-size:12px;
}
ul#sidenav li {
	margin:0;
	padding:0;
	text-align:right;
}
ul#sidenav a:link, ul#sidenav a:visited {
	display:block;
	padding:5px 10px 5px 0;
	margin:0;
	border:1px solid #CCC;
	color:black;
	text-decoration:none;
}
ul#sidenav a:hover {
	border:1px solid #CCC;
	background-color:#EEE;
}
ul#sidenav a:active {
}
/* by setting <body id= > and setting a class for the sidenav <li>'s we can make the "current" page in the nav look "selected" */
body#history li.history, body#imgpartners li.imgpartners, body#atmpartners li.atmpartners, body#kioskpartners li.kioskpartners, body#news li.news, body#environment li.environment, body#reliability li.reliability, body#dqcpower li.dqcpower, body#dqcconv li.dqcconv, body#majac li.majac, body#desktop li.desktop, body#qc30 liqc30, body#endorse endorse, body#certifications certifications, body#whyprotect whyprotect, body#articles articles, body#glossary glossary, body#lifetime lifetime, body#guarantee guarantee {
	background-color:#999;
}
body#history li.history a:link, body#history li.history a:visited, body#history li.history a:active, body#imgpartners li.imgpartners a:link, body#imgpartners li.imgpartners a:visited, body#imgpartners li.imgpartners a:active, body#atmpartners li.atmpartners a:link, body#atmpartners li.atmpartners a:visited, body#atmpartners li.atmpartners a:active, body#kioskpartners li.kioskpartners a:link, body#kioskpartners li.kioskpartners a:visited, body#kioskpartners li.kioskpartners a:active, body#news li.news a:link, body#news li.news a:visited, body#news li.news a:active, body#environment li.environment a:link, body#environment li.environment a:visited, body#environment li.environment a:active, body#reliability li.reliability a:link, body#reliability li.reliability a:visited, body#reliability li.reliability a:active, body#dqcpower li.dqcpower a:link, body#dqcpower li.dqcpower a:visited, body#dqcpower li.dqcpower a:active, body#dqcconv li.dqcconv a:link, body#dqcconv li.dqcconv a:visited, body#dqcconv li.dqcconv a:active, body#majac li.majac a:link, body#majac li.majac a:visited, body#majac li.majac a:active, body#desktop li.desktop a:link, body#desktop li.desktop a:visited, body#desktop li.desktop a:active, body#qc30 li.qc30 a:link, body#qc30 li.qc30 a:visited, body#qc30 li.qc30 a:active, body#endorse li.endorse a:link, body#endorse li.endorse a:visited, body#endorse li.endorse a:active, body#certifications li.certifications a:link, body#certifications li.certifications a:visited, body#certifications li.certifications a:active, body#whyprotect li.whyprotect a:link, body#whyprotect li.whyprotect a:visited, body#whyprotect li.whyprotect a:active, body#articles li.articles a:link, body#articles li.articles a:visited, body#articles li.articles a:link, body#faqpage li.faqpage a:link, body#faqpage li.faqpage a:visited, body#faqpage li.faqpage a:link, body#glossary li.glossary a:link, body#glossary li.glossary a:visited, body#glossary li.glossary a:active, body#lifetime li.lifetime a:link, body#lifetime li.lifetime a:visited, body#lifetime li.lifetime a:active, body#guarantee li.guarantee a:link, body#guarantee li.guarantee a:visited, body#guarantee li.guarantee a:active {
	border:1px solid #CCC;
	background-color:#CCC;
	color:#CC0001;
	padding:5px 10px 5px 0;
}
/* \*/
* html #sidenav li a {
	height: 1%;
}
/* Holly hack - needed here so that the sidenav li's don't end up with a mysterious "vertical padding" between each */

/* scrolling news div on the home page */
#pscroller {
	width: 564px;
	height: 220px;
	border: none;
	padding: 5px;
	margin-bottom:10px;
}
#contact body #document #container #wrapper #content-container #content table tr td ul li {
	text-align: left;
}