* {
	padding: 0px;
	margin: 0px;
}
html {
	border-top: 10px solid #606b83;
}

body {
	background: #ebebeb;
}
a {
	color: #336699;
	text-decoration: none;
}
a:hover {
	color: #af0005;
	text-decoration: underline;
}
sup {
	font-size: 0.5em;
}
p {
	margin-bottom: 14px;
	text-align: justify;
}
img.floatleft {
	float: left;
	margin: 3px 17px 8px 0px;
	border: 1px solid #dcdccf;
	padding: 3px;
}
img.floatright {
	float: right;
	margin: 3px 0px 8px 17px;
	border: 1px solid #dcdccf;
	padding: 3px;
}
img.nb{
	border: 0;
	padding: 0;
}
ul.linklist {
	list-style: none;
}
ul.linklist li {
	border-top: solid 1px #EEEEEE;
	padding-top: 5px;
	margin: 5px 0px 0px 0px;
}
ul.linklist li.first {
	border-top: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
#outer {
	width: 800px;
	margin: 0 auto;
	background-color: #fff;
	box-shadow: -4px 0 8px rgba(0, 0, 0, .1), 4px 0 8px rgba(0, 0, 0, .1);
}
#inner {
	margin: 0 auto;
	padding: 0 1rem;
}
#navigation-bar {
	float: left;
	width: 100%;
}
#header {
	width: 100%;
	float: left;
	margin: 14px 0;
}
#header-left {
	float: left;
	width: 455px;
}
#header-right{
	float: right;
	width: 210px;
	text-align: right;
}
#header-left span {
	font-weight: normal;
}
#header-left h1 {
	padding: 0;
	width: 172px;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	border-right: 1px solid #999999;
	display: inline;
	padding-right: 12px;
	font-family: arial, tahoma, verdana, sans-serif;
}
#header h2 {
	display: inline;
	font-size: 12px;
	line-height: 2.5em;
	/*padding-left: 10px;*/
	text-transform: lowercase;
	font-weight: normal;
	margin-top: 1em;
}
#header-left .hd-wrap{
	background-position: 0px 0px;
	padding: 0px 0px 0px 0px;
}
#header-left .hd-wrap img {
	float: left;
	border: 0;
	padding-right: 8px;
}
#header-left .hd-wrap .hd-name{
	/*float: left;
	padding-top: 3px;*/
}

#date {
	float: right;
	text-align: right;
	width: 200px;
	font-weight: normal;
	padding: 7px 12px;
}
#page-header {
}
#content-wrap{
	background: #fff url('../images/bg_leftpanel.gif') repeat-y top left;
	float: left;
	width: 100%;
	margin: 8px 0;
}

#leftnav {
	float: left;
	width: 172px;
	margin: 0;
	padding: 0;
	border-top: 5px solid #f2d800;
}
#leftnav h3 {
	background: #f4b102;
	border-bottom: 1px solid #fff;
	color: #333;
	font-size: 8pt;
	padding: 5px 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#leftnav .ads{
	padding: 15px 20px;
}
#menu ul{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
#menu ul li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e0b643;
}
#menu ul li a {
	background: #ffe3af url('../images/bg_menu.gif') top left repeat-x;
	display: block;
	padding: 6px 10px 7px 15px;
	color: #fff;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
}
#menu ul li a:hover {
	background: #485573;
	color: #fff;
	text-decoration: none;
}

#content {
	width: 584px;
	float: right;
	padding: 10px 0;
}
/*
#content h1, #content h3 {
	position: relative;
	top: 4px;
	color: #222;
	padding: 0px 0px 10px 0px;
}*/

#content .post .p-header h1 {
/*	font-weight: normal;
	font-size: 25px;
	line-height: 30px;
	letter-spacing: -1px;
	margin-bottom: 0px;
	
*/	
    padding-left: 15px;
	background: url('../images/bg_dot.gif') bottom repeat-x;
}
#content h3{
	/*font-size: 14px;*/
}
#content .p-content {
	padding: 0px 15px 0px 15px;
	/*color: #333;*/
}
#content p {
	/*font-family: tahoma, arial, verdana, sans-serif;*/
}
#content .post {
}
#content .post .p-header {
	position: relative;
}
#page-header-inner{
	background: #46b1e9 url('../images/pghd-inner.gif') top left no-repeat;
	height: 100px;
}
#page-header-inner h1{
	float: left;
	margin: 50px 0 0 16px !important;
	margin: 50px 0 0 8px;
	font-family: arial, tahoma, verdana, sans-serif;
	font-weight: normal;
	/*
	font-size: 18pt;*/
	color: #fff;
	/*
	line-height: 2em;
	*/
}

