<?php
session_start();
header("Content-type: text/css");
if ($_SESSION["csskey"] != "hello") {
    die("Protected by - Altered Web Studios - Please contact us for more information - www.alterit.com");
}
$_SESSION["csskey"] = "somethingelse";
?>
/* GENERAL */
html,body {
	margin: 0;
	padding: 0;
}
body {
	font: 12px arial, sans-serif;
	color: #666666;
	background: url(images/bg.jpg);
	line-height: 140%;
}
h1 {
	position: absolute;
	top: -200px;
}
h3 {
	font-size: 13px;
	color: #ED2024;
}
h4 {
	font-size: 11px;
	color: #ED2024;
	margin: 0 0 0 141px;
	padding: 0;
}
div#header h3 {
	position: absolute;
	width: 350px;
	font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	right: 55px;
	top: 129px;
	text-align: right;
	line-height: 150%;
	margin: 0;
	padding: 0;
	height: 109px;
}
div#header h2 {
	position: absolute;
	width: 270px;
	font: 21px Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:21px;
	color: #FFE292;
	right: 64px;
	top: 298px;
	text-align: right;
	margin: 0;
	padding: 0;
}
#h2_sub {
	display: block;
	color: #FFFFFF;
	margin-top: 10px;
	font-weight: bolder;
}
.red {
	color: #ED2024;
}
a {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #ED2024;
	text-decoration: underline;
}
/* LAYOUT */
div#container {
	width: 770px;
	background: url(images/container.jpg);
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
div#container_inner_1{
	background: url(images/container2.gif) bottom left no-repeat;
	display: inline-block;
	text-align: center;
}
div.clearftr{
	clear: both;
}
div#header {
	height: 391px;
	background: url(media/header.html); no-repeat top left;
	text-align: left;
	position: relative;
}

div#nav {
	height: 32px;
	background: url(images/mnu.gif) repeat-x;
	width: 729px;
	text-align: center;
	font: 13px arial, sans-serif;
	margin: 0 13px;
	padding: 0 0 0 15px;
}
div#col1 {
	background: none;
	float: left;
	width: 335px;
	text-align: left;
	padding: 15px 10px 20px 40px;
}
div#col2 {
	background: none;
	float: right;
	width: 335px;
	text-align: left;
	padding: 15px 40px 20px 10px;
}
div#faq {
	background: none;
	float: left;
	width: 689px;
	text-align: left;
	padding: 15px 40px 10px 40px;
}
div#faq h3 {
	font-size: 12px;
	font-weight: bold;
}
div#faq p {
	font-size: 12px;
}
div#h2o {
	background: none;
	float: left;
	width: 689px;
	text-align: left;
	padding: 15px 40px 10px 40px;
}
#htod {
	text-align: center;
	padding: 10px 0px 25px 35px;
	border: 0;
}
div#h2o h2 {
	font-size: 20px;
	color: #ED2024;
	font-weight: bold;
}
div#h2o ul li {
	list-style: none;
	list-style-position: outside;
	padding-left: 10px;
	margin-left: 0px;
	line-height: 130%;
}
div#h2o h3 {
	font-size: 12px;
	font-weight: bold;
}
div#h2o p {
	font-size: 12px;
}
div#h2o a{
	text-decoration: underline;
	color: #4866DE;
}
div#h2o a:hover{
	text-decoration: underline;
	color: #ED2024;
}
/*  */
div#cont {
	background: none;
	float: left;
	width: 689px;
	text-align: left;
	padding: 15px 40px 10px 40px;
}
div#cont h3 {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
div#cont p {
	font-size: 12px;
}
div#cont hr {
	border: 0;
	width: 100%;
	height: 1px;
}
/*  */
div#csatsr {
	background: none;
	float: left;
	width: 689px;
	text-align: left;
	padding: 15px 40px 10px 40px;
}
div#csatsr h3 {
	font-size: 15px;
	font-weight: bold;
	color: #000000;
}
div#csatsr h4 {
	font-size: 12px;
	font-weight: bold;
	color: #ED2024;
}
div#csatsr p {
	font-size: 12px;
}
div#csatsr hr {
	border: 0;
	width: 100%;
	height: 1px;
}
div#ltnc {
	background: none;
	float: left;
	width: 335px;
	text-align: left;
	padding: 15px 5px 20px 40px;
}
div#rtnc {
	background: none;
	float: left;
	width: 335px;
	text-align: left;
	padding: 15px 10px 20px 10px;
}
div#ltnc h3, div#rtnc h3 {
	font-size: 11px;
	font-weight: bold;
}
div#ltnc p, div#rtnc p {
	font-size: 11px;
}
div#rtnc h4 {
	font-size: 11px;
}
div#footer {
	clear: both;
	width: 100%;
	background: url(images/footer.jpg) no-repeat bottom left;
	color: #999999;
	text-align: center;
	font-size: 10px;
	padding: 10px 0 20px;
}
/* LOGO & CERTIFICATION IMAGES */
a#logo {
	position: absolute;
	display: block;
	height: 109px;
	width: 371px;
	right: 51px;
	top: 12px;
	margin: 52px 0 0 356px;
}
a#logo img,a.cert img {
	border: 0;
}
/* FOOTER INFO */
div#links_bottom,div#contact_info {
	width: 770px;
	text-align: center;
	float: left;
	margin-top: 10px;
}
/*a#links_bottom:link {
	color: #0066cc;
}
*/
div#links_bottom a {
	color: #4866DE;
	text-decoration: underline;
}
div#links_bottom a:hover {
	color: #ED2024;
	text-decoration: underline;
}
div#contact_info {
	font-weight: 700;
	color: #000000;
}
/* FEATURES */
div.feature {
	background: url(images/feature.jpg) repeat-y;
	line-height: normal;
	margin: 25px 0;
}
div.feature_inner_1 {
	background: url(images/feature_top.jpg) no-repeat top left;
}

