@media all
{
  html, body { background: #000; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: xx-small; margin: 0px; padding: 0px; text-align: center; }
  h1 { color: #fff; float: left; font-size: 18px; font-weight: bold; margin: 0px; padding: 3px 0px 0px 15px; text-align: left; }
  h2 { color: #fff; float: right; font-size: 16px; font-weight: bold; margin: 0px; padding: 3px 15px 0px 0px; text-align: right; }
  #Wrapper { width: 100%; }
  .Content { margin: 0px auto; width: 980px; }
  .Content .PageTab { background: url(http://tour.360prodiy.com/Images/PageTabBackground.png); background-repeat: no-repeat; clear: both; height: 33px; width: 980px; }
  .Content .Main { background: url(http://tour.360prodiy.com/Images/MainBackground.png); background-repeat: repeat-y; width: 980px; }
  .Main .Details { float: left; font-weight: bold; padding: 0px 8px; text-align: left; width: 154px; }
  .Main .Details .div360ProDMP { padding: 20px 0px 0px 0px; }
  .Main .Details .div360ProDMP a img { border: 2px solid #e2ddcf; }
  .Main .Page { clear: right; float: right; padding: 10px 2px 10px 4px; text-align: center; width: 804px; }
  #NoListing { }
  #ServerError { }
  .Main .Bottom { clear: both; }
  .Content .MainBottom { background: url(http://tour.360prodiy.com/Images/MainBottomBackground.png); background-repeat: no-repeat; clear: both; height: 6px; width: 980px; }
}
@media screen
{
  a:hover { color: #00f; text-decoration: underline; }
  .Main .Details .div360ProDMP a:hover img { border: 2px dashed #448; }
}
@media print
{
  html, body { background: #fff; }
}