@charset "UTF-8";
/* CSS Document */

/* Basics */
body {
	margin-top: 0px;
	padding-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	/*font: small/150% "Lucida Grande", Geneva, Arial, Verdana, sans-serif;*/
	background-color: #FFFFFF;
	color: #333;
	width: 95%;
	margin: 0px auto auto;
	padding: 0px;
	font: 14pt "Trebuchet MS", Arial, Verdana, sans-serif;
}
a:link:after, a:visited:after {
	content: " - " attr(href);
	text-transform: lowercase;
}
.screen {
	display: none;
}
.print {
	visibility: visible;
	float: left;
}
.replace {
	position: relative;
	margin: 0px;
	padding: 0px;
	/* hide overflow:hidden from IE5/Mac \*/
	overflow: hidden;
	/* */
}
.replace span {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1; /*for Opera 5 and 6*/
}

/* Widths */
/*._1 {
	width: 66px;
	margin-left: 14px;
}
._2 {
	width: 146px;
	margin-left: 14px;
}
._3 {
	width: 226px;
	margin-left: 14px;
}
._4 {
	width: 306px;
	margin-left: 14px;
}
._5 {
	width: 386px;
	margin-left: 14px;
}
._6 {
	width: 466px;
	margin-left: 14px;
}
._7 {
	width: 546px;
	margin-left: 14px;
}
._8 {
	width: 626px;
	margin-left: 14px;
}
._9 {
	width: 706px;
	margin-left: 14px;
}
._10 {
	width: 786px;
	margin-left: 14px;
}
._11 {
	width: 866px;
	margin-left: 14px;
}
._12 {
	width: 946px;
	margin-left: 14px;
}*/

/* Tags */
h1 {
 font-size: 180%;
}
#index h1 {
	padding-left: 14px;
}
h2 {
	font-size: 150%;
}

h1 {
	color: #FFFFFF;
	clear: left;
	padding: 12px 12px 12px 240px;
	margin: 0px;
}
h2 {
	color: #2253BA;
	margin: 0em 0px 0.5em;	
}
p + h2 {
	margin-top: 1em;
}
#index ._10 h2 {
	margin: 0px;
}
#index h2 {
	margin-top: 1em;
}
h3 {
	margin: 0px;
	padding: 0px 0px .5em;
	
}
ul,ol,li,dl,dt,dd { 
	/*margin: 0; 
	padding: 0; */
}
dl { 
	margin: 0; 
	padding: 0; 
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
	list-style-type: none;
	color: #666666;
}

a:link {
	color: #4393E5;
	text-decoration: none;
}
a:visited {
	color: #4393E5;
	text-decoration: none;
}
a:hover {
	color: #4ABBC1;
	text-decoration: underline;
}
a:active {
	color: #4393E5;
	text-decoration: none;
}
dt a:link {
	color: #333;
	text-decoration: none;
}
dt a:visited {
	color: #333;
	text-decoration: none;
}
dt a:hover {
	color: #333;
	text-decoration: underline;
}
dt a:active {
	color: #333;
	text-decoration: none;
}


/* IDs */
#title {
	clear: left;
	background-image: url(images/h1b.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border: 1px solid #000000;
	margin-bottom: 14px;
	background-color: #4AA4E3;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#header {
	float: left;
	height: 116px;
	margin-bottom: 14px;
	margin-top: 14px;
	position: relative;
}
#header a {
	right: 0px;
	bottom: 0px;
	position: absolute;
	width: 706px;
	font: large Arial, Helvetica, sans-serif;
	color: #999999;
}
#logo, #logo span {
	background-image: url(images/tsws_logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 226px;
	height: 116px;
}
#logo a {
	display: block;
	width: 226px;
	height: 116px;
}
#navigation {
	display: none;
}
#content {
	float: left;
	width: 60%;
	margin-left: 226px;
}
#content img {
	float: right;
	padding-right: 14px;
	margin-bottom: 14px;
	padding-left: 14px;
	background-color: #FFFFFF;
}
#content .table li img {
	padding-right: 7px;
	padding-left: 7px;
}
#index #flash {
	float: right;
}
#flash {
	width: 146px;
	margin-left: 14px;
	float: left;
	height: 450px;
}
#flash1 {
	float: left;
	height: 450px;
}
#footer {
	clear: left;
	margin-top: 14px;
	float: left;
	width: 960px;
	font: 80% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
/*#sitemap {
	float: left;
	border-top: 1px solid #666666;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	width: 50%;
}*/
#sitemap {
	display: none;
}
#ident {
	float: left;
	text-align: right;
	border-top: 1px solid #666666;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
}
#ident a {
	padding-right: 25px;
	background-image: url(images/ident_logo_2008_small.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 4px;
	padding-bottom: 5px;
}
/*#footer #ident {
	margin-left: 0px;
	width: 480px;
}*/


/* Classes */
.title p {
	color: #FFFFFF;
	clear: left;
	padding: 12px 12px 12px 12px;
	margin: 0px;
	line-height: 270%;
	font-size: 80%;
}
.copyright {
	font-size: xx-small;
	display: block;
	height: 50px;
}
.blue {
	color: #4393E5;
}


p {
	margin-top: 0px;
	margin-bottom: .5em;
	line-height: 130%;
	
}


.dimensions {
	padding-top: 0.5em;
	color: #000000;
	font: normal 60% Arial, Helvetica, sans-serif;
}
p {
	line-height: 150%;
}

.price span {
	font-size: 200%;
	line-height: normal;
}

.price {
	padding-top: 2em;
	border-bottom: 1px dotted #999999;
	padding-bottom: 0.5em;
	color: #999999;
	font: 90%/normal Arial, Helvetica, sans-serif;
}
.call {
	padding-top: 2em;
	color: #2253BA;
	font-size: 90%;
	padding-bottom: 1em;
}
.call span {
	font-size: 165%;
}
.table li {
	width: 160px;
	float: left;
	margin: 5px;
}
.table li a {
	display: block;
	padding: 5px;
	border: 1px dotted #666666;
}
a img {
	border-style: none;
}
.table li a:link {
	border: 1px dotted #666666;
}
.table li a:visited {
	border: 1px dotted #666666;
}
.table li a:hover {
	border: 1px solid #666666;
}
.table li a:active {
	border: 1px dotted #666666;
}
/*.bullets {
	text-transform: none;
}*/
.bullets li {
	background-image: url(images/bullet2.jpg);
	background-repeat: no-repeat;
	padding-left: 22px;
	background-position: 2px 0px;
	margin-bottom: .5em;
	line-height: normal;
}
.bullets dd {
	background-image: url(images/bullet2.jpg);
	background-repeat: no-repeat;
	padding-left: 22px;
	background-position: 2px 0px;
	margin-bottom: .5em;
	line-height: normal;
}

.table2 li {
	width: 250px;
	float: left;
	margin: 5px;
	border: 1px dotted #999999;
	padding: 5px;
}

.button a {
	display: block;
	padding: 7px;
	/*background-color: #92DAF1;
	background-image: url(images/h1b.jpg);
	background-repeat: no-repeat;
	background-position: left top;*/
}


