@charset "UTF-8";

/* Fonts */
@font-face { font-family: 'Raleway Medium'; font-style: normal; font-weight: 500; src: local('Raleway Medium'), local('Raleway-Medium'), url('//themes.googleusercontent.com/static/fonts/raleway/v6/CcKI4k9un7TZVWzRVT-T8xsxEYwM7FgeyaSgU71cLG0.woff') format('woff'); }
@font-face { font-family: 'Raleway Bold'; font-style: normal; font-weight: 700; src: local('Raleway Bold'), local('Raleway-Bold'), url('//themes.googleusercontent.com/static/fonts/raleway/v6/JbtMzqLaYbbbCL9X6EvaIxsxEYwM7FgeyaSgU71cLG0.woff') format('woff'); }

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; font-size: 100%; font: inherit; padding: 0; border: 0; vertical-align: baseline; }
html { height: 100%; max-height: 190px; min-height: 90px; }
body { background-color: #FFF; line-height: 1; overflow: hidden; height: 100%; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
strong { font-weight: bold; }
em { font-style: italic; }
* { outline: 0; }

#affiliates.small90 { height: 100%; max-width: 1200px; min-height: 90px; }
#affiliates:after { content: ""; display: table; clear: both; }

#wrapper { height: 100%; max-width: 1200px; }
#wrapper:after { content: ""; display: table; clear: both; }

.left { float: left; width: 120px; height: 100%; min-height: 90px; margin-right: 16px; height: 100%; position: relative; }
.left:after { content: ""; display: table; clear: both; }
.left a { display: block; max-height: 100%; width: 100%; position: absolute; top: 50%; margin-top: -12px; }
.left a img { width: 100%; }
.left .logo { width: calc(100% - 16px); margin-left: 12px; }

.right { float: right; height: 100%; width: calc(100% - 136px); min-height: 90px; position: relative; }

.lots { overflow: hidden; height: 72px; position: absolute; width: 100%; top: 50%; margin-top: -36px; }
.lots:after { content: ""; display: table; clear: both; }

.lots .lot { float: left; height: 72px; width: 25%; }
.lots .lot .picture { height: 70px; width: 70px; float: left; border: 1px solid #E7E7E7; margin-right: 10px; }
.lots .lot .picture a { display: block; height: 100%; }
.lots .lot .picture a .img { width: auto; height: 100%; }

.lots .lot .title { display: block; font-family: 'Raleway-Medium', sans-serif; color: #FF7D00; text-decoration: none; font-size: 10px; line-height: 14px; height: 28px; overflow: hidden; max-width: 120px; }
.lots .lot .auctionHouse { display: block; font-family: 'Raleway-Medium', sans-serif; color: #b9b9b9; text-decoration: none; font-size: 10px; line-height: 12px; height: 12px; overflow: hidden; margin: 1px 0; max-width: 120px; }
.lots .lot .priceLabel { display: block; font-family: 'Raleway-Medium', sans-serif; color: #000; text-decoration: none; font-size: 10px; line-height: 12px; height: 12px; overflow: hidden; max-width: 120px; }
.lots .lot .price { display: block; font-family: 'Raleway-Medium', sans-serif; color: #000; text-decoration: none; font-size: 10px; line-height: 12px; height: 12px; overflow: hidden; max-width: 120px; }

@media screen and ( max-width: 768px ) {
    #affiliates.small90 { height: 100%; max-width: 768px; min-height: 90px; }
    #affiliates:after { content: ""; display: table; clear: both; }

    #wrapper { height: 100%; max-width: 768px; }
    #wrapper:after { content: ""; display: table; clear: both; }

    .lots .lot { float: left; height: 72px; width: 33%; }
    .lots .lot .picture { height: 70px; width: 70px; float: left; border: 1px solid #E7E7E7; margin-right: 10px; }
    .lots .lot .picture a { display: block; height: 100%; }
    .lots .lot .picture a .img { width: auto; height: 100%; }

    .lots .lot .title { display: block; font-family: 'Raleway-Medium', sans-serif; color: #FF7D00; text-decoration: none; font-size: 10px; line-height: 14px; height: 28px; overflow: hidden; max-width: 120px; }
    .lots .lot .auctionHouse { display: block; font-family: 'Raleway-Medium', sans-serif; color: #b9b9b9; text-decoration: none; font-size: 10px; line-height: 12px; height: 12px; overflow: hidden; margin: 1px 0; max-width: 120px; }
    .lots .lot .priceLabel { display: block; font-family: 'Raleway-Medium', sans-serif; color: #000; text-decoration: none; font-size: 10px; line-height: 12px; height: 12px; overflow: hidden; max-width: 120px; }
    .lots .lot .price { display: block; font-family: 'Raleway-Medium', sans-serif; color: #000; text-decoration: none; font-size: 10px; line-height: 12px; height: 12px; overflow: hidden; max-width: 120px; }
}

@media screen and ( max-width: 600px ) {
    #affiliates.small90 { height: 100%; max-width: 600px; min-height: 90px; min-width: 480px; }
    #affiliates:after { content: ""; display: table; clear: both; }

    #wrapper { height: 100%; max-width: 600px; }
    #wrapper:after { content: ""; display: table; clear: both; }

    .lots .lot { float: left; height: 72px; width: 50%; }
    .lots .lot .picture { height: 70px; width: 70px; float: left; border: 1px solid #E7E7E7; margin-right: 10px; }
    .lots .lot .picture a { display: block; height: 100%; }
    .lots .lot .picture a .img { width: auto; height: 100%; }

    .lots .lot .title { display: block; font-family: 'Raleway-Medium', sans-serif; color: #FF7D00; text-decoration: none; font-size: 10px; line-height: 14px; height: 28px; overflow: hidden; max-width: 120px; }
    .lots .lot .auctionHouse { display: block; font-family: 'Raleway-Medium', sans-serif; color: #b9b9b9; text-decoration: none; font-size: 10px; line-height: 12px; height: 12px; overflow: hidden; margin: 1px 0; max-width: 120px; }
    .lots .lot .priceLabel { display: block; font-family: 'Raleway-Medium', sans-serif; color: #000; text-decoration: none; font-size: 10px; line-height: 12px; height: 12px; overflow: hidden; max-width: 120px; }
    .lots .lot .price { display: block; font-family: 'Raleway-Medium', sans-serif; color: #000; text-decoration: none; font-size: 10px; line-height: 12px; height: 12px; overflow: hidden; max-width: 120px; }
}