/*
THEME NAME: Solar Hot Water Store
THEME URI: http://www.SolarHotWaterStore.com
AUTHOR: <a href="http://www.businesswebsiteservices.com/">Matthew Brown</a>
AUTHOR URI: http://www.BusinessWebsiteServices.com
*/

/* Website Style */

body {
	background-color: #006600;
	background-repeat: repeat-x;
}

h2, h2 a {
	font-family: tahoma;
	font-size: 22px;
	line-height: 22px;
	font-weight: bold;
	color: #006600;
	text-decoration: none;
}

#wrapper {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

/* Header Style */

#header {
	width: 900px;
	height: 140px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -8px;
}

	#htop {
		width: 900px;
		height: 90px;
		margin-left: auto;
		margin-right: auto;
	}
	
		#htopl {
			width: 600px;
			height: 90px;
			float: left;
		}
		
			#logo {
				width: 90px;
				height: 90px;
				float: left;
			}
			
			#headline {
				width: 500px;
				height: 90px;
				float: right;
				text-align: left;
				margin-bottom: 10px;
			}
			
				#headline h1 a {
					display: block;
					height: 30px;
					font-family: tahoma;
					font-size: 25px;
					margin-top: -20px;
					color: #FFF;
					font-weight: bold;
					text-decoration: none;
					margin-bottom: -15px;
				}
			
			#headline {
				width: 500px;
				height: 40px;
				float: right;
				text-align: left;
				font-family: tahoma;
				font-size: 15px;
				font-weight: bold;
				color: #FFFF00;
			}
			
		#htopr {
			width: 300px;
			height: 90px;
			float: right;
			text-align: right;
		}
		
	#hnav {
		width: 900px;
		height: 40px;
		background-color: #006600;
		border-bottom-color: #000;
		border-bottom-width: 2px;
		border-bottom-style: solid;
		line-height: 40px;
		clear: both;
		background-color: #333333;
	}
	
		#hnav a {
			font-family: tahoma;
			font-size: 14px;
			font-weight: bold;
			color: #FFF;
			text-decoration: none;
			margin-left: 15px;
		}
		
			#hnav a:hover {
				color: #FFFF00;
				text-decoration: none;
			}
			
/* Body Style */

