﻿body {
	margin:0px 0px 0px 0px;
	top:0px;
	font-family:Arial;
	font-size:12px;
	color:#282523;
	background-image:url(../Images/BacgroundRepeaterWebsite.png);
	background-repeat:repeat-x;
}

.site-wrapper
{
	width:912px;
	position:relative;
}

.header-wrapper
{
	height:75px;
	width:100%;
	position:relative;
	top:10px;
}

.clear-both
{
	clear:both;
}

.top-10
{
	margin-top:10px;
}

.top-20
{
	margin-top:20px;
}

.main-image-wrapper
{
	width:100%;
	height:271px;
	position:relative;
}

.main-image
{
	height:271px;
	width:912px;
	background-image:url(../Images/TopImage.png);
}

.main-image-text-solar
{
	background-image:url(../Images/Solar.png);
	width:416px;
	height:100px;
	right:40px;
	position:absolute;
	bottom:20px;
}

.main-image-text-wrapper
{
	float:right;
	position:relative;
	top:30px;
	width:600px;
	height:240px;
	text-align:center;
}

.main-image-flash-wrapper
{
	position:absolute;
	top:30px;
	right:50px;
	width:463px;
}

.body-wrapper
{
	width:100%;
	height:100%;
	position:relative;
}

div.wrapper
{
	position:relative;
	width:100%;
	height:100%;
}

.body-left-wrapper
{
	position:relative;
	float:left;
	left:5px;
	width:250px;
	/*border:solid 1px #eeeeee;*/
}

div.pdf
{
	background-image:url(../Images/pdf.gif);
	width:64px;
	height:64px;
}

div.documents-wrapper
{
	width:64px;
	float:left;
	height:100px;
	margin-right:55px;
}

div.documents-wrapper:hover
{
	cursor:pointer;
}

div.text-align-center
{
	text-align:center;
}

.body-lef-item-wrapper
{
	position:relative;
	border:solid 1px #eeeeee;
}

.body-right-item-wrapper
{
	position:relative;
	border:solid 1px #eeeeee;
}

.body-right-wrapper
{
	position:relative;
	float:right;
	width:642px;
	margin-right:5px;
	min-height:300px;
}

.body-left-content-wrapper
{
	position:relative;
	left:23px;
	width:210px;
}

.body-right-content-wrapper
{
	position:relative;
	left:22px;
	width:596px;
}

div.body-right-bg
{
	position:absolute;
	top:56px;
	right:3px;
	bottom:3px;
	left:3px;
	background-color:#eeeeee;
}

div.body-left-bg
{
	position:absolute;
	top:56px;
	width:242px;
	bottom:3px;
	left:3px;
	background-color:#eeeeee;
}

.footer-wrapper
{
	height:59px;
	width:100%;
	position:relative;
}

.logo-wrapper
{
	float:left;
	width:250px;
	height:83px;
}

.nupower-logo
{
	background-image:url(../Images/NuPowerLogo.png);
	width:217px;
	height:66px;
}

.nupower-logo:hover
{
	cursor:pointer;
}

.bullet
{
	color:#9db335;
}

.slogan-wrapper
{
	position:relative;
	top:15px;
	float:right;
	width:200px;
	text-align:right;
}

.buttonbar-wrapper
{
	height:59px;
	width:100%;
	position:relative;
}

.buttonbar-button-wrapper
{
	height:100%;
	width:100%;
	position:relative;
	z-index:200;
}

.buttonbar-button
{
	color:#959392;
	float:left;
	padding-left:15px;
	padding-right:30px;
	padding-top:22px;
	padding-bottom:22px;
}

.buttonbar-button:hover
{
	color:White;
	cursor:pointer;
}

.buttonbar-button.selected
{
	color:White;
}

.buttonbar-left
{
	height:59px;
	width:8px;
	float:left;
	background-image:url(../Images/TopbarLeft.png);
}

.buttonbar-right
{
	height:59px;
	width:8px;
	float:right;
	background-image:url(../Images/TopbarRight.png);
}

