@charset "utf-8";
/******************************************************************************/
/* CSS Document */
/* New Holland Costars-pa.com */
/* Stream Companies */
/* Web Developer: Jason O'Mara */
/* June 30, 2009 */
/******************************************************************************/



/******************************************************************************/
/* Global Elements and Typography */
/******************************************************************************/

body { background:url(../images/web/body-bg.jpg) no-repeat center top #1e1e1e; margin:0 auto; }
* { font-family:Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5 { font-weight:bold; }
h1 { font-size:30px; color:#1b3657; letter-spacing:-1px;}
h2 { font-size:24px; color:#254873; letter-spacing:-1px; }
h3 { font-size:18px; color:#909090; }
h4 { font-size:14px; }
h5 { font-size:12px; }

h1.firstResponderHeading { background:url(../images/web/icon-siren.gif) no-repeat; height:41px; padding:5px 0 0 40px; }
h1.municipalHeading { background:url(../images/web/icon-cone.gif) no-repeat; height:41px; padding:5px 0 0 40px; }
h1.partnersHeading { background:url(../images/web/icon-partners.gif) no-repeat; height:41px; padding:5px 0 0 40px; }
h1.contactHeading { background:url(../images/web/icon-phone.gif) no-repeat; height:46px; padding:5px 0 0 46px; }
h1.quoteHeading { background:url(../images/web/icon-question.gif) no-repeat; height:46px; padding:0px 0 0 40px; border-top:10px solid #fff; }
h1.errorHeading { background:url(../images/web/icon-error.gif) no-repeat; height:46px; padding:0px 0 0 40px; border-top:10px solid #fff; }

p { font-size:12px; line-height:16px; }
a { color:#990000; }

#mainContainer { width:932px; height:620px; margin:10px auto 0 auto; }

/******************************************************************************/
/* Header */
/******************************************************************************/

.header { width:932px; height:122px; margin:0; padding:0; background:url(../images/web/header.png) no-repeat; }
.headerTop { height:48px; width:700px; margin-top:12px; float:right;  }
.headerTop h2 { margin:5px 0 0 0; }
.headerTop h4 { padding:2px 0 0 0; }
.headerTop h5 { padding:0; }
.headerTop img { float:left; }
.headerTop .left { float:left; width:440px; margin:10px 0 0 0; }
.headerTop .left img { margin-right:10px; }
.headerTop .right { float:right; width:200px; margin-right:30px; margin-top:5px; }

/******************************************************************************/
/* Top Naigation */
/******************************************************************************/

.nav { width:700px; height:20px; float:right; margin:15px 10px 0 0; }
.nav ul li { display:inline; padding:0 20px; }
.nav ul li a { color:#fff; font-size:15px; font-weight:bold; text-decoration:none; text-transform: uppercase; }
.nav ul li a:hover { text-decoration:underline; }

/******************************************************************************/
/* Homepage Elements */
/******************************************************************************/

.homeContentContainer { background:url(../images/web/bg-home-content.png) no-repeat; width:852px; padding:0 40px; height:459px; margin:0; }

.homeContentLeft { width:640px; float:left; margin-bottom:10px; }
.homeContentLeft h3 { margin:0 0 30px 0; line-height:18px; }
.homeContentLeft img { display:inline; }
.homeContentLeft img.homeLargeVehicles { margin:0 10px 0 20px; } 
.homeLargeVehicles:hover { opacity:0.6;filter:alpha(opacity=60) }

.homeContentRight { width:190px; float:right; border-left:1px solid #ccc; padding-left:20px; }
.homeContentRight h3 { margin:0 0 10px 0; }
.homeContentRight .phoneNumber { border-bottom:1px dotted #d2000a; border-top:1px dotted #d2000a; padding:5px 0; margin:10px 0; }
.homeContentRight .phoneNumber h2 { background:url(../images/web/icon-red-arrow-circle.gif) no-repeat; padding-left:25px; color:#d2000a; }

.salesTeam { background:#e3e3e3; border:1px solid #ccc; padding:10px 15px; margin:0 0 20px 0; height:135px; }
.salesTeam p { font-size:11px; }
.salesTeam .left { float:left; }
.salesTeam .right { float:right; }

.homeSpecial { background:url(../images/web/bg-specials.gif) no-repeat; float:right; width:141px; height:249px; margin:20px 0 0 0; }
.homeSpecialInfo { width:112px; height:180px; padding:10px; margin:3px auto; }
.homeSpecialInfo h2 { background:url(../images/web/icon-special.gif) no-repeat; padding:0 0 0 24px; color:#fff; line-height:20px; margin:0 0 10px 0; }
.homeSpecialInfo h5 { color:#fff; margin:5px 0; }
.homeSpecialInfo p { color:#fff; }
.homeSpecialInfo a { color:#fff; }
.homeSpecialPrice { width:132px; margin:10px auto 0 auto; }
.homeSpecialPrice h3 { color:#fff; text-align:center; }

.homeContentBottom { margin:0 auto; width:630px; float:left;  }
.homeContentBottom h2 {  padding:0; line-height:30px; margin:10px 0; }
.homeContentBottom img { float:left; }


/******************************************************************************/
/* Subpage Elements */
/******************************************************************************/

.contentContainer { background:#fff; width:841px; padding:0 25px 15px 25px; height:auto; overflow:auto; margin:0 auto; }
.contentContainer h1 { margin:0 0 10px 0; }
.contentContainer h2 { margin:0 0 10px 0; }
.contentContainer h3 { margin:5px 0; }
.contentContainer p { margin:0 0 15px 0; }

.contentLeft { float:left; width:600px; border-right:1px solid #ccc; padding-right:20px; }
.contentLeft img.salesmanImage { float:left; margin:5px 10px 5px 0; }

.contentRight { float:right; width:200px; padding-left:20px;}
.contentRight h3 { background:#254873; color:#fff; padding:3px; text-align:center; margin:0 0 10px 0; }
.contentRight h5 { background:url(../images/web/icon-green-check.gif) no-repeat; padding:5px 0 5px 28px; color:#339900; font-size:15px; }
.contentRight p { margin-bottom:20px; }
.contentRight ul { margin-bottom:25px; }
.contentRight ul li { font-size:12px; padding:0 0 3px 0; }
.contentRight ul li a { font-size:12px; color:#990000; }


h3.step1 { background:url(../images/web/icon-1.gif) no-repeat; padding-left:40px; font-size:20px; line-height:36px; }
h3.step2 { background:url(../images/web/icon-2.gif) no-repeat; padding-left:40px; font-size:20px; line-height:36px; }
h3.step3 { background:url(../images/web/icon-3.gif) no-repeat; padding-left:40px; font-size:20px; line-height:38px; }

/******************************************************************************/
/* Vehicle Summary Page */
/******************************************************************************/

.vehicleSummary { min-height:115px; height:auto; padding:20px; margin:20px 0; background:#ededed; }
/* for Internet Explorer */
/*\*/
* html .vehicleSummary { height:115px; }
/**/
.vehicleSummary h2 { color:#3e6482; margin:0; }
.vehicleSummary p { margin:10px 0; }
.vehicleSummaryImage { width:240px; float:left }
.vehicleSummaryImage img { border:2px solid #666; }
.vehicleSummaryLeft { width:240px; float:left; }
.vehicleSummaryRight { width:560px; float:right; }

img.getPricingButton { margin-top:10px; }

/******************************************************************************/
/* Vehicle Details Page */
/******************************************************************************/

.vehicleDetails { margin:20px 0 0 0; }
.vehicleDetailsImage { width:400px; float:left; margin-bottom:20px; }
.vehicleDetailsInfo { float:right; width:420px;}
.vehicleDetailsInfo h3 { margin:5px 0 10px 0; color:#339900; }
.vehicleDetailsInfo p { margin:10px 0; }

/******************************************************************************/
/* Request a Quote */
/******************************************************************************/

.quotePage h2 { padding:20px 30px 0 30px; text-align:center; }
.contactPhone { margin:20px 0; padding:20px 0 0 0; border-top:solid 1px #999; border-bottom:solid 1px #999; }
.contactPhone h5 { color:#990000; margin-bottom:20px; }
.contactPhoneBig { text-align:center; color:#990000; font-size:36px; }

/******************************************************************************/
/* Footer */
/******************************************************************************/

.footer { width:860px; height:30px; margin:20px auto 0 auto; text-align:center; }
.footer p, .footer a { color:#fff; }

.aboutCostars { width:860px; margin:20px auto; text-align:left; padding-bottom:20px; }
.aboutCostars h2 { color:#ffba00; }
.aboutCostars p, .aboutCostars a { color:#fff; }
.aboutCostars p { margin:5px 0 10px 0; }

/******************************************************************************/
/* Other Elements */
/******************************************************************************/

.clear { clear:both; }