/* ---------------------------------------
[Quick Classes]
------------------------------------------------------------------- */
.tabbed {margin-left: 20px;}
	.tabbed table, table.tabbed {width: 90%;}
.twocolumn {float: left; width: 50%;}
	.twocolumn p {margin-left: 16px;}
	.twocolumn img {margin: 1px 10px 0 14px;}
	.twocolumn h3 {margin-bottom: 6px;}
.threecolumn {float: left; width: 33%;}
.clearboth {display: block;clear: both;}
.clearleft {display: block;clear: left;}
.clearright {display: block;clear: right;}
.imageLeft {float: left; margin: 0 10px 0 0;}
.imageTabbedLeft {float: left; margin: 0 15px 0 20px; }
.imageRight {float: right; margin: 0 0 0 10px;}

/* ---------------------------------------
[Layout]
------------------------------------------------------------------- */
body {background: #7baccc url(../images/layout/bg/bg.jpg) repeat-x; color: #4D4D4D;}
#page {background: url(../images/layout/bg/cbg.png); margin: 0 auto 115px; padding: 0 10px 0 12px; width: 925px;}
	#header {background: url(../images/layout/bg/header.jpg) top right no-repeat; height: 148px;}
		.logopart {letter-spacing: 2.3px; margin: 0; padding: 13px 0 0 47px;}
		.home {display: block; padding: 1px 0 0 38px; width: -64px;}
		.number {color: #333; margin: -39px 0 0 638px; font-family: Arial, sans-serif; font-size: 0.8em; font-weight: bold; position: absolute; text-align: right;}
		.number {color: #333; margin: -61px 0 0 638px; font-family: Arial, sans-serif; font-size: 0.8em; font-weight: bold; position: absolute; text-align: right;}
			.number .big {color: #0078AE; display: block; font-size: 2em; font-weight: normal; letter-spacing: 4px; margin: 5px 0;}
			.number .small {color: #808080; font-size: 0.9em; font-weight: normal;}
	.chat {font-size:1px; margin:-44px 0 0 535px; position:absolute;}
	.ChatBox { font-size: 1px; margin: 140px 0 0 643px; position: absolute;}
	#content {margin: 0 0 0 29px;}
		.narrowcontent {margin: 0 0 0 -7px; width: 616px;}
			.narrowcontent #banner {margin: -20px 0 0 7px;}
		#flash, #banner {margin-top: -20px;}
			#banner {margin-bottom: 10px;}
				.steps {margin: -44px 0 0 46px; position: absolute; width: 846px; }
					.steps .dots {background: url(../images/layout/steps/dash.png) no-repeat center; display: block; float: left; height: 20px; width: 123px;}
					.steps a {color: #808080; display: block; float: left; font-weight: bold; font-size: 12px; font-style: italic; height: 21px; line-height: 21px; margin: 0; padding: 0 0 0 25px; text-decoration: none;}
						.steps a.howit {background: url(../images/layout/steps/1out.png) no-repeat;}
						.steps a.whichis {background: url(../images/layout/steps/2out.png) no-repeat;}
						.steps a.howto {background: url(../images/layout/steps/3out.png) no-repeat;}
						.steps a.order {background: url(../images/layout/steps/4out.png) no-repeat; margin: 0;}
					.steps a:hover, .steps a.current {color: #0078AE; text-decoration: none;}
						.steps a.howit:hover, .steps a.howit.current {background: url(../images/layout/steps/1in.png) no-repeat;}
						.steps a.whichis:hover, .steps a.whichis.current {background: url(../images/layout/steps/2in.png) no-repeat;}
						.steps a.howto:hover, .steps a.howto.current {background: url(../images/layout/steps/3in.png) no-repeat;}
						.steps a.order:hover, .steps a.order.current {background: url(../images/layout/steps/4in.png) no-repeat;}
		.box {background: url(../images/layout/boxes/bg/default.jpg) repeat-y; margin: 0 0 12px 0; padding: 0; width: 226px;}
			.box p {color: #4D4D4D; font-size: 11px; margin: 0;}
			.box ul {color: #4D4D4D; font-size: 11px; font-weight: bold;}
			.box .header {background: url(../images/layout/boxes/headers/default.jpg) no-repeat; border-bottom: 0px; color: #FFF; font-size: 15px; letter-spacing: 0; margin: 0; padding: 4px 0 0 18px;}
				.box .header span {font-weight: bold;}
			.box .curve {background: url(../images/layout/boxes/curves/default.jpg) no-repeat; display: block; height: 10px;}
			.howtoinstall {background: url(../images/layout/boxes/bg/howtoinstall.jpg) repeat-y; padding: 0 15px; width: 581px;}
				.howtoinstall .curve {background: url(../images/layout/boxes/curves/howtoinstall.jpg) no-repeat; margin-left: -15px; width: 611px;}
				.howtoinstall .header {background: url(../images/layout/boxes/headers/howtoinstall.jpg) no-repeat; font-weight: bold; font-size: 14px; font-style: normal; height: 30px; line-height: 26px; margin: 0 0 12px -15px; width: 611px;}
				.howtoinstall p {margin: 0 0 20px;}
		.highlight {background: url(../images/layout/boxes/highlightbox.jpg) no-repeat; height: 112px; margin: 11px 0 14px; padding: 6px 16px 0; width: 587px;}
			.highlight h2 {border-bottom: 0px; color: #0078AE; font-size: 16px; font-weight: bold; font-style: normal; letter-spacing: 0; margin: 0; padding: 9px 0 0 0; text-transform: none;}
			.highlight p {font-size: 11px;}
			.highlight img {margin: 5px 14px 10px 0px;}
		.nextbutton {background: url(../images/layout/buttons/nextright.jpg) right center; color: #0078AE; float: right; font-size: 12px; font-weight: bold; font-size: italics; line-height: 28px; margin: 20px 0; padding: 0 20px 0 0; text-decoration: none;}
			.nextbutton:hover {color: #4D4D4D; text-decoration: none;}
			.nextbutton .next {background: url(../images/layout/buttons/nextleft.jpg) left center; display: block; margin: 0 12px 0 0; float: left; height: 29px; width: 54px;}
		.nosalt, .savesmoney, .ecofriendly, .smallnosalt, .smallsavesmoney, .smallecofriendly {color: #4D4D4D;	display: block; font-weight: bold; font-size: 0.8em; height: 57px; line-height: 52px; margin: 0 0 12px 0; padding: 0 0 0 94px; text-decoration: none; width: 132px;}
					.nosalt {background: url(../images/layout/buttons/big/nosaltbut.jpg) no-repeat center;}
					.savesmoney {background: url(../images/layout/buttons/big/savebut.jpg) no-repeat center;}
					.ecofriendly {background: url(../images/layout/buttons/big/ecobut.jpg) no-repeat center;}
						.nosalt:hover {background: url(../images/layout/buttons/big/nosaltbutin.jpg) no-repeat center; text-decoration: none;}
						.savesmoney:hover {background: url(../images/layout/buttons/big/savebutin.jpg) no-repeat center; text-decoration: none;}
						.ecofriendly:hover {background: url(../images/layout/buttons/big/ecobutin.jpg) no-repeat center; text-decoration: none;}
				.smallnosalt, .smallsavesmoney, .smallecofriendly {float: left; height: 44px; line-height: 44px; margin: 16px 11px 16px 0; padding: 0 0 0 64px; width: 122px;}
						.smallnosalt {background: url(../images/layout/buttons/small/nosaltbut.jpg) no-repeat center;}
						.smallsavesmoney {background: url(../images/layout/buttons/small/savebut.jpg) no-repeat center;}
						.smallecofriendly {background: url(../images/layout/buttons/small/ecobut.jpg) no-repeat center;}
							.smallnosalt:hover {background: url(../images/layout/buttons/small/nosaltbutin.jpg) no-repeat center; text-decoration: none;}
							.smallsavesmoney:hover {background: url(../images/layout/buttons/small/savebutin.jpg) no-repeat center; text-decoration: none;}
							.smallecofriendly:hover {background: url(../images/layout/buttons/small/ecobutin.jpg) no-repeat center; text-decoration: none;}
		.summary {font-size: 16px; line-height: 26px;}
		.tagline {background: url(../images/layout/bg/btmbanner.jpg); color: #808080; font: italic normal 0.9em/33px arial; letter-spacing: 1px; line-height: 51px; margin: 15px 0 0 0; height: 50px; display: block; text-align: center; text-transform: uppercase; width: 100%;}
		#btmcurve {background: url(../images/layout/bg/btm.png); display: block; height: 29px; margin: 0 0 0 -12px; position: absolute; width: 947px;}
	#footer {}

/* ---------------------------------------
[Typography]
------------------------------------------------------------------- */
* {border: 0; margin: 0; padding: 0;	outline: 0;}
	body {font-family: Arial, sans-serif;}
	h1, h2, h3, h4, h5, h6, p, ul, ol, table {margin: 0 0;}
		h1, h2, h3, h4, h5, h6 {font-weight: normal;}
			h1 {background: url(../images/layout/bg/headings/h1.jpg) repeat-x bottom; color: #0078AE; font-style: italic; font-size: 26px; line-height: 43px; margin: 0 0 10px 0; text-transform: uppercase;}
			h2 {border-bottom: 1px solid #AECEE5; font-size: 16px; font-style: italic; letter-spacing: 2px; line-height: 24px; margin: 0 0 10px 0; text-transform: uppercase;}
			h3 {background: url(../images/layout/bg/headings/h3.jpg) no-repeat left center; color: #0078AE; font-weight: bold; font-size: 18px; margin: 0 0 5px 0; padding: 0 0 0 18px;}
			h4 {font-weight: bold; font-size: 12px; text-transform: uppercase;}
			h5 {color: #FFF; font-weight: bold; font-size: 14px;}
			h6 {color: #0078AE; font-weight: bold; font-size: 12px; font-style: italic; }
			h7 {color: #4D4D4D; font-weight: normal; font-size: 10px; font-style: italic; }
		p, ul, ol, blockquote {font-size: 12px; line-height: 17px; margin: 0 0 20px 0;}
			p {}
				strong, b {}
				em , i {}
				sub {}
				sup {}
			ul, ol {margin-left: 40px;}
				ul {}
					ul li {}
				ol {}
					ol li {}
			blockquote {}
				blockquote:before {content: open-quote;}
				blockquote:after {content: close-quote;}
		a {color: #66ABD1;}
			a:hover {text-decoration: underline;}
			a:visited {}
			a[href $='.pdf'] {background: url(../images/layout/icons/pdf.jpg) no-repeat left center; padding: 0 0 0 25px; text-decoration: none;}
				a.noicon {background: none; padding: 0; text-decoration: none;}
		hr {background: #DCDCDC; height: 1px; margin: 18px 0;}
		table {border-spacing: 0; font-size: 12px; margin: 0 34px 20px 0; width: 100%; text-align: left;}
			thead {}
				tr {margin: 0 8px;}
				th {border-bottom: 1px solid #E5E5E5; padding: 0 6px;}
			tbody {}
				tr {}
				td {}
			tfoot {}
				tr {}
				td {padding: 0 6px;}
			table.stripeMe {line-height: 22px;}
				table.stripeMe th {background: #AECEE5; color: #FFF; font-size: 13px; line-height: 24px;}
				table.stripeMe td {border-bottom: 1px solid #CCC;}
				tr.alt {background: #EEE;}
				tr.over {background: #AAA;}
.quotetext {color:#333333; text-decoration:none;}

/* ---------------------------------------
[Forms]
------------------------------------------------------------------- */
form {}
	form p {margin: 3px 0 0;}
	label {display: block; font-size: 12px;}
	fieldset {}
		input, select, textarea {color: #4D4D4D; border: 1px solid #AAA; font-family: Arial, sans-serif; font-size: 12px; width: 235px;}
			input {margin: 0 15px 15px 0; padding: 1px;}
			/* input.submit, input[type="submit"] {background: url(../images/layout/buttons/submitout.jpg) no-repeat; border: 0; height: 20px; margin: 10px 0 0 474px; text-indent: -9000px; width: 85px;}
				input.submit:hover, input[type="submit"]:hover {background: url(../images/layout/buttons/submitin.jpg) no-repeat;} */
			input.sub {background: url(/Includes/images/layout/buttons/submitout.jpg) no-repeat; border: 0; height: 20px; margin: 10px 0 0 474px; text-indent: -9000px; width: 85px;}
			input.sub:hover:hover {background: url(/Includes/images/layout/buttons/submitin.jpg) no-repeat;} 

			.clearvalue {color: #AAA;}
			select {margin: 0 15px 15px 0; width: 240px;}
				option {}
			textarea {height: 72px; width: 534px; padding: 1px;}
.checkbox {margin-bottom: 10px;}
	.checkbox input {width: 15px; margin: 0 6px 10px 0;}
	.checkbox label {display: inline; margin: 0 10px 0 0;}
.btmform {background: url(../images/layout/forms/btmform/bg.jpg) no-repeat; margin: 6px 0 0 0;}
	.btmform fieldset {padding: 0 22px;}
		.btmform legend {color: #0078AE; font-weight: bold; font-size: 17px; margin: -9px 0 0 -2px;}
		.btmform textarea {width: 565px;}
.enews form {}
	.enews form input {font-size: 11px; margin: 8px 0 0 18px; width: 140px;}
		.enews form input.submit {background: url(../images/layout/forms/enews/signupout.jpg) no-repeat; border: 0; font-size: 0px; height: 10px; margin: 10px 0 6px 105px; text-indent: -9000px; width: 56px;}
			.enews form input.submit:hover {background: url(../images/layout/forms/enews/signupin.jpg) no-repeat;}
.signup form {}
	.signup form input {font-size: 11px; margin: 8px 0 0 18px; width: 185px;}
		.signup form input.submit {background: url(../images/layout/forms/enews/signupout.jpg) no-repeat; border: 0; font-size: 0px; height: 10px; margin: 10px 0 6px 148px; text-indent: -9000px; width: 56px;}
			.signup form input.submit:hover {background: url(../images/layout/forms/enews/signupin.jpg) no-repeat;}	
#rightforyou .submit {margin-left: 518px;}
	

/* ---------------------------------------
[Menus]
------------------------------------------------------------------- */
.topmenu {float: right; margin-top: -95px; margin-right: 18px;}
	.topmenu li {float: left; list-style-type: none;}
		.topmenu li a {border-right: 1px solid #AAA; color: #444; font-size: 10px; padding: 0 22px; text-decoration: none; text-transform: uppercase;}
			.topmenu li a:hover {text-decoration: underline;}		
			.topmenu li.last a {border-right: none;}
#footer {position: absolute; line-height: 1.2em; margin: 36px 0 0 26px; text-align: left; width: 925px;}
	#footer ul {margin: 0;}
		#footer li {border-right: 1px solid #ADCADC; color: #FFF; display: inline; font-size: 0.9em; line-height: 1.75em; list-style-type: none; padding: 0 7px;}
			#footer li a {color: #FFF; text-decoration: none;}
				#footer li a:hover {text-decoration: underline;}
				#footer li.last a, #footer li.last {border-right: none;}
				#footer li.hidden {display: none;}
.menu {background:  url(../images/layout/menu.png); height: 32px; margin: 10px 0 0 28px; position: absolute; z-index: 8; width: 870px;}
	.menu li {display: inline; float: left; list-style-type: none;}
		.menu li a:link, .menu li a:visited {background: url(../images/layout/menu.png); display: block; height: 32px; overflow: hidden; text-indent: -9000px; z-index: 10;}
			/* --------------- [How it Works] --------------- */
			.menu li.howitworks a {background-position: 0 0; width: 163px;}
				.menu li.howitworks a.current {background-position: 0 -32px;}
				.menu li.howitworks a:hover {background-position: 0px -64px;}	
				.menu li.howitworks a:active {background-position: 0px -96px;}
			/* --------------- [Benefits] --------------- */
			.menu li.benefits a {background-position: -163px 0; width: 124px;}
				.menu li.benefits a.current {background-position: -163px -32px;}
				.menu li.benefits a:hover {background-position: -163px -64px;}
				.menu li.benefits a:active {background-position: -163px -96px;}
			/* --------------- [Systems] --------------- */
			.menu li.systems a {background-position: -287px 0px; width: 189px;}
				.menu li.systems a.current {background-position: -287px -32px;}
				.menu li.systems a:hover {background-position: -287px -64px;}	
				.menu li.systems a:active {background-position: -287px -96px;}
			/* --------------- [FAQ] --------------- */
			.menu li.faq a {background-position: -476px 0px; width: 84px;}
				.menu li.faq a.current {background-position: -476px -32px;}
				.menu li.faq a:hover {background-position: -476px -64px;}
				.menu li.faq a:active {background-position: -476px -96px;}
			/* --------------- [Our Clients] --------------- */
			.menu li.ourclients a {background-position: -560px 0px; width: 182px;}
				.menu li.ourclients a.current {background-position: -560px -32px;}
				.menu li.ourclients a:hover {background-position: -560px -64px;}
				.menu li.ourclients a:active {background-position: -560px -96px;}
			/* --------------- [Buy Now] --------------- */
			.menu li.buynow a {background-position: -742px 0px; width: 127px;}
				.menu li.buynow a.current {background-position: -742px -32px;}
				.menu li.buynow a:hover {background-position: -742px -64px;}
				.menu li.buynow a:active {background-position: -742px -96px;}


/* ---------------------------------------
[Sidebar]
------------------------------------------------------------------- */
#sidebar {float: right; margin: 12px 27px;}
	#quotes {background: url(../images/layout/quote.jpg) no-repeat; height: 118px; margin: 0 0 12px 0; width: 226px;}
		#quotes a {color: #333; display: block; height: 100%; text-decoration: none;}
		#quotes p {font-size: 12px; margin: 0; padding: 16px 24px 0pt 26px; text-decoration: none;}
			#quotes p span {display: block; font-size: 10px; text-align: right;}
	#accordion {background: url(../images/layout/accordion/bg.jpg) repeat-y bottom; margin: 0 0 12px 0;  padding: 0 0 8px 0; width: 226px;}
		#accordion .imageLeft {margin: 10px;}
		#accordion li {list-style-type: none;}
			#accordion li.curve {background: pink url(../images/layout/accordion/btm.jpg) repeat-y bottom; height: 8px; margin: 0 0 -8px 0;}
			#accordion li a.ui-accordion-header {background: url(../images/layout/accordion/header.jpg); border-top: 1px solid #FFF; color: #FFF; display: block; font-weight: bold; height: 24px; line-height: 24px; padding: 0 0 0 10px; text-decoration: none; width: 216px;}
				#accordion li a.first {background: url(../images/layout/accordion/top.jpg);}
		#accordion div {height: 120px;}
			#accordion div p {font-size: 11px;  line-height: 13px; margin: 10px 14px 0 70px;}
			#accordion div a {background: url(../images/layout/arrow.jpg) no-repeat left center; display: block; float: left; font-size: 11px; margin: 5px 0 0; padding: 0 0 0 10px; text-decoration: none;}
		#accordion .ourclients {margin: 0 0 0 -1px;}
			#accordion .commercial p {margin: 11px;}
				#accordion .commercial p a {margin: 5px 0 0 5px;}
			#accordion .commercial ul {font-size: 11px; margin: -6px 0 0 28px; width: 37%;}
				#accordion .commercial li {list-style-type: disc;}
	.blog {}
	.goback {background: url(../images/layout/buttons/previousout.jpg) no-repeat; color: #FFF; display: block; font-size: 13px; font-weight: bold; line-height: 38px; margin: 0 0 12px; padding: 0 0 0 60px; text-transform: uppercase;}
		.goback:hover {background: url(../images/layout/buttons/previousin.jpg) no-repeat; text-decoration: none;}
	.signup {}
		.signup p {margin: 10px 0 3px 18px; font-size: 10px; line-height: 12px}
	.contact {}
		.contact p {margin: 6px 0 0 0; text-align: center;}
		.contact p span {display: block; font-size: 14px; font-weight: bold;}

/* ---------------------------------------
[Media Center]
------------------------------------------------------------------- */
#mediacenter {margin: -14px 0 0 -29px;}
	.mediacenterbtm {margin: -4px 0 0 -29px;}
#mcflash {margin: 20px 0 0;}
#form1 p {border-bottom: 1px solid #CCC;	margin: 5px 14px 10px; padding: 0 0 10px;}
.mcbox {width: 616px;}
	.mcbox h3 {background: url(../images/page/mediacenter/lgheader.jpg) no-repeat; line-height: 40px; margin: 0; padding: 0 0 0 50px;}
		.mcbox h3 a {text-decoration: none;}
		.mcbox h3 img {margin: 7px 0 0 -37px; position: absolute;}
#mcsidebar {float: right;}
.mediasidebar {background: url(../images/blog/mid.jpg); margin: 0 27px 28px 0; padding: 15px 0 0; width: 226px;}
	.mediasidebar a {color: #0078AE; text-decoration: none;}
		.mediasidebar a:hover {color: #4D4D4D;}
	.mediasidebar ul {margin: -2px 0 2px 17px;}
		.mediasidebar ul li {list-style-type: none; margin: 0;}
		.mediasidebar ul ul li {background: url(../images/blog/bullet.jpg) no-repeat left; list-style-type: none; margin: 0 0 2px; padding: 0 0 0 22px;}
			.mediasidebar ul.audio li {background: url(../images/blog/audioicon.jpg) no-repeat left;}
			.mediasidebar ul.video li {background: url(../images/blog/videoicon.jpg) no-repeat left;}
				.mediasidebar ul.video {height: auto;}
				.mediasidebar ul.video li a {display: inline; font-size: 11px;}
			.mediasidebar ul.pdf li {background: url(../images/blog/pdficon.jpg) no-repeat left; padding: 0 0 0 24px;}
	.mediasidebar .topcurve {margin: -15px 0 0; position: absolute;}
	.mediasidebar .btmcurve {margin: 0 0 -3px;}
	.mediasidebar .box {background: transparent; margin: 0;}
		.mediasidebar > .box {background: url(../images/blog/dividehor.jpg) no-repeat bottom; padding: 0 0 10px;}
		.mediasidebar h2 {background: transparent; border-bottom: 1px solid #CCC; color: #0078AE; font-size: 16px; font-style: normal; font-weight: bold; margin: 0 0 12px 17px; padding: 0 0 0 23px; width: 74%;}
			.mediasidebar h2 img {margin: 5px 0 0 -23px; position: absolute;}
		.mediasidebar .box .curve {display: none;}
		.mediasidebar .box .rssButton {display: none;}

/* ---------------------------------------
[FAQ]
------------------------------------------------------------------- */
.faq {line-height: 25px}
.faq a {text-decoration: none; font-weight: bold;}

/* ---------------------------------------
[Systems]
------------------------------------------------------------------- */
.product {margin: 0 0 50px;}
	.product .recommended {margin: 5px 0 0 180px; position: absolute;}
	.product h2 {background: url(../images/layout/bg/ewbox.jpg); color: #0078AE; font-weight: bold; font-size: 20px; height: 32px; letter-spacing: 0; line-height: 34px; padding: 0 12px 0 14px; text-transform: none;}
		.product h2 span.black {color: #333;}
		.product h2 span.price {color: #333; font-size: 18px; margin: 0 0 0 355px;}
	.product h4 {font-weight: normal; font-style: italic; font-size: 14px; margin: 0 0 6px 0;}
	.product .description {float: left; margin: 5px 0 0 0; width: 75%;}
	.product .opendrawer, .product .canadian, .product .call, .product .manual {background: url(../images/page/systems/arrow.jpg) no-repeat left center; color: #0078AE; text-decoration: none; font-size: 12px; margin: 0 15px 0 0; padding: 0 0 0 15px;}
	.product .canadianpricing {display: none; float: right; font-size: 10px; margin: -34px 101px 0 0;}
	.product .drawer {margin-top: 15px;}
	.product .buynow {background: url(../images/page/systems/buynowrightout.jpg) no-repeat right center; color: #FFF; display: block; float: right; font-weight: bold; font-size: 12px; line-height: 21px; margin: -5px 0 0 0; padding: 0 10px 0 0; text-decoration: none; text-transform: uppercase;}
		.product .buynow .left {background: url(../images/page/systems/buynowleftout.jpg) no-repeat left center; display: block; float: left; height: 21px; width: 10px;}
		.product .buynow:hover {background: url(../images/page/systems/buynowrightin.jpg) no-repeat right center;}
			.product .buynow:hover .left {background: url(../images/page/systems/buynowleftin.jpg) no-repeat right center;}
	
.horizontal {background: url(../images/page/systems/shippingbox.jpg) no-repeat; height: 32px; margin: 0 0 20px -4px; width: 100%:}
	.horizontal li {background: url(../images/page/systems/checkmark.jpg) no-repeat left; color: #0078AE; float: left; font-weight: bold; font-size: 15px; line-height: 34px; list-style-type: none; margin: 0 0 0 15px; padding: 0 0 0 16px;}
	.horizontal li.last {background: none; font-weight: normal; font-size: 11px; margin: 0 0 0 15px; padding: 0;}

/* ---------------------------------------
[Homepage]
------------------------------------------------------------------- */
#flash {background: url(../images/page/home/bannerbg.jpg) no-repeat; margin: -25px 0 -10px;}
	#flash embed, #flash object {margin: 15px 0 0 0;}
.leftcolumn{float: left; margin: 0 0 0 -5px; width: 592px;}			
.rightcolumn{float: right; margin: 16px 22px 0 0; width: 282px;}
#content .mediacenter {background: url(../images/layout/boxes/bg/mediacenter.jpg) repeat-y; float: left; margin: 0 0 0 16px; width: 377px;}
	#content .mediacenter .viewall {display: block; height: 20px; margin: -20px 0 0 315px; width: 62px;}
	#content .mediacenter .header {background: url(../images/layout/boxes/headers/mediacenter.jpg);}
	#content .mediacenter .curve {background: url(../images/layout/boxes/curves/mediacenter.jpg) repeat-y; margin: 7px 0 0 0;}
	.video {height: 48px; margin: 18px 0 0 14px;}
		.video img {float: left; margin: 2px 12px 0 0;}
		.video a {display: block; font-weight: bold; font-size: 13px; margin: -6px 0 0 0; text-decoration: none;}
			.video a span {background: url(../images/layout/arrow.jpg) no-repeat left center; font-weight: normal; font-size: 10px; margin: 0 0 0 10px; padding: 0 0 0 9px; text-transform: uppercase;}
		.video p {width: 354px;}
.enews {background: url(../images/layout/boxes/bg/enews.jpg) repeat-y; float: left; width: 181px;}
	.enews .header {background: url(../images/layout/boxes/headers/enews.jpg);}
	.enews p {margin: 10px 0 3px 18px; font-size: 10px; line-height: 12px}
	.enews .curve {background: url(../images/layout/boxes/curves/enews.jpg) repeat-y;}
.composite {background: url(../images/layout/boxes/bg/composite.jpg) repeat-y; margin: 10px 25px 22px -6px; width: 869px;}
	.composite .curve {background: url(../images/layout/boxes/curves/composite.jpg) repeat-y; height: 7px;}
	.subbox {float: left; width: 288px;}
		.subbox .imageLeft {margin: 10px 10px 10px 17px;}
		.subbox p {margin: 10px;}
			.ourclients p {margin: 10px 10px 10px 20px;}
		.subbox ul.threecolumn {margin: -9px 0 0 33px; width: 20%;}
			.subbox ul li {font-size: 10px;}
		.subbox a {background: url(../images/layout/arrow.jpg) no-repeat left center; display: block; float: left; margin: 4px; padding: 0 0 0 10px; text-decoration: none;}
			.whichisbestforyou a {margin: 7px 0 0 0;}
		.subbox .header {font-weight: bold; font-size: 12px; line-height: 21px; width: 273px;}
			.easywatervssofteners .header {background: url(../images/layout/boxes/headers/easywatervssoftners.jpg);}
			.benefits .header {background: url(../images/layout/boxes/headers/benefits.jpg);}
			.ourclients .header {background: url(../images/layout/boxes/headers/ourclients.jpg); margin: 0 0 0 1px;}
			
/* ---------------------------------------
[Cart]
--------------------------------------- */			
table.Cart
{
	line-height: 22px;
	padding-right: 100px;
	padding-left: 100px;
	border-spacing: 0; 
	font-size: 12px; 
	margin: 0 34px 20px 0; 
	width: 40%;
}
table.Cart th {background: #AECEE5; color: #FFF; font-size: 13px; line-height: 24px;}
table.Cart td {border-bottom: 1px solid #CCC;}
table.Cart tr.alt {background: #EEE;}
table.Cart tr.over {background: #AAA;}

/* ---------------------------------------
[CSR]
--------------------------------------- */			
table.CSR
{
	line-height: 22px;
	padding-right: 10px;
	padding-left: 10px;
	border-spacing: 0; 
	font-size: 12px; 
	margin: 0 100px 100px 0; 
	width: 400px;
}
table.CSR tbody { font-family: Arial, Helvetica, sans-serif; width: 400px; }
table.CSR th {background: #AECEE5; color: #FFF; font-size: 13px; line-height: 24px;}
table.CSR td {}
table.CSR tr.alt {background: #EEE;}
table.CSR tr.over {background: #AAA;}
input.csrbuttonadd
{
	visibility: visible;
	background: transparent url(/Includes/images/page/csr/addtoorder.jpg) no-repeat scroll 0 0;
	width:110px;
	height:22px;
	border: 0px;
	text-indent: 200px;
}
input.csrbuttonadd:hover
{
	visibility: visible;
	background: transparent url(/Includes/images/page/csr/addtoorder_in.jpg) no-repeat scroll 0 0;
	width:110px;
	height:22px;
	text-indent: 200px;
}
input.csrbuttonupgrade
{
	visibility: visible;
	background: transparent url(/Includes/images/page/csr/upgrade.jpg) no-repeat scroll 0 0;
	width:110px;
	height:22px;
	border: 0px;
	text-indent: 200px;
}
input.csrbuttonupgrade:hover
{
	visibility: visible;
	background: transparent url(/Includes/images/page/csr/upgrade_in.jpg) no-repeat scroll 0 0;
	text-indent: 200px;
	width:110px;
	height:22px;
}
input.csrbuttonexchange
{
	visibility: visible;
	background: transparent url(/Includes/images/page/csr/exchange.jpg) no-repeat scroll 0 0;
	width:110px;
	height:22px;
	border: 0px;
	text-indent: 200px;
}
input.csrbuttonexchange:hover
{
	visibility: visible;
	background: transparent url(/Includes/images/page/csr/exchange_in.jpg) no-repeat scroll 0 0;
	text-indent: 200px;
	width:110px;
	height:22px;
}