div.feature_inner_2 {
	background: url(images/ftrdbtm.jpg) no-repeat bottom left;
	width: 313px;
	font-size: 10px;
	position: relative;
	padding: 5px 8px 20px;
}
div.feature_inner_2 p {
	width: 170px;
	margin: 5px 0 5px 141px;
	padding: 0;
}
#container #wrapper #col2 .feature .feature_inner_1 .feature_inner_2 p a {
	color: #4866de;
	text-decoration: underline;
}


div#newsl {
margin:30px 0 0 6px;
width:120px;
float:left
}
div#newsl h4 {
color:#000000;
font-size:11px;
margin:0;
}
div#newsl h5 {
font-size:9px;
margin:7px 0 0;
}
div.feature_inner_2 img {
	position: absolute;
	top: 5px;
	left: 10px;
}
/* FEATURES 2 */
div#newsr {
   margin: 15px 0px 5px 141px;
	width: 170px;
}
div#newsr h4 {screen.css (line 326)
color:#ED2024;
font-size:9px;
margin:0 0 3px;
}
div.feature2 {
	background: url(images/feature.jpg) repeat-y;
	line-height: normal;
	margin: 25px 0;
}
div.feature_inner_12 {
	background: url(images/feature_top.jpg) no-repeat top left;
}
div.feature_inner_22 {
	background: url(images/ftrdbtm.jpg) no-repeat bottom left;
	width: 313px;
	font-size: 10px;
	position: relative;
	padding: 5px 8px 20px;
}

