.preview_background
{
  background: url('/images/preview/bg.jpg') no-repeat;
  width: 700px;
  height: 500px;
  position: relative;
}

.preview_front
{
  height:360px;
  left:25px;
  position:absolute;
  top:60px;
  width:360px;
}

.preview_back
{
  left:438px;
  position:absolute;
  top:44px;
}

.preview_details
{
  left:441px;
  position:absolute;
  top:263px;
}

.preview_details ul
{
  padding-left:14px;
}

.preview_details ul li
{
  
}

.frame_info
{
  background: #DADADA;
  padding: 30px;
  height: 100%;
}

.frame_info .frame
{
  border:2px solid #888888;
  float:left;
  height:200px;
  margin:2px;
  text-align:center;
  width:200px;
}

.frame_info .frame:hover
{
  cursor: pointer;
}

.frame_info .frame.active
{
  border: solid 2px #FF9000;
}

.frame_info .frame.hover
{
  border: solid 2px #A2CD47;
}

.frame_info .frame div
{
  margin:5px;
}

.frame_info .frame span
{
  display:block;
  margin-top:5px;
}