#container {
	width: 900px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	background-image: url('http://www.solarhotwaterstore.com/wp-content/themes/shwstore/images/containerbg.jpg');
	background-repeat: repeat-y;
}

	#content {
		width: 630px;
		float: right;
		margin-right: 25px;
		margin-top: 10px;
	}
	
		#pagepost {
			width: 630px;
			float: left;
		}
	
		#content table {
			font-family: arial;
			font-size: 12px;
			font-weight: bold;
		}
		
		#content p {
			font-family: arial;
			font-size: 12px;
			font-weight: normal;
		}
		
		#content ul li {
			font-family: arial;
			font-size: 12px;
			font-weight: normal;
		}
		
		span.wpcf7-list-item {
			display: block;
		}
	
	.sidebar {
		width: 225px;
		float: left;
		background-color: #474747;
	}
	
		.sidebar h3 {
			display: block;
			clear: both;
				height: 25px;
				width: 225px;
				line-height: 25px;
				text-indent: 5px;
				font-family: tahoma;
				font-size: 15px;
				font-weight: bold;
				color: #006600;
				text-decoration: none;
				background-color: #666666;
				margin-top: -0px;
				margin-bottom: 1px;
			}
		
			.sidebar h3 a {
				display: block;
				width: 200px;
				height: 25px;
				margin-left: auto;
				margin-right: auto;
				margin-top: 10px;
				margin-bottom: 0px;
				font-family: arial;
				font-weight: bold;
				font-size: 13px;
				color: #ffffff;
				text-decoration: none;
				line-height: 25px;
			}
		
			.sidebar h3 a:hover {
				color: #ffff00;
			}
		
		.sidebar ul {
			list-style: none;
			list-style-image: none;
		}
		
		.sidebar ul li a {
			font-family: arial;
			font-size: 11px;
			font-weight: normal;
			color: #FFF;
			text-decoration: none;
			margin-bottom: 0px;
			display: block;
			height: 20px;
			line-height: 20px;
			width: 200px;
		}
		
			.sidebar ul li a:hover {
				color: #FFFF00;
			}
			
			.sidebar p a {
				display: block;
				width: 205px;
				max-height: 25px;
				font-family: arial;
				font-size: 11px;
				font-weight: normal;
				color: #FFF;
				text-decoration: none;
				margin-left: 15px;
				margin-bottom: -10px;
			}
			
			.sidebar p a:hover {
				color: #FFFF00;
			}
	
	#solarsidebar {
		width: 140px;
		min-height: 300px;
		background-color: #f2f2f2;
		float: right;
		margin-right: 0px;
	}
	
		.ssbox {
			width: 130px;
			min-height: 110px;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 5px;
		}
		
			.ssbox h3 {
				font-family: tahoma;
				font-size: 12px;
				font-weight: bold;
				color: #006600;
				margin-bottom: 5px;
				line-height: 20px;
			}
			
			.ssbox p {
				font-family: arial;
				font-size: 11px;
				font-weight: normal;
				color: #000;
			}
			
			.sidebar p span a, .ssbox p span a {
				display: block;
				clear: both;
				width: 100px;
				height: 20px;
				margin-bottom: 15px;
				margin-right: 5px;
				padding-top: 5px;
				line-heignt: 20px;
				float: right;
				text-align: center;
				background-color: #006600;
				font-family: arial;
				font-size: 12px;
				font-weight: normal;
				color: #FFF;
				text-decoration: none;
			}
			
			.sidebar p span a:hover, .ssbox p span a:hover {
				background-color: #009900;
				color: #FFF;
			}
			
			.ssbox ul {
				list-style: none;
				list-style-image: none;
				text-indent: 0px;
				padding-left: -40px;
			}
			
			.ssbox ul li {
				display: block;
				width: 170px;
				margin-left: -40px;
				padding-left: -40px;
				margin-bottom: 10px;
			}
			
			.ssbox ul li a {
				display: block;
				width: 170px;
				font-family: arial;
				font-size: 11px;
				font-weight: normal;
				color: #000;
				text-decoration: none;
				padding-left: -40px;
			}
			
			.ssbox ul li a:hover {
				color: #006600;
			}
	
	#hometop {
		width: 600px;
		float: left;
	}
	
		#hometopl {
			width: 600px;
			height: 280px;
			float: left;
			padding: 10px;
			background-color: #FFF;
			background-image: url('images/homepage-graphic-bg.jpg');
		}
		
			#hometopl h2 {
				font-family: tahoma;
				font-size: 18px;
				line-height: 22px;
				font-weight: bold;
				color: #006600;
			}
			
			#hometopl p {
				font-family: arial;
				font-size: 12px;
				font-weight: normal;
				color: #000;
			}
			
				#hometopl p span a {
					display: block;
					width: 200px;
					height: 30px;
					padding-left: 10px;
					padding-right: 10px;
					line-height: 30px;
					text-align: center;
					background-color: #006600;
					font-family: arial;
					font-size: 12px;
					font-weight: normal;
					color: #FFF;
					text-decoration: none;
					margin-top: 35px;
				}
				
				#hometopl p span a:hover {
					background-color: #003300;
				}
			
			#hometopl li {
				font-family: arial;
				font-size: 12px;
				font-weight: normal;
				color: #000;
			}
			
				#hometopl li span {
					font-weight: bold;
					color: #006600;
				}
		
		#hometopr {
			width: 600px;
			height: 300px;
			float: right;
			background-color: #CCC;
		}
		
	#homemid {
		width: 300px;
		height: 580px;
		float: right;
		background-color: #474747;
	}
	
		#homemid h3 {
			font-family: tahoma;
			font-size: 13px;
			font-weight: bold;
			color: #FFF;
			line-height: 17px;
			margin-top: 10px;
		}
		
		#homemid p {
			font-family: arial;
			font-size: 12px;
			font-weight: normal;
			color: #ffffff;
		}
		
			#homemid p span a {
				font-family: arial;
				font-size: 12px;
				font-weight: normal;
				color: #FFF;
				text-align: center;
				display: block;
				width: 100px;
				height: 20px;
				padding-left: 10px;
				padding-right: 10px;
				margin-left: auto;
				margin-right: auto;
				background-color: #006600;
				line-height: 20px;
				text-decoration: none;
			}
			
			#homemid p span a:hover {
				background-color: #003300;
			}
	
		#homemidl {
			width: 280px;
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 5px;
			padding-bottom: 5px;
			float: left;
			background-color: #474747;
		}
		
			#homemidl1 {
				width: 270px;
				float: left;
				clear: both;
			}
			
			#homemidlbar1 {
				width: 1px;
				background-color: #cccccc;
				height: 140px;
				float: left;
				margin-left: 10px;
			}
			
			#homemidl2 {
				width: 270px;
				margin-left: 10px;
				float: left;
				clear: both;
			}
			
			#homemidlbar2 {
				width: 1px;
				background-color: #cccccc;
				height: 140px;
				float: left;
				margin-left: 4px;
			}
			
			#homemidl3 {
				width: 270px;
				margin-left: 10px;
				float: left;
				clear: both;
			}
		
		#homemidr {
			width: 280px;
			float: right;
			background-color: #474747;
			padding-left: 10px;
			padding-right: 10px;
			margin-top: -17px;
		}
		
			#homemidr input[type="text"] {
				width: 276px;
				height: 20px;
				font-family: arial;
				font-size: 12px;
				font-weight: normal;
				color: #999;
				line-height: 20px;
				margin-bottom: 0px;
			}
			
			#homemidr input[type="submit"], #content input[type="submit"] {
				width: 280px;
				height: 30px;
				line-height: 30px;
				text-align: center;
				background-color: #006600;
				border: 0px;
				color: #ffffff;
				margin-top: 0px;
				margin-bottom: 0px;
			}
			
			#homemidr .button {
				margin-top: 0px;
			}
			
			#homemidr .button:hover, #content .button:hover {
				background-color: #009900;
			}
	
