/* fonts */
@font-face {font-family:'CompactaRoman'; src:url('fonts/compctan-webfont.eot'); src:url('fonts/compctan-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/compctan-webfont.woff') format('woff'), url('fonts/compctan-webfont.ttf') format('truetype'), url('fonts/compctan-webfont.svg#CompactaRoman') format('svg'); font-weight:normal; font-style:normal;}
@font-face {font-family:'AllerBold'; src:url('fonts/aller_bd-webfont.eot'); src:url('fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/aller_bd-webfont.woff') format('woff'), url('fonts/aller_bd-webfont.ttf') format('truetype'), url('fonts/aller_bd-webfont.svg#AllerBold') format('svg'); font-weight:normal; font-style:normal;}
@font-face {font-family:'AllerLightRegular'; src:url('fonts/aller_lt-webfont.eot'); src:url('fonts/aller_lt-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/aller_lt-webfont.woff') format('woff'), url('fonts/aller_lt-webfont.ttf') format('truetype'), url('fonts/aller_lt-webfont.svg#AllerLightRegular') format('svg'); font-weight:normal; font-style:normal;}

/* resets */
html, body, div, span, object, iframe, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0px;
	border: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video {display:block;}

/* overwrites */
html, body {width:100%; height:100%;}
body {background:#fff url(../images/bg.gif) repeat-x; font:12px Tahoma, Geneva, sans-serif; color:#404040;}
input, textarea {font:14px arial; color:#666; background:#fff url(../image/input-bg.png) no-repeat left top; border:1px solid #ddd;}
input:focus, select:focus, textarea:focus {border:1px solid #aaa; color:#000;}
input.radio, input.checkbox {background:transparent none; width:auto; padding:0px; margin:0px; border:0px; cursor:pointer;}
input.submit {font:16px arial; width:auto; background:#f1f1f1 url(../image/button-bg.png) repeat-x top; border:1px solid #ccc; padding:8px 12px; cursor:pointer;}
input.submit:hover {text-decoration:underline;}
label {cursor:pointer;}
label.required {background:url(../image/required.png) no-repeat right top; padding-right:10px;}
img {border:0px;}
a {color:#DC6328; text-decoration:none;}
a:hover {color:#CE4C19;}
a.button {background:#1C3F95; padding:5px 10px; font:11px arial; color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px;	border-radius:3px;}
a.button:hover {background:#1B52BF;}
h2 {font:18px 'AllerBold', Tahoma, Geneva, sans-serif; color:#DC6328; border-bottom:1px solid #666;}
h3 {font:18px 'AllerLightRegular', Tahoma, Geneva, sans-serif; color:#666; border-bottom:1px solid #666;}
.newstitle {font:18px 'AllerLightRegular', Tahoma, Geneva, sans-serif; color:#DC6328; border-bottom: none; border-top:3px double #DC6328; padding-top:3px;}
h4 {font:16px 'AllerBold', Tahoma, Geneva, sans-serif; color:#DC6328; }
/* layout */
.wrapper {width:1000px; margin:0px auto; position:relative;}
#footer {width:1000px; margin:0px auto; float:none;}

.clear {clear:both; margin:0px; padding:0px; height:0px; font-size:0px; line-height:0px; float:none;}
.right {float:right;}
.left {float:left;}
.break {width:100%; height:1px; background:#666; margin:10px 0px 25px 0px; clear:both;}

/* header */
#logo {float:left; width:450px; height:150px; margin-top:22px; position:relative;}
#phone {font:24px 'AllerLightRegular', arial; color:#132A64; position:absolute; bottom:11px; left:158px; margin:0; padding:0;}
a#dealer-login {font:16px arial; color:#fff; background:#DC6328; padding:10px 20px; position:absolute; top:0px; right:0px; -webkit-border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-bottomleft:4px; border-bottom-right-radius:4px; border-bottom-left-radius:4px;}
a#dealer-login:hover {background:#CC5323;}
a#dealer-locate {font:16px arial; color:#fff; background:#DC6328; padding:10px 20px; position:absolute; top:0px; right:160px; -webkit-border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-bottomleft:4px; border-bottom-right-radius:4px; border-bottom-left-radius:4px;}
a#dealer-locate:hover {background:#CC5323;}
header .right {width:400px;}
#tools {margin-top:30px;}

/* email signup */
#email-signup {margin-top:5px;}
#email-signup p {margin:0; font:bold italic 10px arial; padding-left:5px; color:#1C3F95;}
#email-signup input#email {font:10px arial; padding:5px;}
#email-signup input#submit {background:#1C3F95; padding:5px 10px; font:11px arial; color:#fff; cursor:pointer; border:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
#email-signup input#submit:hover {background:#1B52BF;}

/* search */
#search {border:1px solid #A6A8AB; float:left; width:193px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
#search input[type="text"] {border:none; background:none; float:left; width:160px; padding:5px; font:12px arial;}
#search input[type="image"] {float:right; width:18px; height:18px; border:none; margin:3px 5px 0px 0px;}

/* social media */
#sm {float:right;}
#sm li {list-style:none; display:inline;}
#sm img {margin-left:5px;}

/* quicknav */
#quicknav {width:400px; height:26px; padding-top:10px; float:right; font:bold 13px arial; color:#fff; text-align:center; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#1c3f95; background: -moz-linear-gradient(top,  #1c3f95 0%, #132a64 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c3f95), color-stop(100%,#132a64)); background: -webkit-linear-gradient(top,  #1c3f95 0%,#132a64 100%); background: -o-linear-gradient(top,  #1c3f95 0%,#132a64 100%); background: -ms-linear-gradient(top,  #1c3f95 0%,#132a64 100%); background: linear-gradient(top,  #1c3f95 0%,#132a64 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c3f95', endColorstr='#132a64',GradientType=0 );}
#quicknav li {list-style:none; display:inline;}
#quicknav span {padding:0px 8px;}
#quicknav a {color:#fff; text-decoration:none;}
#quicknav a:hover {text-decoration:underline;}
.mask-quicknav {overflow:hidden; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin-top:3px;}

/* topnav */
#topnav {}
#topnav .mask {overflow:hidden; float:left; width:154px; margin-top:0px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px;}
#topnav .button {border:1px solid #A6A8AB; border-bottom:none; width:152px; height:30px; text-align:center; padding-top:16px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px; background: #feffff; background: -moz-linear-gradient(top,  #feffff 19%, #d0d2d3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(19%,#feffff), color-stop(100%,#d0d2d3)); background: -webkit-linear-gradient(top,  #feffff 19%,#d0d2d3 100%); background: -o-linear-gradient(top,  #feffff 19%,#d0d2d3 100%); background: -ms-linear-gradient(top,  #feffff 19%,#d0d2d3 100%); background: linear-gradient(top,  #feffff 19%,#d0d2d3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d0d2d3',GradientType=0 );}
#topnav .button:hover, #topnav .button.on {background: #2554c7; background: -moz-linear-gradient(top,  #2554c7 19%, #193580 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(19%,#2554c7), color-stop(100%,#193580)); background: -webkit-linear-gradient(top,  #2554c7 19%,#193580 100%); background: -o-linear-gradient(top,  #2554c7 19%,#193580 100%); background: -ms-linear-gradient(top,  #2554c7 19%,#193580 100%); background: linear-gradient(top,  #2554c7 19%,#193580 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2554c7', endColorstr='#193580',GradientType=0 );}
#topnav a.big {font:16px 'AllerBold', arial; color:#404041; text-decoration:none; padding:16px 30px 10px 30px;}
#topnav a.big:hover, #topnav .button.on a {color:#F7EB5E;}
#reg-links {margin-top:6px;	float:right; border:1px solid #D0D2D3; border-bottom:none; width:688px;	height:40px; text-align:center; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px; background: #feffff; background: -moz-linear-gradient(top,  #feffff 19%, #d0d2d3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(19%,#feffff), color-stop(100%,#d0d2d3)); background: -webkit-linear-gradient(top,  #feffff 19%,#d0d2d3 100%); background: -o-linear-gradient(top,  #feffff 19%,#d0d2d3 100%); background: -ms-linear-gradient(top,  #feffff 19%,#d0d2d3 100%); background: linear-gradient(top,  #feffff 19%,#d0d2d3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d0d2d3',GradientType=0 );}
#reg-links li {list-style:none; float:left; padding:11px 0px 9px 0px; border-right:1px solid #D0D2D3; border-left:1px solid #fff;}
#reg-links li.first {border-left:none;}
#reg-links li.last {border-right:none;}
#reg-links a {font:16px 'AllerLightRegular', arial; color:#404041; text-decoration:none; padding:11px 38px 12px 38px;}
#reg-links a:hover, #reg-links a.on {color:#000;}
#shadow {background:url(../images/shadow.png) no-repeat; width:987px; height:15px; margin:2px auto 15px auto;}

/*--- DROPDOWN ---*/
#reg-links ul{background:#fff; background:rgba(255,255,255,0); list-style:none; position:absolute; left:-9999px; z-index:9999; margin-top:10px; width:220px; background:#dcdedf;}
#reg-links li {position:relative;}
#reg-links ul li{float:none; border:none; text-align:left;}
#reg-links ul li a {font:12px arial; color:#333; padding:5px 0px 5px 10px;}
#reg-links ul a{white-space:nowrap;}
#reg-links li:hover ul{left:0px;}
#reg-links li:hover a{text-decoration:none;}
#reg-links li:hover ul a{text-decoration:none;}
#reg-links li:hover ul li a:hover{text-decoration:underline; color:#000;}
#reg-links li {position:relative;}

/* slides */
#slideshow {width:100%; height:320px; background:url(../images/slideshow-bg.gif) repeat-x;}
#slides {width:1000px; height:320px; position:relative; margin:0px auto;}
#slides img {}
.slides_container {width:1000px; overflow:hidden; position:relative; display:none;}
.slides_container div.slide {width:1000px; height:320px; display:block;}
.caption {
	z-index: 500;
	position: absolute;
	top: 18px;
	left: 33px;
	font: 52px helvetica,'CompactaRoman', arial;
	color: #2d2;
	margin: 0;
	padding: 0;
	text-shadow: 2px 2px 3px #333;
	filter: dropshadow(color=#333, offx=2, offy=2);
}
.pagination {width:14px; height:120px; padding:30px 8px 0px 0px; background:#4d4; position:absolute; z-index:500; right:0px; top:93px; -webkit-border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-topleft:4px; -moz-border-radius-bottomleft:4px; border-top-left-radius:4px; border-bottom-left-radius:4px;}
.vpb_success {
	font-size: large;
	color: #0C0;
	font-weight: bold;
}
.vpb_info {
	font-size: large;
	color: #C00;
	font-weight: bold;
}
.pagination li {list-style:none; padding-left:6px; margin-bottom:6px;}
.pagination li a         {color:#1C3F95; font-size:0.00001em; display:block; width:10px; height:9px; background:url(../images/circle-off.png) no-repeat;}
.pagination li.current a {color:#1C3F95; font-size:0.00001em; display:block; width:10px; height:9px; background:url(../images/circle-on.png) no-repeat;}

/* promo */
#promo {width:902px; height:233px; padding:19px 20px 0px 18px; position:absolute; top:-50px; left:50%; margin-left:-470px; background:url(../images/promo-bg.png) no-repeat center top; z-index:600;}
#boxes {float:left; width:720px; color:#fff;}
.box {float:left;}
.box h2 {
	font: 28px 'CompactaRoman', arial;
	color: #4d4;
	border: none;
	margin: 8px 0px 5px 0px;
	height: 28px;
	padding: 0px;
}
.box p {font:11px; color:#fff; margin:5px 0px; height:62px; overflow:hidden;}
.box .break {width:100%; height:1px; background:#fff; opacity:.1; margin:7px 0px 6px 0px;}
.box li {list-style:none; display:inline;}
.box span {padding:0px 5px 0px 10px;}
.box a {color:#fff; text-decoration:underline;}
.box a:hover {color:#F7EB5E;}
#box-1 {width:210px; margin:4px 45px 0px 12px;}
#box-2 {width:190px; margin:4px 58px 0px 0px;}
#box-3 {width:195px; margin:4px 0px 0px 0px;}
#buy-american {width:169px; float:right; border:1px solid #000; text-align:center; padding-top:6px;}
#buy-american p {font-size:11px; color:#000; width:150px; margin:3px 0px 0px 8px; padding-bottom:8px;}

/* homepage */
#homepage {margin-top:145px; padding-bottom:40px; background:url(../images/gray-fade.png) repeat-x bottom; position:relative; z-index:700;}
#homepage .wrapper {width:900px; padding:0px 20px;}

/* intro */
#intro {width:400px; text-align:left; margin-right:50px; float:left;}

/* news */
#news {float:left; width:230px; text-align:left;}
#news a {font-weight:bold; color:#000; text-decoration:none; display:block; margin-top:15px;}
#news a:hover {text-decoration:underline;}
#news span {color:#aaa;}

/* solar-101 */
#solar-101 {float:right; width:171px; font-size:11px; color:#000; text-align:center; margin-top:-15px;}
#solar-101 p {width:95%; margin:5px auto 15px auto;}
#solar-101 a {padding:6px 29px; background:#132A64; font:16px arial; color:#fff; text-decoration:none;}
#solar-101 a:hover {background:#13377F;}

/* blocks */
.blocks {}
.blocks .mask {overflow:hidden; width:487px; height:172px; float:left; margin-bottom:25px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;}
.blocks .margin-right {margin-right:25px;}
.block {border:1px solid #D0D2D3; width:455px; height:140px; padding:15px; position:relative; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;	background:#ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f2)); background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f2 100%); background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f2 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f2 100%); background: linear-gradient(top,  #ffffff 0%,#f1f1f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f2',GradientType=0 );}
.block img {float:left; width:137px; height:118px; margin-right:15px;}
.block h2 {font:19px 'AllerBold', Tahoma, Geneva, sans-serif; border:none; margin:0px;}
.block h2 a {color:#1C3F95;}
.block h2 a:hover {color:#1B52BF;}
.block p {font-size:11px; color:#666; height:95px; overflow:hidden; margin-top:0px;}
.block .button {position:absolute; bottom:10px; right:10px;}

/* products */
.product {
	width: 460px;
	height: 120px;
	float: left;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 0px;
}
.product img {float:left; margin-right:15px; border:1px solid #666; width:130px; height:100px;}
.product img:hover {border-color:#000;}
.product h2 {border:none; margin:6px 0px 2px 0px;}
.product h2 a {color:#1C3F95;}
.product h2 a:hover {color:#1B52BF;}
.product p {font-size:12px; color:#666; margin:0px 0px 10px 0px;}

/* pool-products */
.poolproduct {
	width: 460px;
	height: 120px;
	/*float: left;*/
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 0px;
}
.poolproduct img {float:left; margin-right:15px; border:1px solid #666; width:130px; height:100px; background-color:#eee;}
.poolproduct img:hover {border-color:#000; background-color:#ccc;}
.poolproduct h2 {border:none; margin:6px 0px 2px 0px;}
.poolproduct h2 a {color:#1C3F95;}
.poolproduct a.button {margin-top:5px;}
.poolproduct h2 a:hover {color:#1B52BF;}
.poolproduct p {font-size:12px; color:#666; margin:0px 0px 10px 0px;}
/* page */
.page {width:690px; float:left;}
.page .break {margin-bottom:10px;}
.page img.left  {margin:0px 18px 15px 0px;}
.page img.right {margin:0px 0px 15px 18px;}
.page h3 {clear:both;}
.page ul, .page ol {margin:0px 0px 15px 30px;}
/* page */
.page2 {
	width: 975px;
	float: left;
}
.page2 .break {margin-bottom:10px;}
.page2 img.left  {margin:0px 18px 15px 0px;}
.page2 img.right {margin:0px 0px 15px 18px;}
.page2 h3 {clear:both;}
.page2 ul, .page ol {margin:0px 0px 15px 30px;}


/* additional-documentation */
.additional-documentation {width:100%; font-size:16px; clear:both;}
.additional-documentation .mask {overflow:hidden; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.additional-documentation .container {border:1px solid #D0D2D3; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#fff; background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f2)); background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f2 100%); background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f2 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f2 100%); background: linear-gradient(top,  #ffffff 0%,#f1f1f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f2',GradientType=0 );}
.additional-documentation h2 {padding:11px 0px 8px 49px; margin:0px 0px 16px 0px; background:url(../images/mini-sun.png) no-repeat left; background-position:13px 8px; border-color:#D0D2D3;}
.additional-documentation ul {margin-left:15px;}
.additional-documentation li {list-style:none;}
.additional-documentation li.last span {display:none;}
.additional-documentation a {font:16px 'AllerLightRegular', arial; color:#1C3F95;}
.additional-documentation a:hover {color:#1B52BF;}
.additional-documentation span {padding:0px 5px 0px 10px;}

/* rightnav */
.rightnav {float:right; width:280px; font-size:12px; margin-top:12px;}
.rightnav .mask {overflow:hidden; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.rightnav .container {padding-bottom:12px; border:1px solid #D0D2D3; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#fff; background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f2)); background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f2 100%); background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f2 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f2 100%); background: linear-gradient(top,  #ffffff 0%,#f1f1f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f2',GradientType=0 );}
.rightnav h2 {padding:11px 0px 8px 49px; margin:0px 0px 16px 0px; background:url(../images/mini-sun.png) no-repeat left; background-position:13px 8px; border-color:#D0D2D3;}
.rightnav ul {margin:0px 0px 0px 18px; padding:0;}
.rightnav li {font:16px 'AllerLightRegular', arial; color:#1C3F95; list-style:none; padding-left:12px; background:url(../images/arrow.gif) no-repeat left; background-position:0px 10px; line-height:25px;}
.rightnav li a {font:16px 'AllerLightRegular', arial; color:#1C3F95; text-decoration:none;}
.rightnav li a:hover {color:#1B52BF; text-decoration:underline;}
.rightnav h3 {margin:0; padding:0; border:none;}
.rightnav h3 a {font:14px 'AllerLightRegular', arial; color:#1C3F95;}
.rightnav h3 a:hover {color:#1B52BF;}

/* rightnav - Additional Info */
.ai {margin:0px 0px 15px 15px; width:245px; padding-bottom:15px; border-bottom:1px solid #D0D2D3;}
.ai img {float:left; margin-right:10px; width:50px; height:40px; border:1px solid #666;}
.ai img:hover {border-color:#000;}
.ai h2 {margin:0; padding:0; border:none;}
.ai h2 a {font:17px 'AllerLightRegular', arial; color:#1C3F95;}
.ai h2 a:hover {color:#1B52BF;}
.ai1 {margin:0px 0px 15px 15px; width:245px; padding-bottom:15px; border-bottom:1px solid #D0D2D3;}
.ai1 img {float:left; margin-right:10px; width:50px; height:40px; border:1px solid #666;}
.ai1 img:hover {border-color:#000;}
.ai1 h2 {margin:0; padding:0; border:none;}
.ai1 h2 a {font:17px 'AllerLightRegular', arial; color:#1C3F95;}
.ai1 h2 a:hover {color:#1B52BF;}
h2.overview     {background:url(../images/icon-information.png) no-repeat;            background-position:0px 3px; padding-left:25px;}
h2.applications {background:url(../images/icon-wrench.png) no-repeat;         background-position:0px 1px; padding-left:25px;}
h2.images       {background:url(../images/icon-image.png) no-repeat;          background-position:0px 3px; padding-left:25px;}
h2.faq          {background:url(../images/icon-weather-cloudy.png) no-repeat; background-position:0px 2px; padding-left:25px;}
h2.packages     {background:url(../images/icon-packages.png) no-repeat; background-position:0px 2px; padding-left:25px;}
h2.calc   {background:url(../images/icon-calc.png) no-repeat; background-position:0px 2px; padding-left:25px;}
.ai a {font:12px tahoma; color:#DC6328;}
.ai a:hover {color:#CE4C19;}

/* photo gallery */
.tab {margin:25px 0px; padding:0; text-align:center;}
.tab li {list-style:none; display:inline; margin-right:8px;}
.tab a {font:18px 'AllerBold', Tahoma; color:#fff; background:#1C3F95; padding:7px 25px; -webkit-border-radius:3px; -moz-border-radius:3px;	border-radius:3px;}
.tab a:hover {background:#1B52BF;}
#photo-gallery .gallery {width:530px; height:280px; border:1px solid #ccc; padding:20px; margin:0px auto; background:#f1f1f1; font:18px 'AllerBold', Tahoma; color:#999; text-align:center;}

/* photo gallery overwrites */
.gallery-title {margin-bottom:10px; text-align:center; background:url("../images/shadow.png") no-repeat; font:16px 'AllerLightRegular'; padding:15px 0px 0px 0px;}
.ad-gallery {margin:0px auto !important;}
.ad-image-wrapper {border:1px solid #D0D2D3; background:#F1F1F2;}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {background:url(../images/trans-80.png) repeat !important;}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {color:#fff !important;}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title span {color:#f2f2f2 !important;} 
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {color:#ccc !important;}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start {font-size:15px; color:#aaa; padding:0px 0px 0px 14px !important; background:url(../images/btn-play.png) no-repeat; background-position:0px 5px; margin-right:20px;}
.ad-gallery .ad-slideshow-controls .ad-slideshow-stop  {font-size:15px; color:#aaa; padding:0px 0px 0px 18px !important; background:url(../images/btn-stop.png) no-repeat; background-position:0px 5px;}
.ad-gallery .ad-controls {margin-bottom:10px !important;}

/* footer */
footer {padding:15px 0px 20px 0px; margin-top:35px !important; border-top:1px solid #D0D2D3; color:#666;}
footer.homepage {padding:0; border:none;}
footer a {color:#666; text-decoration:underline;}
footer a:hover {color:#000;}
#bottom-logos {text-align:center;}
#bottomnav ul {margin:0px auto; padding:0; text-align:center; font-size:11px; color:#aaa;}
#bottomnav li {list-style:none; display:inline;}
#bottomnav a {color:#aaa;}
#bottomnav a:hover {color:#000;}
#bottomnav span {padding:0px 5px 0px 8px;}

/* drop menu */
.dropmenudiv {background:#DCDEDF; width:225px; line-height:18px; margin:-1px 0px 0px 0px; position:absolute; top:0; z-index:10000; visibility:hidden;}
.dropmenudiv ul {border:1px solid #bbb; border-top:0; border-bottom:0;}
.dropmenudiv li {list-style:none;}
.dropmenudiv a {border-bottom:1px solid #bbb; color:#404040; padding:5px 8px; display:block;}
.dropmenudiv a:hover {background:#f5f5f5; color:#000;}


/* extra */
#extra {font:11px arial; color:#aaa; padding-bottom:20px;}

/* ie */
/* .ie {behavior:url(../css/ie-css3.htc);} */

/* ie6 */
.ie6 html, body.ie6, .ie6 div, .ie6 span, .ie6 object, .ie6 iframe, .ie6 h2, .ie6 h3, .ie6 h3, .ie6 h4, .ie6 h5, .ie6 h6, .ie6 p, .ie6 blockquote, .ie6 pre, .ie6 a, .ie6 abbr, .ie6 address, .ie6 cite, .ie6 code, .ie6 del, .ie6 dfn, .ie6 em, .ie6 img, .ie6 ins, .ie6 kbd, .ie6 q, .ie6 samp, .ie6 small, .ie6 strong, .ie6 sub, .ie6 sup, .ie6 var, .ie6 b, .ie6 i, .ie6 dl, .ie6 dt, .ie6 dd, .ie6 ol, .ie6 ul, .ie6 li, .ie6 fieldset, .ie6 form, .ie6 label, .ie6 legend, .ie6 table, .ie6 caption, .ie6 tbody, .ie6 tfoot, .ie6 thead, .ie6 tr, .ie6 th, .ie6 td, .ie6 article, .ie6 aside, .ie6 canvas, .ie6 details, .ie6 figure, .ie6 figcaption, .ie6 hgroup, .ie6 menu, .ie6 footer, .ie6 header, .ie6 nav, .ie6 section, .ie6 summary, .ie6 time, .ie6 mark, .ie6 audio, .ie6 video {behavior:url(../css/ie6-png-fix.htc);}

/* ie7 */
.ie7 {}

/* ie8 */
.ie8 {}

/* ie9 */
.ie9 .filter {behavior:url(http://www.solarpanelsplus.com/solarpanelsplus/ie9-gradient-fix.htc);}


/* SPP added */
#reg-links #prodlistmenu li a {font:11px arial; color:#333; padding:3px 0px 3px 10px;}
#reg-links #prodlistmenu li  { padding:4px 0px 4px 10px;}

.formreq { color:#f00; font-weight:bold; }
 #home-notification { color:#f00; font-weight:bold; position: absolute; top:5px; padding:2px; left:170px; width: 400px; background-color:#ffdf74;}

.readmore a                                       { font-size:11px; color:#257027; font-style:italic; cursor:pointer;}
.pop-box									{
	position: absolute;
	border: 3px solid #F90;
	background: #ebebeb;
	width: 392px;
	top: 151px;
	left: 12px;
	z-index: 99999;
}
.pop-box p									{padding:10px!important;}
.pop-box .close								{font-family: Arial, Helvetica, sans-serif; font-size:18px; position:absolute; right:-2px; top:-2px; background:#000; border-radius:4px; font-style:normal; padding:0 2px; color:#fff; cursor:pointer;}

#lheader-title {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 46pt;
	color: #41ad49;
	height: 90px;
	width: 580px;
	font-weight: bold;
	padding-top: 8px;
	padding-left: 8px;
}
#lheader-subtitle {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24pt;
	color: #41AD49;
}

#lheader {
	background-image: url(/images/hdr.png);
	height: 320px;
	width: 1000px;
}
#lheader ul {
	color: #F58020;
	padding-left: 25px;
	font-size: 18px;
	font-weight: bold;
}
.vpb_general_button
{
	height: 60px;
	width: 150px;
	font-size: 24px;
	font-weight: bold;
	color: #dc6328;
	border-width: 5px;
	border-color: #dc6328;
}
.slidetext1
{
	position:absolute;
	left:760px;
	top:25px;
	height:60px;
	width:220px;
	font-size:16px;
	color:#fff;
	font-weight:bold;
	
}
.slidetext2
{
	position:absolute;
	left:450px;
	top:190px;
	height:60px;
	width:540px;
	color:#383082;
	font-size:19px;
	font-weight:bold;
}
.slidetext3
{
	position:absolute;
	left:520px;
	top:90px;
	height:160px;
	width:460px;
	color:#383082;
	font-size:36px;
	font-weight:bold;
		text-shadow: 2px 2px 3px #eee;
	filter: dropshadow(color=#eee, offx=2, offy=2);
}
.more-info
{
	float: right;
border: 1px;
border-style: solid;
border-color: #666;
background-color: #f1f1f1;
width: 320px;
margin: 5px;
padding: 2px;
}
.contact-button 
{
	margin-top:5px;
	height:48px;
}
.contact-button a
{
	font-family: Georgia, "Times New Roman", Times, serif;
	background-image: url(/images/subbuttonback.png);
	background-repeat: repeat-x;
	border-radius: 10px 10px 10px 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	line-height: 45px;
	padding: 5px;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 2px 2px 3px #666;
	filter: dropshadow(color=#666, offx=2, offy=2);
	color: #000;
	margin-left: 100px;
}
	
	/* scroller CSS */
	/* liScroll styles */

#tickercontainer { /* the outer div with the black border */
border: 1px solid #000;
background: #333; 
width: 998px; 
height: 27px; 
margin: 0 auto; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 5px;
width: 978px;
overflow: hidden;
}
span#newsticker { /* that's your list */
position: relative;
/*left: 500px;*/
font: bold 14px Verdana;
line-height: 26px;
list-style-type: none;
margin: 0;
padding: 0;


}
span#newsticker span {
 margin: 0 50px 0 0;
padding: 0;
background: #333;
color:#0f0;
}
span#newsticker a {
white-space: nowrap;
padding: 0;
color: #0f0;
font: bold 14px Verdana;
} 
span#newsticker span {
margin: 0 10px 0 0;
}