@charset "utf-8";
/* CSS Document */

#mulch { width: auto; padding-top: 5px; padding-bottom: 10px;  color: #333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
#mulch div { margin:0; padding:0; }
#mulch ul { list-style: none; padding-left: 0px; }
#mulch input { width: 60px; background-color:#abbo8e; border:1px solid #CCCCCC; padding:4px 0; }
#mulch select { padding:3px; border:1px solid #CCCCCC; }
#mulch select option { padding:0 10px 0 4px; }
#mulch label { display:inline; }
#mulch .section .label { width:110px; height:24px; background:#FFFFCC; margin-bottom:3px;  }
#mulch .section { padding:10px; margin-bottom:25px;  }
#mulch .section h4 { padding:10px 0; margin:0; font-size:15px; }
#mulch .inline_instructions { padding:10px 0; }
#mulch .section span { padding-left: 10px; padding-right: 5px; }
#mulch .sqr_feet { text-align: right; width: 60px; padding-left: 40px; font-style: italic; }
#mulch .sqr_feet span { padding:0; }
#mulch #subtotal { padding: 20px; }
#mulch .instructions { }
#mulch .instructions ul { padding-left: 30px; margin-bottom:10px; list-style: none; }
#mulch .instructions li { padding-bottom: 2px; padding-top:2px; }
#mulch p { padding:0; margin:0; line-height:14px; }

#mulch .section .illus { float:left; margin-right:0px; }
#mulch .section ul {  width:750px; margin:10px 0 5px 230px; padding:0; }
#mulch .section div { width:750px; margin:0 0 0 230px; padding:0;  }
#mulch .section p { line-height:18px; }
.clear { clear:both; height:0; margin:0; padding:0; }

#mulch .section table td span { padding:0; margin:0; }
#mulch table th, #mulch table td { padding:2px;  text-align:left;}
#mulch .section table th { text-align:left; }

#mulch .section div.cont_materials { width:auto; margin:0; padding:0; display:none; }
#mulch .section div.cont_materials .cont_materials_inner { width:auto; display:flex; flex-wrap:wrap; margin:0; padding:0; }
#mulch .section div.material_thumb { float:left; width:85px;  margin:0 10px 10px 0; font-size:10px; text-align:center; }
#mulch .section div.material_thumb img {  border:1px solid #333; width:75px; margin:0 auto;  }

#mulch .section div.cont_trucks { display:none; margin:0; padding:0; width:350px; float:left; }
.total_size { font-size:16px; color:#990000; font-weight:bold; }

#mulch #distance-calculator { width:100%; }
#mulch #distance-calculator div { width:auto; margin:0; }
#mulch #map-canvas, #mulch #map_canvas { width:600px !important; height: 100%; }
#mulch .adp-placemark, #mulch .adp-warnbox { margin:0; }
#mulch #calculated-info {  background-color:#FFEE77; width:300px; height:auto; margin: 10px; }
#mulch #calculated-info p { padding:5px; } 
#mulch #directions-panel { padding:0; margin:0; float: right; width: 300px !important; height:450px; overflow: auto; }
#mulch #control { background: #fff; padding: 5px; font-size: 14px; font-family: Arial; border: 1px solid #ccc; box-shadow: 0 2px 2px rgba(33, 33, 33, 0.4); display: none; }
#mulch #control #end { width:150px; }
#mulch #control #btn-calculate { width:100px; }

#cont_price_section { background-color:#fdb765; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;  }
#cont_step_2 { background-color:#b4dd8d;  -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px !important; margin-bottom:25px !important;  }
#cont_step_2 .section { border-bottom:2px solid #2c2c2c; padding:0; }
#cont_step_2 .last_section { border-bottom:none; }
#subtotal { background-color:#fdb765; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;  }
#cont_price_purchase_option {  background-color:#b4dd8d;  -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
#cont_price { width:330px !important; margin:0 0 0 0 !important; float:left; height:130px; border-right:2px solid #41542f; }
#cont_purchase_option { width:430px !important; margin:0 0 0 0 !important; float:left; height:130px; padding-left:20px !important; }
#cont_transportation { background-color:#fdb765; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;  border-bottom:none;}

#cont-delivery-charge { height:150px; /* height:450px; */ width:100% !important; margin:0 0 0 0 !important; }
#distance-calculator {  margin:0 0 0 0 !important; }

.cont-section-header { margin:0; padding:0; font-size:24px; }
.cont-section-header span { display:none; }
#hder-step-1 { background:url(../images/img_step_1.jpg) no-repeat 0 0; width:140px; height:28px; }
#hder-step-2 { background:url(../images/img_step_2.jpg) no-repeat 0 0; width:140px; height:28px; }
#hder-step-3 { background:url(../images/img_step_3.jpg) no-repeat 0 0; width:140px; height:28px; }
#hder-step-price-purchase-options { background:url(../images/img_price_purchase_options.jpg) no-repeat 0 0; width:593px; height:28px; }
#hder-step-transportation { background:url(../images/img_transportation.jpg) no-repeat 0 0; width:370px; height:28px; }