/* Footer Style */

#footer {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 10px;
	clear: both;
}

	#footband {
		width: 900px;
		height: 40px;
		background-color: #333333;
	}
	
		#footbandl {
			width: 600px;
			height: 40px;
			float: left;
			text-align: center;
		}
		
		#footbandr {
			width: 300px;
			height: 40px;
			float: right;
			text-align: center;
		}
		
		#footbandl, #footbandr {
			font-family: tahoma;
			font-size: 15px;
			font-weight: bold;
			color: #FFF;
			line-height: 40px;
		}
		
		#footbandl a, #footbandr a {
			font-family: tahoma;
			font-size: 15px;
			font-weight: bold;
			color: #ffff00;
			text-decoration: none;
		}
		
			#footbandl a:hover, #footbandr a:hover {
				color: #006600;
			}
	
	#mainfooter {
		width: 880px;
		height: 180px;
		background-color: #474747;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	
		#mainfooter h3 {
			font-family: tahoma;
			font-size: 13px;
			font-weight: bold;
			color: #FFF;
			line-height: 17px;
			margin-top: 0px;
			margin-bottom: -10px;
		}
		
		#mainfooter p {
			font-family: arial;
			font-size: 12px;
			font-weight: normal;
			color: #FFF;
		}
		
			.mftop {
				width: 212px;
				height: 140px;
			}
			
			.mfbottom {
				width: 212px;
				height: 30px;
				text-align: center;
				clear: both;
			}
			
				.mfbottom a {
					display: block;
					width: 192px;
					height: 30px;
					padding-left: 10px;
					padding-right: 10px;
					line-height: 30px;
					background-color: #cccccc;
					font-family: arial;
					font-size: 12px;
					font-weight: normal;
					color: #000000;
					text-decoration: none;
				}
				
				.mfbottom a:hover {
					background-color: #006600;
					color: #ffffff;
				}
	
		#mainfooter1 {
			width: 212px;
			height: 180px;
			float: left;
		}
		
		#mainfooter2 {
			width: 212px;
			height: 180px;
			float: left;
			margin-left: 10px;
		}
		
		#mainfooter3 {
			width: 213px;
			height: 180px;
			float: left;
			margin-left: 10px;
		}
		
		#mainfooter4 {
			width: 213px;
			height: 180px;
			float: left;
			margin-left: 10px;
		}
	
	#subfooter {
		width: 900px;
		height: 150px;
		background-color: #006600;
	}
	
		#subfooterl {
			width: 440px;
			float: left;
			margin-top: 10px;
		}
		
			#subfooterl p, #subfooterr p {
				font-family: arial;
				font-size: 11px;
				font-weight: normal;
				color: #FFF;
			}
			
			#subfooter1 a, #subfooterr a {
				font-family: arial;
				font-size: 11px;
				font-weight: normal;
				color: #FFF;
				text-decoration: none;
				margin-left: 5px;
				margin-right: 5px;
			}
			
				#subfooterl a:hover, #subfooterr a:hover {
					color: #FFFF00;
					text-decoration: underline;
				}
		
		#subfooterr {
			width: 440px;
			float: right;
			margin-top: 10px;
		}
		
/* PRICING PAGE */

