/* Vertical boxes */
.packageBoxVertical {
  min-height: 50px;
  
  margin-bottom: 10px;
  
  color: #27565F;
  
  background-color: #E2E0E0;
  
  cursor: pointer;
  pointer: select;
}

.packageBoxVertical>ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.packageBoxVertical>li {
  list-style: none;
  padding: 0;
  margin: 0;
}


.packageBoxVertical .span2 {
}

.packageBoxVertical.selected {
  background-color: #006496;
  color: white;
}

.packageBoxVertical:hover {
  background-color: rgb(0, 98, 142) ;
  color: white;
}

.packageBoxVertical.selected  .span2 {
}

.packageBox {
  background-color: #4AA9D9;
  color: white;
  padding: 2px;
  box-sizing: border-box;
  
  border-radius: 2px;
  
  -webkit-box-shadow: 0px 0px 5px rgba(1, 110, 166, 0.75);
  -moz-box-shadow: 0px 0px 5px rgba(1,110,166, 0.75);
  box-shadow: 0px 0px 5px rgba(1, 110, 166, 0.75);
  border: 1px solid #0196BE;
  
  margin-top: 5px;
  
  min-height: 250px;
  
  cursor: pointer;
}

.packageBox:hover {
  text-decoration: none;
  
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
  
  background-color: #2F93C5;
  
  -webkit-box-shadow: 0px 0px 20px rgba(1, 110, 166, 1) !important;
  -moz-box-shadow: 0px 0px 20px rgba(1,110,166, 1) !important;
  box-shadow: 0px 0px 20px rgba(1, 110, 166, 1) !important;
}

.packageBox:active {
}

@media (max-width: 768px) {
  .packageBoxVertical .span2 {
    box-sizing: border-box;
    border-right-width:0px;
    border-bottom: 1px solid #0196BE;
  }

  .packageBoxVertical.selected  .span2 {
    box-sizing: border-box;
    border-right-width: 0px;
    border-bottom: 1px solid white;
  }
}

.selected {
  background-color: #2F93C5;
}

.packageBox ul {
  margin: 3px;
  padding: 0;
  
  list-style: none;
}

wan-st, wan-west {
    background-size: 200px;
    height:80px;
    width: 200px;
    display: inline-block;
    float: right;
    margin-right: 20px;
}

wan-st {
    background-image: url(/WebOE/img/SundayTimesLogo.png);
}

wan-west {
    background-image: url(/WebOE/img/TheWestLogo.png);
}

.packageName, .price {
    margin-left:10px;
}

.packageBoxVertical > .row > .span10 {
    padding-top:10px;
    padding-bottom:10px;
}