/************************************************************
	CUSTOM STYLES Start
	Produced by Vision Marketing
	styles copied from the file 'styles.css'
************************************************************/
@charset "utf-8";

body {
	background:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#wrapper {
	width:970px;
	background:url(../../images/background.gif) 0 0 repeat-y;
	margin:0 auto;
}

/* Header */

#header {
	width:970px;
	height:125px;
	position:relative;
}

#header h1 {
	margin:0;
	padding:0;
	float:left;
}

#header h6 {
	float:right;
}

/* Header End */
/* Top Navigation */

#top-nav {
	height:30px;
	background:url(../../images/top-nav-bg.png) 0 1px repeat-x;
	margin:0 1px;
	overflow:hidden;
	padding:1px 0;
	border-bottom:1px solid #c3c3c3;
	border-top:1px solid #c3c3c3;
}

#top-nav h2 {
	margin-top:12px;
	float:left;
	width:239px;
	height:25px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../../images/top-nav-call2.gif) 0 0 no-repeat;
}

#top-nav ul {
	float:right;
	height:30px;
	/*background:url(../../images/top-nav-button-bg.gif) 0 0 repeat-x;*/
	/*padding:0 10px 0 0;*/
	padding-right:18px;
}

#top-nav ul li {
	float:left;
}

#top-nav ul li.last {
	width:4px;
	background:url(../../images/top-nav-space.png) 0 0 no-repeat;
	padding:0;
	height:35px;
}

#top-nav ul li a {
	display:block;
	float:left;
	height:30px;
	background:url(../../images/top-nav-button.png) 0 0 no-repeat;
	font:italic 13px Verdana, Arial, Helvetica, sans-serif;
	line-height:30px;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	padding:0 16px 0 18px;
}

#top-nav ul li a:hover {
	background-position:0 -30px;
}

/* Top Navigation End */
/* Top Navigation Area 2 */

#top-nav2 {
	position:absolute;
	right:0;
	top:87px;
	height:36px;
	overflow:hidden;
	margin:0;
	padding:0;
}

#top-nav2 h2 {
	float:left;
	width:191px;
	height:36px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../../images/top-nav-call.gif) 0 0 no-repeat;
}

#top-nav2 h3 {
	float:right;
	height:36px;
	font:bold 12px Arial, Helvetica, sans-serif;
	line-height:36px;
	color:#666;
	vertical-align:middle;
	overflow:hidden;
	padding:0 15px 0 0;
}

#top-nav2 img, #top-nav2 form, #top-nav2 p, #top-nav2 a {
	float:left;
}

#top-nav2 form {
	height:36px;
	line-height:36px;
}

#top-nav2 img {
	padding:0 3px 0 15px;
}

#top-nav2 h3 a {
	color:#666;
	text-decoration:none;
}

#top-nav2 h3 a:hover {
	text-decoration:underline;
}

#top-nav2 h3 form {
	padding:6px 0 0;
	margin:0;
}

#top-nav2 h3 input {
	float:left;
	border:1px dotted #878787;
	height:18px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	margin:0 3px 0 0;
	padding:3px 3px 0;
}

#top-nav2 h3 input.go-button {
	display:block;
	width:32px;
	height:23px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../../images/go-button.gif) 0 0 no-repeat;
	line-height:0;
	border:0;
	margin:0;
	cursor:pointer;
}

/* Top Navigation Area 2 End */
/* Left Navigation */

#left-nav {
	width:199px;/*199px*/
	padding:10px 0 10px 0;
	float:left;
}

#left-nav div {
	background:url(../../images/left-nav-mid.png) repeat-y;
	float:none;
	display:block;
	margin-bottom:14px;
}

#left-nav div .top {
	background:url(../../images/left-nav-top.png) 0 0 no-repeat;
	height:18px;
	margin:0;
}

#left-nav div .bottom {
	background:url(../../images/left-nav-bottom.png) 0 0 no-repeat;
	height:22px;
	margin:0;
}

#left-nav h3 {
	margin:0;
}

#left-nav h2 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#0068b3;
	padding:0 8px 6px;
}

/*#left-nav h2 a, #left-nav h2 span {
	display:block;
	height:34px;
	line-height:34px;
	color:#fff;
	background:#0068b3;
	text-decoration:none;
	padding:0 0 0 5px;
}

#left-nav h2.two a, #left-nav h2.two span {
	line-height:14px;
	height:31px;34px
	padding-top:3px;
	background:#004b81;
}

#left-nav h2 a:hover {
	color:#a2d1f4;
}*/

#left-nav ul {
	padding:0 0 10px 5px;
}

#left-nav ul li {
	padding:0 0 5px;
}

#left-nav ul li a {
	display:block;
	font:italic 14px Arial, Helvetica, sans-serif;
	color:#666;
	padding:0 0 0 12px;
	/*background:url(../../images/left-nav-arrow.gif) 0 50% no-repeat;*/
	text-decoration:none;
}

#left-nav ul li a:hover {
	text-decoration:underline;
}

#left-nav ul li.buy-now a {
	display:block;
	width:148px;
	height:21px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../../images/buy-it-now-button.png) 0 0 no-repeat;
	margin:0 auto;
}

#left-nav ul li.buy-now a:hover {
	background-position:0 -21px;
}

#left-nav h4 {
	font:italic 17px Georgia, "Times New Roman", Times, serif;
	color:#EF1516;
	padding:0 0 0px;
	text-align:center;
	text-transform:uppercase;
}

#left-nav h5 {
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	color:#666;
	padding:0 0 12px;
	text-align:center;
}

#left-nav h6 {
	font:bold 14px Helvetica, sans-serif;
	color:#0068b3;
	text-align:center;
	padding:8px 0 0;
}

