/* =================================================
Site:           www.blueskyenergyinc.com
Created:        Jul 02 2008
Last Modified:  Mar 16 2009 
---------------------------------------------------- 
casey reid, clearfirestudios.com
casey@clearfirestudios.com | Copyright 2009
================================================= */
@import "reset.css";


/* Common Global Styles ******************************/
/* ================================================= */
body{
	background: #6fa8d5 url('/images/site/body_bg.jpg') no-repeat top center;
	color: #283049;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif ;
	padding-top: 10px;
	text-align: center;
}

a{color: #ab0f0f; text-decoration: none;}
a:hover{color: #ec1717; text-decoration: underline;}

p{
	font-size: 12px;
	line-height: 1.3em;
}
strong{
	font-weight: bold;
}

.file-pdf{
	background: url(/images/site/icon_pdf.png) no-repeat center right;
	margin-right: 5px;
	padding: 3px 20px 3px 0;
}
a.tooltip-zoom{
	background: url(/images/site/magnifier_zoom.png) no-repeat center right;
	color: #283049;
	padding: 3px 20px 3px 0;
	text-decoration: none;
}

.align-left{
	float: left;
	margin: 0 10px 10px 0;
}
.align-right{
	float: right;
	margin: 0 0 10px 10px;
}
.paginate{
	font-size: 13px;
	line-height: 1.3em;
}


/* Table Styles **************************************/
/* ================================================= */

table{
	border-top:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
	border-collapse:collapse;
	font-size: 13px;
	margin:1em auto;
	margin-bottom: 20px;
	width:95%;
}
	thead th {
		background:#f4f9fe;
		border-bottom:1px solid #e5eff8;
		border-left:1px solid #e5eff8;
		color:#66a3d3;
		font-weight: bold;
		font-size: 14px;
		padding:.6em 1em;
		text-align:center;
	}
	
	td {
		color: #283049;
		border-bottom:1px solid #e5eff8;
		border-left:1px solid #e5eff8;
		padding:.3em 1em;
		text-align:center;
	}
	tr.odd td {
		background:#f7fbff
	}
	tr.odd .column1 {
		background:#f7fbff
	}	
	.title{
		background: none;
		color: #283049;
		font-size: 13px;
		font-weight: normal;
		line-height: 1.3em;
	}
	.column1 {
		background:#f4f9fe;
	}
	.column2{
		font-size: 13px;
		font-weight: normal;
		line-height: 1.3em;
	}
	.col-left td, .col-left th{text-align: left;}
	.col-1{width: 140px;}
	.col-3{width: 140px;}
	.dist{margin-top: 0px;}



#wrapper{
	margin: 0 auto;
	text-align: left;
	width: 866px;
}


/* Header Styles *************************************/
/* ================================================= */
#header{
	margin-bottom: 10px;
	padding: 0 10px;
}
	#header h1 { 
		background: url('/images/site/logo.gif') no-repeat;
		float: left;
		width: 284px;
	}

		#header h1 a {
			background: url('/images/site/logo.gif') 0 0 no-repeat;
			display: block;
			font-size: 1px;
			height: 114px;
			height: 0px !important;
			height /**/:114px;
			overflow:hidden;
			padding: 114px 0px 0px 0px; 
			width: 284px;
		}
	
/* Search Links Styles *******************************/
/* ================================================= */	
	#search-links{
		color: #283049;
		float: right;
		font-size: 12px;
		margin-top: 10px;
		width: 400px;
	}
		#search-links span{
			display: block;
			float: left;
			padding: 7px 0 0 0;
		}
		#search-links span em{
			font-style: normal;
			padding: 0 10px;
		}
		#search-links span a{color: #283049;}
		#search-links form{
			float: left;
			width: 200px;
		}
			#search-links form input, #no-results form input{
				float: left;
				margin-top: 2px;
			}
				#search{
					margin-right: 8px;
					width: 155px;
				}
				
		#no-results{
			margin-bottom: 20px;
		}
		
/* Search Results Styles *****************************/
/* ================================================= */
.search-results{
	border-bottom: 1px solid #e5eff8;
	margin-bottom: 10px;
}


