/*-----------------------------------------------------------------------*/
/*                        SHIPLEY HOME ENERGY                            */
/*                     http://www.myshipley.com                          */
/*           designed and created by http://www.cimbrian.com             */
	
/*                         SERVICES PAGES                                */
/*-----------------------------------------------------------------------*/


#content { padding:0 0 20px 10px!important; width:980px; }

#introText { font:normal 15px/24px verdana; }

/* Top banner */

body.gasPage #servicesBanner { background:url(/Images/banner-shipley-gas.jpg) no-repeat; height:287px; position:relative; margin-bottom:25px; z-index:90; margin-top:3px; }

body.oilPage #servicesBanner { background:url(/Images/banner-shipley-biofuel.jpg) no-repeat 0 3px; height:290px; position:relative; margin-bottom:25px; z-index:90; }

body.propanePage #servicesBanner { background:url(/Images/banner-shipley-propane.jpg) no-repeat 0 3px; height:290px; position:relative; margin-bottom:25px; z-index:90; }

#servicesBanner strong.pageTitle { position:absolute; top:20px; left:45px; color:#333; font:bold 20px/30px verdana; display:block; width:400px; }

#servicesBanner h1 { position:absolute; top:60px; left:45px; color:#fff; display:block; width:400px; font:normal 38px/45px tahoma,'trebuchet ms', san-serif; clear:both; }

#servicesBanner h2 { position:absolute; top:150px; left:45px; color:#fff; font:normal 14px/21px verdana; display:block; width:400px; clear:both; }

body.oilPage #servicesBanner h1 { position:absolute; top:65px; left:45px; color:#fff; display:block; width:485px; font:normal 38px/45px tahoma,'trebuchet ms', san-serif; }

body.oilPage #servicesBanner h2 { position:absolute; top:160px; left:45px; color:#fff; font:normal 14px/21px verdana; display:block; width:475px; }

body.gasPage #servicesBanner h1 { position:absolute; top:60px; left:45px; color:#fff; display:block; width:500px; font:normal 37px/45px tahoma,'trebuchet ms', san-serif; }

body.gasPage #servicesBanner h1 strong { color:#fff; font:bold 31px/34px tahoma,'trebuchet ms', san-serif; }

/* Content area */

#servicesContent { width:880px; margin:0 0 0 40px; display:block; padding-bottom:25px; }

#servicesContent h4 { color:#015a97; font:normal 26px/31px tahoma,'trebuchet ms', san-serif; margin:10px 0 10px 0; padding:0; }

.columnWrapper { width:880px; }

.column1 { float:left; width:615px; }

.column2 { float:left; width:230px; }

.gutter { float:left; width:35px; height:1px; }

/* Perks Table */

#perkTable { margin-top:10px; }

#perkTable td { padding-bottom:15px; }

#perkTable td p { margin-bottom:5px; }

.perkIcons { text-align:left; vertical-align:top; width:70px; padding-top:0px; }

/* Sign up buttons */

#signupButton { position:absolute; top:253px; right:115px; z-index:100; }

/* Check current rates */

#ratesCarriers { width:225px; background:#edf3da url(/Images/rates-header.png) no-repeat; margin:20px 0 25px 0; display:block; }

#ratesCarriers h3 { color:#fff; font-size:17px; padding:5px 0 10px 15px; margin:0; } 

#ratesCarriers a:hover { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }

#ratesCarriers p { padding:5px 10px 15px 15px; margin:0; line-height:17px; }

/* Lifetime protection plan */

#llpBox { width:230px; background:url("/Images/full-learn-more-bg.png") no-repeat; line-height:17px; margin-top:25px; } 

#llpBox strong { font:bold 16px/21px tahoma,'trebuchet ms', san-serif; margin-left:15px; }

#llpBox span { font:normal 16px/21px tahoma,'trebuchet ms', san-serif; color:#015a97;}

#llpBox p { margin:10px 15px 0 15px; }

#llpBox p strong { font:bold 12px/17px verdana; color:#015a97; margin:0; }

#llpBox em { font:normal 19px/24px tahoma,'trebuchet ms', san-serif; margin-left:15px; }

/* Rates Comparison */

#ugi-rates table, #col-gas-rates table. #peco-rates table { text-align: center; }

#ugi-rates table tr.firstrow td, #col-gas-rates table tr.firstrow td, #peco-rates table tr.firstrow td { background: black; color: white; }

#ugi-rates table tr.secondrow td, #col-gas-rates table tr.secondrow td, #peco-rates table tr.secondrow td { background: #f1f1f1; color: black; }