#content .post .p-content {
	
	/*
	margin-bottom: 0px;
	padding: 15px;*/
}
#content .post .p-content h3{
	margin-bottom: 15px;
}
#content .post .p-content h3.b5{
	margin-bottom: 5px;
}

#content .post .productitem {
	padding: 15px;
	border-bottom: 1px solid #eaeef6;
}
#content .post .content-r{
	float: right;
	width: 460px;	
}
#content .post .p-footer {
	position: relative;
	top: -10px;
	background: url('../images/bg_footer.gif') repeat-x;
	height: 64px;
}
#content .post .p-footer ul {
	list-style: none;
	position: absolute;
	right: 15px;
	bottom: 15px;
}
#content .post .p-footer ul li {
	display: inline;
	line-height: 14px;
	padding-left: 17px;
	margin-left: 25px;
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
#content .post .p-footer ul li.printerfriendly {
	background-image: url('../images/i_printer.gif');
}
#content .post .p-footer ul li.comments {
	background-image: url('../images/i_comment.gif');
}
#content .post .p-footer ul li.readmore {
	background-image: url('../images/i_doc.gif');
}
#footer {
	position: relative;
	clear: both;
	height: 66px;
	text-align: center;
	line-height: 66px;
	color: #fff;
    background-color: #8b0d13;
}
#footer a {
	color: #8C8C73;
}

.nb{
	border: 0;
}
.clear{
	clear: both;
}
.upper{
	text-transform: uppercase;
}

/* IPOWER theme adjustments - intentionally kept close to the source template */
html {
	border-top-color: #8b0d13;
}
a {
	color: #9b0d14;
}
a:hover {
	color: #d20b12;
}
#header {
	min-height: 70px;
}
#header-left {
	width: 470px;
}
#header-left .hd-wrap img {
	width: 300px;
	height: auto;
	padding-right: 0;
}
#header-left .hd-wrap .hd-name {
	clear: left;
	padding-top: 2px;
}
#header h2 {
	display: block;
	padding-left: 10px;
	font-size: 11px;
	line-height: 18px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #555;
}
#page-header img {
	display: block;
	width: 100%;
	height: auto;
}
#leftnav h3 {
	background: #f2d800;
	color: #222;
}
#menu ul li {
	border-bottom-color: #d4aa2c;
}
#menu ul li a {
	background-color: #9c1118;
	background-image: linear-gradient(#b01b22, #7d080e);
	color: #fff;
}
#menu ul li a:hover,
#menu ul li.active a {
	background: #242424;
	color: #fff;
}
#page-header-inner {
	background-color: #8b0d13;
	background-image: url('../images/pghd-inner.gif');
	background-size: cover;
}
#content h1,
#content h3 {
	color: #721016;
}
#content .post .p-header h1 {
	color: #222;
}
#leftnav .ads {
	color: #555;
	font-size: 10px;
	line-height: 16px;
}
.value-list,
.service-list {
	margin: 0 0 14px 18px;
	font-family: tahoma, arial, verdana, sans-serif;
}
.value-list li,
.service-list li {
	margin-bottom: 4px;
}
#content .post .productitem.last {
	border-bottom: 0;
}
.contact-details a {
	font-weight: bold;
}

.product-gallery {
	margin-bottom: 20px;
}

.product-gallery img {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 4;
	object-fit: cover;
}