#left-nav p a {
	font-size:17px;
	text-decoration:none;
	color:#999;
}

#left-nav form {
	margin:8px 0 8px;
	padding:8px 8px 0;
	background:#e1e1e1;
	border:1px dotted #ccc;
}

#left-nav form p {
	font-size:11px;
	padding:0 0 8px;
}

#left-nav form input {
	border:1px dotted #878787;
	width:95%;
	height:18px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	margin:0 3px 0 0;
	padding:3px 3px 0;
}

#left-nav form input.go-button {
	display:block;
	width:32px;
	height:23px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../../images/go-button.gif) 0 0 no-repeat;
	line-height:0;
	border:0;
	margin:0;
	cursor:pointer;
}

/* Left Navigation End */
#content {
	float: right;
	width: 750px;/*760px */
	padding-right:10px;
	padding-top:10px;
}

/* Footer */

#footer-box {
	text-align: center;
	clear: both;
	padding: 15px 5px 0;
}

#footer {
	border-top:5px solid #e2e2e2;
	font:12px Arial, Helvetica, sans-serif;
	color:#6c6c6c;
	text-align: right;
	padding:8px 15px 0;
}

#footer a {
	color: #6c6c6c;
	text-decoration: none;
}

#footer a:hover {
	color: #000000;
}

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

#footer h1 {
	float:left;
	padding:15px 0 0;
}

#footer h1 img {
	margin:0 10px 0 0;
}

/* Footer End */

span.firstlet {
	font:35px Georgia, "Times New Roman", Times, serif;
	color: #0060a9;
	line-height: 40px;
}

.centered {
	text-align:center;
}

#content {
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
}

#content p {
	line-height:14px;
	padding:0 0 14px;
}

#content p.homepage {
	font-size:13px;
	line-height:14px;
	padding:8px 0 14px;
}

#content .buy-now a {
	display:block;
	width:148px;
	height:21px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../../images/buy-it-now-button.png) 0 0 no-repeat;
	margin:0;
}

#content .buy-now a:hover {
	background-position:0 -21px;
}

#content .live-help a {
	display:block;
	width:148px;
	height:21px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../../images/sets-live-help.png) 0 0 no-repeat;
	margin:0;
}

#content .live-help a:hover {
	background-position:0 -21px;
}

#content .blue {
	color:#0068b3;
}

#content .nospace {
	padding-bottom:0px;
}

#content .homeright {
	padding-left:115px;
}

#content .imghome {
	float:right;
	margin:0 0 20px 20px;
}

#content .homeform {
	width:500px;
}

#content .homeform input, #content .homeform textarea {
	width:200px;
	height:20px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	border:1px dotted #ccc;
	padding:4px 4px 0;
}

#content .homeform textarea {
	height:85px;
	width:500px;
}

/* Homepage Product Buckets */

#product-box {
	padding:70px 24px 10px;
	background:url(../../images/water-bg.jpg) 0 0 no-repeat;
	margin:0 0 10px;
	position:relative;
}

.curves {
	display:block;
	width:750px;
	height:14px;
	position:absolute;
	bottom:0;
	left:0;
}

#product-box ul li {
	width:173px;
	float:left;
	height:225px;
	margin:0 2px 0 0;
	background:url(../../images/content-bucket-bottom.png) 0 100%;
	overflow-y:hidden;
}

#product-box ul li img {
	margin-bottom:4px;
}

#product-box ul li.high-eff img {
	float:left;
	margin:0;
}

#product-box ul li ul li {
	width:auto;
	height:auto;
	border:none;
	margin:0 8px 0;
	float:none;
	font:12px Arial, Helvetica, sans-serif;
	color:#434343;
	line-height:13px;
	padding:0 0 5px 13px;
	background:url(../../images/arrow.gif) 0 2px no-repeat;
}

#product-box ul li.high-eff ul {
	float:left;
	width:107px;
	padding-top:103px;
}

#product-box ul li.high-eff ul li {
	margin:0 0 0 3px;
}

#product-box ul li.high-eff img {
	margin-left:1px;
}

#product-box ul li ul li a {
	color:#434343;
	text-decoration:none;
	font-style:italic;
}

#product-box ul li ul li a:hover {
	color:#434343;
	text-decoration:underline;
}

#product-box ul li h2 {
	margin:0;
	padding:3px 6px 0 6px;
	height:33px;
	display:block;
	background:#0060a9;
	margin:0;
	color:#fff;
	text-align:center;
}


#product-box ul li h2.odd {
	background:#41a62a;
}

#product-box ul li h2 a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}

#product-box ul li h2 a:hover {
	color:#fff;
}

#product-box ul li h2.oneline a {
	line-height:30px;
}

#product-box .box {
	width:140px;
	height:245px;
	float:left;
	border:1px solid #d4ecce;
	margin:0 2px 0 0;
}

#product-box .box h2 {
	margin:0;
	padding:3px 0 0 6px;
	height:33px;
	display:block;
	background:repeat-x #c4c4c4;
	margin:0 0 3px;
	color:#fff;
}

#product-box .box h4 {
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	color:#434343;
	line-height:16px;
	padding:0 0 0 5px;
}

#product-box .box h2 a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}

#product-box .box h2 a:hover {
	color:#fff;
}

#product-box .box h2.oneline a {
	line-height:30px;
}

#product-box .prod-img {
	text-align:center;
	height:123px;
	margin:0;
	padding:0;
}

#product-box .box ul li {
	font:11px Arial, Helvetica, sans-serif;
	color:#434343;
	line-height:13px;
	padding:0 0 2px 10px;
}

#product-box .box ul li a {
	color:#434343;
	text-decoration:none;
}

#product-box .box ul li a:hover {
	text-decoration:underline;
}


