.front-view p { padding: 0 40px; color: gray; }
.front-view p:hover { padding: 0 40px; color: gray; background-color: #d7dfe3; }
.front-view h4  { margin: 20px 0; font: bold 16px tahoma; color: gray; }
.front-view h4:hover  {margin: 20px 0; font: bold 16px tahoma; color: white; background-color: orange; }
.clear-d { clear: both; }
.top-single, .bottom-single { text-align: center; width: 202px; margin: 0 auto; }
.middle-triad { width: 626px; margin: 5px auto; overflow: hidden; }
.middle-center { margin: 0 10px; }
.front-view { min-width: 700px; margin-top: 20px; width: 100%; background-color: #dfecf2; border: 1px solid #bde6c5; }
.middle-left, .middle-center, .middle-right { float: left; width: 202px; }
.front-view img { border: 1px solid orange; }