@media screen and (max-width: 760px) {
	html {
		border-top-width: 6px;
	}
	body {
		padding: 0 10px;
	}
	#outer,
	#inner,
	#header,
	#content-wrap,
	#page-header,
	#page-header-inner {
		width: 100%;
	}
	#outer {

	}
	#inner {
	    padding:0;
	}
	#header {
	    
	}
	#header-left,
	#header-right {
		float: none;
		/*width: 100%;*/
		padding:0 10px;
	}
	#header-left .hd-wrap img {
		float: none;
		max-width: 300px;
		width: 72%;
	}
	#header-right,
	#date {
		float: none;
		width: auto;
		padding: 4px 0 0;
		text-align: left;
		display:none;
	}
	#page-header-inner {
		height: 82px;
		background-position: left bottom;
	}
	#page-header-inner h1 {
		margin: 34px 0 0 16px !important;
		font-size: 20px;
	}
	#content-wrap {
		background: #fff;
	}
	#leftnav,
	#content {
		float: none;
		/*width: 100%;*/
        width: auto;
        padding: 20px;
	}
	#leftnav .ads {
		display: none;
	}
	#content .post .p-header h1 {
		font-size: 22px;
		line-height: 27px;
	}
	#footer {
		height: auto;
		padding: 18px 12px;
		line-height: 18px;
	}
}

/* =========================================================
   DMP STANDARD CONTENT / TYPOGRAPHY
   Appended only legacy theme above is preserved.
   ========================================================= */

:root {
	--dmp-content-text: #333333;
	--dmp-content-heading: #721016;
	--dmp-content-muted: #6b7280;
	--dmp-content-link: #9b0d14;
	--dmp-content-link-hover: #d20b12;
	--dmp-content-border: #dddddd;
	--dmp-content-soft-border: #e5e7eb;
	--dmp-content-surface: #f7f8fa;
	--dmp-content-surface-alt: #fafafa;
	--dmp-content-accent: #8b0d13;
}

.content {
	color: var(--dmp-content-text);
	font-family: tahoma, arial, verdana, sans-serif;
	font-size: 13px;
	line-height: 1.65;
	overflow-wrap: break-word;
}

.content > :first-child { margin-top: 0; }
.content > :last-child { margin-bottom: 0; }

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
	position: static;
	top: auto;
	margin: 0 0 0.7em;
	padding: 0;
	color: var(--dmp-content-heading);
	font-family: arial, tahoma, verdana, sans-serif;
	font-weight: 600;
	line-height: 1.25;
}

