p.nav-bottom,
div.nav-bottom {
margin-top: 2em;
text-align: center}
p.nav-top,
div.nav-top {
margin-bottom: 2em;
text-align: center}
div.nav-pagination {
padding-right: 0.5em;
padding-bottom: 1px}
div.nav-pagination img, 
.nav-right img {
vertical-align: middle}
div.nav-pagination {
min-height: 2.5em}
div.nav-pagination img {
margin-left: 0.5em}
div.nav-pagination a+a img,
div.nav-pagination img+a img,
div.nav-pagination a+img {
margin-left: 0em}
/*\*/
* html div.nav-pagination img {
margin-right: -0.5em}
/* */
span.pagination {
padding-right: 1em}
p {
margin-top: 0;
padding-bottom: 1px;
margin-bottom: 1.2em}
p.iconmarker-16x16 {
padding-left: 20px;
text-indent: -20px;
margin-top: 1em}
p.iconmarker-20x20 {
padding-left: 24px;
text-indent: -24px;
margin-top: 1em}
h4 img, 
p img {
vertical-align: middle;
margin-right: 0.35em}
 
p.nav-right img {
margin-right: 0}
p.label {
margin-bottom: 0.15em}
p.iow {
margin-top: -0.6em}
#infoPod p {
margin: 6px 0 0}
h4.iconmarker-16x16 {
font-weight: normal;
padding-left: 20px;
padding-bottom: 3px;
text-indent: -20px}
h4.iconmarker-16x16 a {
font-weight: bold}
h4.compact,
h5.compact
{
float: left;
clear: left;
line-height: 1.35em;
margin: 0 .5ex 0 0}
h4.compact:after,
h5.compact:after
{
content: ":"}
*html h4.compact,
*html h5.compact
  { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: right 0.55em; padding-right: 0.5ex }