#pricetable {
	width: 498px;
	border: #e5e5e5 1px solid;
	clear: both;
	margin-top: 10px;
}

	.pta {
		width: 278px;
		float: left;
		text-align: left;
	}
	
	.ptb {
		width: 100px;
		float: left;
		text-align: right;
		font-family: arial;
		font-size: 12px;
		font-weight: bold;
		color: #006600;
	}
	
	.ptc {
		width: 100px;
		float: left;
		text-align: right;
		font-family: arial;
		font-size: 12px;
		font-weight: bold;
		color: #000;
	}
	
	.ptd {
		width: 200px;
		float: left;
		text-align: center;
		font-family: arial;
		font-size: 12px;
		font-weight: bold;
		color: #006600;
		line-height: 30px;
	}

	#ptrow1, #ptrow2, #ptrow3, #ptrow4, #ptrow5, #ptrow6, #ptrow7 {
		width: 478px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
		clear: both;
	}
	
		#ptrow1 {
			height: 40px;
			font-family: arial;
			font-size: 12px;
			font-weight: bold;
			line-height: 40px;
		}
		
			#ptrow1 span {
				font-family: arial;
				font-size: 20px;
				font-weight: bold;
				line-height: 40px;
			}
			
		#ptrow2 {
			height: 30px;
			line-height: 15px;
		}
		
		#ptrow2 .pta span {
			font-family: arial;
			font-size: 14px;
			font-weight: bold;
			font-style: normal;
		}
		
		#ptrow2 .pta {
			font-family: arial;
			font-size: 11px;
			font-weight: normal;
			font-style: italic;
		}
		
		#ptrow2 .ptb, #ptrow2 .ptc {
			line-height: 30px;
		}
		
		#ptrow4, #ptrow5 {
			height: 20px;
		}
		
			#ptrow4 .pta, #ptrow5 .pta {
				font-family: arial;
				font-size: 12px;
				font-weight: normal;
				line-height: 20px;
			}
			
		#ptrow6 .ptd {
			font-weight: bold;
		}
			
			#ptrow4 .ptb, #ptrow5 .ptc, #ptrow5 .ptb, #ptrow5 .ptc {
				line-height: 20px;
			}
			
		#ptrow7 {
			font-family: arial;
			font-size: 12px;
			font-weight: normal;
		}
		
			#ptrow7 span {
				font-weight: bold;
				color: #006600;
			}
			
			#ptrow7 a {
				font-family: arial;
				font-size: 12px;
				font-weight: bold;
				color: #006600;
				text-decoration: none;
			}
			
			#ptrow7 a:hover {
				color: #009900;
			}
	
	#ptrow1, #ptrow2, #ptrow3, #ptrow4, #ptrow5, #ptrow6 {
		border-bottom: #e5e5e5 1px solid;
	}
	
	#ptrow3, #ptrow6 {
		background-color: #e5e5e5;
		height: 30px;
	}
	
		#ptrow3 span, #ptrow6 span {
			font-family: arial;
			font-size: 13px;
			font-weight: bold;
			line-height: 30px;
		}
		
#pricetablebottom {
	width: 490px;
	padding: 5px;
	font-family: arial;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
}

#ptphone {
	width: 618px;
	height: 50px;
	magin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 25px;
	font-family: arial;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	text-align: center;
}

	#ptphone span {
		color: #009900;
	}
	
	#ptphone a {
		font-family: arial;
		font-size: 20px;
		font-weight: bold;
		color: #009900;
		text-decoration: none;
	}
	
	#ptphone a:hover {
		color: #006600;
	}
	
#incentivesblock {
	width: 478px;
	border: #e5e5e5 1px solid;
	background-color: #f2f2f2;
	padding: 10px;
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
}

	#incentivesblock span {
		font-family: arial;
		font-size: 14px;
		font-weight: bold;
		color: #006600;
		line-height: 20px;
	}
	
	#incentivesblock a {
		font-weight: bold;
		color: #006600;
		text-decoration: none;
	}
	
	#incentivesblock a:hover {
		color: #009900;
	}
	
#priceconsultband, #pricekitsband {
	width: 500px;
	height: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: #e5e5e5 1px solid;
	border-top: #e5e5e5 1px solid;
	text-align: center;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}

	#priceconsultband a, #pricekitsband a {
		display: inline-block;
		width: 100px;
		height: 20px;
		margin-left: 20px;
		background-color: #006600;
		text-align: center;
		color: #FFF;
		text-decoration: none;
	}
	
	#priceconsultband a:hover, #pricekitsband a:hover {
		background-color: #009900;
	}
	
