/*
Theme Name: SolarE Theme
Theme URI: http://www.solare.com.au
Description: A theme for Solar E website
Version: 1.1
Author: SolarE
Author URI: http://www.solare.com.au
Tags: empty, clean, development, design
 
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/


/* decides which side the sidebar is on */
#wrapper {float:none;clear:both;margin:0 auto;padding:0;width:100%;}
#header { margin:0 auto;text-align:left; }
#footer { overflow:hidden; clear:both;float:none;text-align:center; }

/* -- POSTS -- */
.post-index {margin:0 0 10px;}
#post-single {margin:0 0 20px;}
.posts-wrap { padding: 10px;padding-right: 35px}

/* -- SIDEBARS --*/
.sidebar-wrap {margin:0 auto;overflow:hidden; float:left; clear:none;width:240px;}

/* -- just some ugly styling to make it easier to get started, can safely be removed */
.sidebar, #entry-meta-single { }
#respond { }
#footer, #header { }
li.depth-1 { }
.navigation { }
.post { }

/* - BASIC STUFF - */
body {background:#FFF;font:12px Helvetica, Arial, sans-serif;;color:#333;margin:0 auto; }
p { font-family:Helvetica, Arial, Helvetica, sans-serif;font-size:12px;color:#333;line-height: 140%}
H1, H2, H3, H4, H5{font-family:Futura, 'Century Gothic', AppleGothic, sans-serif;color:#40830F;margin-top: 0px; line-height: 140%}
h2 {font-size: 26px}
h3 {font-size: 20px}
.intro-green-box-right-welcome h2 {width: 200px;}
span {font-family:Helvetica, Arial, sans-serif;color:#333;}
a { color:#40830F;}
a img {border: none}
a:hover {text-decoration:underline; color:#333;}
.additional-meta {font-size: xx-small}
blockquote {font-style:oblique}
#pixopoint_menu1 li a {font-family: Helvetica, Arial, Sans-serif; font-weight: normal;font-size: 14px;padding-left: 40px; padding-top: 20px}
#pixopoint_menu1 li.current_page_item {background-position:0 52px;}
#filler {width: 630px; background: #ccc; height: 250px; padding: 10px}
.intro-green-box-right-txt p {margin: 0; color: #40830F; width: 260px}
.text-welcome{margin: 0; color: #40830F;line-height: 140%}
.show-prodcuts-box-left-txt p, .show-prodcuts-box-right-right p {width: 140px; margin: 0 auto; height: 90px; color: #40830F; padding-top: 5px}

/* -- LISTS -- */
ul {margin:0;padding:0;}
ul li {	margin-left:5px;padding:0;}
li {list-style-type:none;} /* want dots in front of your lists...? change to list-style-type: disc */
li a {text-decoration: none}
ul#product-list li {margin-bottom: 15px; margin-left: 0}

/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
textarea#comment {overflow:auto}

/* -- NAVIGATION --*/
div.navigation {height:25px; overflow:auto;float:none;clear:both; margin:0 auto}
* +html div.navigation {overflow:visible} /* IE hack to prevent scrollbars on the .navigation div... */

.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;}

/* -- Begin Customize --*/
.clear-layout {clear:both;}
.header-bar { background:url(images/bg_header_bar.jpg); height:49px;}
.header-bar-text{ 
	width:920px; 
	margin:auto; 
	text-align:left;
	padding-top:15px;
	padding-left:4px;
	}
.footer-bar { background:url(images/bg_footer_bar-2.jpg); height:100px;color:#40830F;}
.header-navigation { width:920px; margin:auto;}
.header-navigation-logo {width:282px; height:106px; float:left;}
.header-navigation-call-now { background:url(images/header_call_now.jpg); width:164px; height:106px; float:right;} 
.header-navigation-blank { width:460px; height:106px; float:left; margin-left:8px;}
.header-navigation-btn { margin-left:5px; }
.header-navigation-btn li { list-style:none; float:left; margin-left:3px; }

.btn-navigation a{
	padding-top:20px;
	padding-left:15px;
	color:#FFF;
	font-weight:bold;
	text-align:left;
	display:block;
	background:url(images/btn_bg_current.jpg);
	width:116px; height:32px;
 
	}
.btn-navigation a:hover{
	background:url(images/btn_bg_hover.jpg);
	}
.header-navigation-below-btn {
	background:url(images/below_top_navigation.jpg); width:920px; height:22px;
	}
.btn-navigation-bg-first { background:url(images/btn-bg-first.jpg); width:8px; height:52px;}

.footer-bar-link{
	text-align:center; margin:auto;
	margin-bottom: 20px;
	clear: both
	
	}
.footer-bar-link li { 
	list-style:none; float:left; text-align:center;   padding-left:10px; padding-right:10px;
	}	
.footer-bar-link li a {
	color:#40830F;	
	}	
.footer-bar-link li a:hover {
	color:#060;	
	}	
	
.footer-bar{
	padding-top:20px;	
	}
.content-page-body{
	width:920px;
	margin:auto;
	}	
	
.content-page-body-main{
	float:left;
	width:660px;
 
	}
.content-page-body-right{
	float:right;
	width:250px;
 
	}	
.header-navigation-below-green{
	background:url(images/below-top-navigation-below.jpg);
	width:920px;
	height:29px;	
	}	
	
.intro-green-box-left{
	background:url(images/intro-pic-green-box-2.jpg); width:626px; height:359px; float:left;
}
.intro-green-box-right{
	float:right;
}
.intro-green-box-right-welcome{
	background:url(images/welcome-txt-green-box.jpg);
	width:294px; height:99px;}

.intro-green-box-right-txt{
	background:url(images/bg-txt-green-box.jpg);
	width:244px;
	height:169px;
	padding-right: 50px}
.intro-green-box-right-more{
	
	background:url(images/read-more-green-box.jpg);
	padding-top:49px;
	width:294px;
	height:0px;}
.intro-green-box-right-bottom{
	background:url(images/below-txt-green-box.jpg);
	width:294px;
	height:42px;}
	
.show-prodcuts-box-left{ 
width:424px;
height:240px;
float:left;}

.show-prodcuts-box-left-new{ 
width:280px; 
height:143px; 
background-image:url(images/panels.png); 
padding-top:15px;
float:left;}
.show-prodcuts-box-margin-left{margin-left:10px;}

.show-prodcuts-box-left-thumb{
	background:url(images/solar-hot-pic-2.jpg);
	width:234px;
	height:240px;
	float:left;}
.show-prodcuts-box-right-thumb{
	background:url(images/sunpower-pic.jpg);
	width:235px;
	height:240px;
	float:left;
	}	
.show-prodcuts-box-left-right{	
	float:right;
}	
.show-prodcuts-box-right-right{
	float:right;
	}
.show-prodcuts-box-left-intro{
	background:url(images/solar-hot-txt.jpg);
	width:190px;
	height:82px;}
.show-prodcuts-box-right-intro{
	background:url(images/solar-hot-top.jpg);
    background-repeat: no-repeat;
	width:189px;
	height:21px;
	}
.show-prodcuts-box-left-txt{
	background:url(images/solar-hot-bg.jpg);
	width:190px;
	height:88px;
	}
.show-prodcuts-box-right-txt{
	width:189px;
	height:170px;
	background:url(images/sunpower-bg.jpg);
	}	
.show-prodcuts-box-left-btn{
	text-align:center;
	background:url(images/solar-hot-btn.jpg);
	width:182px;
	height:66px;
	padding-right:8px; padding-top:4px;}	
.show-prodcuts-box-right-btn{
	text-align:center;
	width:181px;
	height:66px;
	padding-right:8px; padding-top:4px;
	background:url(images/sunpower-btn.jpg);
	}	
.show-prodcuts-box-buttom{
    text-align:center;
    width:104px;
    height:33px;
    background:url(images/btn-view-details.png);
    }
.show-prodcuts-box-buttom-text{
    padding-top: 8px;
    color: #FFF;
    font-family:sans-serif;
    font-size: 15px;
}    
.show-prodcuts-box-right{ 
width:424px;
height:240px;
float:right;}
.show-prodcuts-box-right-new{ 
width:280px; 
height:143px; 
background-image:url(images/panels.png);
padding-top:15px;
float:right;}

.welcome-intro-box-thumb{
	width:180px;
	float:left;
	}
.welcome-intro-box-txt{
	float:left;
    width:600px;}
.welcome-intro-box-txt span{ 
	font:Arial, Helvetica, sans-serif;
	color:#555;
    }	
.welcome-intro-box{
	padding-top:15px;
	width:880px; margin:auto;}
.show-prodcuts-box{
	padding-top:10px;
	width:860px; margin:auto;}
.line-bg{
	background:url(images/line-bg.jpg); width:862px; height:6px;
	margin:auto;
	}
.feature-intro-box{
	padding-top:15px;
	width:860px; margin:auto;}
.feature-intro-box-left{
	float:left; 
	width:285px;
	font:Arial, Helvetica, sans-serif;
	color:#555;
	font-size:12px;
	}
.feature-intro-box-middle{
	float:left; width:285px;}
.feature-intro-box-right{
	float:right; width:285px;}
.box-banner-logo{
	text-align:center;
	padding-top:35px;
	padding-bottom: 20px;
	width:860px; margin:auto;}
.feature-intro-box-left-top{
	color:#fa8004;
	font-weight:bold;}
	
.show-prodcuts-box-body{margin:auto; width:255px; height:129px;}
.show-prodcuts-box-thumb{float:left; width:135px; height:129px; background-color:#d8e58b; border: 1px solid #62992b;}
.show-prodcuts-box-txt-new{float:right; width:108px; height:127px; background-color:#ffce24; border: 1px solid #9aa619; padding-left:2px; padding-top:2px; color:#40830F;}
.show-prodcuts-box-txt-new a{color:#fff; text-decoration:none;}
.show-prodcuts-box-buttom{
width:76px; height:20px; background-image:url(images/buttom.png); background-repeat:no-repeat;   padding-top:7px; margin:auto; padding-left:4px;}
.heightlink{height:5px;}
.block-1 {padding-top: 30px}
h2.offer {color: #f86e14; font-size: 26px; margin-top: 20px}
	
.table-feed{
	background-color:#ffce24;
	border:1px #fe8600 solid;
}



#cds-moreinfo{
	background: transparent url('/templates/solare/images/cds-moreinfo.jpg') no-repeat left;
	height:24px;
}

#cds-container{
	width:auto;
	padding:5px;
	background-color:#fff;
}

#cds {
	overflow: auto;
	height: 210px;
}

#cds h2 {
	color:#6B7202;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,Sans-Serif;
	font-size:13px;
	font-weight:bold;
	margin:5px 0 -5px;
        padding-left: 8px;
}

#cds p {
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,Sans-Serif;
	font-size:11px;
	color:#333333;
	text-align:justify;
	padding-left: 8px;
	padding-right: 8px;
}

#cds ul {
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,Sans-Serif;
	font-size:11px;
	color:#333333;
	text-align:left;
	text-decoration:none
}

#cds li {
	padding-left:8px;
        padding-top:4px;
}

#cds a {
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,Sans-Serif;
	font-size:11px;
	color:#333333;
	text-align:left;
	text-decoration:none
}

#cds a:hover {
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,Sans-Serif;
	font-size:11px;
	color:#333333;
	text-align:left;
	text-decoration:underline
}
.uplogo{ margin-left:15px;}