/*-----------------------------------------------------------------------*/
/*                       SHIPLEY FLEET FUELING                           */
/*                  http://www.shipleyfleetfueling.com                   */
/*           designed and created by http://www.cimbrian.com             */
	
/*                            HOMEPAGE                                   */
/*-----------------------------------------------------------------------*/

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

#homepage { background:url(/Images/home-banner.jpg) no-repeat; width:960px; padding:270px 0 10px 0; height:185px; }

/* BANNER */

#bannerText { position:absolute; top:35px; left:51px; width:510px; height: 180px; }

#bannerText h1 { color:#fff; font:normal 25px/33px Tahoma; margin:0; padding:0; }

#bannerText h1 strong { font:bold 24px/33px Tahoma; }

#bannerText h2 { color:#fff; font:normal 14px/22px verdana; margin:10px 0 0 0; padding:0; }

/* CALCULATOR */

#calculatorBox { position:absolute; top:234px; left:595px; width:353px; height:240px; background:url(/Images/home-calculator-box.png) no-repeat; z-index:100; }

#calculatorText { position:absolute; top:213px; left:642px; width:265px; z-index:110; }

#calculatorText h2 { width:265px; margin:0; font:normal 19px/27px tahoma; color:#424242; padding:0 0 3px 0; }

#calculatorText h2 strong { color:#0068B1; }

#calculatorText h2 span { font-size:20px; }

#calculatorText form { margin:0; padding:0;  }

#calculatorText p { display:block; clear:left; font:normal 14px/32px tahoma; margin-bottom:7px; }

#calculatorText span { float:left; }

#calculatorText input { float:left; border:none; border-bottom:solid 1px #999; margin:5px 5px 0 5px; padding:0 0 0 5px; font:bold 14px tahoma; color:#2171a5; background: #f2f2f2; }

#calculatorText input.trucks { background:#f9f9f9; width:55px; }

#calculatorText input.average { background:#f5f5f5; width:40px; }

#calculatorText input.gallons { background:#f2f2f2; width:55px; }

#calculatorText .continueButton { border:none; background: none; cursor:pointer; }

/* BOTTOM PROMOS */

#promoWrapper { display:block; width:830px; margin:0 0 0 40px; font:normal 11px/16px verdana; }

#promoWrapper h2 { color:#0068B1; font:bold 17px/21px Arial; margin:0 0 8px 0; }

#promoLeft { display:block; width:245px; float:left; }

#promoRight { display:block; width:245px; float:left; }

.promoDivider { float:left; }

.photoLeft { margin-right:15px; float:left; }

.photoRight { margin-left:10px; float:right; }

.detailButton { display:block; margin-top:10px; }

.detailButton:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }