/* ---------------- HTML ELEMENTS ------------------ */
body
{
    margin:0px;
    background-color:Black;
    padding:0px;
    font-family:Arial;
    font-size:12px;
    color:#333333;
}

a:link,
a:visited,
a:active,
a:hover,
a.externallink
{
    text-decoration:none;
    color:#ff6900;
}

a:hover
{
    text-decoration:underline;
}

a img
{
    border:none;
}

h1
{
    font-size:24px;
    font-weight:bold;
    color:Black;
    margin:15px 0px 5px 0px;
}

h2
{
    font-weight:normal;
    font-size:18px;
    color:Black;
    margin:15px 0px 5px 0px;
}

h3
{
    color:#ff8a00;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
    padding:0px;
    margin:0px;
}

h4
{
    font-size:14px;
    color:#071C59;
    text-transform:uppercase;
    text-align:center;
}

hr
{
    color:#FFFFFF;
    background-color:#FFFFFF;
    border:none;
    border-top:solid 1px #E0E4EB;
}

p
{
    margin:5px 0px 20px 0px;
}

ul
{
}

li
{
    padding:0px 0px 10px 0px;
}

textarea
{
    font-family:Arial;
    font-size:15px;
}

.center
{
    text-align:center;
}

.clear
{
    clear:both;
}

.right
{
    float:right;
}

.left
{
    float:left;
}

.orange
{
    color:#FF8A00;
}



/* --------------- COMMON ELEMENTS ----------------- */
#background-gradient
{
    background-color:#88cdef;
    background-image:url('../images/background-gradient.gif');
    background-position:bottom;
    background-repeat:repeat-x;
    width:100%;
}

#background-photo
{
    background-image:url('../images/background-photo.jpg');
    background-position:center bottom;
    background-repeat:no-repeat;
    padding:40px 0px 155px 0px;
}

.page
{
    margin:0px auto 0px auto;
    width:1000px;
}

#logo
{
    margin:30px 0px 0px 26px;
    cursor:pointer;
    vertical-align:top;
}

#bannerad
{
    display:inline;
    margin:20px 0px 0px 26px;
}

#navigation
{
    background-image:url('../images/background-nav-high.gif');
    background-repeat:no-repeat;
    background-position:center top;
    text-align:center;
    padding:19px 0px 0px 0px;
    margin:15px 0px 0px 0px;
    height:25px;
}

#navigation img
{
    margin:0px 9px 0px 8px;
    padding:0px 0px 9px 0px;
}

#navigation a.selected
{
    background-image:url('../images/nav_selected.gif');
    background-position:center bottom;
    background-repeat:no-repeat;
}

#fallback
{
    padding:30px;
    color:White;
    font-size:16px;
    text-align:center;
}

#shadow
{
    background-image:url('../images/background-shadow.gif');
    background-position:left center;
    background-repeat:repeat-y;
}

#content
{
    background-image:url('../images/background-shadow-photo.gif');
    background-position:left bottom;
    background-repeat:no-repeat;
    padding:0px 10px;
    overflow:auto;
}

#footer
{
    font-size:10px;
    color:#666666;
    text-align:center;
    margin-top:5px;
}

#footer *
{
    vertical-align:top;
}

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

#footer a
{
    margin-left:12px;
}

#background-black
{
    background-color:Black;
    color:White;
    font-size:11px;
    margin:50px 0px 50px 0px;
    overflow:auto;
}

#mission
{
    float:left;
    width:425px;
}

#mission p
{
    margin-top:15px;
}

#partnership
{
    float:right;
    width:525px;
}

#partnership img
{
    margin:10px 20px 0px 0px;
}



/* ----------------- HOME PAGE ---------------- */
#slideshow
{
    width:980px;
    height:316px;
}

#boxes
{
    background-color:White;
    padding-bottom:8px;
    overflow:auto;
}

.box
{
    background-image:url('../images/background-box.gif');
    background-position:right top;
    background-repeat:no-repeat;
    margin:0px 0px 0px 9px;
    width:315px;
    height:185px;
    background-color:White;
    float:left;
    text-align:center;
}

.boxitem
{
    text-align:left;
    clear:both;
    width:285px;
    line-height:20px;
    margin:20px 0px 20px 20px;
    overflow:hidden;
}

.boxitem a
{
    color:#0066cc;
    font-size:15px;
    padding-right:10px;
}

.boxitem img
{
    float:left;
    margin-right:20px;
}