/* Button Main */
.button-main {
	font-size: 100%;
	min-height: 75px;
	border: 1px solid #000000;
	background-image: url(images/mainimage_small.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.button-main span {
	font-size: 150%;
}
.button-main a {
	display: block;
	padding: 14px;
	text-decoration: none;
}
.button-main a:link {
	color: #000000;
}
.button-main a:visited {
	color: #000000;
}
.button-main a:hover {
	color: #CC0000;
}
.button-main a:active {
	color: #000000;
}

/* Button */
.button {
	color: #FFFFFF;
	font-size: 90%;
	border: 1px solid #000000;
	-moz-border-radius: 6px;
	border-radius: 6px;
	text-align: center;
	font-weight: bold;
}
.button span {
	font-size: 210%;
}
.button a {
	background-repeat: no-repeat;
	background-position: left top;
	}
.button a:link {
	color: #FFFFFF;
	background-image: url(images/button.jpg);
	background-color: #4CA6E5;
}
.button a:visited {
	color: #FFFFFF;
	background-image: url(images/button.jpg);
	background-color: #4CA6E5;
}
.button a:hover {
	color: #FFFFFF;
	background-image: url(images/button_over.jpg);
	background-color: #5BEAE0;
}
.button a:active {
	color: #FFFFFF;
	background-image: url(images/button.jpg);
	background-color: #4CA6E5;
}

/* PR Button */
.button-pr {
	font-size: 90%;
	-moz-border-radius-topright: 6px;
	border-radius-topright: 6px;
	-moz-border-radius-bottomright: 0px;
	border-radius-bottomright: 0px;
	-moz-border-radius-topleft: 6px;
	border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 0px;
	border-radius-bottomleft: 0px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	padding: 28px 7px;
	margin-bottom: 0px;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px none #000000;
	border-left: 1px solid #000000;
	min-height: 195px;
	background-image: url(images/softeners_group.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.button-pr .mega {
	font-size: 200%;
	line-height: normal;
	text-transform: uppercase;
}
.button-pr .mega2 {
	font-size: 280%;
	line-height: normal;
	text-transform: uppercase;
	font-weight: bold;
}
.button-pr .mega3 {
	font-size: 120%;
	line-height: normal;
	text-transform: uppercase;
	font-weight: normal;
}
.button-pr .mega4 {
	font-size: 150%;
	line-height: normal;
	text-transform: uppercase;
}
.button-g span {
	font-size: 210%;
}
.button-g a {
	display: block;
	padding: 21px 7px;
	background-image: url(images/buttonsalt.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}
/* G Button */
#index .button {
	-moz-border-radius-topright: 0px;
	border-radius-topright: 0px;
	-moz-border-radius-topleft: 0px;
	border-radius-topleft: 0px;
}
.button-g {
	font-size: 90%;
	-moz-border-radius-topright: 6px;
	border-radius-topright: 6px;
	-moz-border-radius-bottomright: 0px;
	border-radius-bottomright: 0px;
	-moz-border-radius-topleft: 6px;
	border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 0px;
	border-radius-bottomleft: 0px;
	text-align: center;
	padding: 28px 7px;
	margin-bottom: 0px;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px none #000000;
	border-left: 1px solid #000000;
	min-height: 195px;
}
.button-g .mega {
	font-size: 900%;
	line-height: 75%;
	font-weight: bold;
	color: #bbbbbb;
}
.button-g .mega2 {
	font-size: 150%;
	line-height: normal;
}
.button-g .mega3 {
	font-size: 300%;
	line-height: normal;
	text-transform: uppercase;
	font-weight: bold;
}
.button-g .mega4 {
	font-size: 150%;
	line-height: normal;
	text-transform: uppercase;
}
.button-g .rule, .button-pr .rule, .button .rule {
	font-size: 165%;
	line-height: 150%;
}

td, th {
	border-bottom: 1px solid #999999;
}
p label {
	width: 150px;
	float: left;
}
.larger {
	font-size: 150%;
}
tbody .larger {
	text-align: center;
}
.inline dd {
	float: left;
	margin: 0px;
	padding-right: 7px;
	font-size: 85%;
	line-height: 100%;
}
.inline dt {
	margin-bottom: 7px;
	margin-top: .5em;
}
.inline {
	color: #999999;
}

form {
	padding: 21px 28px;
	margin-top: 1em;
	border: 1px dotted #999999;
}
.red {
	color: #CC0000;
	font-weight: bold;
}
.highlight {
	color: #99CCFF;
}
table {
	margin-top: 1.5em;
}
caption {
	text-align: left;
	color: #2253BA;
	font-size: 120%;
	margin: 0px;
	padding: 0px 0px .5em;
	caption-side: top;
}
#content .keyline {
	border: 1px solid #000000;
	margin: 0px 14px 14px 14px;
	padding: 0px;
}

#index ._5 p {
	line-height: 120%;
}