/* 
    Document   : compare
    Created on : Mar 20, 2014, 12:54:42 PM
    Author     : dpacheco
*/

.compareContainer { 
    overflow: hidden;
}

.compareContainer .compareItem{
    float: left;
    margin: 35px 50px;
} 

.imgCont{
    width: 380px;
    height: 470px;
    -moz-box-shadow:    0px 1px 3px 1px rgba(68,68,68,0.2);
    -webkit-box-shadow: 0px 1px 3px 1px rgba(68,68,68,0.2);
    box-shadow:         0px 1px 3px 1px rgba(68,68,68,0.2);
    padding-top: 55px;
}

div.nameCont{border-bottom: 1px solid #d6d6d6; margin: 3px 25px; text-align: center; width:330px;}

div.nameCont h2, div.nameCont h2 a, div.nameCont h2 a:hover, div.nameCont h2 a:visited{
    font-family: "OpenSansBold", Helvetica;
    font-size: 26px;
    color: #333;
    text-decoration: none;
}

div.nameCont p a, div.nameCont p a:hover{
    color: #333;
    text-decoration: none;
}

div.featuresCont{
    
    margin: 10px 25px;
    width:330px;
}

div.featuresCont table{
    width: 100%;
}

div.featuresCont table td{
     font-family: "OpenSansLight", Helvetica;
    font-size: 16px;
    color: #999;
    padding: 3px 5px;    
}

div.featuresCont table td.cat{
    font-family: "OpenSansBold", Helvetica;
    text-align: right;
}


div.starsCont{
    overflow: hidden;
    padding: 30px 50px 30px;
    background: url(../../img/shadowTest.png) no-repeat 50% 0%;
    width:380px;
}

div.starsCont ul li{
      float: left;
      background: url(../../img/sprites.png) no-repeat;
      background-position: -245px -363px ;
      width: 32px;
      height: 31px;
      margin: 0px 5px;
      cursor:pointer;
      list-style: none;
      color: transparent;
}

div.starsCont ul li:hover{
   background-position: -200px -361px ;
}


div.starsCont ul li.sel{
   background-position: -200px -361px ;
}




p.subtitle{
    font-family: "OpenSansLight", Helvetica;
    font-size: 18px;
    color: #333;
    position: absolute;
    top: 36px;
    top: 50px;
    left: 12%;
    width: 720px;
    text-align: center;
}



#viewedLanding{
    background: url(../../img/separadorShadow.png) no-repeat 50% 0%;
    overflow: hidden;
    padding-top: 30px;
}


#productCompare{
    position: relative;
}

#productCompare div.vs{
    position: absolute;
    width: 170px;
    height: 170px;    
    background: url(../../img/vs.png) no-repeat 50% 0%;
    left: 396px;
    top: 260px;
}

hr.stroke{
    width: 500px;
    border: 0px;
    background: #333;
    height: 1px;
    position: absolute;
    left: 25%;
    z-index: 0;    
}

#productCompare h1{
    position: absolute;
    background: #fff;
    left: 33%;
    padding: 0 8px;
}


div.titleCont{
    position: relative;
    height: 100px;
    
}


.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
  text-align: center;
  border: 1px solid #ddd;
}

.white-popup p{
    margin: 15px 0px 10px;
      font-family: "OpenSansLight", Helvetica;
    font-size: 16px;
    color: #999;
}
    
.mfp-bg{
    opacity: 0.7;
}

.productSection h1{ margin-bottom: 15px;}