/* Main Navigation Styles ****************************/
/* ================================================= */
ul#mainNav{
	background: url(/images/site/nav_bg.png) no-repeat;
	height: 42px;
	margin-left: 13px;
	width: 840px;
}
	ul#mainNav li{
		background: url(/images/site/nav_divide.png) no-repeat;
		float: left;
	}
		ul#mainNav li#btn-home{background: none;}
		ul#mainNav li a{
			color: #fff;
			display: block;
			float: left;
			font-size: 12px;
			height: 30px;
			*height: 27px;
			padding: 15px 12px 0 11px;
			text-decoration: none;
			text-transform: uppercase;
		}
			ul#mainNav li#btn-pricing a{
				*padding: 15px 15px 0 15px;
			}
			ul#mainNav li a:hover, ul#mainNav li a.active{
				background: url(/images/site/nav_hover_bg.png) repeat-x;
				text-decoration: underline;
			}
				ul#mainNav li#btn-home a:hover, ul#mainNav li#btn-home a.active{background: url(/images/site/nav_hover_left.png) no-repeat;}
				ul#mainNav li#btn-pricing a:hover, ul#mainNav li#btn-pricing a.active{background: url(/images/site/nav_hover_right.png) no-repeat top right;}
				
			

/* Banner Styles *************************************/
/* ================================================= */
#banner{
	background: url(/images/site/banner_bg.png) no-repeat;
	height: 280px;
	margin-left: 3px;
	padding: 10px;
	width: 860px;
}
	#mainBanner{
		background: url(/images/site/solarpanels.jpg) no-repeat;
		float: left;
		height: 270px;
		margin-right: 10px;
		width: 600px;
	}
		#page-distributors #mainBanner{background: url(/images/uploads/banner_distributors.jpg) no-repeat;}
		#mainBanner h2{
			color: #283049;
			font-size: 20px;
			padding: 20px 0 0 10px;
			/* CSS3 */
			text-shadow: #ededed 0 1px 0;
		}
		
	#bannerCallout{
		float: left;
		height: 270px;
		text-align: center;
		width: 230px;
	}
		#bannerCallout h3{
			color: #e3f1f1;
			font-size: 15px;
			font-weight: normal;
			margin: 15px 0 190px 0;
			text-align:center;
			/* CSS3 */
			text-shadow: #434343 0 1px 0;
		}
		
		.overview{background: url(/images/site/overview_callout_bg.jpg) no-repeat;}
		
			
/* Box Layout Styles *********************************/
/* ================================================= */
.main-box{
	margin: 0 0 8px 0;
	float: left;
	width: 616px;
}
.sidebar-box{
	margin: 0 0 8px 0;
	float: right;
	width: 244px;
}
.box-content .first{
		/*min-height: 195px;*/
}


.box
{
	background: url('/images/site/box_bottom_left.png') no-repeat bottom left;
}
	.box-alt{
		background: url('/images/site/box_bottom_left_alt.png') no-repeat bottom left;
	}

	.box-holder
	{
		padding-bottom: 15px;
		background: url('/images/site/box_bottom_right.png') no-repeat bottom right;
	}
		
		.box-content
		{	
			padding-right: 6px;
			background: url('/images/site/box_content_right.png') repeat-y top right;
		}
		
			.box-inner
			{
				padding: 8px 12px 2px 15px;
				background: url('/images/site/box_content_left.png') repeat-y top left;
				min-height:70px;
  				height:auto !important;
  				height:80px;
			}
		
			.box h2
			{
				background: url('/images/site/box_heading_right.png') no-repeat top right;
				color: #e3f1f1;
				font-family: Georgia, "Times New Roman", serif;
				font-size: 18px;
				font-weight: normal;
				height: 48px;
				padding-right: 21px;
				/* CSS3 */
				text-shadow: #434343 0 1px 0;
			}
		
				.box h2 em
				{
					font-style: normal;
					height: 30px;
					padding: 18px 0 0 19px;
					display: block;
					background: url('/images/site/box_heading_left.png') no-repeat;
				}
			.box h3{
				color: #283049;
				font-size: 16px;
				font-weight: normal;
				margin-bottom: 5px;
			}
			.box h4{
				color: #3275ae;
				font-size: 16px;
				font-weight: normal;
				margin-bottom: 20px;
			}
				.box h4.no-pad{
					margin-bottom: 5px;
				}
			
			.box h5{
				padding-top: 5px;
				color: #283049;
				font-size: 14px;
				font-weight: bold;
			}
				.box h5 em{
					font-size: 13px;
					font-weight: normal;
				}
				.box h5.more-pad{padding-bottom: 10px;}
				.box h5 a{
					color: #3275ae;
					font-size: 14px;
					font-weight: bold;
					text-decoration: none;
				}
					.box h5 a:hover{text-decoration: underline;}
				
			.box p{
				color: #283049;
				padding-bottom: 10px;
			}
				.box p.more-pad{padding-bottom: 15px;}
				.box p.no-pad{padding-bottom: 0px;}
				
			.box ol{
				color: #283049;
				font-size: 13px;
				line-height: 1.3em;
				margin-left: 20px;
				padding-bottom: 20px;
			}
			