div.scroll {
background-color:#EEF2F5;
height:185px;
overflow:auto;
padding:0;
width:170px;
}
/*div.feature_inner_22 span {
	width: 100px;
	margin: 5px 5px 5px 5px;
	padding: 0;
}*/
/*div.feature_inner_22 p {
	padding: 0;
}*/
div.feature_inner_32  {
	margin: 5px 5px 5px 5px;
	width: 120px;
}
/*  */
a.more {
	clear: both;
	color: #FFFFFF;
	font-weight: 700;
	font-size: 13px;
	position: absolute;
	bottom: 0px;
	right: 10px;
	text-decoration: none;
	width: 176px;
	line-height: 18px;
	text-align: right;
	padding-right: 8px;
}
a.more:hover {
	color: #FFFFFF;
	background: url(images/ftrdbtm_hover.jpg) bottom right no-repeat;
}
/* NAVIGATION */
#nav ul {
	list-style-type: none;

	margin: 0;
	padding: 0;
}
#nav li {
	float: left;
	position: relative;
	z-index: 91;
	background-image: none;
}
#nav table {
	position: absolute;
	border-collapse: collapse;
	z-index: 72;
	left: -1px;
	top: 27px;
}
#nav a,#nav :visited {
	display: block;
	font-size: 9px;
	width: 136px;
	color: #FFFFFF;
	line-height: 27px;
	text-decoration: none;
	text-align: center;
	font-weight: 700;
	margin: 1px 0 0;
	padding: 0 0 0 5px;
}
#nav a:hover {
	color: #FFFFFF;
	background: #3583D0;
}
#nav ul ul {
	visibility: hidden;
	position: absolute;
	width: 149px;
	height: 0;
}
#nav ul li{
	margin: 0 !important;
	padding: 0 !important;
}
#nav ul li:hover ul,#nav ul a:hover ul {
	visibility: visible;
}
/* bof Main Menu Header */
a.mnuCat {
	font-size: 12px !important;
	font-weight: bold;
}
/* eof Main Menu Header */
ul.sub_menus {
	border: 0 !important;
	font-size: 9px !important;
}
ul.sub_menus li {
	margin: 0 !important;
	padding: 0 !important;
	background: #B4D0E6;
}
ul.sub_menus li a {
	background: #93BBDB;
	color: #FFFFFF !important;
	text-align: left !important;
}
ul.sub_menus li.sub_menu a,ul.sub_menus li.sub_menu a:hover {
	background: #E3E3E3 !important;
	color: #ED2024 !important;
	text-transform: uppercase !important;
}
/* SUB PAGES */
body.sbp h1{
	padding: 0;
	margin: 0;
	font-size: 26px;
	position: absolute;
	top: 34px;
	left: 33px;
	color: #ED2024;
	width: 380px;
	line-height: normal;
}
body.sbp a#logo {
	position: absolute;
	display: block;
	height: 56px;
	width: 337px;
	right: 22px;
	top: -4px;
	margin: 27px 0 0 256px;
}
body.sbp a#logo img {
	border: 0;
}
body.sbp div#header {
	height: 104px;
	background: url(images/hdr_sub.jpg) no-repeat top left;
	text-align: left;
	position: relative;
}
body.sbp h2{
	padding: 2px 0;
	margin: 0;
	font-size: 24px;
	color: #000000;
	line-height: normal;
	font-weight: bold;
}
body.sbp h3{
	padding: 2px 0;
	margin: 0;
	font-size: 18px;
	font-weight: 400;
	line-height: normal;
}
body.sbp h4{
	padding: 7px 0;
	margin: 0;
	font-size: 13px;
	font-weight: 700;
	color: #000000;
}
body.sbp h5, body.sbp h5 a{
	padding: 7px 0;
	margin: 0;
	font-size: 13px;
	font-weight: 700;
	color: #ED2024;
}
body.sbp h6, body.sbp h6 a{
	padding: 0px 0;
	margin: 0;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
body.sbp p{
	padding: 5px 0;
	margin: 0;
}
div#page_titles{
	display: block;
	margin-bottom: 20px;
}
body.sbp div#links_bottom{
	margin-bottom: 5px;
	font-size: 12px;
}
body.sbp div#footer {
	clear: both;
	width: 100%;
	background: url(images/ftr_sub.jpg) no-repeat bottom left;
	color: #F29577;
	text-align: center;
	font-size: 10px;
	padding: 10px 0 20px;
	height: 148px;
}

