/* Style Sheets for [LCP] website
created by vlad@bkkwebdesign.com
TOC
	1. Defaults
	2. Structure
	3. Links and Navigation 
	4. Fonts

Notes
*/
 
/* -------------- 1. Defaults --------------------------- */
*{
	margin:0;
	padding:0;
}
body{  font:62.5% Arial, Helvetica, sans-serif; color:#4e656b; background-color:#ecf5f2; }

a img{border:0;}
ul{list-style-type:none; }
.s {font-size:.7em;}
/* -------------- 2. Structure -------------------------- */
#wrapper {width:1024px; margin:0 auto; min-height:690px; font-size:10pt;  background:#ecf5f2 url(../images/bg_content.jpg) center 100px no-repeat;  position:relative;  }

#masterhead{ height:80px; padding:20px 65px 0 20px; overflow:hidden; background-image:url(../images/master_head.jpg); float:left; width:939px;}

#content{ padding:0 65px 20px 20px; float:left; position:relative; width:1000px;} 
.square{position:absolute; z-index: -1;}
.bottom_img{background:url(../images/bg_footer.png) no-repeat; position:relative; height:392px; width:1024px; z-index:-1;}	
#footer{margin:10px 0; text-align:center; float:left; width:1000px; font-size:9pt}

.row{width:100%; float:left; clear:both;}
.left{float:left;}
.right{float:right;}
.center{text-align: center;}
.margin_left { margin-left: 100px; }
fieldset{border:none;}
.x{display:none;}
.checkbox, .radio{width:auto!important}

/* Masterhead */
.logo{ display:block; background:url(../images/logo_main.png) no-repeat; width:272px; height:63px;  display:block; text-indent:-10000px; float:left}

/* Content*/
.banner{background:url(../images/temp_banner.jpg) no-repeat; height:110px; margin:7px 0 10px;}
h3, .posted{margin-bottom:6px}
.text{line-height:16pt; margin-bottom:10px; width: 360px;}
.refer_friend { text-align: left; }
/*
.note_pad{text-align:center; float:right; margin-top:10px; font-size:10pt; padding-top:15px;}
.large_pad{background:url(../images/bg_note_pad.gif) no-repeat; width:270px; height:162px}
.small_pad{background:url(../images/bg_note_pad_small.gif) no-repeat; width:211px; height:165px}
	.note_pad .large_text{ font-size:50pt; line-height:46px; color:#ff6a10; position:relative; top:10px; font-weight:bold}
	.note_pad .large_text span{font-size:18pt; position:relative; top:-29px;}
	.note_pad strong, .cta_230 strong{ font-size:10pt}
	.large_pad .start_saving{margin-left:auto; margin-right:auto}
	.small_pad .start_saving{margin-left:auto; margin-right:auto; margin-top:5px;}
	.cta_230 .start_saving{margin-left:auto; margin-right:auto}
	
*/
.note_pad{ text-align: left; float:right; margin:10px 20px 0 0; margin:10px -30px 10px 0; font-size:10pt; padding-top:5px;}
.large_pad{background:url(../images/bg_note_pad.gif) no-repeat; width:270px; height:170px}
.small_pad{background:url(../images/bg_note_pad_small.gif) no-repeat; width:250px; height:165px}
.get_started_button{background:url(../images/btn_get_started.png) no-repeat;width:121px; height:40px;border:0 none white; margin-left:auto; margin-right:auto;margin-top:5px;}
	.note_pad .large_text{ font-size:46pt; line-height:43px; color:#ff6a10; position:relative; top:10px; font-weight:bold}
	.note_pad .large_text span{font-size:18pt; position:relative; top:-29px;}
	.note_pad strong, .cta_230 strong{ font-size:14pt}
	.large_pad .start_saving{margin-left:auto; margin-right:auto}
	.small_pad .start_saving{margin-left:auto; margin-right:auto; }
	.learn_more { padding: 0; margin: 0px 0px -10px 0px; }
    .learn_more a { margin:0; padding:0 13px 0 0; background:url(../images/link_arrow.gif) right 5px no-repeat}
	#learn_more div { height: 100px; font-size: 11px; margin: -10px 0 0 0; padding: 10px 15px 0 15px; text-align: left;}
	#learn_more div a { text-indent: -9999px;}
	#learn_more div a.close{ background:url(../images/btn_close.gif) no-repeat;  width:13px; height: 13px; position: relative; float: right; margin: 0 -10px 0 0; padding:5px;  text-indent: -9999px;}
	.cta_230 .start_saving{margin-left:auto; margin-right:auto}
.B_crumb {text-decoration:underline;}

.cta_230{text-align:center}
	.cta_230 .large_text{ font-size:40pt; color:#ff6a10; font-weight:bold}
	.cta_230 h5 {color:#ff6a10; font-weight:bold;}
.center{text-align:center;}
.jumpbox select {border:1px solid #C7DBDB; height:23px;background:url("../images/textbox_gradient.gif") repeat-x scroll center top;margin-bottom:7px;margin-top:5px;}

.save{text-align:center; border-top:1px solid #eaeaea;}

/* forms */
.estimate label{width:120px; display:block;}
.estimate input{width:64px; margin-left:0px; float:left}
.estimate .checkbox label { width: 180px; display: block;}
.estimate .checkbox input { width:20px; margin-left:0px; float:left }
.estimate select{width:120px;}
.estimate .row{margin-top:7px}
.estimate_button {width:auto !important; float:none !important;}
  
.submit label{display:block; float:left; width:50px;}
.submit .row{margin-top:7px}
.submit input{width:125px}
.submit textarea{width:90%; height:80px}

.confirm{width:272px; margin:50px auto;}
.confirm input{width:99%; margin-bottom:10px; padding:4px 0 0 1%}

.register{ margin:0 0 0 0px;}
.register .agree {width:50px;}
.register .agree_label {width:270px !important; margin-bottom:5px; margin-top:-3px; margin-left:5px;}
.register input{width:269px;}
/*.register .agree_checkbox, .register .agree_checkbox input {width:20px !important;float:left; padding-left:120px;} */
.register .agree_checkbox {float:left; width:140px !important; padding-left:95px;}
.register input.short{width:119px; margin-right:150px}
.register input.textbox, .register select{ background:url(../images/textbox_gradient.gif) repeat-x top; border: 1px #c7dbdb solid; width:265px; height: 25px; padding: 3px;}
.register label{width:300px; margin: 0 10px 0 -65px; float:left; font:bold 12pt Arial, Helvetica, sans-serif; text-align: right; padding-top: 5px;}
.label{font:bold 12pt Arial, Helvetica, sans-serif; position:relative; top:-2px; margin:0 5px 0 2px;}
.register select{width:200px}
.register .clearfix{margin-bottom:10px}

.register .radio input {width:20px;float:left;}
.register .radio label {width:120px; margin: 0;text-align:left; padding-left:3px;margin-top: -5px;}

.image_holder{ width:517px; }
.error{float:right; color:#FF0000; padding:10px; width:249px; background-color:#f9f6f7;}
.agree a{color:#ef5a00}
.register .checkbox{ float:left; margin-right:5px}
.register .radio { background:url(../images/radio_background.gif) repeat-x top; width: 17px; height: 17px; border: none;  } 


.refer_friend form{ float: left; }
.refer_friend input.textbox { display: block; background:url(../images/textbox_gradient.gif) repeat-x top; border: 1px #c7dbdb solid; width:265px; height: 25px; padding: 3px; margin: 0px 0px 10px 0px;}
.refer_friend fieldset { float: left; padding: 0 45px 0 0; width: 276px; }
.RaF {padding-right:75px;}

.tooltip { position: absolute; z-index: 2; border: 3px #f58224 solid; background-color: #ffffff; padding: 2px;}
.tooltip .arrow_btm_left { background:url(../images/tooltip_arrow_btm_left.gif) no-repeat left  top; width: 16px; height: 15px; position: absolute; text-indent: -9999px; overflow: hidden; display: block; }
/* footer */
#footer ul{margin-left:10px} 
#footer li{float:left; margin-right:5px;}
.register input.on, .register select.on, .error{border:1px solid #F00}

/* -------------- 3. Links and Navigation --------------- */
a {color:#4fa1f2; outline:none;}
a:hover{}
#footer a{color:#4e656b; text-decoration:none; white-space:nowrap;}
#footer a:hover, a:hover{text-decoration:underline;}

/*top nav */
ul.navigation {margin:10px 0 0 150px; float:left;}
ul.navigation li{float:left;}
ul.navigation li a{float:left; color:#fff; display:block; text-decoration:none; color:#666; font:11pt Arial, Helvetica, sans-serif; border-left:1px dotted #c3cabd; padding:13px 30px; height: 20px; overflow: visible;}
ul.navigation li span{ position: absolute; font-size: 8pt; color: #ff6a10; width: 100px; text-align: center; display: block; margin: 0 0 0 -14px;}


*:first-child+html ul.navigation li span{ display: none; position: absolute; font-size: 8pt; color: #ff6a10; width: 100px; text-align: center; display: block; margin: 15px 0 0 -90px;}
*:first-child+html .width_500{ margin-right: 10px; }
*:first-child+html #masterhead .refer_a_friend { margin:-12px 0 0 20px;}

ul.navigation li.first a{border-left:none;}
/*
ul.navigation li a:hover, ul#navigation li a.on{ background:url(../images/bg_nav_0n.jpg) repeat-x top; text-decoration:none;}
*/

/* -------------- 4. Fonts ------------------------------ */
h1, h1 a{ text-indent:-10000px; float:left; height:173px; margin-bottom:0px;}
h1.home{background:url(../images/main_banner.jpg) no-repeat; width:656px;}
h1.about{background:url(../images/banner_about.jpg) no-repeat; width:713px;}
h1.biz a{background:url(../images/banner_biz.jpg) no-repeat; width:713px; display:block;}
h1.res a{background:url(../images/banner_res.jpg) no-repeat; width:713px; display:block; }
h1.confirm1{ background:url(../images/h1-confirm.gif) center no-repeat; height:29px; margin:70px 0 32px; width:100%}
h1.sign{ background:url(../images/h1-sign_up.gif) center no-repeat; height:29px; margin:70px 0 32px; width:100%;}
h2{font:normal 11pt Arial, Helvetica, sans-serif; color:#ff6a10; text-align:center}
h2 span{ font-size:26px; font-weight:400}
.width_420 h2, .more_about_box h2 { font:normal 15pt/16pt Arial, Helvetica, sans-serif; color:#ff6a10; margin-bottom:10px; text-align: left;}
.more_about_box h2 { font:normal 12pt/16pt Arial, Helvetica, sans-serif; color:#ff6a10; margin-bottom:10px; text-align: left;}
h3{font:normal 18pt/19pt Arial, Helvetica, sans-serif; color:#ff6a10;}
.width_250 h3, .width_346 h3, .width_480 h3 { font:normal 10pt/11pt Arial, Helvetica, sans-serif; color:#8dc63f; text-align: center; line-height: 20px; border-top: 1px #8dc63f dotted; border-bottom: 1px #8dc63f dotted; }
h4{font:normal 16pt/19pt Arial, Helvetica, sans-serif;}
h5{font:bold 12pt/14pt Arial, Helvetica, sans-serif; margin-bottom:14px;}
h6{font:normal 12pt Arial, Helvetica, sans-serif; color:#ff6a10; margin-bottom:10px}
.p_set{color:#90afaf; font-size:11pt; width:300px; float:left}
p{line-height:13pt; padding-bottom:8px;}
.posted{color:#a7a08a}
.comments a{color:#8dc63f; font-weight:bold; text-decoration:none}
.comments a:hover{text-decoration:underline}
.pagination a{margin:0 2px; text-decoration:none; color:#354347}
.pagination a:hover, .pagination a.on{color:#a0a0a0}
.large_font{font-size:16pt; margin-top:30px;}
.kwh_month{font:normal 35pt Arial, Helvetica, sans-serif; color:#ff6a10; text-align:center; margin-top: -15px; font-weight: bold;}
.green { color: #8dc63f; }
.refer_friend h2, .cash_back h2, .popup h2 { font:normal 28pt Arial, Helvetica, sans-serif; color:#ff6a10; text-align:center}
.refer_friend { font:normal 14pt Arial, Helvetica, sans-serif; color:#4e656b; }
.refer_friend p { line-height: 25px;  } 
.cash_back { font:normal 12pt Arial, Helvetica, sans-serif; color:#4e656b; }
.cash_back p { line-height: 25px;  } 

#popup { margin:0 auto; min-height:690px; font-size:10pt; position:relative;  }
.popup {font:normal 12pt Arial, Helvetica, sans-serif; }
.pop_close, .pop_print { padding:5px 27px 0px 27px;font-size:13pt;}
.pop_close {float:right;}
.pop_print {float:left;}

/* -------------- 5. Boxes ----------------------------- */
.box{ position:relative; margin-top:15px;}
     /* --> create your own box by setting a width and adjusting the top and bottom bar <-- */
	 .width_794{ width:794px; float:right; margin-right:50px;}
	 	.width_794 .box_bot{width:790px; left:2px;}
	 .width_690{ width:690px; margin-left: 10px;}
		.width_690 .box_top, .width_690 .box_bot{width:677px;}
   .width_713{width:713px; text-align: left;}
		.width_713 .box_top, .width_713 .box_bot{width:700px;}
	.width_470{ width:470px;}
		.width_470 .box_top, .width_470 .box_bot{width:457px;}
	.width_250{ width:248px;}
		.width_250 .box_top, .width_250 .box_bot{width:235px;}
	.width_230{ width:230px }
		.width_230 .box_top, .width_230 .box_bot{width:217px !important;}
	.width_210{ width:210px; margin-left: 15px;}
		.width_210 .box_top, .width_210 .box_bot{width:199px;}
	.more_about_box{ width:320px;}
		.more_about_box .box_top, .more_about_box .box_bot{width:309px;}
	.width_420{ width:420px;}
		.width_420 .box_top, .width_420 .box_bot{width:407px;}
	.width_346{ width:346px;}
		.width_346 .box_top, .width_346 .box_bot{width:333px;}
	.width_544 {width:544px;}
	  .width_544 .box_top, .width_544 .box_bot{width:531px;}
	.width_980 {width:980px;}
	  .width_980 .box_top, .width_980 .box_bot{width:967px;}
	.width_480 {width:480px;}
	  .width_480 .box_top, .width_480 .box_bot{width:467px;}
	.width_180 {width:180px;}
	  .width_180 .box_top, .width_180 .box_bot{width:167px;}
	  
	.res_biz_box h2 {padding-bottom:10px;}
  .res_biz_box .rate_box { font:normal 10pt/11pt Arial, Helvetica, sans-serif; color:#669933; text-align: center; line-height: 20px; border-top: 1px #8dc63f dotted; border-bottom: 1px #8dc63f dotted; }
  .res_biz_box .bullet_items { padding-top: 10px;}
  
  .calculator_estimate_box { border:1px solid #cecece; line-height:14pt; width:186px;}
  .calculator_or_box { float:left;text-align:center;padding:50px 30px;}
  .calculator_estimate_box input { width:20px; margin-top:7px;}
  .calculator_estimate_box .estimate {text-align:right;}
  .calculate_container h2 {text-align:left;padding:15px 0px 10px;}
  .calculate_container { height:210px;background:url("../images/bg_box_line.png") repeat-x scroll center top transparent;}
  .calculate_container h5 { padding-top: 15px;}
    
  .tl_corner{ background:url(../images/tl_corner.gif) no-repeat; height:5px; width:5px; float:left; margin-top:-1px; margin-left:-1px;}
  .tr_corner{ background:url(../images/tr_corner.gif) no-repeat; height:5px; width:5px; float:right;margin-top:-1px;margin-right:-1px;}
  .bl_corner, .bl_corner_set_height { background:url(../images/bl_corner.gif) no-repeat; height:5px; width:5px; float:left;margin-left:-1px;}
  .br_corner, .br_corner_set_height { background:url(../images/br_corner.gif) no-repeat; height:5px; width:5px; float:right;margin-right:-1px;}
  .bl_corner, .br_corner { margin-bottom:-1px;}
  .bl_corner_set_height, .br_corner_set_height {margin-top:-14px;}
  
  .inner_area { padding:3px 8px; clear:both; height:100%;}
  
		.box_top{
				height:9px;
				left:8px;
				position:absolute;
				top:-6px;	
				left:6px;
				z-index:0;
				background:#fff;
		}
		.box_top_l{
				background:url(../images/box_top_l.png) no-repeat;
				height:9px;
				width:8px;
				float:left;
				position:relative;
				top:-7px;
				z-index:0;
		}
		.box_top_r{
				position:absolute;
				top:-6px;	
				right:0px;
				background:url(../images/box_top_r.png) no-repeat; 
				height:9px; 
				width:9px; 
				float:right; 
				position:relative;
		}
		.box_left_side{ background:#fff url(../images/box_side_l.png) repeat-y left; padding: 0 0 0 2px;}
		.box_right_side{ background:url(../images/box_side_r.png) repeat-y right; padding:0 2px 0px 0;}
			.padding{ padding:4px 8px 8px 8px;}
			.lpadding {padding-left: 20px;}
			.rpadding {padding-right:20px;}
			.width_470 .padding, .width_690 .padding{ padding:10px 20px 10px;}
			
			/* Special Single Use Padding */
			.padding_1{ padding:0 8px 8px;}
			.padding_2{ padding:0 85px 8px;}
			.padding_3{ padding:0 160px 8px;}
		
		.box_bot{
			background:url(../images/box_bottom.png) repeat-x;
			bottom:-1px;
			height:11px;
		    left:6px;
			position:absolute;
		}
		.box_bot_l{
			background:url(../images/box_bottom_l.png) no-repeat; 
			bottom:0px;
			left:0;
			float:left;
			height:7px;
			width:6px;
			position:relative;
		}
		.box_bot_r{
			background:url(../images/box_bottom_r.png) no-repeat;
			bottom:0px;
			right:0px;
			float:right;
			position:relative;
			width:7px;
			height:7px;
		}
		
		.vid_box{text-align:center; margin-bottom:6px;}
		.image_box{text-align:center; margin:16px; color:#708b93; font-style:italic;}
		
		
		.button_container, calculate_container {background:url(../images/bg_box_line.png) repeat-x top; padding-top:13px;margin-top:10px;}
		.box ul{margin:7px 0 0}
		.box ul li{font:10pt Arial, Helvetica, sans-serif; padding:0 0 6px 10px; background:url(../images/box_bg_li.gif) no-repeat left 9px;}
		
		.box ul.links{margin:7px 0 0 13px}
		.box ul.links li{font:10pt Arial, Helvetica, sans-serif; padding:0 0 8px 12px; background:url(../images/link_arrow_1.gif) no-repeat left 6px;}
		.width_470 ul.links li{padding:0 0 11px 12px;}
		.box ul.links li a{text-decoration:none}
		.box ul.links li a.on, .box ul.links li a:hover{color:#989898}
	
		.comments{position:relative; margin-bottom:7px}
		
		.pagination{text-align:right; width:98%; margin:25px 2% 0 0;}
		
		.width_210 .left{width:73px; text-align:center; font-weight:bold}
		.width_210 .right{width:105px; line-height:11pt;}
		.width_210 .right a { margin:0 0 0 -13px; padding:0 13px 0 0; background:url(../images/link_arrow.gif) right 5px no-repeat; }
		.width_210 .image{background-color:#f9f8f6; height:73px; width:73px; overflow:hidden;}
		.width_210 .quote{ margin: 0; padding: 0; display: block;}
		.width_210 .name{ margin: 0; padding: 0; display: block; font-size: 10px; }
		.quote { text-align: left;}
		.comment{border:1px solid #eaeaea; position:relative; padding:10px; width:502px;}
		
		.sub_e{ position:relative; left:70px}
		.sub_e .comment{background-color:#fbfbf7}
		.post{margin:50px 0 0 0}
		.tab{position:absolute; background:url(../images/corner.gif) no-repeat; width:20px; height:11px; top:-11px; left:20px;}
		.sub_e .tab{background:url(../images/corner_sub.gif) no-repeat;}
		.post .poster{position:absolute; top:-30px; left:0px; color:#4fa1f2; font-size:12pt}
		.post .posted{position:absolute; top:-20px; right:0px}
		
/* ----------------- Buttons    ------------------*/
.sign_up1{background:url(../images/btn_sign_up.png) no-repeat;}
.sign_up2{background:url(../images/btn_sign_up2.png) no-repeat;}
.button_container a.estimate{background:url(../images/btn_estimate.gif) no-repeat; height:30px; width:87px; text-indent:-10000px; display:block;}
.button_container a{text-indent:-1000px; display:block; width:142px; height:43px; margin:0 auto}
.start_saving{ background:url(../images/btn_start_saving.png) no-repeat; width:121px; height:40px; text-indent:-10000px; display:block; margin-top:15px;}
#masterhead .refer_a_friend { background:url(../images/refer_friend.gif) no-repeat; width:123px; height:22px; text-indent:-10000px; position: absolute;  display:block; margin:-12px 0 0 820px;}
a.more{background:url(../images/btn_green_bg.gif) no-repeat; height:17px; width:55px; display:block; text-align:center; color:#fff; padding:3px 0 0 0; font-size:9pt; position:absolute; right:5px; top:0px;} a.more:hover{text-decoration:none}
a.learn_more{background:url(../images/btn_green_large_gif) no-repeat; height:26px; width:135px; display:block; text-align:center; color:#fff; padding:3px 0 0 0; font-size:11pt; text-decoration:none; margin-left:27px} 
a.more:hover{text-decoration:none}
.btn_submit{height:37px; width:157px!important; background:url(../images/btm_comment.gif) no-repeat; border:none; cursor:pointer; margin-top:10px}
.reply a{background:url(../images/post_reply.gif) no-repeat; height:20px; width:16px; text-indent:-10000px; position:absolute; right:7px; bottom:4px;}
.btn_submit1{background:url(../images/btn_submit.gif) no-repeat; width:117px!important; height:37px;  border:none; cursor:pointer;}
.plus {background:url(../images/btn_plus.gif) no-repeat left; padding:2px 0 5px 28px; margin-top:5px; color:#8DC63F;}
.btn_save{color:#fff; background-color:#879f66; border-color:#cdd7bf #4e692b #4e692b #cdd7bf; border-width:3px; text-decoration:none; border-style:solid; display:block; padding:6px 0; width:149px; margin:0 auto; position:relative; top:-20px;}
.btn_continue{background:url(../images/btn_continue.gif) no-repeat; width:157px!important; height:37px;  border:none; cursor:pointer;}
.btn_save_later{background:url(../images/btn_saveforlater.gif) no-repeat; width:157px!important; height:37px;  border:none; cursor:pointer; text-indent:-10000px; }
.btn_send{background:url(../images/btn_send.gif) no-repeat; width:105px!important; height:37px;  border:none; cursor:pointer;}
/* -------------- ClearFix Hack --------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {display: inline-block;}
 
html[xmlns] .clearfix {display: block;}

*:first-child+html .note_pad .large_text{line-height:60px; top:3px}

.clear {clear:both;}