/* ---------------- SUB PAGES ----------------------*/
#main
{
    float:left;
    width:616px;
    min-height:721px;
    padding:17px;
    margin:12px 0px 10px 10px;
    background-image:url('../images/background-main.gif');
    background-position:center top;
    background-repeat:repeat-x;
    background-color:White;
    font-size:14px;
}

.headline
{
    margin:17px 0px 5px 0px;
}

#side
{
    float:left;
    margin:12px 0px 10px 11px;
    width:300px;
    padding:0px;
}

.sidecontent
{
    background-image:url('../images/background-main.gif');
    background-position:center top;
    background-repeat:repeat-x;
    background-color:White;
    padding:10px;
    margin:0px 0px 10px 0px;
}

#SidebarDiv
{
    width:280px;
    padding:10px;
    background-image:url('../images/background-main.gif');
    background-position:center top;
    background-repeat:repeat-x;
    background-color:White;
    margin-bottom:10px;
}

#login
{
    background-image:url('../images/background-login.gif');
    background-position:left top;
    background-repeat:no-repeat;
    height:122px;
    margin-bottom:11px;
}

#loginAuthenticated
{
    background-image:url('../images/background-loggedin.gif');
    background-position:left top;
    background-repeat:no-repeat;
    height:44px;
    margin-bottom:11px;
    padding:15px;
}

#loginAuthenticated span
{
    font-size:18px;
}

#loginAuthenticated a
{
    font-size:12px;
}

#memberoptions
{
    margin-top:8px;
    text-align:right;
}

#login table
{
    margin:0px 10px 0px 10px;
    border-collapse:collapse;
}

#login table td
{
    font-size:9px;
    padding:0px 0px 13px 6px;
}

#login table *
{
    vertical-align:middle;
}

#login input.field
{
    width:121px;
    font-size:15px;
    font-weight:bold;
    background-color:Transparent;
    border:none;
    margin:19px 12px 0px 3px;
}

#login td.signup
{
    font-weight:bold;
    font-size:16px;
    text-align:center;
}

#members
{
    width:297px;
    height:58px;
    background-image:url('../images/members_box.gif');
    background-position:left top;
    background-repeat:no-repeat;
    margin-bottom:11px;
    padding:6px 0px 0px 3px;
}

#members span
{
    font-size:44px;
    font-weight:bold;
    color:Black;
    width:40px;
    margin:0px 0px 0px 5px;
    display:block;
    float:left;
    text-align:center;
}

#side .box
{
    width:300px;
    margin:0px 0px 11px 0px;
}

.ad
{
    margin:0px 0px 11px 0px;
}

#join
{
    margin:30px 0px 0px 0px;
    padding:5px 10px;
    border:solid 2px black;
    text-align:center;
    background-color:#222222;
    font-size:16px;
    clear:both;
    font-weight:bold;
}

img.right
{
    float:right;
    margin-left:15px;
    clear:both;
}

div.right
{
    clear:both;
    text-align:center;
    float:right;
    font-size:12px;
    color:#000000;
    width:180px;
    padding:5px 10px;
    margin:0px 0px 20px 15px;
}

.label
{
    font-weight:bold;
    padding:5px 10px 0px 0px;
}



/* ------------------ SOLAR BENEFITS ---------------------*/
.arbt
{
    font-size:16px;
    border:solid 1px black;
    border-collapse:collapse;
}

.arbt tr td,
.arbt tr th
{
    border:solid 1px black;
    padding:8px;
}

.arbt tr td
{
    font-size:24px;
    font-weight:bold;
}

.arbt h2
{
    margin:0px;
}

.color1
{
    background-color:#88CDEF;
}

.color2
{
    background-color:#FF8900;
}

.bythenumbers .indent
{
    margin-left:10px;
}

.bythenumbers
{
    border:solid 1px black;
    float:right;
    clear:both;
    margin:15px 0px 15px 0px;
    padding:10px;
    font-size:12px;
    width:180px;
    background-color:#E0E4EB;
    margin-left:15px;
}

.bythenumbers h4
{
    margin:5px 0px 15px 0px;
}

.bythenumbers span
{
    margin:0px 0px 10px 0px;
    display:block;
}

.bythenumbers ul
{
    margin:10px 0px 0px 0px;
    padding:0px 0px 0px 20px;
}



/* --------------------- SOLAR WORKS ----------------------- */
#potential
{
    display:inline;
    border-collapse:collapse;
    vertical-align:top;
}

#potential tr td,
#potential tr th
{
    border:solid 1px black;
    padding:2px 5px;
    text-align:left;
}