span.s-br {
height: 0;
width: 0;
font-size: 1px}
html>body span.s-br {
margin: 0 0 0 -2px}
div:first-child * span.s-br {
float: left;
margin: 0;
display: run-in}
#contentBody .stamp-fast {
width: 24px;
height: 9px;
margin: 0;
float: none}
#layoutLogic h1 {
margin: 0 1px 0 0;
padding: 0.5em 4em 0.35em 16px;
min-height: 24px}
/*\*/
* html #layoutLogic h1 {
height: 43px}
/* */
h2 {
margin-top: 0;
margin-bottom: 0.5em}
h2.header-border {
margin-top: 0;
padding-bottom: 0.5em;
margin-bottom: 1em;
margin-right: -8px;
padding-right: 8px;
margin-left: -8px;
padding-left: 8px}
#contentBody h3, 
#iframe-popup h3 {
margin: 0 -8px 0.85em -8px;
padding: 0.1em 8px}
#contentBody h3 a { 
display: block;
margin-left: -8px;
margin-right: -8px;
padding-left: 8px;
padding-right: 8px}
/*\*/
* html #contentBody h3 a { 
height: 1em}
/**/
#pod h3 {
margin-top: 1em;
margin-bottom: 0.35em}
#infoPod h3 {
margin: 0 -11px 0 -10px;
padding: 0 11px 2px 10px}
#util-article h3 {
margin: 0 -8px 0.5em -8px}
h3.header-border {
margin-top: 0;
padding-bottom: 0.5em;
margin-bottom: 0.9em;
margin-right: -8px;
padding-right: 8px;
margin-left: -8px;
padding-left: 8px}
h4 {
margin-top: 0;
margin-bottom: 0}
h1.imageHeader {
margin: 0;
padding: 0}
h2.imageHeader {
margin: 0;
padding-bottom: 5px;
clear: both}
h2.imageHeader-border {
clear: both;
margin-bottom: 11px;
width: 99%}
h2.imageHeader-border img {
margin-bottom: 8px}
h3.imageHeader {
margin: 0;
padding: 0 0 10px;
clear: both}
h3.imageHeader-border {
padding-bottom: 4px;
clear: both;
margin-bottom: 8px}
img {
border: 0}
a.helptextlink {
margin-top: -6px}
blockquote 
{
margin: 0 0 1.5em}
blockquote.indent 
{ 
margin: 0 32px 1.5em}
blockquote address,
blockquote cite 
{
margin-top: 0.25em}
blockquote.pullquote 
{
padding: 1.25em 0}
blockquote.pullquote p 
{
margin-bottom: .5em}
blockquote.pullquote cite 
{
display:block;
margin-left: 1em}
blockquote.pullquote span.author 
{
margin-left: -1em}
q
{
behavior: url(/css/htc/qtag.htc)}
address {
width: auto}
#bio address {
display: block;
margin-bottom: 1.5em}
div.legalnotice {
clear: both}
div.new {
float: left; 
margin-right: 1px}
span.new { 
padding-left: 5px}
div.popupheader {
vertical-align: top;
padding: 12px 16px 4px 16px;
border-bottom: 1px solid #999;
margin: 0;
height: 32px}
div.popup {
padding: 12px 16px 16px 16px;
height: 100%;
margin: 0}
#closepopup {
position: absolute;
bottom: 16px;
right: 16px}
pre {
margin-bottom: 1em}
div.preWrapper pre {
padding: 0;
margin: 4px 15px}
div.preWrapper {
padding: 15px 0;
margin: 1em 0}
* html div.preWrapper {
width: 100%;
overflow-x: auto}
html>body div.preWrapper {
overflow: auto}
::root div.columns-2-aaB-B div.preWrapper {
width: 480px}
::root div.columns-2-aaB-B ul div.preWrapper,
::root div.columns-2-aaB-B ol div.preWrapper {
width: 450px}
div.blockOffsetLeft {
clear: both;
margin: 0 0 24px 32px;
padding: 0}
.caption {
margin-top: 0.8em}
p.caption {
margin-top: 0.5em}
#contentFooter { 
text-align: left}
div.portal-features h3, 
div.portal-features h4 {
margin-bottom: 0.2em !important;
padding: 0 !important}
div.badge {
text-align: center;
padding: 10px;
margin: 0 -10px}
div.badge img,
div.badge embed,
div.badge object {
margin: 0 auto;
display: block}
div.pod span.descriptor {
float: left;
vertical-align: bottom;
padding: 0 0 10px 0;
text-align: left}
.txtleft {
text-align: left !important}
.txtright {
text-align: right !important}
.txtcenter,
.center {
text-align: center !important}
ol {
list-style: decimal outside;
margin-left: 2em}
ul {
list-style: disc outside;
margin-left: 0.5em}
ul,
ol {
padding-left: 1.5em;
margin-top: 1em;
margin-bottom: 1.35em}
li {
line-height: 1.35em;
padding-bottom: 0.5em}
li ol,
li ul {
margin-top: 0;
margin-bottom: .3ex}
ol ol {
list-style-type: lower-alpha;
margin-left: .5ex}
ol ol ol {
list-style-type: lower-roman}
/*\*/
* html ol ol {
margin-left: 1.5ex}
/**/
li p { 
margin-bottom: 0.5em}
div.compact {
margin-top: 1em;
padding-bottom: 1.35em}
ul.compact li
{
float: left}
ul.compact
{
/*\*//*/
display: inline-block
/**/
}
ul.compact:after
{
display: block;
clear: both;
height: 0;
content: ".";
visibility: hidden}
/*\*/
*html ul.compact
{
 height: 1em
}
/**/
#pod ul.nav-pod,
#pod ul.nav-pod ul
{
list-style-type: none}
#pod ul.nav-pod
{
padding: 0 10px;
margin: -11px -10px 10px}
#pod ul.nav-pod ul
{
padding: 0 10px;
margin: 0 -10px}
#pod ul.nav-pod li
{
margin: 0 -10px;
padding: 0 10px}
#pod ul.nav-pod li a
{
display: block;
margin: 0 -10px}
#pod ul.nav-pod li a
{
padding: 5px 10px;
min-height: 14px}
#pod ul.nav-pod ul li a
{
padding: 3px 10px 3px 22px;
min-height: 14px}
#pod ul.nav-pod ul li
{
margin: 0 -10px;
padding: 0 10px}
#pod ul.nav-pod p
{
margin: 0 -10px;
padding: 5px 10px}
/*\*/
*html #pod ul.nav-pod a,
*html #pod ul.nav-pod li
{
height: 10px}
/**/
ul.rnav-static {
text-align: left;
list-style: none outside;
padding: 0;
margin: 0}
ul.rnav-static li {
margin: 0;
padding: 0 0;
border-bottom: 1px solid #c3c8cB;
font-weight: bold;
line-height: 1.2em}
ul.rnav-static li ul {
font-size: 1em;
list-style: none outside;
border-top: none;
margin: 0;
padding: 0 0 8px 0}
ul.rnav-static  li ul li {
border-bottom: none;
padding: 3px 0;
font-weight: normal}
ul.rnav-static li p {
margin-top: 7px;
margin-bottom: 2px}
ul.iconmarker-18x12,
ul.iconmarker-16x16,
ul.iconmarker-20x20 {
list-style: none;
padding: 0;
margin: 1em 0 1.35em}
ul.iconmarker-16x16 img {
height: 16px;
width: 16px}
ul.iconmarker-16x16 li,
ul.iconmarker-16x16 li ul.iconmarker-16x16 li {
margin-left: 1px;
padding-left: 20px}
ul.iconmarker-16x16 li ul {
margin-bottom: .35em}
ul.iconmarker-16x16 li ul li {
padding-left: 0}
ul.iconmarker-16x16 li img { 
vertical-align: middle;
float: none; 
clear: none;
margin-left: -20px; 
margin-right: 4px}
div.compact ul.iconmarker-16x16 {
width: 99%;
margin: 0}
div.compact ul.iconmarker-16x16 li {
white-space: nowrap;
padding-top: 0;
padding-right: 1em;
margin: 0;
float: left}
* html div.compact ul.iconmarker-16x16 li {
width: auto}
ul.iconmarker-18x12 img {
width: 18px;
height: 12px}
ul.iconmarker-18x12 li {
margin-left: 1px;
padding-left: 22px}
ul.iconmarker-18x12 li img {
margin-left: -23px;
float: left;
clear: both}
ul.iconmarker-20x20 img {
width: 20px;
height: 20px}
ul.iconmarker-20x20 li {
margin-left: 1px;
padding-left: 24px}
ul.iconmarker-20x20 li ul {
margin-top: 0.5em;
margin-left: 0;
padding-left: 1px}
ul.iconmarker-20x20 li ul li {
margin-left: 1em}
ul.iconmarker-20x20 li img {
vertical-align: bottom;
vertical-align/**/: middle;
float: none; 
clear: none;
margin-left: -25px;
margin-right: 4px}
* html>body ul.iconmarker-20x20 li img {
vertical-align: middle}
* html ul.iconmarker-16x16 li, 
* html ul.iconmarker-18x12 li,
* html ul.iconmarker-20x20 li {
/*\*/width: 100%; /* */
width/**/: auto}
ul.iconmarker-inline-16x16,
ul.inline,
ol.inline {
margin: 1px 0 1em;
padding: 1px 0;
width: 99%;
list-style: none}
ul.iconmarker-inline-16x16 li,
ul.inline li,
ol.inline li {
white-space: nowrap;
padding: 1px 1em 0.5em 0;
margin: 0;
float: left}
ul.iconmarker-inline-16x16 li img {
float: none; 
clear: none;
margin-right: 4px;
vertical-align: middle}
ul.nomarker {
list-style-type: none;
list-style-image: none;
margin: 0 0 1em 2px;
padding-left: 0}
.char-marker {
list-style: none;
padding-left: 0;
margin-left: 0}
.char-marker li {
padding-left: 1em;
text-indent: -1em}
div.pipe-marker ul,
ul.pipe-marker {
list-style: none;
padding-left: 0;
margin-left: 0;
margin-top: 0;
margin-bottom: 1.5em}
div[class="pipe-marker"] li,
ul[class="pipe-marker"] li {
display: inline}
div[class="pipe-marker"] li+li:before,
ul[class="pipe-marker"] li+li:before {
content: "|";
color: #96A2A9;
margin-right: .5ex;
margin-left: .25ex}
div.pipe-marker .clear-both {
display: none}
/*\*/
*html div.pipe-marker ul,
*html ul.pipe-marker {
width: 100%}
*html div.pipe-marker ul {
height: 1em}
*html div.pipe-marker ul li,
*html ul.pipe-marker li  { background: url(<img src="http://www.vapor-systems.com/images/master/markers/pipe.gif)url("<img src="http://www.vapor-systems.com/images/master/markers/pipe.gif") no-repeat 0.35em 50%; white-space: nowrap; margin-left: -1ex; padding-right: 2ex; padding-left: 1.5ex; float: left } *html div.h-nav div.pipe-marker ul li { margin-bottom: -.35em} /*/ div.pipe-marker li, ul.pipe-marker li { display: inline-block; white-space:nowrap} div.pipe-marker ul li:first-child, ul.pipe-marker li:first-child { padding-left: 0} div.pipe-marker li+li, ul.pipe-marker li+li { background: url(<img src="http://www.vapor-systems.com/images/master/markers/pipe.gif) no-repeat .35em left} div.pipe-marker li, ul.pipe-marker li { padding: 0 .5ex 0 1ex} /**/ ul.rule-marker { border-top: 1px solid #edeff0; list-style: none; margin: 6px -8px 0; padding: 0 8px 10px} ul.rule-marker li { border-bottom: 1px solid #edeff0; background-color: #fff; margin: 0 -8px; padding: 0.2em 8px} ul.rule-marker li a { line-height: 1.35em; display/**/:/**/block; margin/**/:/**/-0.2em -8px; padding/**/:/**/0.2em 8px; /*\*//*/ display: block; margin: -0.2em -8px; padding: 0.2em 8px; /**/ } ul.arrow-marker { list-style-type: none; list-style-image: url(<img src="http://www.vapor-systems.com/images/master/homepage/arrow_marker.gif); margin: 0 0 1em 9px; padding: 0 } ul.arrow-marker:empty { list-style-type: inherit} head:first-child+body ul.arrow-marker { margin: 0 0 .5em 18px} * html ul.arrow-marker { margin: 0 0 0 18px} ul.arrow-marker li { margin: 0; padding: 1px 0} ul.arrow-marker li a { position: relative; top: 0; left: 0} head:first-child+body ul.arrow-marker li a { left: -5px} * html ul.arrow-marker li a { left: -5px; top: -.5em; /*\*/ top: -.3em; /**/ } * html ul.arrow-marker { padding-top: .5em; /*\*/ padding-top: .3em; /* */ /*\*//*/ margin-bottom: -.5em; /**/ } ul.pointing-right-marker, li.pointing-right-marker, ul.pointing-left-marker, li.pointing-left-marker { list-style: none} ul.pointing-right-marker, ul.pointing-left-marker { list-style: none; margin: 0 0 1em; padding: 0} ul.pointing-right-marker li, ul.pointing-left-marker li { padding: 0.15em 0 0.2em; margin: 1px 0; line-height: 1.35em} * html .pointing-right-marker, * html .pointing-left-marker { height: 1%; height/**/: auto} html>body .pointing-right-marker a:after {
content: ' \203a'}
* html .pointing-right-marker a  { background-image: url(<img src="http://www.vapor-systems.com/images/master/markers/pointing_right_link.gif); background-repeat: no-repeat; background-position: right 6px; display: inline; margin-right: 0.1ex; padding-right: 7px; float: none } * html .pointing-right-marker a:visited { background-position: right -47px} * html #pod .pointing-right-marker a { background-position: right 5px} * html #pod .pointing-right-marker a:visited { background-position: right -48px} html>body .pointing-left-marker a:before { content: '\2039\0020'} * html .pointing-left-marker a { background-image: url(<img src="http://www.vapor-systems.com/images/master/markers/pointing_left_link.gif); background-repeat: no-repeat; background-position: left 6px; display: inline; margin-left: 0.1ex; padding-left: 7px; float: none } * html .txtright .pointing-left-marker a, * html .nav-right .pointing-left-marker a { /*\*/ display: block; float: right; /**/ display/**/: inline; float/**/: none} * html .pointing-left-marker a:visited { background-position: left -47px} * html #pod .pointing-left-marker a { background-position: left 5px} * html #pod .pointing-left-marker a:visited { background-position: left -48px} ol.searchResults { list-style-position: outside; line-height: 1.3em; padding: 1px 0 1px 18px; margin: 0 0 0 16px} ol.searchResults li { vertical-align: top} #util-article ol, #util-article ul { list-style: none; margin: 0 0 1em; padding: 0.5em 0} #util-article ol li, #util-article ul li { line-height: 1.35em; padding: 0 0; margin: 0 0 0.5em} ul.link-list { text-align: left; list-style: none; margin: 0 0 1em; padding: 0} ul.link-list li { padding: 0.15em 0 0.2em; margin: 1px 0; line-height: 1.35em} ul.link-list a img { vertical-align: middle; margin-right: 4px} div.compact ul.link-list li { float: left; padding-right: 1em} ul.fma { clear: both; line-height: inherit; padding: 0 0 1px 0; margin: 0 0 1em 15px} ul.fma { clear: both; list-style-type: disc; list-style-image:none; padding: 0 0 1px 0; margin: 0 0 1em 15px} ul.indent { margin-left: 20px} #infoPod ul { margin: 4px 0} dt, dd { line-height: 1.5em} dt { margin-bottom: 1em; margin-top: 0.5em} dl, dd { margin-bottom: 1.5em} dd { margin-left: 16px} dl.no-indent { margin-top: 0; margin-bottom: 0} dl.no-indent dt { line-height: 1em; margin-bottom: 0} dl.no-indent dd { margin-left: 0} #contentBody div.op-head { margin: 0; padding: 0} #contentBody div.op-head h3 { margin: 0 !important; padding: 2px 8px 3px; line-height: normal} #contentBody div.p-halo h3 { color: #000; padding: 5px 10px 3px} div.op-body { margin: 0; padding: 10px 8px 6px} #contentBody div.p-halo div.op-body { padding: 12px 10px 8px} #contentBody div.p-ezcart h3 { color: #000; padding: 5px 10px 3px} div.op-body { margin: 0; padding: 0px 0px 0px} #contentBody div.p-ezcart div.op-body {
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 1px;
} div.op-header { margin: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } div.op-body div.image-left-80x60 { margin-bottom: 0 } /*\*/ * html div.full-width div.columns-2-AB-A div.op-body, * html div.full-width div.columns-2-AB-B div.op-body { height: 1%} /**/ div.op-body ul, div.op-body p { margin: 0 0 .85em !important} #contentBody div.options-pod { padding:0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; } div.options-box { padding: 0px 8px 0px 8px} 
<!--
.style1 {color: #666666}
.style2 {
	color: #FFFFFF;
	font-weight: bold;
}
.style3 {color: #FFFFFF}
.style5 {
	color: #FFFFFF;
	font-size: 1.5em;
	font-weight: bold;
}
.style8 {color: #FFFFFF; font-weight: bold; font-size: 1.2em; }
-->