#product-box .box .prod-img.big {
	height:150px;
}

/* Box 1 */

#product-box .box.boxone {
	width:170px;
}

#product-box .box.boxone h2 a {
	font-weight:bold;
	font-size:14px;
	line-height:15px;
}

#product-box .box.boxone h2 {
	background-image:url(../../images/prod-box-bg-1.gif);
}

/* Box 2 */

#product-box .box.boxtwo h2 {
	background-image:url(../../images/prod-box-bg-2.gif);
}

#product-box .box.boxtwo ul li {
	background:url(../../images/prod-box-arrow-1.gif) 3px 4px no-repeat;
}

/* Box 3 */

#product-box .box.boxthree h2 {
	background-image:url(../../images/prod-box-bg-3.gif);
}

#product-box .box.boxthree ul li {
	background:url(../../images/prod-box-arrow-2.gif) 3px 4px no-repeat;
}

/* Box 4 */

#product-box .box.boxfour h2 {
	background-image:url(../../images/prod-box-bg-4.gif);
}

#product-box .box.boxfour ul li {
	background:url(../../images/prod-box-arrow-3.gif) 3px 4px no-repeat;
}

/* Box 5 */

#product-box .box.boxfive {
	margin:0;
}

#product-box .box.boxfive h2 {
	background-image:url(../../images/prod-box-bg-5.gif);
}

#product-box .box.boxfive ul li {
	background:url(../../images/prod-box-arrow-4.gif) 3px 4px no-repeat;
}

/* Homepage Product Buckets End */

/* About Style */

#pcMain .imgright {
	float:right;
	margin:0 0 8px 8px;
}

#pcMain .imgleft {
	float:left;
	margin:0 10px 10px 0;
}
	
#pcMain .imgborder {
	border:4px solid #CCC;
}

#pcMain blockquote {
	margin:0 20px 0;
}

#pcMain .breakdown {
	height:44px;
	width:100%;
	overflow:hidden;
}

#pcMain .breakdown h2 {
	float:left;
	width:85px;
}

#pcMain .breakdown p {
	padding:20px 0 0;
}

#pcMain ul.arrow {
	padding:0 0 0 15px;
	margin:0 0 14px;
}

#pcMain ul.arrow li {
	padding:0 0 3px 12px;
	background:url(../../images/arrows.gif) 0 3px no-repeat;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	line-height:14px;
}

#pcMain .imgcaptionright {
	float:right;
	background:#666;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	line-height:12px;
	text-align:center;
	margin:0 0 8px 8px;
	padding:3px;
	color:#fff;
}

#pcMain .imgcaptionright img {
	padding:2px;
	background:#fff;
	margin:0 0 3px;
}

#pcMain .imgcaptionright p {
	text-align:center;
	padding:0 0 3px;
	color:#fff;
}

#pcMain .onefifty p {
	width:150px;
}

/* About Style End */
/* Electric Tankless Main Page */

.clrright {
	clear:right;
}

#content .right-tankless {
	float:right;
	width:375px;
}

#content .right-tankless-main-choose {
	text-align:left;
	margin:0 0 20px;
	padding:0 0 1px;
	background:#e9e9e9;
}

#content .right-tankless-main-choose p {
	padding:0 8px 14px;
}

#content .right-tankless-main-choose h2 {
	background:url(../../images/prod-box-bg-1.gif) 0 0 repeat-x;
	padding:4px 5px;
	margin:0 0 10px;
	color:#fff;
}

#content .right-tankless-main-choose-button {
	display:block;
	width:231px;
	height:58px;
	background:url(../../images/which-tankless.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#content .right-tankless-main-choose-button:hover {
	background-position:0 -58px;
}

.colleft {
	float:left;
	width:46%;
}

.colright {
	float:right;
	width:46%;
}

#content .electric-tankless, #content .electric-tankless li {
	margin:0;
	padding:0;
	list-style-type:none;
}

#content .electric-tankless li {
	width:49%;
	float:left;
	text-align:center;
}

#content .left-tankless {
	float:left;
	width:350px;
}

ul.threecol li {
	width:33%;
	float:left;
}

ul.threecol li div {
	padding:0 10px 0 0;
}

/* Electric Tankless Main Page End */
/* Which Tankless */

.seven-prod {
	height:120px;
	width:728px;
	overflow:hidden;
	text-align:center;
	margin:0 auto 15px auto;
}

.seven-prod ul li {
	float:left;
	width:100px;
	height:120px;
	margin:0 4px 0 0;
	background:#efefef;
}

.seven-prod h2 {
	margin:0;
	padding:2px 0 2px 0;
}

.seven-prod a {
	display:block;
	width:100px;
	height:120px;
	background:#efefef;
	text-decoration:none;
}

.seven-prod a:hover {
	background:#dadada;
}

#content .which-tankless-chart-one {
	width:90%;
	margin:0 auto;
	border:1px solid #ccc;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	line-height:14px;
}

#content .which-tankless-chart-one td {
	border:1px solid #ccc;
	padding:2px 5px;
}

#content .charts {
	margin:0 0 14px 10px;
	border:2px solid #999;
}

#content .charts th {
	padding:2px 5px;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	background:#c9d1df;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	vertical-align:middle;
}

#content .charts td {
	padding:2px 5px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	vertical-align:middle;
}

#content .charts2 {
	margin:0 0 14px 10px;
	border:2px solid #CCC;
}

#content .charts2 th {
	padding:2px 5px;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;
	background:#0060a9;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	vertical-align:middle;
}

#content .charts2 td {
	padding:2px 5px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	vertical-align:middle;
}

#content .need-help {
	float:right;
	position:relative;
	width:231px;
	height:212px;
	background:url(../../images/need-help.jpg) 0 0 no-repeat;
	margin:0 10px 15px 15px;
}