body.sbp div#footer .tag {
	color: #FFE292;
	text-align: right;
	font: 21px Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:21px;
	color: #FFE292;
	padding: 30px 25px 25px 10px;

}
body.sbp div#footer .tag span{
	color: #fff;
	margin-top:10px;
	font-weight:bolder;
}
body.sbp div#footer a{
	color: #FFFFFF;
	text-decoration: underline;
}
body.sbp div#footer a:hover {
	color: #000000;
	text-decoration: underline;
}
div.box{
	margin-bottom: 20px;
	margin-right: 20px;
}
div.box p{
	padding: 5px 0;
}
div.box ul{
	margin: 0;
	padding: 0 0 0 15px;
	font-size: 12px;
	list-style: square;
}
/*div.grey ul{
	margin:0;
	padding: 0 0 0 15px;
	font-size: 11px;
	list-style:square;
}*/
 div.box a, div.box a:active, div.box a:link{
	color: #4866DE;
	text-decoration: underline;
}
div.box a:hover{
	color: #ED2024;
	text-decoration: underline;
}
.pdf {
	border: 0;
	vertical-align: baseline;
}
.email {
	border: 0;
	vertical-align: baseline;
}
body.sbp div#col1 {
	background: none;
	float: left;
	width: 470px;
	text-align: left;
	padding: 15px 10px 20px 40px;
}
body.sbp div#col1 a {
	text-decoration: underline;
	color: #4866DE;
}
body.sbp div#col1 a:hover {
	text-decoration: underline;
	color: #ED2024;
}
body.sbp div#col1 h5 a {
	text-decoration: underline;
	color: #ED2024;
}
body.sbp div#col1 h5 a:hover {
	text-decoration: none;
}
a img {
	border: none;
}
body.sbp div#col1 image {
	text-decoration: underline;
}
/* bof rnav */
body.sbp div#col2 {
	background: none;
	float: right;
	width: 190px;
	text-align: left;
	padding: 66px 17px 20px 10px;
}
body.sbp div.box li {
	padding: 5px;
	padding-left: 8px;
}
/*body.sbp div.grey li {
	padding: 5px;
   padding-left:8px;
}*/
body.sbp  ul{
	margin: 0;
	padding: 0px 0 0px 17px;
}
body.sbp ul li{
	list-style: none;
	list-style-position: outside;
	background-image: url(images/bullet.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 8px;
	padding-top: 4px;
	margin-left: -15px;
	line-height: 130%;
}
body.sbp ul.red2 li{
	background-image: url(images/bullet2.gif);
	line-height: 140%;
	margin: 0;
	padding: 0 0 0 10px;
}
/*body.sbp ul.grey li{
	background-image:url(images/bullet.gif);
	line-height: 150%;
	}	*/
/* eof rnav */	
/* spivalv */
body#spivalv table.products td{
	padding-top: 20px;
	vertical-align: top;
	padding-right: 20px;
}

table.valve {width:90%}
table.valve td{vertical-align:top; padding:0px 20px 0px 0px; font-size:11px;}

table.matkey{width:100%;}
table.matkey td{vertical-align:top; padding: 0px 5px 0px 5px; font-size:11px;}

div.matkeys{background-color:#FFF; font-size:11px;margin-bottom: 20px;
	margin-right: 20px;}
#valv300 #container #container_inner_1 #wrapper #col2 .matkeys p .matkeys {
	color: 4866de;
	text-decoration: underline;
}
#valv300 #container #container_inner_1 #wrapper #col2 .matkeys p .matkeys {
	color: #4866de;
}


/* valv300 */
body#valv300 h2{
	color: #ED2024;
}
div.flt_bx{
	width: 200px;
	float: right;
	text-align: center;
	padding: 0 0 10px 10px;
}
div.flt_bx h5{
	font-weight: normal;
	font-size: 11px;
}
table.product_drawings{
	width: 100%;
}
table.product_drawings td{
	padding: 20px 0 0 0;
}
div.lmi{
	/*	width: 200px;*/
	float: left;
	margin-right: 20px;
}
div.lmi p {
	font-weight: normal;
	line-height: 120%;
	font-size: 11px;
	padding-top: 10px;
}
div.rmi{
	/*	width: 200px;*/
	float: left;
	margin-right: 20px;
}
table.mi_table{
	width: 100%;
	background: #E4ECF4;
	border: 0;
	margin-top: 20px;
}
table.mi_table th{
	background: #ED2024;
	color: #FFFFFF;
	font-weight: 700;
	border-collapse: collapse;
	border: 1px solid #FFFFFF;
	padding: 2px 7px;
}
table.mi_table th.hdr2{
	background: #FFFFFF;
	color: #ED2024;
}
table.mi_table td.hdr3{
	width: 70px;
}
table.mi_table th.hdr3{
	background: #FFFFFF;
	color: #666666;
	font-weight: normal;
	font-size: 11px;
}
table.mi_table td{
	border: 0;
	color: #000000;
	font-weight: 700;
	border-collapse: collapse;
	padding: 2px 7px;
	border: 1px solid #FFFFFF;
}
/* spiabout */
body#spiabout div#cols{
	float: left;
	background: url(images/about.jpg) no-repeat top right;
	width: 757px;
}
body#spiabout div.flt_bx{
	width: 235px;
	height: 217px;
}
body#spiabout div#col2{
	margin-top: 257px;
}
body#spiabout div.box{
	padding-top: 10px;
}


