/* Copyright © Website Engineers Limited */

/* Journey Planner */
.JourneyPlanner { position: relative; text-align: left; width: 720px; }
.JourneyPlanner .Top { position: relative; clear: both; height: 40px; width: 720px; background-image: url(images/car_search_vehicle_details_top_bg.gif); background-color: #ffffff; }
.JourneyPlanner .Top .Tabs { position: absolute; z-index: 10; top: 0px; left: 8px; }
.JourneyPlanner .Top .Tabs li { cursor: pointer; float: left; list-style: none; margin: 0px; padding: 0 0 0 4px; background: url('images/data_tab_left.gif') no-repeat left top; }
.JourneyPlanner .Top .Tabs b { display: block; padding: 12px  30px  6px  0px; text-decoration: none; font-weight: normal; font-size: 11px; color: #666666; background: url('images/data_tab_right.gif') no-repeat right top; }
.JourneyPlanner .Top .Tabs b:hover { text-decoration: none; font-weight: normal; color: #41a3e1; }
.JourneyPlanner .Top .Tabs li.Active { float: left; list-style: none; margin: 0px; padding: 0 0 0 8px; background: url('images/data_tab_left_active.gif') no-repeat left top; }
.JourneyPlanner .Top .Tabs li.Active b { display: block; padding: 12px  30px  6px  0px; text-decoration: none; font-weight: normal; font-size: 11px; color: #666666; background: url('images/data_tab_right_active.gif') no-repeat right top; }
.JourneyPlanner .Top .Tabs li.Active b:hover { text-decoration: none; font-weight: normal; color: #41a3e1; }
.JourneyPlanner .Mid { position: relative; padding-top: 10px; padding-bottom: 10px; padding-left: 30px; padding-right: 30px; background-image: url(images/car_search_vehicle_details_mid_bg.gif); }
.JourneyPlanner .Mid p { font-size: 11px; }
.JourneyPlanner .Mid .Data { display: block; }
.JourneyPlanner .Mid .DataHidden { display: none; }
.JourneyPlanner .Mid .DataHidden p.SavingsExample i { font-size: 12px; font-style: normal; color: #009543; }
.JourneyPlanner .Mid p.OverviewHeading { margin-top: 10px; margin-bottom: 1px; padding-left: 6px; border-bottom: 1px dotted #999999; font-weight: bold; font-size: 11px; background-color: #dddddd; }
.JourneyPlanner .Mid p.OverviewData { margin-bottom: 1px; padding-left: 6px; border-bottom: 1px dotted #cccccc; font-size: 11px; background-color: #fafafa; }
.JourneyPlanner .Mid p.OverviewData:hover { background-color: #ffffff; }
.JourneyPlanner .Mid p.OverviewData b { position: absolute; margin-top: -2px; padding-left: 6px; left: 150px; font-weight: normal; border-left: 1px dotted #cccccc; }
.JourneyPlanner .Mid p.OverviewPhotos { margin-bottom: 1px; padding-top: 10px; padding-bottom: 10px; padding-left: 13px; border-bottom: 1px dotted #cccccc; font-size: 11px; background-color: #fafafa; }
.JourneyPlanner .Mid p.OverviewPhotos img { margin-right: 8px; }
.JourneyPlanner .Mid p.TechnicalHeading { margin-top: 10px; margin-bottom: 1px; padding-left: 6px; border-bottom: 1px dotted #999999; font-weight: bold; font-size: 11px; background-color: #dddddd; }
.JourneyPlanner .Mid p.TechnicalData { margin-bottom: 1px; padding-left: 6px; border-bottom: 1px dotted #cccccc; font-size: 11px; background-color: #fafafa; }
.JourneyPlanner .Mid p.TechnicalData:hover { background-color: #ffffff; }
.JourneyPlanner .Mid p.TechnicalData b { position: absolute; margin-top: -2px; padding-left: 6px; left: 350px; font-weight: normal; border-left: 1px dotted #cccccc; }
.JourneyPlanner .Mid p.EquipmentHeading { margin-top: 10px; margin-bottom: 1px; padding-left: 6px; border-bottom: 1px dotted #999999; font-weight: bold; font-size: 11px; background-color: #dddddd; }
.JourneyPlanner .Mid p.EquipmentData { margin-bottom: 1px; padding-left: 6px; border-bottom: 1px dotted #cccccc; font-size: 11px; background-color: #fafafa; }
.JourneyPlanner .Mid p.EquipmentData:hover { background-color: #ffffff; }
.JourneyPlanner .Bot { position: relative; width: 720px; height: 40px; background-image: url(images/car_search_vehicle_details_bot_bg.gif); }

/* End */