#content .need-help p {
	margin:0;
	padding:0;
	position:absolute;
	right:0;
	bottom:0;
}

#content .need-help p a {
	display:block;
	width:231px;
	height:59px;
	background:url(../../images/need-help.jpg) 0 -153px no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#content .need-help p a:hover {
	background-position:0 -211px;
}

/* Photo Styles */

.caption {
	padding:8px;
	background:#fff;
	border:1px solid #CCC;
	text-align:center;
	font:11px Arial, Helvetica, sans-serif;
	color:#999;
}

.caption img {
	padding:0 0 8px;
}

.caption p {
	margin:0;
	padding:0;
}

.capright {
	float:right;
	margin:0 0 8px 8px;
}

.capleft {
	float:left;
	margin:0 8px 8px 0;
}

/* Common Uses */

#pcMain .common-uses ul li {
	padding:0 0 2px;
}

#pcMain .common-uses ul li h2 {
	font-size:14px;
	margin:0;
}

#pcMain .common-uses ul li img {
	border:4px solid #CCC;
	margin:4px 4px 4px 0;
}

#pcMain .common-uses ul li p {
	padding-bottom:3px;
	margin-bottom:0;
}

#pcMain .common-uses div {
	width:48%;
	border:1px solid #999;
}

#pcMain .common-uses div.clr {
	width:auto;
	border:0;
	height:0;
}

#pcMain .common-uses div.left2 {

}

#pcMain .common-uses div.left2 p {
	padding-bottom:18px;
	line-height:18px;
}

#pcMain .common-uses div.right2 {
	height:380px;
}

#pcMain .longer div.right2 {
	height:400px;
}

#pcMain .longer div.left2 {
	height:400px;
}

#pcMain .common-uses div h2 {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#fff;
	background:url(../../images/prod-box-bg-1.gif) 0 0 repeat-x;
	padding:4px 5px;
	margin:0 0 8px;
}

#pcMain .common-uses div.right2 h2 {
	background:#cadee9;
	color:#0068b3;
}

#pcMain .common-uses div span {
	float:left;
	margin:0 5px 0 0;
	padding:0 0 0 5px;
	background:url(../../images/common-uses-h3-bg.gif) 0 0 no-repeat;
	font:bold 17px "Myriad Pro", "Myriad Web", Arial, Helvetica, sans-serif;
	line-height:17px;
	float:left;
	color:#0060a9;
}

#pcMain .common-uses table {
	width:100%;
}

#pcMain .common-uses td {
	padding:2px 5px;
	width:50%;
	font:normal 12px Arial, Helvetica, sans-serif;
}

#content .go-green h2 {
	height:45px;
	line-height:45px;
	padding-left:65px;
	background:url(../../images/go-green.gif) 0 0 no-repeat;
}

.clrleft {
	clear:left;
	height:0;
	padding:0;
}

#content .common-uses .clrleft {
	width:auto;
	border:0;
	height:0;
}

#content .common-uses div.smaller {
	width:85%;
	margin:0 auto;
	border:none;
}

.space {
	padding:0 0 14px;
}

#content .go-green div {
	float:right;
	width:30%;
	margin:50px 0 0;
	border:1px solid #999;
}

#content .go-green ul {
	padding:0 10px 0;
}

#content .go-green div h3 {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#fff;
	background:url(../../images/prod-box-bg-1.gif) 0 0 repeat-x;
	padding:4px 5px;
	margin:0 0 8px;
}

/* How it works */

#content .how-does {
	border:1px solid #CCC;
	margin:0 10px 14px;
	width:95%;
}

#content .how-does th {
	padding:3px 5px;
	text-align:center;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#fff;
	background:#000;
	border:1px solid #ccc;
}

#content .how-does td {
	padding:3px 5px;
	text-align:center;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#000;
	border:1px solid #ccc;
	background:#e5e5e5;
	vertical-align:middle;
}

#content .how-does td.left {
	float:none;
	text-align:left;
	background:none;
}

#content .how-does th.left {
	float:none;
	text-align:left;
}

#content .how-does .red {
	background:#d2232b;
}

#content .how-does .orange {
	background-color:#f15923;
}

#content .how-does .green {
	background-color:#3dae48;
}

#content .how-does .ltblue {
	background-color:#00adee;
}

#content .how-does .blue {
	background-color:#26358c;
}

#content .legend td {
	width:50%;
}

/* How it works End */
/* Which Tankless is Right for Me */

.left {
	float:left;
}

.right {
	float:right;
}

#content .which-tankless div {
	width:48%;
	border:1px solid #999;
}

#content .which-tankless p {
	padding:0 8px 14px;
}

#content .which-tankless .clr, #content .which-tankless .clrright {
	width:100%;
	border:0;
}

#content .which-tankless div h2 {
	background:#999;
	color:#fff;
	padding:2px 5px;
	margin:0 0 8px;
}

#content .which-tankless div table {
	float:right;
	width:230px;
}

#content .which-tankless table th {
	padding:2px 3px;
	color:#fff;
	background:#000;
	font:bold 14px Arial, Helvetica, sans-serif;
	text-align:left;
}

#content .which-tankless table td {
	padding:2px 5px;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-align:left;
}

#content .which-tankless table td p {
	margin:2px auto;
	padding:0;
	width:25px;
	height:auto;
	background:#000;
	text-indent:-9999px;
	overflow:hidden;
	line-height:8px;
}

#content .which-tankless .map {
	width:60%;
}

#content .which-tankless .map th {
	background:none;
	color:#000;
	border-bottom:1px solid #999;
}

#content .which-tankless .map th.centered {
	text-align:center;
}

