﻿/* 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; }
body { font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 1.5; background-color: #F2F2F2; color: #000; }
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; }

body { margin: 0; padding: 0; background: #F4F4F0; }
#widgetWrapper { position: absolute; background: #F4F4F0; }

#innerWrapper { border-top: 1px dotted #CCC; padding: 11px 10px 0 10px; text-align: center; }

#widgetWrapper h1 { font: normal 1.2em/16px sans-serif; margin-bottom: 5px; height: 16px; text-align: center; margin-top: -2px; }

#widgetWrapper .search fieldset { padding: 12px; border: none; position: relative; background: #A5A5A5; border-radius: 4px; }
#widgetWrapper .search input { color: #000; font: normal 11px/16px Arial, Verdana, sans-serif; display: block; float: left; padding: 2px 4px; margin: 0; height: 16px; border: none; }
#widgetWrapper .search input.empty { font-style: italic; color: #8A8A8A; }
#widgetWrapper .search fieldset > a { display: block; text-decoration: none; width: 48px; height: 14px; background: #91244B; border: 1px solid #122842; color: #FFF; text-transform: uppercase; font: normal bold 10px/14px Arial, Verdana, sans-serif; text-align: center; float: right; margin: 0; margin-left: 8px; padding: 2px 4px; }

#widgetWrapper .footerWrapper { padding: 0 10px; }

#widgetWrapper .footer { position: absolute; width: 100%; bottom: 0; height: 25px; border-bottom: 1px dotted #CCC; }
#widgetWrapper .footer p { color: #91244B; font-size: 1.2em; margin: 0; padding: 0; }
#widgetWrapper .footer p a { color: #91244B; text-decoration: none; text-align: center; }
#widgetWrapper .footer p a:hover { text-decoration: underline; }

.hitWrapper {
	margin-top: 0px;
}

#slide { margin: 7px 0; }
#slide div { width: 100%; height: 100%; }
#slide div div.img350 { width: 278px; height:156px; border: 1px dotted #CCC; background: #FFF; display: table-cell; vertical-align: middle; }
#slide div div.img350 img { display: block; border: none; margin: 0 auto; }

#slide div div.img400 { width: 278px; height: 206px; border: 1px dotted #CCC; background: #FFF; display: table-cell; vertical-align: middle; }
#slide div div.img400 img { display: block; border: none; margin: 0 auto; }

#slide div div.img550 { width: 278px; height: 356px; border: 1px dotted #CCC; background: #FFF; display: table-cell; vertical-align: middle; }
#slide div div.img550 img { display: block; border: none; margin: 0 auto; }

#slide div h2 { margin-top: 6px; }
#slide div h2 a { color: #000; text-decoration: none; font: normal bold 1.2em/16px Arial, Verdana, sans-serif; height: 16px; overflow: hidden; display: block; text-align: center; }
#slide div h2 a:hover { text-decoration: underline; }
#slide div p { font: normal normal 1.2em/1.1 Arial, Verdana, sans-serif; text-align: center; }
#slide div p a { color: #91244B; text-decoration: none; }
#slide div p a:hover { text-decoration: underline; }
#slide .clicker { margin: 0; padding: 0; width: 40%; height: 14px; overflow: hidden; z-index: 200px; bottom: 0px; text-align: left; position: absolute; }
#slide .clicker a { margin: 0; padding: 0; height: 14px; display: inline-block; padding: 0 5px; overflow: hidden; }
#slide .clicker a span { line-height: 10px; margin: 0; padding: 0; display: block; float: left; height: 10px; width: 10px; background: #CCC; border-radius: 5px; }
#slide .clicker a.active span { background: #000; }
#slide .clicker a:hover span { background: #444; }

#hitlist { margin: 12px 0; overflow: hidden; }
#hitlist div.lot { width: 82px; height: 174px; float: left; margin-left: 17px; margin-top: 12px; }
#hitlist div.lot:nth-child(3n+1) { margin-left: 0; }
#hitlist div.lot div.img { background: #FFF; width: 80px; height: 80px; border: 1px dotted #CCC; display: table-cell; vertical-align: middle; }
#hitlist div.lot div.img img { display: block; border: none; margin: 0 auto; }
#hitlist div.lot h2 { margin-top: 4px; }
#hitlist div.lot h2 a { color: #91244B; text-decoration: none; font: normal bold 1.2em/16px Arial, Verdana, sans-serif; height: 32px; overflow: hidden; display: block; }
#hitlist div.lot h2 a:hover { text-decoration: underline; }
#hitlist div.lot p { font: normal normal 1.2em/1.1 Arial, Verdana, sans-serif; }

#hitlist p.results { text-align: center; font-weight: bold; line-height: 24px; height: 24px; overflow: hidden; }
#hitlist p.results em { font-style: italic; }

/* qddl Drop Down List */
#widgetWrapper.large .qddl { margin: 0; background: #FFF; display: block; float: left; margin-left: 8px; color: #000; font-size: 12px; cursor: pointer; position: relative; z-index: 1001; }
#widgetWrapper.large .qddl div.image { display: inline-block; padding: 1px 10px 0 0; float: left; }
#widgetWrapper.large .qddl div.text { height: 100%; float: left; }
#widgetWrapper.large .qddl .selectedWrapper { color: #000; display: block; height: 20px; line-height: 18px; width: 206px; overflow: hidden; padding-left: 6px; padding-right: 6px; }
#widgetWrapper.large .qddl .selectedContainer { height: 100%; float: left; }
#widgetWrapper.large .qddl .selectedContainer .option { }
#widgetWrapper.large .qddl .arrow { border-left: 1px solid #CCC; width: 30px; height: 100%; float: right; background: url('img/arrow_light_down.png') no-repeat center center; margin-right: -6px; }
#widgetWrapper.large .qddl:hover .arrow { background-image: url('img/arrow_dark_down.png'); }
#widgetWrapper.large .qddl .optionsContainer { border-radius: 4px; max-height: 250px; overflow: auto; overflow-y: auto; overflow-x: hidden; background: #FFF; width: 100%; display: none; position: absolute; margin-top: 2px; margin-left: -1px; border: 1px solid #CCC; }
#widgetWrapper.large .qddl .optionsContainer ::-webkit-scrollbar { -webkit-appearance: none; width: 8px; }
#widgetWrapper.large .qddl .optionsContainer ::-webkit-scrollbar-track { background-color: rgba(57,57,57, .6); border-radius: 8px; }
#widgetWrapper.large .qddl .optionsContainer ::-webkit-scrollbar-thumb { border-radius: 8px; background-color: rgba(156, 156, 156, .6); }
#widgetWrapper.large .qddl .optionsContainer.open { display: block; }
#widgetWrapper.large .qddl .optionsContainer.closed { display: none; }
#widgetWrapper.large .qddl .option { color: #000; background: #FFF; overflow: hidden; padding-left: 5px; display: block; }
#widgetWrapper.large .qddl .option:hover { background: #CEE2F5; }
#widgetWrapper.large .qddl .option.selected { color: #fff; background: #F7A165; text-shadow: none; }
#widgetWrapper.large .qddl .option.selected:hover { color: #000; background: #CEE2F5; }