/* Main Content Styles *******************************/
/* ================================================= */
#mainContent{
	float: left;
	width: 616px;
}
	
	ul#productThumbs{
		padding-top: 10px;
	}
		ul#productThumbs li{
			float: left;
			margin: 0 10px 20px 0;
			min-height: 100px;
			height:auto !important;
  			height:100px;
			position: relative;
			width: 275px;
		}
			ul#productThumbs li.last{margin: 0 0 20px 15px;}
		ul#productThumbs img{
			left: 0;
			position: absolute;
			top: 0;
		}
		ul#productThumbs h4{padding-bottom: 0px; padding-left: 85px; margin-bottom: 0px;}
		ul#productThumbs h4 a{
			color: #3275ae;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
		}
			ul#productThumbs h4 a:hover{text-decoration: underline;}
		ul#productThumbs p{padding-left: 85px;}	

	div#notice{
		background: #F7FBFF;
		border: 1px solid #EC1717;
		font-weight: bold;
		margin-bottom: 15px;
		padding: 10px 10px 0;
	}

			
/* Manual Page Styles ********************************/
/* ================================================= */			
#doc-listings h3{margin-bottom: 0;}
	#doc-listings h3 em{font-size: 13px;}
	#doc-listings p{
		padding-bottom: 10px;
	}
	#doc-listings p.no-pad{padding-bottom: 0;}
	
	
/* Reviews Page Styles ********************************/
/* ================================================= */			
#reviews-listings h3{margin-bottom: 0;}
	#reviews-listings h3 em{font-size: 13px;}
	#reviews-listings p.no-pad{padding-bottom: 0;}
	

/* Distributors Page Styles **************************/
/* ================================================= */			
ul.distributors{
	margin-bottom: 15px;
	width: 540px;
}
	ul.distributors li{
		float: left;
		width: 270px;
	}
#doc-listings .distributors p{
	padding-bottom: 20px;
}

		
/* Sidebar Styles ************************************/
/* ================================================= */		
#sidebarContent{
	float: right;
	width: 244px;
}
	#sidebarContent ul{
		color: #283049;
		font-size: 13px;
		list-style-type: disc;
		margin-left: 15px;
	}
		#sidebarContent ul li{
			padding-bottom: 5px;
		}
	#sidebarContent h5{
		padding-bottom: 10px;
	}	
	
	
	#sidebarContent ul.sidebarNews{
		color: #283049;
		font-size: 13px;
		margin-bottom: 5px;
		margin-left: 0;
		list-style-type: none;
	}
		ul.sidebarNews li{
			display: block;
			padding: 5px 5px 5px 100px;
			position: relative;
		}
			ul.sidebarNews li:hover{
				/*background: #f0f8f8;*/
			}
			ul.sidebarNews li h4{
				font-size: 13px;
				margin-bottom: 0px;
				padding-bottom: 0;
				width: 108px;
			}
			ul.sidebarNews li p.newsDate{
				left: 0px;
				position: absolute;
				top: 5px;
			}

#newsletter input#sukjy-sukjy{
	color: #898989;
	margin-bottom: 3px;
	padding: 2px;
	width: 110px;
}
	#newsletter #submit{color: #222;}


/* Footer Styles *************************************/
/* ================================================= */
#footer{
	color: #fff;
	font-size: 12px;
	margin: 15px 0;
}
	#footer p{
		text-align: center;
	}
	#footer a{
		color: #fff;
		text-decoration: underline;
	}
	ul#footerNav{
		margin-bottom: 10px;
	}
		ul#footerNav li{
			display: inline;
		}
			ul#footerNav li a{
				margin: 0 5px;
			}