html {
    font-size: 100% /* or 62.5% or whatever you like, it doesn't matter, it's just a browser fix, however "rem" units will be based on that value, so make it confortable for calculations */
}
body
{
	margin: 0;
	padding: 0;
	background-image: url(/images/bg-body.jpg);
	background-color: #060606;
	font-family: Tahoma, Geneva, Arial, Helvetica, Sans-serif;
	color: #333333;
	background-position: center;
	font-size:90%;
}
abbr {border-bottom:dotted #900 solid}
a img{border: none;border-width:0;}

.home #page-title,
.about #page-title,
.products #page-title,
.engineering #page-title,
.services #page-title,
.literature #page-title,
.quality #page-title,
.news #page-title,
.contact #page-title,
.sitemap #page-title,
.error #page-title
{
	height: 163px;
	width: 305px;
	
	}
	#page-title a{display:block;width:100%;height:100%;text-decoration:none;cursor:pointer;}
.home #page-title,
.error #page-title,
.sitemap #page-title{background-image: url(/images/header-home.jpg);}
.sitemap #content h3, .sitemap #content h3 a {font-weight:bold;margin:1em 0 0 0;padding:0;text-decoration:none;color:#333;}
.sitemap #content h3 a:hover {text-decoration:underline;}
.sitemap #content h3 ul {margin-top:0;padding-top:0;}
.sitemap #content a {color:#9D1000;}
.sitemap #sidebar .products.sitemap ul{margin-left:1em;padding-left:0;margin-top:0;}
.sitemap #sidebar .products.sitemap li{margin-left:.5em;padding-left:0;}
.sitemap #sidebar .products.sitemap h3{margin-bottom:0;padding-bottom:0;}
.home #content p
{
	font-size: 1em;
}

.about #page-title
{
	background-image: url(/images/header-about.jpg);
}
.products #page-title
{
	background-image: url(/images/header-products.jpg);
}
.engineering #page-title
{
	background-image: url(/images/header-engineering.jpg);
}
.services #page-title
{
	background-image: url(/images/header-services.jpg);
}
.literature #page-title
{
	background-image: url(/images/header-literature.jpg);
}
.quality #page-title
{
	background-image: url(/images/header-quality.jpg);
}
.news #page-title
{
	background-image: url(/images/header-news.jpg);
}
.contact #page-title
{
	background-image: url(/images/header-contact.jpg);
}
#wrap
{
	width: 960px;
	margin: 0 auto;
	overflow: visible;
}
#main
{
	background-color: #FFFFFF;
	background-image: url(/images/bg-main.gif);
	width: 960px;
	clear: both;
	margin: 0px;
	padding: 0px;
	overflow: visible;
}

#sidebar
{
	float: left;
	width: 280px;
	padding: 10px;
	position: relative;
	font-size: 0.857em;
	height: 100%;
}
#contact-info
{
	background-color: #878383;
	clear: both;
	color: #CCCCCC;
	padding: 5px 25px;
	overflow: auto;
	font-size: 0.857em;
	background-image: url(/images/footer-logo.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 910px;
}

#contact-info a
{
	color: #CCCCCC;
}
#contact-info p
{
	padding: 0px;
	margin: 0px;
}
.c1-2
{
	width: 50%;
	float: left;
}
.c2-2
{
	width: 50%;
	float: left;
	text-align: right;
}





#content
{
	float: right;
	width: 620px;
	padding: 20px;
	line-height: 1.75em;
	font-size: 1em;
}
.duraflex
{
	color: #9D1000;
	font-weight: bold;
}
.float-left 
{
	float: left;
	padding-right: 15px;
}
.float-right 
{
	float: right;
	padding-left: 15px;
}



#footer
{
	clear: both;
	overflow: inherit; /*to clear the floats*/
	float: left;
	width: 950px;
	background-color: #4D0600;
	color: #CCCCCC;
	padding: 5px;
	margin: 0px;
	line-height: 1em;
	text-align: center;
	font-size: 0.857em;
	margin-bottom: 0px;/*25px;*/

}
.text-no-padding
{
	padding: 0px;
	margin: 0px;
}
.services  #services-chart  li   
{
	font-size: 1em;
	line-height: 1.2em;
	padding-bottom: 8px;
}



#footer p
{
	padding: 0px;
	margin: 0px;
}

.products #content {
	padding-right:5px;
	padding-left:10px;
	width:645px
}
.products #wrap #main #content h3
{
	padding: 0;
	line-height:1.3em;
	margin-bottom: 0px;
}

.products #wrap #main #content td
{
	line-height: 1em;
	padding: 3px 0px;
	font-size: 1em;
}
.products .product-pdf,
.products .product-link{
	color: #900;
	font-size: 0.857em;
	margin-left: 0px;
}
.products  table tr td table tr td p {
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.products a.product-pdf , .engineering a.product-pdf, services a.product-pdf{ 
	padding: 0px 15px 0px 0;
	background: transparent url(/images/pdf.jpg) no-repeat center right;
}
.products a.product-link , .engineering a.product-link{ 
padding: 0;
	background: none ;
}
.home #wrap #main #sidebar .item li .product-pdf{ 
	padding: 0px 20px 0px 0;
	background: transparent url(/images/pdf2.png) no-repeat center right;
}
.services .product-pdf:after{
	padding: 0px 15px 0px 0;
	background: transparent url(/images/pdf.jpg) no-repeat center right;
}.services .product-pdf{
	color: #900;
	font-size: 1em;
	padding: 0px 15px 0px 0;
	background: transparent url(/images/pdf.jpg) no-repeat center right;
}
.engineering a.product-pdf{
	color: #900;
	font-size: 0.857em;
}
.center {
	text-align: center;
}
img a {
	border: none;
}
.products.edge-welded-bellows #content h2{
	padding: 0;
	margin-bottom: -15px;
	line-height:normal;
}
.products.edge-welded-bellows #content p {
	line-height: 1.3em;
	font-size:1em;
}
.featured-item {
	width: 200px;
	float: right;
	text-align: left;
	display: inline-block;
	padding: 5px 5px 0 25px;
}
.products.edge-welded-bellows #content .featured-item h2 {
	text-align: left;
	margin: 0;
	padding: 0px;
	width: 160px;
	font-size: 18px;
	color: #333;
}
.products.edge-welded-bellows #content .featured-item img {
	padding: 5px 5px 0 5px;
}
.products.edge-welded-bellows #content .featured-item p ,
.products.edge-welded-bellows #content .featured-item ul  li{
	margin: 0;
	padding: 0;
	font-size: 0.857em;
	text-align: left;
	line-height: 1.1em;
	color: #222;
}
.products.edge-welded-bellows #content .featured-item ul {
	margin: 0;
	padding: 0 0 0 15px;
	color: #D7E0DD;
}
.home #wrap #main #sidebar ul li a {
	text-decoration: none;
	color: #333;
}
.home #wrap #main #sidebar ul li a:hover {
	text-decoration: underline;
}
	/* ROUNDED CORNERS 
	--------------------------------------------------------------------------------------- */	
	.rounded-corners{
	background:#EFF0F4;border: 1px solid #d7d7d7;margin:10px;
	}
	.rounded-corners.all,
	 .box{-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-khtml-border-radius: 10px;-o-border-radius: 10px;behavior: url(/includes/css/PIE.htc);}
	.rounded-corners.tl{-webkit-border-top-left-radius: 10px;-khtml-border-radius-topleft: 10px;-moz-border-radius: 10px 0 0 0 ;border-radius:  10px 0 0 0;behavior: url(/includes/css/PIE.htc);}
	.rounded-corners.tr{-webkit-border-top-right-radius: 10px;-khtml-border-radius-topright: 10px;-moz-border-radius: 0 10px 0 0;border-radius: 0 10px 0 0;behavior: url(/includes/css/PIE.htc);}
	.rounded-corners.bl{-webkit-border-bottom-left-radius: 10px;-khtml-border-radius-bottomleft: 10px;-moz-border-radius:   0 0 0 10px ;border-radius:   0 0 0 10px ;behavior: url(/includes/css/PIE.htc);}
	.rounded-corners.br{-webkit-border-bottom-right-radius: 10px;-khtml-border-radius-bottomright: 10px;-moz-border-radius: 0 0 10px 0 ;border-radius:  0 0 10px 0 ;behavior: url(/includes/css/PIE.htc);}
	.rounded-corners.ls{-webkit-border-top-left-radius: 10px;-khtml-border-radius-topleft: 10px;-moz-border-radius: 10px 0  0 10px;border-radius:  10px 0 0  10px;-webkit-border-bottom-left-radius: 10px;-khtml-border-radius-bottomleft: 10px;behavior: url(/includes/css/PIE.htc);}
	.rounded-corners.rs{-webkit-border-top-right-radius: 10px;-khtml-border-radius-topright: 10px;-moz-border-radius:  0 10px 10px 0;border-radius: 0 10px 10px 0;-webkit-border-bottom-right-radius: 10px;-khtml-border-radius-bottomright: 10px;behavior: url(/includes/css/PIE.htc);}
	.rounded-corners.ts,
	 .box h2{-webkit-border-top-left-radius: 10px;-khtml-border-radius-topleft: 10px;-moz-border-radius: 10px  10px 0 0;-o-border-radius-top-left: 10px;border-radius: 10px 10px 0 0;-webkit-border-top-right-radius: 10px;-khtml-border-radius-topright: 10px;-o-border-radius-top-right: 10px;behavior: url(/includes/css/PIE.htc);}
	.rounded-corners.bs{-webkit-border-bottom-left-radius: 10px;-khtml-border-radius-bottomleft: 10px;-moz-border-radius: 0 0 10px  10px;-o-border-radius-bottom-left: 10px;border-radius: 0 0 10px 10px;-webkit-border-bottom-right-radius: 10px;-khtml-border-radius-bottomright: 10px;-o-border-radius-bottom-right: 10px;behavior: url(/includes/css/PIE.htc);}


	/* ROUNDED TABLES 
	--------------------------------------------------------------------------------------- */
	.rounded-table{font-size: 12px;border-collapse:separate;border: solid #333  1px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: 0 1px 1px #333 ;-moz-box-shadow: 0 1px 1px #333 ;box-shadow: 0 1px 1px #333 ;margin:25px auto 25px auto;}
	.rounded-table tr, .rounded-table td, .rounded-table th{vertical-align: top;}
	.rounded-table tr:hover,.products.braidedhoses #wrap #main #content .specs .even tr:hover td{background: #fbf8e9;-o-transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}    
	.rounded-table td, .rounded-table th{border-left: 1px solid #830000;border-top: 1px solid #830000;padding: 5px;text-align: left;vertical-align: top;}
	.rounded-table th{background-color: #E5E5E5;background-image: -webkit-gradient(linear, left top, left bottom, from(#830000), to(#E5E5E5));background-image: -webkit-linear-gradient(top, #830000, #E5E5E5);background-image: -moz-linear-gradient(top, #830000 , #E5E5E5);background-image: -ms-linear-gradient(top, #830000 , #E5E5E5);background-image:  -o-linear-gradient(top, #830000 , #E5E5E5);background-image: linear-gradient(top, #830000 , #E5E5E5);-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;-moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;border-top: none;text-shadow: 0 1px 0 rgba(255,255,255,.5);text-align:center;}
	.rounded-table tr:nth-child(even) {background-color: #EBEBEB}
	.rounded-table tr:nth-child(odd) {background-color: #FFF}
	.rounded-table tr:hover{background-color: #E8E8FF;color: #000;}
	.rounded-table tr:hover{color: #000;background-color: #CCC;}
	.rounded-table td:first-child, .rounded-table th:first-child{border-left: none;}
	.rounded-table th:first-child{-moz-border-radius: 6px 0 0 0;-webkit-border-radius: 6px 0 0 0;border-radius: 6px 0 0 0;}
	.rounded-table th:last-child{-moz-border-radius: 0 6px 0 0;-webkit-border-radius: 0 6px 0 0;border-radius: 0 6px 0 0;}
	.rounded-table tr:last-child td:first-child{-moz-border-radius: 0 0 0 6px;-webkit-border-radius: 0 0 0 6px;border-radius: 0 0 0 6px;}
	.rounded-table tr:last-child td:last-child{-moz-border-radius: 0 0 6px 0;-webkit-border-radius: 0 0 6px 0;border-radius: 0 0 6px 0;}
	.rounded-table td p{padding: 0;margin: 0;line-height:1.2em;}
	.rounded-table th, .rounded-table tr, .rounded-table td{font-size: 11px;border: solid #999 1px;border-collapse: collapse;color: #fff;line-height:1.2em; vertical-align:middle;}
	.rounded-table td{color: #333;}
	.rounded-table caption, caption{font-size: 15px;font-weight: bold;padding-bottom: 10px;padding-top: 10px;}
	table.rounded-table{margin-bottom: 10px;width: 580px;}
	.rounded-table tfoot tr td , 
	.rounded-table tfoot tr th{border-bottom: none;border-left: none;border-right: none;background-color: #F5F4F9;}
	#wrap #main #content .rounded-table tbody tr td{padding:5px;}

.products.braidedhoses #wrap #main #content .specs .even tr td {
	background-color: #E5E5E5;
}


	/* MULTIPLE COLUMN LAYOUT
--------------------------------------------------------------------------------------- */
.cols{width:100%;clear:both;overflow:hidden;margin: 0 auto;padding-bottom: 10px;text-align: left;}

.cols  div {float:left;display:inline;margin: 0 auto;}
.cols  div.divider{height:25px;float:left;}
.cols.two .c1, .cols.two .c2{width:47%;}
.cols.two .divider{width:3%;}

.cols.three .c1, .cols.three .c2, .cols.three .c3{width:30%;}
.cols.three .divider{width:5%;}

.cols.four .c1, .cols.four .c2, .cols.four .c3, .cols.four .c4{width:22%;}
.cols.four .divider{width:2%;}

.cols li {padding-top:0}
.products .cols ul{
	padding-left:1.2em;
	font-size:1.5em;
	color:#9D1000;
}
.products #wrap #main #content h2 {
	color: #900;
	text-align: center;
}

.products .cols ul li{
	list-style-position: outside;
	list-style-type: square;
	line-height:1.5em;
	color:#333333;
	font-size:1em;
}
.products.braidedhoses #content ul{
	padding-left:1.2em;
	font-size:1.5em;
	color:#9D1000;
}
.products.braidedhoses #content ul li{
	list-style-position: outside;
	list-style-type: square;
	line-height:1.2em;
	color:#333333;
	font-size:.7em;
}
.products table.specs caption{text-align:left;font-size:1.5em;color:#900;}

.products table.specs {margin:0 auto;border-collapse:collapse;width:auto;}
.products table.specs,
.products table.specs tr,
.products table.specs tr th,
.products table.specs tr td{
	border:thin solid #666;font-size:.9em;line-height:1.2em;text-align:center!important;}
.products table.specs.construction tr th{font-size:1em;}
.products table.specs.right-left tr th{text-align:right!important;padding:5px!important;}
.products table.specs.right-left tr td{text-align:left!important;padding:5px!important;}
.products table.specs ul{margin:0 auto;}
.products table.specs tr td{padding:5px!important;}
.products table.specs tr:hover {color:#900;background-color:#FFC;}
.products table.specs tfoot tr,
.products table.specs tfoot td {border:none;}
.products table.specs tfoot td {color:red;}

.highlight-red {color:red;font-weight:bold;}
.highlight-burgandy {color:#900;font-weight:bold;}
.highlight-blue {color:#00C;font-weight:bold;}
.highlight-green {color:#090;font-weight:bold;}

.dropshadow img, img .dropshadow, 
img.dropshadow, div.dropshadow,
.featured {text-shadow:none;-moz-box-shadow: 5px 5px 10px #777;-webkit-box-shadow: 5px 5px 10px #777;box-shadow: 5px 5px 10px #777;/* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
-pie-box-shadow: #777 5px 5px 10px;-pie-background: #FFF ;behavior: url(/includes/css/PIE.htc);}
div.dropshadow div img, img .dropshadow div, img.dropshadow div, div.dropshadow div{text-shadow:none;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;/* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
-pie-background: none ;behavior: url(none);}
/* for firefox, safari, chrome, and any other gecko/webkit browser */
-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);/* for ie */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);/* opera */
-o-transform: rotate(30deg);.resize /*auto resize bg image*/{background:url( ) no-repeat center center;border:3px double #fff;float:left;height:12em;margin:.2em 1em 1em 0;width:12em;}
div.featured {
	width:100%;
	border:#CCC solid thin;
	margin: 1em 0;
}
div.featured h3,
.products #wrap #main #content .featured h3
 {
	margin-top:0;
	color:#900;
	background:#CCC;
	padding:.25em .5em;
}
div.featured ul{
	margin-top:.5em;
}
div.featured ul ul{
	margin-top:.25em;
}
.btn-fake {
	margin-top:10px;
	text-align:center;
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
	letter-spacing: normal;
}
.btn-fake:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
a.btn-fake-red {width:auto;text-shadow:none;}

/*.btn-fake-red {
	margin-top:10px;
	text-align:center;
	-moz-box-shadow: 0px 1px 0px 0px #f3c5bd;
	-webkit-box-shadow: 0px 1px 0px 0px #f3c5bd;
	box-shadow: 0px 1px 0px 0px #f3c5bd;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #900));
	background:-moz-linear-gradient(top, red 5%, #900 100%);
	background:-webkit-linear-gradient(top, red 5%, #900 100%);
	background:-o-linear-gradient(top, red 5%, #900 100%);
	background:-ms-linear-gradient(top, red 5%, #900 100%);
	background:linear-gradient(to bottom, red 5%, #900 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='red', endColorstr='#900',GradientType=0);
	background-color:red;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
	letter-spacing: normal;
}*/

.btn-fake-red {
    background: rgb(165, 0, 12) none repeat scroll 0 0;
    border: 1px solid rgb(165, 0, 12);
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: normal;
    margin-top: 10px;
    padding: 6px 12px;
    text-align: left;
    text-decoration: none;
    text-shadow: 0 1px 0 #ffee66;
}
.btn-fake-red:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #900), color-stop(1, red));
	background:-moz-linear-gradient(top, #900 5%, red 100%);
	background:-webkit-linear-gradient(top, #900 5%, red 100%);
	background:-o-linear-gradient(top, #900 5%, red 100%);
	background:-ms-linear-gradient(top, #900 5%, red 100%);
	background:linear-gradient(to bottom, #900 5%, red 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#900', endColorstr='red',GradientType=0);
	background-color:#900;
}
.btn-fake:active {
	position:relative;
	top:1px;
}

.btn-fake-red.noicon::after {
    background: rgba(0, 0, 0, 0) url("/images/arrow-right.png") no-repeat scroll right top;
    content: "";
    float: right;
    height: 40px;
    margin-left: 20px;
    margin-top: -11px;
    position: absolute;
    width: 36px;
}
.iso{
		display: block;
		text-align: center;	
}
.iso a{
		font-weight: bold;
		color: #000;
}
.iso a:hover{
	color: #9d1000;
	text-decoration: underline;
}