#widgetWrapper.large h1 { text-align: center; height: auto; }
#widgetWrapper.large h1 a { display: block; width: 205px; margin: 0 auto; }
#widgetWrapper.large .search fieldset { width: 520px; margin: 0 auto; }
#widgetWrapper.large .search input { width: 220px; margin: 0 auto; }

#widgetWrapper.large #hitlist { margin-top: 12px; }
#widgetWrapper.large #hitlist div.lot { margin-top: 0; }

#widgetWrapper.large div.pairWrapper div.img { width: 174px; height: 174px; }
#widgetWrapper.large div.pairWrapper div.img img { display: block; border: none; margin: 0 auto; }
#widgetWrapper.large div.pairWrapper div.pairLot { width: 174px; float: left; margin-left: 12px; }
#widgetWrapper.large div.pairWrapper div.pairLot:nth-child(1) { margin-left: 0; }
#widgetWrapper.large #hitlist div.lot { margin-left: 11px; height: 166px; }
#widgetWrapper.large #hitlist div.lot:nth-child(10n+1) { margin-left: 0; }

#widgetWrapper.large .footer p { float: none; text-align: center; }

#serpLink { position: absolute; left: 153px; bottom: 2px; }

a.lot-btn { margin: 0 auto; display: block; width: 100px; background-color: #91244B; padding: 5px 0; border: 1px solid #68203D; color: #FFF !important; font-size: 12px; text-transform: uppercase; }
p.last-p { margin-top: 4px; }