#content .which-tankless .map .winter {
	border-right:1px solid #999;
}

#content .which-tankless .map td {
	text-align:center;
	padding:4px 5px;
}

#content .which-tankless .red td, #pcMain .which-tankless .red td a {
	color:#d2232b;
}

#content .which-tankless .red td p, #content .which-tankless th.red {
	background:#d2232b;
}

#content .which-tankless .orange td, #content .which-tankless .orange td a {
	color:#f15923;
}

#content .which-tankless .orange td p, #content .which-tankless th.orange {
	background:#f15923;
}

#content .which-tankless .green td, #content .which-tankless .green td a {
	color:#3dae48;
}

#content .which-tankless .green td p, #content .which-tankless th.green {
	background:#3dae48;
}

#content .which-tankless .ltblue td, #content .which-tankless .ltblue td a {
	color:#00adee;
}

#content .which-tankless .ltblue td p, #content .which-tankless th.ltblue {
	background:#00adee;
}

#content .which-tankless .blue td, #content .which-tankless .blue td a {
	color:#26358c;
}

#content .which-tankless .blue td p, #content .which-tankless th.blue {
	background:#26358c;
}

#content .which-tankless .flowchart {
	width:60%;
}

#content .which-tankless .flowrates {
	width:38%;
}

#content .which-tankless .flowrates h3 {
	font:bold 13px Arial, Helvetica, sans-serif;
	padding:0;
}

#content .which-tankless .flowrates ul li {
	height:39px;
	line-height:37px;
	width:49.9%;
	border-top:1px dotted #999;
	float:left;
	font-size:10px;
	padding:0;
} 

#content .which-tankless ul li img {
	margin:0 2px;
	float:left;
}

#content .which-tankless .flowchart table {
	float:none;
	width:100%;
	border:1px solid #999;
}

#content .which-tankless .flowchart table th, #content .which-tankless .flowchart table td {
	text-align:center;
	border:1px solid #999;
}

#content .which-tankless .flowchart table td {
	font-weight:normal;
}

#content .which-tankless .sizing {
	width:100%;
	margin:0 0 14px;
}

#content .which-tankless .sizing td {
	vertical-align:middle;
	border:1px solid #999;
}

#content .which-tankless .sizing tr td table {
	width:100%;
	height:100%;
}

#content .which-tankless .sizing tr td table td {
	text-align:center;
	border:0;
}

/* Which Tankless is Right for Me */
/* Installation Page */

#content .install-bucket {
	width:500px;
	background:url(../../images/install-price-top.png) 0 0 no-repeat;
	margin-bottom:14px;
}

#content .install-bucket h2 {
	font:bold 24px "Myriad Pro", "Myriad Web", Arial, Helvetica, sans-serif;
	color:#fff;
	height:40px;
	line-height:40px;
	padding:0 10px;
	margin:0;
}

#content .install-bucket ul, #content .install-bucket ul li {
	margin:0;
	padding:0;
}

#content .install-bucket h4 {
	float:right;
	background:url(../../images/install-price-blue.png) 0 0 no-repeat;
	color:#fff;
	width:80px;
	text-align:center;
	height:88px;
	line-height:88px;
	margin-left:20px;
	padding-right:1px;
}

#content .install-bucket h4 a {
	color:#fff;
	display:block;
	width:80px;
	height:88px;
}

#content .install-bucket h4 a:hover {
	color:#fff;
}

#content .install-bucket ul li {
	height:88px;/*88px*/
	padding:0 0 0 15px;
	margin:0;
	border-bottom:1px solid #8d8d8d;
}

#content .install-bucket h3 {
	font:bold 19px "Myriad Pro", "Myriad Web", Arial, Helvetica, sans-serif;
	padding:15px 0 4px 15px;
	line-height:18px;
}

#content .install-bucket h3 span {
	font-weight:bold;
	font-style:italic;
}

#content .install-bucket .install-one h3 span {
	color:#41a62a;
}

#content .install-bucket .install-two h3 span {
	color:#f29400;
}

#content .install-bucket .install-three h3 span {
	color:#d20202;
}

#content .install-bucket a {
	color:#009ee0;
	text-decoration:none;
}

#content .install-bucket a:hover {
	color:#009ee0;
	text-decoration:underline;
}

#content .install-bucket p {
	line-height:16px;
	padding-left:15px;
}

#content .install-bucket .install-three {
	background:url(../../images/install-price-bottom.png) 0 100% no-repeat;
	height:113px;
	border-bottom:0;
}

/* Installation Page End */

/************************************************************
	CUSTOM STYLES Start
	Produced by Vision Marketing
	styles copied from the file 'styles.css'
************************************************************/
/*
ProductCart Shopping Cart Software, Copyright Early Impact LLC 2006, All Rights Reserved
Use this stylesheet to change the look of the default header and footer that ship with ProductCart.

If styles modified using this page do not appear in your storefront, please check the following
two items before anything else:

(1) Make sure that header.asp links to this stylesheet. The code goes before the closing </head> tag:

<link type="text/css" rel="stylesheet" href="pcStorefront.css" />

(2) Make sure that header.asp contains the following code at the very top of the page, before anything else.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

(3) The styles included under "MAIN Styles" are the ones that used to be controlled by the Display Settings
area of the ProductCart Control Panel in previous versions of the software. Unless you want to, you DO NOT need
to change any of the other styles.

*/

/*-----------------------------------------------------------------------------------------
	MAIN Styles - They apply to the entire storefront, unless otherwise defined below
	----------------------------------------------------------------------------------------*/

	/* pcMain is the container for all information displayed by ProductCart on the page
	   This is where you can change the font used storewide, for example.  */
	#pcMain {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333333;
		text-align: left;
		background-color: #FFFFFF;
		width: 100%;
	}
	
	/* The following two statements assign a style to links storewide. They are sometimes
	   overwritten by other styles that target specific links. */
	#pcMain a {
		color: #0066FF;
	}
	
	/*#pcMain a:visited {
		color: #0066FF;
	}*/
	
	#pcMain a:hover {
		color: #0000FF;
		text-decoration: none;
	}