/* -------------------- OUR EXPERIENCE --------------------- */
#comm_dd
{
    float:right;
    width:180px;
    clear:both;
    margin:0px 0px 15px 15px;
    padding:10px;
    border:solid 1px black;
    background-color:#FFC600;
}

#comm_dd select
{
    margin:5px 0px 0px 0px;
    width:180px;
}



/* -------------------- YOUR MEMBERSHIP -------------------- */

#joininfo
{
    background-color:#E3E6ED;
    padding:20px;
}

#joininfo h2
{
    margin:0px;
}

#joininfo table
{
    margin-bottom:20px;
}

#joininfo table tr td
{
    padding-right:10px;
}

#joininfo,
#memberinfo,
#updatepassword,
#updateprofile,
#aboutyourself
{
    margin:0px 0px 20px 20px;
}

#aboutyourself table
{
    margin:0px 0px 20px 0px;
}

#joininfo
{
}


#joininfo input[type=text],
#joininfo input[type=password],
#updatepassword input[type=text],
#updatepassword input[type=password],
#updateprofile input[type=text],
#updateprofile input[type=password],
#memberinfo input[type=text],
#memberinfo input[type=password]
{
    font-family:Arial;
    width:207px;
}



/* ----------------------- MAIN LOGIN -----------------------*/
#mainlogin
{
    margin:15px auto 0px auto;
}



/* -------------------------- PORTAL ------------------------*/
.sidecontent h1
{
	margin:0px 0px 10px 8px;
	padding:0px;
}

.sidecontent ul,
a.rss
{
	display:block;
	font-size:14px;
	line-height:16px;
	padding:0px;
	margin:0px 10px 25px 10px;
}

.sidecontent ul li
{
	padding:0px;
	margin:0px 0px 10px 0px;
	list-style:none;
	font-size:14px;
}

a.rss *
{
	vertical-align:bottom;
}

#portalname
{
	color:#ff5500;
	font-size:35px;
	padding:0px;
	margin:0px;
}

div.blogentry
{
	margin-bottom:50px;
}

span.confirmText 
{
    color:#FF6900;
    font-weight:bold;
}
span.privacyhead 
{
    font-weight:bold;
}



/* ------------------ VENDORS LIST ------------------------ */
.vendor
{
    border-bottom:dashed 1px #CCCCCC;
    margin:0px 0px 20px 0px;
    overflow:auto;
    min-height:105px;
}

.vendor h2 a:hover,
.vendor h2 a:active,
.vendor h2 a:visited,
.vendor h2 a:link
{
    color:#0873bf;
}

.vendor img
{
    float:left;
    margin:0px 15px 15px 0px;
}

.vendor h2
{
    display:inline;
    padding:0px;
    margin:0px;
}

.vendor p
{
    padding:0px;
    margin:0px;
    font-size:12px;
    color:#222222;
}

.vendorlogo
{
	width:245px;
	float:left;
}
.vendordescription
{
    float:right;
	width:370px;
}

/* ------------------ VENDOR DETAILS ----------------------*/
.logoborder
{
    border-collapse:collapse;
    background-color:#000000;
    border-left:solid 11px #222222;
    border-bottom:solid 11px #222222;
    float:right;
    margin-right:-17px;
    margin-top:-17px;
}

.logoimage
{
    background-color:#FFFFFF;
    border:solid 1px #CCCCCC;
    width:265px;
    height:165px;
    text-align:center;
    display:table-cell;
    vertical-align:middle;
}

.getquote
{
    background-color:#c8e6c8;
    border-top:none;
    width:132px;
    height:55px;
    text-align:center;
    vertical-align:middle;
	padding:0px 5px;
}

.getquote *
{    
    vertical-align:middle;
}

.quoteleft
{
	width:30%;
}

.vendorname
{
    border-bottom:solid 1px #999999;
    width:338px;
    margin-bottom:15px;
}

.vendordetails
{
    display:inline-block;
    width:159px;
    padding-right:10px;
    font-size:12px;
    vertical-align:top;
}

.vendorlinks
{
    display:inline-block;
    width:159px;
    padding-right:10px;
    font-size:12px;
    vertical-align:top;
}

.vendorlinks a
{
    display:block;
    color:#0873bf;
}

.vendornav
{
    margin:20px 0px 0px 0px;
}

.vendornav *
{
    vertical-align:middle; 
}

.vendornav hr
{
    margin-bottom:10px;
}

.vendornav a
{
    color:#0873bf;
}

.vendornav a.backtodirectory
{
    float:left;
}

.vendornav a.backtotop
{
    float:right;
}