#pricepagetop {
	width: 500px;
}

	#ppt1, #ppt2, #ppt3, .kbl {
		width: 158px;
		padding-top: 5px;
		padding-bottom: 5px;
		border: #e5e5e5 1px solid;
		background-color: #f2f2f2;
		text-align: center;
	}
	
	#ppt1, .kbl {
		float: left;
	}		
	
	#ppt2 {
		float: left;
		margin-left: 10px;
	}
	
	#ppt3 {
		float: right;
	}
	
		.ppa, .ppb, .ppc {
			width: 148px;
			margin-left: auto;
			margin-right: auto;
			height: 20px;
			margin-top: 0px;
			margin-bottom: 0px;
			text-align: center;
			line-height: 20px;
		}
		
			.ppa {
				font-family: arial;
				font-size: 12px;
				font-weight: bold;
				color: #000;
			}
			
			.ppb {
				font-family: arial;
				font-size: 12px;
				font-weight: bold;
				color: #006600;
			}
			
			.ppc {
				font-family: arial;
				font-size: 11px;
				font-weight: normal;
				color: #666;
			}

.kitsblock {
	width: 600px;
	float: left;
	margin-bottom: 10px;
}

	.kitsblock .kbr {
		float: left;
		width: 330px;
		margin-left: 10px;
	}
	
		.kbrtop {
			width: 340px;
			height: 20px;
			padding-top: 10px;
			padding-bottom: 10px;
			background-color: #f2f2f2;
			border-bottom: #e5e5e5 1px solid;
			line-height: 20px;
		}
		
		.kbrmid {
			width: 340px;
			height: 15px;
			padding-top: 10px;
			padding-bottom: 10px;
			line-height: 10px;
		}
		
		.kbra {
			width: 105px;
			float: left;
			font-family: arial;
			font-size: 12px;
			font-weight: bold;
			text-align: left;
			text-indent: 10px;
		}
		
		.kbrb, .kbrc, .kbrd {
			width: 75px;
			float: left;
			margin-left: 0px;
			font-family: arial;
			font-size: 12px;
			font-weight: normal;
			text-align: center;
		}
		
		.kbrtop .kbrb, .kbrtop .kbrc, .kbrtop .kbrd {
			font-weight: bold;
		}
		
		#content .kbrd input[type="submit"] {
			width: 75px;
			height: 20px;
			background-color: #006600;
			line-height: 20px;
			padding: 0px;
		}
		
		.content input.button:hover {
			background-color: #009900;
		}
		
	.kbrbottom {
		width: 320px;
		border-top: #e5e5e5 1px solid;
		border-bottom: #e5e5e5 1px solid;
		margin-top: 5px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
		font-family: arial;
		font-size: 11px;
		font-weight: normal;
	}
	
		.kbrbottom span {
			font-family: arial;
			font-size: 12px;
			font-weight: bold;
			color: #006600;
		}
	
	.producttable { width: 630px; float: left; }
		.producttableleft { width: 138px; height: 221px; float: left; padding: 5px; border: 1px solid #cccccc; background-color: #f2f2f2; }
			.ptlimage { width: 138px; height: 138px; background-color: #666666; }
				.ptlimage img { width: 138px; height: 138px; }
			.ptltext { width: 138px; margin-top: 10px; }
				.ptlt1, .ptlt2, .ptlt3 { width: 138px; height: 20px; text-align: center; line-height: 20px; font-size: 12px; font-family: arial; }
				.ptlt1 { font-weight: bold; }
				.ptlt2 { font-weight: bold; color: #006600; }
				.ptlt3 { color: #666666; }
		.producttableright { width: 460px; height: 221px; float: right; padding: 5px; border: 1px solid #cccccc; }
			.producttableright table { font-family: arial; font-size: 12px; font-weight: normal; }
			.producttableright h4 { font-family: arial; font-size: 14px; font-weight: bold; color: #006600; line-height: 15px; margin-top: 10px; margin-bottom: 10px; }
			.producttableright a { font-family: arial; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; margin-left: 5px; margin-right: 5px; }
				.producttableright a:hover { color: #006600; text-decoration: underline; }
				
	.componentblock { width: 618px; float: left; clear: both; padding: 5px; border: #cccccc 1px solid; margin-top: 10px; margin-bottom: 10px; }
		.componentblock h4 { font-family: arial; font-size: 14px; font-weight: bold; color: #006600; line-height: 15px; margin-top: 10px; margin-bottom: 10px; }
		.componentblock ul li { font-family: arial; font-size: 12px; font-weight: normal; margin-bottom: 0px; }