/*-----------------------------------------------------------------------------------------
	 Storefront Tables - Styles within the table are defined later 
	----------------------------------------------------------------------------------------*/

	/* pcMainTable is the container for all information displayed on the
     by ProductCart on the page */
		.pcMainTable {
			width: 100%;
			border: 0;
			border-collapse: collapse;
		}

	/* pcShowProducts is the table that organizes the display of products
	   (e.g. in a category or when viewing best sellers or new arrivals.
		 By default it's set to 100% width and to align in the center of the page. */
		.pcShowProducts {
			text-align: center;
			margin-left: auto;
			margin-right: auto;
			width: 100%;
			border: 1px dotted #E1E1E1;
			margin-top: 10px;
			padding: 5px;
		}
		
		.pcShowProducts td {
			padding: 3px;
		}
		
	/* pcShowContent is the table that organizes the display of information other than
	   products. It does not have a dotted border around it. 
		 By default it's set to 100% width and to left of the page. */
		.pcShowContent {
			text-align: left;
			margin-left: 0;
			width: 100%;
			border: 0;
			border-collapse: collapse;
			margin-top: 5px;
			padding: 5px;
		}
		
		.pcShowContent td {
			padding: 3px;
			vertical-align: top;
		}
		
	/* pcShowCart is the table that organizes the display of information on
		 the shopping cart page */
		.pcShowCart {
			text-align: left;
			margin-left: 0;
			width: 100%;
			border: 0;
			border-collapse: collapse;
		}

		.pcShowCart td {
			padding: 1px;
			vertical-align: top;
		}
		
	/* pcShowList is used when showing a list of items such as quantity discounts */
		.pcShowList {
			text-align: left;
			width: 80%;
			border: 1px solid #e1e1e1;
			border-collapse: collapse;
		}

/* Styles within MAIN TABLE */

	/* Style the page title */
	.pcMainTable h1 {
		font-family:"Myriad Pro", "Myriad Web", Arial, Helvetica, sans-serif;
		font-size: 24px;
		line-height:26px;
		color: #0060a9;
		margin: 0 0 0 0;
		padding:0 0 16px 0;
	}
	
	.pcMainTable h1 span, .pcMainTable h2 span {
		color:#41a62a;
	}
	
	.pcMainTable h1 span.orange, .pcMainTable h2 span.orange {
		color:#f29400;
	}
	
	.pcMainTable h1 span.red, .pcMainTable h2 span.red {
		color:#d20202;
	}
	
	.pcMainTable .products-style h1 {
		padding:0 0 3px 0;
	}
	
	.products-style {
		padding-left:20px;
	}
	
	/* Style the table title (e.g. table showing quantity discounts) */
	.pcMainTable h2 {
		font:16px Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#0060a9;
		margin: 0 0 5px 0;
	}
	
	.pcMainTable h3 {
		font-family:"Myriad Pro", "Myriad Web", Arial, Helvetica, sans-serif;
		font-size: 17px;
		line-height:18px;
		color: #0060a9;
		margin:0;
		padding:0 0 4px;
	}
	
	.pcMainTable h3 span {
		font-weight:normal;
	}
	
	.pcMainTable td {
		height:0;
	}
	
	/* Style the table headings */
	.pcMainTable th {
		background-color: #cce2f1;
		font-size: 12px;
		font-weight: bold;
		border-bottom: 1px solid #0068b3;
	}
	
	#content .pcMainTable th p {
		padding:5px;
	}
	
	/* Remove the default marging from paragraphs */	
/*	.pcMainTable p {
		margin: 0 0 0 5px;
	}
	
*/
	
