/* CSS Document */
* { padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; outline: none; }
img { border: 0; float: left; }
p { font-size: 12px; color: #6d6f72; line-height: 18px; }
#container { overflow : auto; background : #fff;  }
#headerContainer { background: #313131; border-bottom: 5px solid #cccccc; width: 100%; background: url("../images2/headerMotoTile.jpg"); }
#header { margin : 0 auto; width: 960px; height: 250px; background: url("../images2/headerMoto.jpg") no-repeat; }
#header h1 { float: left; height: 0; margin: -9999px; }
#header p { float: left; margin: 2px 0 0 12px; color: #474747; font-size: 10px; }
#header a { text-decoration: none; color: #313131; font-weight: bold; }
#header a.home { float: left; margin: 0 0 0 10px; width: 150px; height: 35px; }
#header a:hover { border-bottom: 1px solid #313131; }
#header a.home:hover { border: none; }
#stepsBKGD, #terminalsBKGD { background: #f2f2f2; border-bottom: 1px solid #ccc; float: left; width: 100%; }
#stepsContainer, #terminalsContainer, #highlightsContainer, #footerContainer { margin: 0 auto; width: 960px; }
#steps, #terminals { float: left; width: 960px; }
#steps { padding: 20px 0; }
#stepsContainer .column { float: left; width: 300px; padding: 0 10px; }
#stepsContainer .column h2 { font-size: 20px; color: #f65e14; text-transform: uppercase; font-weight: bold; }
#stepsContainer .column h3 { font-size: 14px; color: #6d6f72; text-transform: none; font-weight: normal; margin: 10px 0 5px; }
#stepsContainer .column h2 span { float: left; font-size: 12px; text-transform: none; font-weight: normal; }
#stepsContainer p { font-size: 12px; line-height: 24px; margin: 10px 0 0; }
#stepsContainer strong { color: #474747; }
#stepsContainer select { float: left; margin: 0 0 30px; padding: 3px; width: 280px; font-size: 16px; background: #fff; border: 1px solid #ccc; color: #474747; }
#stepsContainer select[disabled] { border-color: #ccc; color: #ccc; }
#priceBox { float: left; position: relative; width: 240px; height: 198px; background: #dbe6f1; padding: 20px 20px 0; margin: 10px 0 0 0; }
#priceBoxOverlay { width: 236px; height: 124px; border: 2px solid #e1e1e1; padding: 80px 20px 10px; text-align: center; background: #f2f2f2; font-size: 12px; position: absolute; top: 0; left: 0; filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95; color: #474747; font-weight: bold; }
#priceBox h1 { float: left; font-size: 34px; margin: 0; padding: 10px; width: 220px; background: #fff; font-family: Arial Black, Arial, Helvetica, sans-serif; color: #313131; line-height: 30px; font-style: normal; }
#priceBox h1 span { float: left; font-size: 12px; margin: 0; padding: 5px 0 0; width: 220px; background: #fff; font-family: Arial Black, Arial, Helvetica, sans-serif; color: #313131; line-height: 10px; font-style: normal; }
#priceBox p { float: left; font-size: 14px; padding: 0; margin: 7px 0 0; line-height: 14px; width: 240px; }
#priceBox a { color: #f65e14; }
/*#stepsContainer .column p.emphasis { padding-bottom: 6px; background: url(../images2/emphasis.gif) bottom no-repeat; }*/
#terminals h3 { padding: 0 10px; font-size: 14px; font-weight: bold; color: #313131; text-transform: none; margin: 20px 0 10px 0; }
#terminals h3 span { font-weight: normal; color: #474747; text-transform: none; font-size: 12px; }
#terminals ul { float: left; width: 140px; padding: 0 10px; }
#terminals li { list-style: none; font-size: 11px; color: #6d6f72; line-height: 11px; margin:0 0 4px; padding: 0 0 0 10px; background: url(../images2/dotMidwest.gif) no-repeat; }
/*
#terminals li.west { background: url(../images2/dotWest.gif) no-repeat; }
#terminals li.central { background: url(../images2/dotCentral.gif) no-repeat; }
#terminals li.midwest { background: url(../images2/dotMidwest.gif) no-repeat; }
#terminals li.east { background: url(../images2/dotEast.gif) no-repeat; }
*/
#highlights { float: left; width: 960px; padding: 25px 0 10px; }
#highlightsContainer .column { float: left; width: 300px; padding: 0 10px 20px; }
#highlights .column h5 { float: left; width: 280px; padding: 6px 10px; font-size: 14px; color: #313131; font-weight: bold; margin: 0; background: #e1e1e1; text-transform: uppercase; }
#highlights .column h5.cover { margin-top: 10px; }
#highlights .column h4 { font-size: 14px; color: #313131; font-weight: bold; margin: 0 0 5px; padding: 0 0 0 17px; background: url(../images2/chk.gif) no-repeat; }
#highlights .column p { padding: 0 0 0 17px; }
#highlights .column ul { font-size: 12px; color: #6d6f72; }
#highlights .column li { list-style: none; padding: 2px 0 0 5px; }
#highlights img { float: right; }
#footerBKGD { background: #e1e1e1; border-top: 1px solid #ccc; float: left; width: 100%; }
#footer { float: left; width: 960px; padding: 0 10px; }
#footer p { float: left; width: 320px; padding: 17px 0 0; text-align: center; }
#footer a { color: #6d6f72; font-weight: bold; text-decoration: none; }
#footer a:hover { border-bottom: 1px solid #6d6f72; }


#content { margin: 0 auto; width: 900px; margin-top: 20px; }
/*
#footer { float: left; width: 900px; border-top: 1px solid #ccc; height: 40px; padding-top: 15px; font-weight: lighter; }
#footer p { font-size: 10px; margin-left: 30px; }
#footer img { margin: 3px 30px 0px 0px; }
#footer a { font-size: 10px; padding: 0px 7px; font-weight: 100; color: #999999; }
#footer .legal a { border: none; color: #999999; padding: 0px; }
.foot { float: left; }
#footer p.foot1 { margin-left: 0; }
*/