.buttonbar-repeater
{
	height:59px;
	position:absolute;
	left:8px;
	right:8px;
	background-image:url(../Images/TopbarRepeater.png);
}

.sticky-notes-wrapper
{
	height:330px;
	width:342px;
	position:absolute;
	top:120px;
	left:35px;
}

.sticky-notes
{
	height:330px;
	width:342px;
	background-image:url(../Images/PaperclipPages.png);
}

.createdBy-wrapper
{
	position:relative;
	height:59px;
	width:100%;
}

.createdBy
{
	float:right;
	height:59px;
	width:140px;
}

h1
{
	font-size:14px;
	color:Green;
}

h2
{
	font-size:16px;
	color:#9db335;
	font-weight:normal;
	margin:5px 0px 5px 0px;
}

h3
{
	font-size:8px;
	margin:0px;
	font-weight:lighter;
}

.sticky-notes-input-wrapper
{
	position:relative;
	top:37px;
	left:60px;
	width:220px;
}

.form-input-wrapper
{
	height:30px;
	width:100%;
	margin-bottom:5px;
}

.label-wrapper
{
	width:30%;
	height:100%;
	float:left;
	line-height:30px;
}

.input-wrapper
{
	width:70%;
	height:100%;
	float:right;
}

.input-top-left
{
	background-image:url(../Images/TextBoxTopLeft.png);
	width:6px;
	height:6px;
	position:absolute;
}

.input-top-right
{
	background-image:url(../Images/TextBoxTopRight.png);
	width:6px;
	height:6px;
	position:absolute;
	right:0px;
}

.input-bottom-left
{
	background-image:url(../Images/TextBoxBottomLeft.png);
	width:6px;
	height:6px;
	position:absolute;
	bottom:0px;
}

.input-bottom-right
{
	background-image:url(../Images/TextBoxBottomRight.png);
	width:6px;
	height:6px;
	position:absolute;
	bottom:0px;
	right:0px;
}

.input-top-repeater
{
	background-image:url(../Images/TextBoxTopRepeater.png);
	height:6px;
	position:absolute;
	left:6px;
	right:6px;
}

.input-left-repeater
{
	background-image:url(../Images/TextBoxLeftRepeater.png);
	width:6px;
	position:absolute;
	top:6px;
	bottom:6px;
}

.input-right-repeater
{
	background-image:url(../Images/TextBoxRightRepeater.png);
	width:6px;
	position:absolute;
	top:6px;
	bottom:6px;
	right:0px;
}

.input-bottom-repeater
{
	background-image:url(../Images/TextBoxBottomRepeater.png);
	height:6px;
	position:absolute;
	bottom:0px;
	right:6px;
	left:6px;
}

.input-control-wrapper
{
	position:absolute;
	left:6px;
	right:4px;
	top:5px;
	bottom:5px;
}



input
{
	width:100%;
	background-color:White;
	border:none;
	padding-bottom:2px;
}

.input-wrapper.textarea
{
	height:65px;
}

textarea
{
	height:55px;
	width:100%;
	background-color:White;
	border:none;
	overflow:hidden;
}

div.sticky-note-button
{
	background-image:url(../Images/SendBTN.png);
	width:77px;
	height:30px;
	float:right;
}

div.dealer-login-button
{
	background-image:url(../Images/LoginBTN.png);
	width:77px;
	height:30px;
	float:right;
	background-repeat:no-repeat;
}

div.sticky-note-button:hover
{
	cursor:pointer;
}

div.dealer-login-button:hover
{
	cursor:pointer;
}

.form-input-wrapper.textarea
{
	height:65px;
}

.body-left-header
{
	width:100%;
	height:59px;
}

.body-content-header
{
	width:100%;
	height:59px;
}

.headingbar-wrapper
{
	height:59px;
	width:100%;
	position:relative;
}

.headingbar-left
{
	height:59px;
	width:8px;
	float:left;
	background-image:url(../Images/TopbarLeft.png);
}

.headingbar-right
{
	height:59px;
	width:8px;
	float:right;
	background-image:url(../Images/TopbarRight.png);
}