/* Style within SHOW PRODUCTS table */

	.options {
		/*padding-left:30px;*/
		padding-left:20px;
	}

	/* Style the product name */
	.pcShowProductName {
		font-size: 12px;
		color: #CC6600;
	}
	
	/* Style the product sku */
	#pcMain .pcShowProductSku {
		color: #666666;
		padding-top:8px;
		/*padding-left:30px;*/
	}
	
	/* Style the product weight */
	#pcMain .pcShowProductWeight {
		color: #666666;
	}
	
	/* Style the product brand */
	#pcMain .pcShowProductBrand {
		color: #666666;
	}
	
	/* Style the product stock */
	#pcMain .pcShowProductStock {
		color: #666666;
	}
	
	/* Style the Product BTO Default Config */
	#pcMain .pcShowProductBTOConfig {
		color:#666666;
	}
	
	/* Style the Product Custom Search */
	#pcMain .pcShowProductCustSearch {
		color:#666666;
	}
	
	#pcMain .pcShowProductCustSearch a {
		text-decoration: none;
	}

	
	/* Style the Product Free Shipping Text */
	#pcMain .pcShowProductShipping {
		color:#666666;
	}
	
	/* Change font color for "Show Product's Price" feature */
	#pcMain .pcShowProductPrice {
		color:#000000;
		/*padding-left:30px;*/
	}
	
	/* Strikethrough for List Price */
	#pcMain .pcShowProductListPrice {
		text-decoration:line-through;
	}
	
	/* Change font color for "Show Savings" feature */
	#pcMain .pcShowProductSavings {
		color:#FF6600;
	}
	
	/* Style the short product description */
	#pcMain .pcShowProductSDesc {
		color:#666666;
		/*padding-right: 30px;*/
	}
	
	/* Style the "Not for Sale" text */
	#pcMain .pcShowProductNFS {
		color:#0066FF;
		font-weight:bold;
		margin: 5px;
	}
	
	/* Style the paragraph that includes the "More Details" button */
	.pcShowProductLink {
		padding-top: 3px;
	}
	
	/* Style the paragraph that includes the "Sort by" drop-down */
	.pcSortProducts {
		text-align: right;
	}

	/* pcShowProductsH handles the table that shows product info
	   when products are displayed horizontally */
		 
		.pcShowProductsH {
			width: 150px;
			height: 225px;
			text-align: center;
			margin-left: auto;
			margin-right: auto;
		}
		
		.pcShowProductImageH {
			height: 125px;
			vertical-align: bottom;
			text-align: center;
			padding-bottom: 3px;
		}
		
		#pcMain .pcShowProductImageH img {
			border: 1px solid #E1E1E1;
			padding: 5px;
		}
		
		#pcMain .pcShowCategoryImage img {
			border: 1px solid #E1E1E1;
			padding: 5px;
		}
		
		.pcShowProductInfoH {
			height: 100px;
			margin-top: 5px;
			vertical-align: top;
		}
		
		.pcShowProductInfoH p {
			text-align: center;
		}
		
	/* pcShowProductsHCS handles the table that shows product info
	   when cross selling products are shown with images */
		
		.pcShowProductsHCS {
		 width: 125px;
		 height: 225px;
		 text-align: center;
		 margin-left: auto;
		 margin-right: auto;
		}
	
	/* pcShowProductsP handles the table that shows product info
	   when products are displayed vertically */
		 
		.pcShowProductsP {
			margin: 5px;
			padding: 5px;
			width: 100%;
		}
		
		.pcShowProductImageP {
			height: 125px;
			width: 125px;
			text-align: center;
		}
		
		#pcMain .pcShowProductImageP img {
			border: 1px solid #E5E5E5;
			padding: 5px;
		}
		
		.pcShowProductInfoP {
			text-align: left;
			width: 95%;
			padding-left: 10px;
		}
		
	/* pcShowProductsL handles the table that shows product info
	   when products are displayed in a list */
		 
		.pcShowProductsL {
			width: 100%;
			text-align: left;
		}
		
		.pcShowProductsLheader {
			text-align: left;
			background-color:#F7F7F7;
		}
		
		.pcShowProductsLCell {
			vertical-align: top;
			text-align: left;
		}
		
		.pcShowProductImageL {
			height: 25px;
			width: 25px;
			text-align: left;
			padding: 5px 5px 0 5px;
		}
		
	/* pcShowProductsM handles the table that shows product info
	   when products are displayed in a list with the quantity field */
		 
		.pcShowProductsMheader {
			text-align: left;
			background-color:#F7F7F7;
		}
		
		.pcShowProductsM {
			width: 100%;
			text-align: left;
			vertical-align: top;
		}
		
		.pcShowProductImageM {
			height: 25px;
			width: 25px;
			text-align: left;
			padding: 0 5px 0 5px;
		}
		
		
		
/*-----------------------------------------------------------------------------------------
	 ProductCart Build To Order
	----------------------------------------------------------------------------------------*/
		 
		/* Style the product configuration pages */
		.pcBTOmainTable {
			width: 100%;
			background-color: #FFFFFF;
			border: 0;
			border-collapse: collapse;
		}
		
		.pcBTOfirstRow {
			background-color: #F5F5F5;
		}
		
		.pcBTOsecondRow {
			background-color: #E1E1E1;
		}
		
		/* Style the pop-up window used by ProductCart Build To Order to show additional
			 item information on the configuration pages */
		.pcBTOpopup {
			width: 98%;
			background-color: #FFFFFF;
			border: 0;
			border-collapse: collapse;
			margin: 5px;
			font-size: 10px;
		}
		
		.pcBTOpopup img {
			margin: 5px;
			vertical-align: bottom;
			text-align: center;
			padding-bottom: 3px;
		}
		
		/* Style the detailed product configuration when shown on the shopping cart page
			 order details page, etc. */
		.pcShowBTOconfiguration {
			text-align: left;
			background-color:#F7F7F7;
		}
		
		.pcShowBTOconfiguration p {
			size: 10px;
			color:#666666;
		}
		
/*-----------------------------------------------------------------------------------------
	 Browse by Category or Brand
	----------------------------------------------------------------------------------------*/
		 
		.pcShowCategory {			
			text-align: center;
			margin-left: auto;
			margin-right: auto;
		}
		
		.pcShowCategory td {
			vertical-align: bottom;
		}
		
		.pcShowCategoryP {
			width: 100%;
			text-align: left;
		}
		
		.pcShowCategoryImage {
			height: 125px;
			vertical-align: bottom;
			text-align: center;
			padding-bottom: 3px;
		}
		
		.pcShowCategoryImage img {
			border: 1px solid #E5E5E5;
			padding: 5px;
		}
		
		.pcShowCategoryInfo {
			margin-top: 5px;
			vertical-align: top;
		}
		
		.pcShowCategoryInfo p {
			text-align: center;
		}
		
		.pcShowCategoryInfoP {
			width: 100%;
			margin-top: 5px;
			text-align: left;
			vertical-align: top;
		}

/*-----------------------------------------------------------------------------------------
	 Product details page
	----------------------------------------------------------------------------------------*/
	
		/* Visually separate prices from the rest of the information */
		.pcShowPrices {
			margin-top: 10px;
			margin-bottom: 10px;
			font-weight: bold;
		}
		
		
