/*
HTML5 Reset :: style.css
----------------------------------------------------------
We have learned much from/been inspired by/taken code where offered from:
Eric Meyer :: http://meyerweb.com
HTML5 Doctor :: http://html5doctor.com
and the HTML5 Boilerplate :: http://html5boilerplate.com
-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
.aff-product-universal-box {
/* Handle box-sizing while better addressing child elements:
http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Responsive images and other embedded objects */
/* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */
/*
Note: keeping IMG here will cause problems if you're using foreground images as sprites.
In fact, it *will* cause problems with Google Maps' controls at small size.
If this is the case for you, try uncommenting the following:
#map img {
max-width: none;
}
*/
/* force a vertical scrollbar to prevent a jumpy page */
/* we use a lot of ULs that aren't bulleted.
you'll have to restore the bullets within content,
which is fine because they're probably customized anyway */
/* tables still need cellspacing="0" in the markup */
/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
/* standardize any monospaced elements */
/* hand cursor on clickable elements */
/* Webkit browsers add a 2px margin outside the chrome of form elements */
/* make buttons play nice in IE */
/* scale images in IE7 more attractively */
/* prevent BG image flicker upon hover
(commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */ }
.aff-product-universal-box html, .aff-product-universal-box body, .aff-product-universal-box body div, .aff-product-universal-box span, .aff-product-universal-box object, .aff-product-universal-box iframe, .aff-product-universal-box h1, .aff-product-universal-box h2, .aff-product-universal-box h3, .aff-product-universal-box h4, .aff-product-universal-box h5, .aff-product-universal-box h6, .aff-product-universal-box p, .aff-product-universal-box blockquote, .aff-product-universal-box pre, .aff-product-universal-box abbr, .aff-product-universal-box address, .aff-product-universal-box cite, .aff-product-universal-box code, .aff-product-universal-box del, .aff-product-universal-box dfn, .aff-product-universal-box em, .aff-product-universal-box img, .aff-product-universal-box ins, .aff-product-universal-box kbd, .aff-product-universal-box q, .aff-product-universal-box samp, .aff-product-universal-box small, .aff-product-universal-box strong, .aff-product-universal-box sub, .aff-product-universal-box sup, .aff-product-universal-box var, .aff-product-universal-box b, .aff-product-universal-box i, .aff-product-universal-box dl, .aff-product-universal-box dt, .aff-product-universal-box dd, .aff-product-universal-box ol, .aff-product-universal-box ul, .aff-product-universal-box li, .aff-product-universal-box fieldset, .aff-product-universal-box form, .aff-product-universal-box label, .aff-product-universal-box legend, .aff-product-universal-box table, .aff-product-universal-box caption, .aff-product-universal-box tbody, .aff-product-universal-box tfoot, .aff-product-universal-box thead, .aff-product-universal-box tr, .aff-product-universal-box th, .aff-product-universal-box td, .aff-product-universal-box article, .aff-product-universal-box aside, .aff-product-universal-box figure, .aff-product-universal-box footer, .aff-product-universal-box header, .aff-product-universal-box menu, .aff-product-universal-box nav, .aff-product-universal-box section, .aff-product-universal-box time, .aff-product-universal-box mark, .aff-product-universal-box audio, .aff-product-universal-box video, .aff-product-universal-box details, .aff-product-universal-box summary {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: transparent; }
.aff-product-universal-box main, .aff-product-universal-box article, .aff-product-universal-box aside, .aff-product-universal-box figure, .aff-product-universal-box footer, .aff-product-universal-box header, .aff-product-universal-box nav, .aff-product-universal-box section, .aff-product-universal-box details, .aff-product-universal-box summary {
display: block; }
.aff-product-universal-box html {
box-sizing: border-box; }
.aff-product-universal-box *,
.aff-product-universal-box *:before,
.aff-product-universal-box *:after {
box-sizing: inherit; }
.aff-product-universal-box img,
.aff-product-universal-box object,
.aff-product-universal-box embed {
max-width: 100%; }
.aff-product-universal-box html {
overflow-y: scroll; }
.aff-product-universal-box ul {
list-style: none; }
.aff-product-universal-box blockquote, .aff-product-universal-box q {
quotes: none; }
.aff-product-universal-box blockquote:before,
.aff-product-universal-box blockquote:after,
.aff-product-universal-box q:before,
.aff-product-universal-box q:after {
content: '';
content: none; }
.aff-product-universal-box a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline; }
.aff-product-universal-box del {
text-decoration: line-through; }
.aff-product-universal-box abbr[title], .aff-product-universal-box dfn[title] {
border-bottom: 1px dotted #000;
cursor: help; }
.aff-product-universal-box table {
border-collapse: separate;
border-spacing: 0; }
.aff-product-universal-box th {
font-weight: bold;
vertical-align: bottom; }
.aff-product-universal-box td {
font-weight: normal;
vertical-align: top; }
.aff-product-universal-box hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0; }
.aff-product-universal-box input, .aff-product-universal-box select {
vertical-align: middle; }
.aff-product-universal-box pre {
white-space: pre;
/* CSS2 */
white-space: pre-wrap;
/* CSS 2.1 */
white-space: pre-line;
/* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word;
/* IE */ }
.aff-product-universal-box input[type="radio"] {
vertical-align: text-bottom; }
.aff-product-universal-box input[type="checkbox"] {
vertical-align: bottom; }
.aff-product-universal-box .ie7 input[type="checkbox"] {
vertical-align: baseline; }
.aff-product-universal-box .ie6 input {
vertical-align: text-bottom; }
.aff-product-universal-box select, .aff-product-universal-box input, .aff-product-universal-box textarea {
font: 99% sans-serif; }
.aff-product-universal-box table {
font-size: inherit; }
.aff-product-universal-box small {
font-size: 85%; }
.aff-product-universal-box strong {
font-weight: bold; }
.aff-product-universal-box td, .aff-product-universal-box td img {
vertical-align: top; }
.aff-product-universal-box sub, .aff-product-universal-box sup {
font-size: 75%;
line-height: 0;
position: relative; }
.aff-product-universal-box sup {
top: -0.5em; }
.aff-product-universal-box sub {
bottom: -0.25em; }
.aff-product-universal-box pre, .aff-product-universal-box code, .aff-product-universal-box kbd, .aff-product-universal-box samp {
font-family: monospace, sans-serif; }
.aff-product-universal-box .clickable,
.aff-product-universal-box label,
.aff-product-universal-box input[type=button],
.aff-product-universal-box input[type=submit],
.aff-product-universal-box input[type=file],
.aff-product-universal-box button {
cursor: pointer; }
.aff-product-universal-box button, .aff-product-universal-box input, .aff-product-universal-box select, .aff-product-universal-box textarea {
margin: 0; }
.aff-product-universal-box button,
.aff-product-universal-box input[type=button] {
width: auto;
overflow: visible; }
.aff-product-universal-box .ie7 img {
-ms-interpolation-mode: bicubic; }
.aff-product-universal-box .clearfix:after {
content: " ";
display: block;
clear: both; }
.aff-product-universal-box {
border-width: 1px;
border-style: solid;
border-bottom: none;
display: block;
width: 100%;
max-width: 800px;
margin: 25px auto;
box-sizing: border-box;
clear: both; }
.aff-product-universal-box-row {
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex: 1 0 100%;
width: 100%; }
.aff-product-universal-box-column {
padding: 25px;
border-bottom-width: 1px;
border-bottom-style: solid; }
.aff-product-universal-box-column-full-width {
flex: 1 0 100%;
width: 100%;
max-width: 100%; }
.aff-product-universal-box-column-half-width {
flex: 1 0 50%;
width: 50%;
max-width: 50%; }
.aff-product-universal-box-column-half-width:first-child {
border-right-width: 1px;
border-right-style: solid; }
.aff-product-universal-box-intro {
display: inline-flex;
flex-wrap: wrap;
justify-content: space-between; }
.aff-product-universal-box .aff-product-title {
flex: 1 0 100%;
margin: 0;
font-size: 28px;
line-height: 35px;
margin-bottom: 20px;
font-weight: bold; }
.aff-product-universal-box .aff-product-tags {
flex: 1 0 100%;
display: flex;
margin-bottom: 20px; }
.aff-product-universal-box .aff-product-tags-item {
min-width: 50px;
text-align: center;
box-sizing: border-box;
padding: 5px 10px;
margin-right: 10px;
font-size: 11.2px;
border-radius: 5px; }
.aff-product-universal-box .aff-product-review {
flex: 1 0 auto;
display: inline-flex;
justify-self: flex-end;
justify-content: center;
align-items: flex-start;
flex-direction: column; }
.aff-product-universal-box .aff-product-review-rating {
height: 25px; }
.aff-product-universal-box .aff-product-review-rating-star {
padding: 0;
margin: 0;
width: 25px;
height: 25px; }
.aff-product-universal-box .aff-product-review-votes {
font-size: 14px;
margin: 0; }
.aff-product-universal-box .aff-product-price {
flex: 1 0 calc(40% - 10px);
display: inline-flex;
justify-self: flex-end;
justify-content: flex-end;
align-items: center; }
.aff-product-universal-box .aff-product-price-current {
font-size: 25.2px; }
.aff-product-universal-box .aff-product-price-old {
font-size: 19.6px;
text-decoration: line-through;
margin-left: 10px;
font-weight: lighter; }
.aff-product-universal-box .aff-product-thumbnail {
display: block;
width: 100%;
max-width: 100%;
height: auto;
box-shadow: none;
-o-object-fit: contain;
object-fit: contain;
padding: 0; }
.aff-product-universal-box .aff-product-image-gallery-item-thumbnail {
display: block;
width: 100%;
max-width: 100%;
height: auto;
box-shadow: none;
-o-object-fit: contain;
object-fit: contain;
padding: 0; }
.aff-product-universal-box .aff-product-attributes {
margin-bottom: 10px;
width: 100%; }
.aff-product-universal-box .aff-product-attributes-choices {
list-style: none;
width: 100%;
margin: 0; }
.aff-product-universal-box .aff-product-attributes-choices:last-child {
margin-bottom: 0; }
.aff-product-universal-box .aff-product-attributes-choices-list {
display: flex;
flex-flow: row wrap;
padding: 0; }
.aff-product-universal-box .aff-product-attributes-choice {
list-style: none;
border-width: 1px;
border-style: solid;
padding: 5px 10px;
margin: 0 10px 10px 0;
min-width: 50px;
text-align: center; }
.aff-product-universal-box .aff-product-attributes-choice.unreachable {
opacity: 0.5;
border-style: dotted; }
.aff-product-universal-box .aff-product-attributes-choice:first-child {
margin-left: 0; }
.aff-product-universal-box .aff-product-attributes-choice-list {
display: flex;
flex-flow: row wrap;
padding: 0; }
.aff-product-universal-box .aff-product-attributes-choice-link {
text-decoration: none; }
.aff-product-universal-box .aff-product-details {
border: none; }
.aff-product-universal-box .aff-product-details-none {
font-size: 14px;
text-align: center; }
.aff-product-universal-box .aff-product-details-item {
font-size: 14px;
border: none; }
.aff-product-universal-box .aff-product-details-item-name, .aff-product-universal-box .aff-product-details-item-value {
line-height: 28px; }
.aff-product-universal-box .aff-product-details-item-name {
font-weight: bold; }
.aff-product-universal-box .aff-product-details-item-value-file a {
text-decoration: none; }
.aff-product-universal-box .aff-product-details-item-value-boolean-check, .aff-product-universal-box .aff-product-details-item-value-boolean-cross {
margin-top: -5px;
vertical-align: middle; }
.aff-product-universal-box .aff-product-details-item td {
border: none;
border-bottom-width: 1px;
border-bottom-style: solid;
padding: 5px 10px;
box-sizing: border-box;
text-align: left;
background-color: transparent !important; }
.aff-product-universal-box .aff-product-details-item:last-child td {
border-bottom: none; }
.aff-product-universal-box .aff-product-shops-item {
flex: 1 0 100%;
width: 100%;
box-sizing: border-box;
padding: 25px 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
border-bottom-width: 1px;
border-bottom-style: solid; }
.aff-product-universal-box .aff-product-shops-item:first-child {
padding-top: 0; }
.aff-product-universal-box .aff-product-shops-item:last-child {
border-bottom: none;
padding-bottom: 0; }
.aff-product-universal-box .aff-product-shops-item-brand {
box-sizing: border-box;
width: 40%;
display: flex;
justify-content: center;
align-items: center; }
.aff-product-universal-box .aff-product-shops-item-info {
box-sizing: border-box;
width: 50%;
text-align: center;
display: flex;
flex-direction: column; }
.aff-product-universal-box .aff-product-shops-item-actions {
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
flex: 1; }
.aff-product-universal-box .aff-product-shops-item-thumbnail {
max-width: 200px;
height: auto;
max-height: 100px;
-o-object-fit: contain;
object-fit: contain;
box-shadow: none; }
.aff-product-universal-box .aff-product-shops-item-price {
flex: 1;
margin-bottom: 20px;
display: flex;
justify-self: flex-end;
justify-content: flex-end;
align-items: center;
flex-wrap: wrap; }
.aff-product-universal-box .aff-product-shops-item-price-current {
font-size: 25.2px;
line-height: 28px; }
.aff-product-universal-box .aff-product-shops-item-price-old {
font-size: 19.6px;
line-height: 28px;
text-decoration: line-through;
margin-left: 10px;
font-weight: lighter; }
.aff-product-universal-box .aff-product-shops-item-price-indication {
display: block;
max-width: 100%;
width: 100%;
text-align: right; }
.aff-product-universal-box .aff-product-shops-item-indication {
font-size: 12px;
line-height: 22.4px; }
.aff-product-universal-box .aff-product-shops-item-indication-updated-at {
margin-top: 5px; }
.aff-product-universal-box .aff-product-shops-item-button {
width: 100%;
display: block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 10px;
box-sizing: border-box;
font-size: 14px;
line-height: 17.5px;
border-radius: 5px;
transition: all .15s ease-in-out;
text-decoration: none;
align-self: flex-end;
box-shadow: none !important; }
.aff-product-universal-box .aff-product-shops-item:last-child {
margin-bottom: 0; }
.aff-product-universal-box .aff-product-related {
margin-bottom: 25px; }
.aff-product-universal-box .aff-product-related-title {
margin: 0;
margin-bottom: 10px;
font-size: 19.6px; }
.aff-product-universal-box .aff-product-related-scroll {
overflow-x: scroll;
overflow-y: hidden;
display: flex;
padding-bottom: 10px; }
.aff-product-universal-box .aff-product-related-item {
padding: 0;
cursor: pointer;
width: 150px;
height: 150px;
flex: 0 0 150px;
margin: 0;
margin-right: 25px;
overflow: hidden;
border-width: 1px;
border-style: solid;
display: flex !important;
align-items: center !important; }
.aff-product-universal-box .aff-product-related-item-thumbnail {
-o-object-fit: contain;
object-fit: contain;
max-width: 100%;
height: 100%;
box-shadow: none;
padding: 0; }
@media screen and (max-width: 768px) {
.aff-product-universal-box-row {
flex-direction: column; }
.aff-product-universal-box-column-full-width {
flex: auto; }
.aff-product-universal-box-column-half-width {
flex: 1;
width: 100%;
max-width: 100%; }
.aff-product-universal-box-column-half-width:first-child {
border-right: 0; }
.aff-product-universal-box .aff-product-shops-item-thumbnail {
margin-bottom: 20px; }
.aff-product-universal-box .aff-product-shops-item-brand, .aff-product-universal-box .aff-product-shops-item-info {
flex: 1 0 100%;
max-width: 100%;
width: 100%; }
.aff-product-universal-box .aff-product-title {
text-align: center; }
.aff-product-universal-box .aff-product-review {
margin-bottom: 20px !important; }
.aff-product-universal-box .aff-product-price, .aff-product-universal-box .aff-product-shop-item-price, .aff-product-universal-box .aff-product-review {
text-align: center;
flex-direction: column !important;
align-items: center !important; }
.aff-product-universal-box .aff-product-price-current, .aff-product-universal-box .aff-product-price-old, .aff-product-universal-box .aff-product-price-indication, .aff-product-universal-box .aff-product-shops-item-price-current, .aff-product-universal-box .aff-product-shops-item-price-old, .aff-product-universal-box .aff-product-shops-item-price-indication {
display: block;
width: 100%;
margin: 0 !important;
text-align: center; }
.aff-product-universal-box .aff-product-review-votes {
margin-left: 0; } }