.content h1 { font-size: 24px; }
.content h2 { margin-top: 1.6em; font-size: 20px; }
.content h3 { margin-top: 1.45em; font-size: 17px; }
.content h4 { margin-top: 1.35em; font-size: 15px; }
.content h5 { margin-top: 1.25em; font-size: 13px; }
.content h6 {
	margin-top: 1.25em;
	font-size: 11px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.content p {
	margin: 0 0 14px;
	text-align: left;
}

.content strong,
.content b { font-weight: 600; }

.content em,
.content i { font-style: italic; }

.content small {
	color: var(--dmp-content-muted);
	font-size: 0.875em;
}

.content address {
	margin-bottom: 14px;
	font-style: normal;
}

.content a {
	color: var(--dmp-content-link);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

.content a:hover {
	color: var(--dmp-content-link-hover);
	text-decoration-thickness: 2px;
}

.content a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.content ul,
.content ol {
	margin: 0 0 14px;
	padding-left: 22px;
}

.content ul { list-style-type: disc; }
.content ol { list-style-type: decimal; }

.content li {
	margin-bottom: 5px;
}

.content li:last-child { margin-bottom: 0; }

.content li > p {
	margin-bottom: 7px;
}

.content ul ul,
.content ul ol,
.content ol ul,
.content ol ol {
	margin-top: 5px;
	margin-bottom: 0;
}

.content ul ul { list-style-type: circle; }
.content ul ul ul { list-style-type: square; }

.content dl {
	margin: 0 0 14px;
}

.content dt {
	margin-top: 10px;
	color: var(--dmp-content-heading);
	font-weight: 600;
}

.content dd {
	margin: 0 0 7px;
}

.content blockquote {
	margin: 18px 0;
	padding: 10px 14px;
	border-left: 4px solid var(--dmp-content-accent);
	background: var(--dmp-content-surface);
	color: #4b5563;
}

.content blockquote > :first-child { margin-top: 0; }
.content blockquote > :last-child { margin-bottom: 0; }

.content hr {
	margin: 24px 0;
	border: 0;
	border-top: 1px solid var(--dmp-content-border);
}

.content .table-responsive {
	width: 100%;
	margin: 18px 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.content table {
	width: 100%;
	margin: 18px 0;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 12px;
}

.content .table-responsive table {
	margin: 0;
	min-width: 560px;
}

.content caption {
	padding: 0 0 7px;
	color: var(--dmp-content-muted);
	font-size: 11px;
	text-align: left;
}

.content th,
.content td {
	padding: 8px 10px;
	border: 1px solid var(--dmp-content-border);
	text-align: left;
	vertical-align: top;
}

.content th {
	background: #f3f4f6;
	color: var(--dmp-content-heading);
	font-weight: 600;
}

.content tbody tr:nth-child(even) {
	background: var(--dmp-content-surface-alt);
}

.content img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

.content figure {
	margin: 18px 0;
}

.content figure img {
	display: block;
}

.content figcaption {
	margin-top: 6px;
	color: var(--dmp-content-muted);
	font-size: 11px;
	line-height: 1.5;
}

.content code,
.content kbd,
.content samp {
	font-family: Consolas, Monaco, "Courier New", monospace;
	font-size: 0.9em;
}

.content code {
	padding: 2px 4px;
	border-radius: 3px;
	background: #f3f4f6;
}

.content pre {
	margin: 18px 0;
	padding: 12px;
	overflow-x: auto;
	border: 1px solid var(--dmp-content-soft-border);
	border-radius: 4px;
	background: #f3f4f6;
	line-height: 1.55;
}

.content pre code {
	padding: 0;
	border-radius: 0;
	background: transparent;
	font-size: inherit;
}

@media screen and (max-width: 760px) {
	.content {
		font-size: 13px;
		line-height: 1.6;
	}

	.content h1 { font-size: 22px; }
	.content h2 { font-size: 19px; }
	.content h3 { font-size: 16px; }
	.content h4 { font-size: 14px; }

	.content ul,
	.content ol {
		padding-left: 20px;
	}

	.content th,
	.content td {
		padding: 7px 8px;
	}
}
/* =========================================================
   DMP FLEX / GRID UTILITIES
   ========================================================= */
/* =========================================================
   DMP FLEX / GRID UTILITIES
   Lightweight Bootstrap-like helpers
   ========================================================= */

/* FLEX */
.d-flex {
	display: flex;
}

.d-inline-flex {
	display: inline-flex;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-nowrap {
	flex-wrap: nowrap;
}

.flex-column {
	flex-direction: column;
}

.flex-row {
	flex-direction: row;
}

.align-items-start {
	align-items: flex-start;
}

.align-items-center {
	align-items: center;
}

.align-items-end {
	align-items: flex-end;
}

.justify-content-start {
	justify-content: flex-start;
}

.justify-content-center {
	justify-content: center;
}

.justify-content-end {
	justify-content: flex-end;
}

.justify-content-between {
	justify-content: space-between;
}

.justify-content-around {
	justify-content: space-around;
}


/* =========================================================
   ROW
   ========================================================= */

.row {
	display: flex;
	flex-wrap: wrap;
	margin-left: -8px;
	margin-right: -8px;
}

.row > [class*="col"] {
	box-sizing: border-box;
	padding-left: 8px;
	padding-right: 8px;
}


/* =========================================================
   COLUMNS
   12-COLUMN GRID
   ========================================================= */

.col {
	flex: 1 0 0%;
	min-width: 0;
}

.col-auto {
	flex: 0 0 auto;
	width: auto;
}

.col-1 {
	flex: 0 0 auto;
	width: 8.333333%;
}

.col-2 {
	flex: 0 0 auto;
	width: 16.666667%;
}

.col-3 {
	flex: 0 0 auto;
	width: 25%;
}

.col-4 {
	flex: 0 0 auto;
	width: 33.333333%;
}

.col-5 {
	flex: 0 0 auto;
	width: 41.666667%;
}

.col-6 {
	flex: 0 0 auto;
	width: 50%;
}

.col-7 {
	flex: 0 0 auto;
	width: 58.333333%;
}

.col-8 {
	flex: 0 0 auto;
	width: 66.666667%;
}

.col-9 {
	flex: 0 0 auto;
	width: 75%;
}

.col-10 {
	flex: 0 0 auto;
	width: 83.333333%;
}

.col-11 {
	flex: 0 0 auto;
	width: 91.666667%;
}

.col-12 {
	flex: 0 0 auto;
	width: 100%;
}


/* =========================================================
   GAPS
   ========================================================= */

.gap-0 {
	gap: 0;
}

.gap-1 {
	gap: 4px;
}

.gap-2 {
	gap: 8px;
}

.gap-3 {
	gap: 12px;
}

.gap-4 {
	gap: 16px;
}

.gap-5 {
	gap: 24px;
}


/* =========================================================
   RESPONSIVE COLUMNS
   md = 761px and up
   ========================================================= */

@media screen and (min-width: 761px) {

	.col-md-1 { width: 8.333333%; }
	.col-md-2 { width: 16.666667%; }
	.col-md-3 { width: 25%; }
	.col-md-4 { width: 33.333333%; }
	.col-md-5 { width: 41.666667%; }
	.col-md-6 { width: 50%; }
	.col-md-7 { width: 58.333333%; }
	.col-md-8 { width: 66.666667%; }
	.col-md-9 { width: 75%; }
	.col-md-10 { width: 83.333333%; }
	.col-md-11 { width: 91.666667%; }
	.col-md-12 { width: 100%; }

}


/* =========================================================
   MOBILE DEFAULT
   ========================================================= */

@media screen and (max-width: 760px) {

	.col,
	[class*="col-md-"] {
		flex: 0 0 auto;
		width: 100%;
	}

}   

/* =========================================================
   DMP MOBILE COLLAPSIBLE NAVIGATION
   Desktop keeps the legacy left navigation.
   Mobile menu appears directly below #page-header.
   ========================================================= */

.mobile-nav {
  display: none;
}

@media screen and (max-width: 760px) {
  #leftnav {
    display: none;
  }

  #content-wrap {
    margin-top: 0;
    background: #fff;
  }

  .mobile-nav {
    display: block;
    width: 100%;
    margin: 0 0 8px;
    border-top: 4px solid #f2d800;
    background: #8b0d13;
  }

  .mobile-nav-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 44px;
    padding: 9px 14px;
    border: 0;
    background: #8b0d13;
    color: #fff;
    font-family: var(--dmp-font-family, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: .04em;
    cursor: pointer;
  }

  .mobile-nav-toggle:hover {
    background: #721016;
  }

  .mobile-nav-toggle:focus-visible {
    outline: 2px solid #f2d800;
    outline-offset: -2px;
  }

  .mobile-nav-icon {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    width: 20px;
    height: 20px;
    margin-left: 12px;
  }

  .mobile-nav-icon i {
    display: block;
    width: 20px;
    height: 2px;
    background: currentColor;
    transition: transform .2s ease, opacity .2s ease;
  }

  .mobile-nav-menu {
    display: none;
    border-top: 1px solid rgba(255,255,255,.18);
    background: #971118;
  }

  .mobile-nav.is-open .mobile-nav-menu {
    display: block;
  }

  .mobile-nav-menu ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .mobile-nav-menu li {
    flex: 1 1 auto;
    margin: 0;
    border-right: 1px solid rgba(255,255,255,.16);
  }

  .mobile-nav-menu li:last-child {
    border-right: 0;
  }

  .mobile-nav-menu a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 8px 12px;
    color: #fff;
    font-family: var(--dmp-font-family, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    text-decoration: none;
  }

  .mobile-nav-menu a:hover,
  .mobile-nav-menu a:focus,
  .mobile-nav-menu li.active a,
  .mobile-nav-menu a[aria-current="page"] {
    background: #242424;
    color: #fff;
    text-decoration: none;
  }

  .mobile-nav-menu a:focus-visible {
    outline: 2px solid #f2d800;
    outline-offset: -2px;
  }

  .mobile-nav.is-open .mobile-nav-icon i:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
  }

  .mobile-nav.is-open .mobile-nav-icon i:nth-child(2) {
    opacity: 0;
  }

  .mobile-nav.is-open .mobile-nav-icon i:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
  }
}

@media screen and (max-width: 480px) {
  .mobile-nav-menu li {
    flex: 1 1 100%;
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.16);
  }

  .mobile-nav-menu li:last-child {
    border-bottom: 0;
  }

  .mobile-nav-menu a {
    justify-content: flex-start;
    padding-left: 14px;
    text-align: left;
  }
}