/* customersatisfaction */
body#customersatisfaction div#cols{
	float: left;
	width: 757px;
}
body#customersatisfaction div.flt_bx{
	width: 235px;
	height: 217px;
}
body#customersatisfaction div#col1{
	margin-top: 10px;
	width:700px;
}
body#customersatisfaction div.box{
	padding-top: 10px;
}




/* spimark */
body#spimark div#col1_inner{
	background: url(images/four_icons.jpg) no-repeat top right;
	float: left;
	position: relative;
}
body#spimark div#p1{
	height: 110px;
	width: 195px;
	float: right;
	clear: right;
}
body#spimark div#p2{
	height: 170px;
	width: 300px;
	float: right;
	clear: right;
}
body#spimark div#p3{
	height: 180px;
	width: 235px;
	float: right;
	clear: right;
}
body#spimark ul li{
	font-weight: 700;
	color: #000000;
}
body#spimark div.mar_quote{
	position: absolute;
	top: 185px;
	left: 316px;
	height: 130px;
	width: 130px;
	padding: 5px;
	text-align: center;
	color: #FFFFFF;
	line-height: normal;
}
body#spimark div.mar_quote .q1{
	font-weight: 700;
	font-size: 12px;
}
body#spimark div.mar_quote .q2{
	display: block;
	margin-top: 5px;
	font-size: 11px;
}
/* spiind */
div.col1_sub{
	float: left;
	width: 40%;
	padding-right: 20px;
}
div.col1_sub ul li {
	font-weight: 700;
	color: #000000;
}
#intro span{
	color: #ED2024;
}
/* bof cta */
div.cta{
	/*	float:right;
	position: relative;*/
	background: url(images/call_to_action.gif) no-repeat top right;
	height: 144px;
	width: 143px;
	text-align: left;
	color: #FFFFFF;
	line-height: normal;
	margin-bottom: 15px;
}
div.cta p{
	font-weight: 700;
	padding: 10px 15px 5px 15px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
div.cta a, div.cta a:active, div.cta a:link{
	color: #FFFFFF;
	text-decoration: none;
}
div.cta a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}
/* eof cta */
/* bof sst*/
div.sst {
	border: 1px solid #000000;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	background: #FBFBFB;
	width: 130px;
}
div.sst h2{
	font-size: 10px;
	border: 1px solid #000000;
	color: #FFFFFF;
	/*	color: #333333;*/
	margin-top: -1px;
	margin-bottom: 5px;
	text-align: center;
	background: #808080;
}
div.sst p{
	text-align: left;
	font-size: 10px;
	color: #808080;
	margin-top: -1px;
	margin-bottom: 1px;
}
/*  */	
div.sst2 {
}
div.sst2 p{
}
/*  */	
/*Button*/
.buttonSubmit2, .buttonSubmit2Hovered {
	width: 69px;
	height: 26px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 1px 2px;
	background: url(images/button.gif) no-repeat left top;
	cursor: pointer;
	border: none;
	font-size: 10px;
	margin-top: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.buttonSubmit2Hovered {
	background-position: left bottom;
}
.input2{
	font-size: 10px;
	width: 105px;
}
#valv300 #container #container_inner_1 #wrapper #col1 table tr td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #666;
	font-style: normal;
}
#valv300 #container #container_inner_1 #wrapper #col1 #2col {
	width: 689px;
}
#valv300 #container #container_inner_1 #wrapper #col1 #col2rightside {
	width: 289px;
	float: right;
}
#valv300 #container #nocol {
	padding-right: 20px;
	padding-left: 40px;
}
#valv300 #container #container_inner_1 #wrapper #col1 #2col .matkeys table {
	text-align: left;
}
#valv300 #container #container_inner_1 #endfit table table {
	padding-left: 15px;
}