/* General styles */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body,
* {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

body {
  cursor: pointer;
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
}

/* Fix for IE to prevent border for images within anchor */
img {
  border: 0;
}

/* Fix for FOUC issues using ng-cloak */
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}

#ad-container {
  cursor: pointer;
}

.layout {
  border: 1px solid transparent;
  display: block;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  overflow: hidden;
  text-decoration: none;
}

.background,
.bg-image {
  left: 0;
  position: absolute;
  top: 0;
  z-index: -1;
}

.column {
  float: left;
  height: 100%;
}

.column.halfWidth {
  width: 50%;
}

.clearfix:after {
  clear: both;
  content: '.';
  display: block;
  line-height: 0;
  height: 0;
  visibility: hidden;
}

.hidden {
  opacity: 0;
}

.shadow {
  -moz-box-shadow: 0 2px 2px #333;
  -webkit-box-shadow: 0 2px 2px #333;
  box-shadow: 0 2px 2px #333;
}

.inline-wrapper {
  display: block;
  font-size: 0;
}

.inline-wrapper .inline-block {
  display: inline-block;
}

.inline-wrapper:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.transition {
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
}

/* Layout styles */
.content {
  height: 100%;
  width: 100%;
}

.nolist {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}

.nolist > li {
  display: block;
  margin: 0;
  padding: 0;
}

.round .product-image {
  -webkit-border-radius: 0;
  border-radius: 0;
}

.logo-container.inline-block {
  width: 99%;
}

.round,
.round .background,
.round .bgImage {
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.square,
.square .background {
  -webkit-border-radius: 0;
  border-radius: 0;
}

.carousel-wrapper {
  position: relative;
}

.carousel-wrapper .carousel,
.carousel-wrapper .carousel-item,
.carousel-wrapper .products {
  height: 100%;
}

.carousel-wrapper .carousel {
  position: relative;
}

.carousel-wrapper .carousel-item {
  display: inline-block;
}

.bullets {
  bottom: 0;
  font-size: 0;
  height: 10px;
  line-height: 10px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  width: 100%;
}

.bullets .bullet {
  display: inline-block;
  height: 10px;
  width: 10px;
}

.bullets .bullet i {
  background: #b6b6b6;
  border: 1px solid #ababab;
  border-radius: 6px;
  display: inline-block;
  height: 6px;
  vertical-align: middle;
  width: 6px;
}

.bullets .bullet.active i,
.bullets .bullet:hover i {
  background-color: #575757;
  border-color: #424242;
}

.single-mode .bullets {
  display: none;
}

.button {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  padding: 0 8px;
}

.button.text {
  background: none;
  border: none;
  box-shadow: none;
}

.button span {
  display: block;
  height: 20px;
}

/* Rating stars */
.star,
.half-star {
  background: url("data:image/png;base64,[encoded data, 4324 characters]") no-repeat center;
  display: inline-block;
  height: 14px;
  width: 15px;
}

.half-star {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5QTNBNzk3OTZDRDZFMTExQjIzREQ2QTgzMjE5QjRCQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1RTNBNUQ5OEQ0RTYxMUUyQjY2MUVFRDI4Q0Q2N0RFQiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1RTNBNUQ5N0Q0RTYxMUUyQjY2MUVFRDI4Q0Q2N0RFQiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM5M0QwMzIzQkZENEUyMTFBNzBDRkQxMzc5QzBGRDRFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjlBM0E3OTc5NkNENkUxMTFCMjNERDZBODMyMTlCNEJDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+oc+ShAAAAcVJREFUeNp8UjtIw1AUvS9Jm1ZrtdLiF4eiIiJFUXBRcVdwFBTESRFEcHL0NzkIioMIbi6Kg6OLgw6C4hecHFoipqGhWttqMU3SPG+iLVaNDy55795z3j3v3AClFOxCvFjZ/q9uW3i8WF2IHY8Y4XA4YIdhwGax6sMsUJXgdsoO8ydZvFqbcTlV79dxOhKJeP7CEUt7nnS9GQKqhdhsZMPnd1SkJAEcoS1IJpNLWD4IBoO3RWTxfPmQUaP9jP7kYjgnsCwD7lICbq8XZEEGf+8upNNpyGQyoKqqyYlixDBGOeoIDFFDuXOXlzaXlRlAsiKAngLQPhWxLAs+n88KRVFAkqRqTC+hivuCbOl8/tLjiHZ6+DigCgC+BuQYgar+fatudpZl2Ww9hsS9IsNquxe7XvWG03cFvaGYzumFt5kNvoiDeeIvtynjOdI0S6zdIE5sR0WMTB/ndCG3AnQmYOUMA30gBJy48NhqT869NXFuP6Szfog/k6xe0nYmCEIqkUgAz/MmpP07niu6KfdSlXzSjJyrZaeuZ27czOEPUolzXsTtxE9ywW3xZquSaPE9HN1wfcdk4udj8ZJG/AygYev53IcAAwDcUAChHlwe3QAAAABJRU5ErkJggg==");
}

/* Dividers */
.divider {
  border-top: 1px solid #ccc;
  font-size: 0;
  height: 0;
  line-height: 0;
}

.divider-v {
  border-left: 1px solid #ccc;
  font-size: 0;
  height: 75%;
  line-height: 0;
  margin: 5px 0;
  width: 0;
}

.background-underlay {
  background-color: white;
  left: 0;
  position: absolute;
  top: 0;
  z-index: -2;
}