/*-----------------------------------------------------------------------------------------
	 Page Navigation
	----------------------------------------------------------------------------------------*/
	
	/* pcPageNav handles the page navigation at the bottom of the page, when present. */
	.pcPageNav {
		text-align: left;
		width: 99%;
		border: 0;
		border-collapse: collapse;
		margin: 0px 0 14px 0px;
	}
	
	.pcPageNav a:hover {
		color: #000000;
		text-decoration: none;
	}
	
	.pcPageName a/*, #pcCatNav a:visited*/ {
		color: #999999;
	}

/*-----------------------------------------------------------------------------------------
	 Forms
	----------------------------------------------------------------------------------------*/

	/* Clear the margins for all forms used by ProductCart */
	#pcMain form {
		margin: 0;
		}
		
	.pcForms input {
		border: 1px solid #CCCCCC;
		background-color: #F7F7F7;
		font-size: 11px;
		color:#666666;
		padding: 2px 3px 2px 3px;
	}
	
	.pcForms input:focus {
		border: 1px solid #999999;
		background-color: #FFFFCC;
	}
	
	.pcForms textarea {
		border: 1px solid #CCCCCC;
		background-color: #F7F7F7;
		font-size: 11px;
		color:#666666;
		padding: 2px 3px 2px 3px;
	}
	
	.pcForms textarea:focus {
		border: 1px solid #999999;
		background-color: #FFFFCC;
	}
	
	/* Style drop-down menus */
	.pcForms select {
		font-size: 10px;
		color: #333333;
		background-color: #F5F5F5;
		border: 1px solid #CCCCCC;
	}
	
	/* Style submit image button */
	#submit {
		border: 0;
		background-color: transparent;
		padding: 0px;
	}
	/* Style submit image button */
	#pcMain .submit {
		border: 0;
		background-color: transparent;
		padding: 0px;
	}
	
	/* Style submit button (when an image is NOT used) */
	#pcMain .submit2 {
		border: 1px solid #CCCCCC;
		background-color: #FFFFCC;
		font-size: 11px;
		color:#666666;
		padding: 2px 3px 2px 3px;
	}
	
	/* Style the transparent fields used by ProductCart Build To Order and Apparel Add-on */
	#pcMain .transparentField {
		border: 0;
		background-color: transparent;
		padding: 0;
	}	
	
	/* Clear border on checkboxes to fix IE bug */
	#pcMain .clearBorder {
		border: 0;
		background-color: transparent;
	}	
	
/*-----------------------------------------------------------------------------------------
	 Search results page
	----------------------------------------------------------------------------------------*/

	/* Style list of categories in the category search results */
	.pcCatSearchResults ul {
		list-style-type: none;
		margin: 0 0 20px 15px;
		padding: 0;
	}

	.pcCatSearchResults ul li {
		margin: 2px 0 0 0;
	}


/*-----------------------------------------------------------------------------------------
	 Other styles
	----------------------------------------------------------------------------------------*/

	/* Remove the default border from images */	
	#pcMain img {
		border: 0; 
	}

	/* Style the page description at the top of the page, when available */
	.pcPageDesc {
		margin:2px 0 10px 0;
		padding: 0;
	}
	.pcPageDesc p{
		line-height:16px;
	}
	
	/* Styles section titles on pages with different sections (e.g. search results) */
	.pcSectionTitle {
		background-color: #F7F7F7;
		text-align: left;
		padding: 5px;
		font-size: 12px;
		font-weight: bold;
		color: #666666;
	}	
		
	/* Example of usage: preview search results text on advanced search page */
	.pcTextMessage {
		color: #0066FF;
		font-weight: bold;
		}
		
	/* Styles alert and friendly error messages shown to the customer in the storefront */
	.pcErrorMessage {
		width: 90%;
		background-color: #F7F7F7;
		border: 1px solid #0099FF;
		margin: 15px;
		padding: 4px;
		color: #0066FF;
		font-size:12px;
		font-weight: bold;
		text-align: center;
	}	
	
	/* Styles small text shown in various pages (e.g. "(mm/yy)" on the credit card page */
	.pcSmallText {
		font-size: 10px;
		color:#999999;
		}
		
	/* Sets the height of an empty table row */
	.pcSpacer {
		height: 10px;
	}
		
	/* Horizontal line */
	#pcMain hr {
	color: #e5e5e5;
	background: #e5e5e5;
	border: 0;
	height: 1px;
	}
	
	/* Add spacing to list items */
	#pcMain li {
	padding-bottom: 3px;
	}

/*-----------------------------------------------------------------------------------------
 ProductCart Product ViewPrd.asp Images
----------------------------------------------------------------------------------------*/	

	#pcMain .pcShowMainImage {
		width: auto;
		height: auto;		
		text-align: center;
		vertical-align: bottom;
		margin-left: 5px;
		margin-right: 5px;
		margin-bottom: 5px;
	}
	
	#pcMain .pcShowMainImage img {
		padding: 5px;
		border: 1px solid #cccccc;
	}
	
	#pcMain .pcShowAdditional {
		width: 240px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;			
	}
	
	#pcMain .pcShowAdditionalImage {
		vertical-align: top;
		text-align: center;
		padding: 0 0 0 0;
	}
	
	#pcMain .pcShowAdditional img {
		width: 50px;						
		border: 1px solid #cccccc;
	}
	
/*-----------------------------------------------------------------------------------------
	 ProductCart v2.7x styles
	----------------------------------------------------------------------------------------*/
	
	/* Printer-friendly version of order details page */
	table.invoice {
		border-collapse:collapse;
		border: 1px solid #333333;
	}
	table.invoiceBto {
		border-collapse:collapse;
		border: 1px solid #999999;
	}
	td.invoice {
		border: 1px solid #666666;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		vertical-align:top;
		text-align:left;
	}
	td.invoiceNob {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		vertical-align:top;
		text-align:left;
	}

/* END */