/* Custom CSS */
#showroomImage div{ position: absolute; }
#hotSpot1{ top: 60%; left: 9%; }
#hotSpot2{ top: 50%; left: 30%; }
#hotSpot3{ top: 64%; left: 46%; }
#hotSpot4{ top: 47%; left: 46%; }
#hotSpot5{ top: 30%; left: 56%; }
#hotSpot6{ top: 84%; left: 79%; }
#hotSpot7{ top: 90%; left: 46%; }
#hotSpot8{ top: 90%; left: 63%; }
#hotSpot9{ top: 60%; left: 85%; }

.showroomContent { font-weight:bold; display:none; position: absolute; width: 160px; height: 125px; background-color: #ffffff; color: #e12730; padding: 10px; font-size:12px;box-shadow: 0px 0px 4px 2px #888888;}

#showroomContent1 { top: 50%; left: 100%; }
#showroomContent2 { top: 50%; left: -600%; }
#showroomContent3 { top: 50%; left: -600%; }
#showroomContent4 { top: 50%; left: 100%; }
#showroomContent5 { top: 50%; left: 100%; }
#showroomContent6 { top: -330%; left: -600%; }
#showroomContent7 { top: -330%; left: -600%; }
#showroomContent8 { top: -330%; left: 100%;}
#showroomContent9 { top: 50%; left: -600%;}

#hotSpot1:hover #showroomContent1 { display: block;}
#hotSpot2:hover #showroomContent2 { display: block;}
#hotSpot3:hover #showroomContent3 { display: block;}
#hotSpot4:hover #showroomContent4 { display: block;}
#hotSpot5:hover #showroomContent5 { display: block;}
#hotSpot6:hover #showroomContent6 { display: block;}
#hotSpot7:hover #showroomContent7 { display: block;}
#hotSpot8:hover #showroomContent8 { display: block;}
#hotSpot9:hover #showroomContent9 { display: block;}