.headingbar-repeater
{
	height:59px;
	position:absolute;
	left:8px;
	right:8px;
	background-image:url(../Images/TopbarRepeater.png);
}

.headingbar-text
{
	color:White;
	line-height:59px;
	position:relative;
	left:15px;
	font-size:14px;
}

.footprint
{
	background-image:url(../Images/FootPrint.png);
	width:38px;
	height:52px;
	float:right;
	top:20px;
	margin-left:5px;
	position:relative;
}

.footprint-slogan-wrapper
{
	float:right;
	position:absolute;
	right:8px;
}

.copyright
{
	float:left;
	padding-left:5px;
	padding-top:3px;
}

.creativecafe
{
	background-image:url(../Images/CreativeCafe.png);
	width:182px;
	height:20px;
	float:right;
}

div.tuv-logo
{
	background-image:url(../Images/TUVLogo.png);
	width:86px;
	height:66px;
	float:left;
	background-repeat:no-repeat;
}

div.jaswic-logo
{
	background-image:url(../Images/JaswicLogo.png);
	width:86px;
	height:66px;
	float:left;
	background-repeat:no-repeat;
}

div.iopsa-logo
{
	background-image:url(../Images/iOpsaLogo.png);
	width:86px;
	height:66px;
	float:left;
	background-repeat:no-repeat;
}

div.sessa-logo
{
	background-image:url(../Images/SessaLogo.png);
	width:86px;
	height:66px;
	float:left;
	background-repeat:no-repeat;
}

div.nupower-solar-geyser
{
	background-image:url(../Images/SolarGeyserImage.png);
	width:256px;
	height:139px;
	float:right;
}

div.nupower-solar-collector
{
	background-image:url(../Images/CollectorImage.png);
	width:256px;
	height:153px;
	float:right;
}

.creativecafe:hover
{
	cursor:pointer;
}

div.modalizer
{
	position:absolute;
	background-color:Black;
	opacity:0.6;
	filter:alpha(opacity=60);
	z-index:300;
}

div.popup-wrapper
{
	position:fixed;
	z-index:400;
}

div.popup-top-left
{
	background-image:url(../Images/TopLeftCorner.png);
	width:14px;
	height:14px;
	float:left;
}

div.popup-top-repeater
{
	background-image:url(../Images/TopRepeater.png);
	height:14px;
	position:absolute;
	left:14px;
	right:14px;
}

div.popup-top-right
{
	background-image:url(../Images/TopRightCorner.png);
	width:14px;
	height:14px;
	float:right;
}

div.popup-bottom-left
{
	background-image:url(../Images/BottomLeftCorner.png);
	width:14px;
	height:14px;
	float:left;
}

div.popup-bottom-repeater
{
	background-image:url(../Images/BottomRepeater.png);
	height:14px;
	position:absolute;
	left:14px;
	right:14px;
}

div.popup-bottom-right
{
	background-image:url(../Images/BottomRightCorner.png);
	width:14px;
	height:14px;
	float:right;
}

div.popup-left-repeater
{
	background-image:url(../Images/LeftRepeater.png);
	width:14px;
	position:absolute;
	top:14px;
	bottom:0px;
}

div.popup-right-repeater
{
	background-image:url(../Images/RightRepeater.png);
	width:14px;
	position:absolute;
	top:14px;
	bottom:0px;
	right:0px;
}

div.popup-content-wrapper
{
	overflow:visible;
	position:relative;
	margin:0px 14px 0px 14px;
	background-image:url(../Images/MiddelGreyRepeater.png);
	background-repeat:repeat-x;
	border:solid 1px #eeeeee;
	background-color:White;
}

div.popup-header-wrapper
{
	position:relative;
	color:Green;
	left:15px;
	top:10px;
	width:90%;
	height:22px;
}

div.popup-content
{
	position:relative;
	left:15px;
	margin-top:10px;
	width:90%;
	overflow:visible;
	margin-bottom:20px;
}

div.popup-close-button
{
	position:absolute;
	background-image:url(../Images/CloseBTN.png);
	width:37px;
	height:37px;
	right:-12px;
	top:-13px;
	cursor:pointer;
}

div.popup-close-button:hover
{
	background-position:0px 37px;
}

div.dropdown-wrapper
{
	position:absolute;
	top:0px;
	z-index:555;
}

.dropdown
{
	width:100%;
	height:100%;
	border:none;
	overflow:hidden;
	position:relative;
}

.dropdowm-content-wrapper
{
	padding:0px 0px 15px 10px;
	max-height:250px;
	overflow-y:scroll;
	overflow-x:hidden;
	margin:5px 5px 5px 0px;
}

.dropdown-top-left
{
	background-image:url(../Images/TextBoxTopLeft.png);
	width:6px;
	height:6px;
	position:absolute;
}

.dropdown-top-right
{
	background-image:url(../Images/TextBoxTopRight.png);
	width:6px;
	height:6px;
	position:absolute;
	right:0px;
}

.dropdown-bottom-left
{
	background-image:url(../Images/TextBoxBottomLeft.png);
	width:6px;
	height:6px;
	position:absolute;
	bottom:0px;
}

.dropdown-bottom-right
{
	background-image:url(../Images/TextBoxBottomRight.png);
	width:6px;
	height:6px;
	position:absolute;
	bottom:0px;
	right:0px;
}

.dropdown-top-repeater
{
	background-image:url(../Images/TextBoxTopRepeater.png);
	height:6px;
	position:absolute;
	left:6px;
	right:6px;
}

.dropdown-left-repeater
{
	background-image:url(../Images/TextBoxLeftRepeater.png);
	width:6px;
	position:absolute;
	top:6px;
	bottom:6px;
}

.dropdown-right-repeater
{
	background-image:url(../Images/TextBoxRightRepeater.png);
	width:6px;
	position:absolute;
	top:6px;
	bottom:6px;
	right:0px;
}

.dropdown-bottom-repeater
{
	background-image:url(../Images/TextBoxBottomRepeater.png);
	height:6px;
	position:absolute;
	bottom:0px;
	right:6px;
	left:6px;
}

.dropdown-bg
{
	background-color:White;
	position:absolute;
	top:5px;
	left:5px;
	bottom:5px;
	right:5px;
}

.dropdown-li
{
	list-style:none;
	margin:0px;
	padding:0px;
	line-height:20px;
}

li
{
	
}

bullet
{
	color:Red;
}

.dropdown-li:hover
{
	cursor:pointer;
	background-color:#eeeeee;
}

ul
{
	margin:0px;
	padding:0px;
}

body {
	scrollbar-3dlight-color:#ffffff; 
	scrollbar-arrow-color:#666666; 
	scrollbar-base-color:#ffffff; 
	scrollbar-darkshadow-color:#ffffff; 
	scrollbar-face-color:#ffffff; 
	scrollbar-highlight-color:#ffffff; 
	scrollbar-shadow-color:#999999;
}

select
{
	border:0px;
	width:100%;
	background-color:White;
	height:20px;
}

.dropdown-arrow
{
	background-image:url(../Images/Dropdown.png);
	width:16px;
	height:16px;
	position:absolute;
	top:0px;
	right:2px;
}

div.sa-map
{
	position:relative;
	left:60px;
}

div.float-right
{
	float:right;
}

div.image-text-combo-image
{
	float:left;
	width:287px;
}

div.image-text-combo-text
{
	float:left;
	margin-left:10px;
	margin-top:0px;
	width:290px;
}

div.image-text-combo-wrapper
{
	position:relative;
	height:100%;
	width:100%;
	border:solid 1px #9db335;
	padding:3px;
}

div.solar-heating-1
{
	background-image:url(../Images/01.png);
	width:287px;
	height:292px;
}

div.solar-heating-2
{
	background-image:url(../Images/02.png);
	width:287px;
	height:292px;
}

div.solar-heating-3
{
	background-image:url(../Images/03.png);
	width:287px;
	height:292px;
}

a
{
	color:#9db335;
}

div.absolute-full
{
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
}
