/* 
	File: core.css
*/

/* 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 {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

/* tables still need cellspacing="0" in the markup */
table {
    font-size: inherit;
    font: 100%;
}

th {
    font-weight: bold;
    vertical-align: bottom;
}

td {
    font-weight: normal;
    vertical-align: top;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
    outline: none
}

input[type="radio"] {
    vertical-align: text-bottom;
}

input[type="checkbox"] {
    vertical-align: bottom;
    *vertical-align: baseline;
}

select, input, textarea {
    font: 99% sans-serif;
}

/* Useful & Time Saving Attractive Additions
-------------------------------------------------------------------------------*/
/* Clear Floats */
.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.clearLeft {
    clear: left;
}

.clearRight {
    clear: right;
}

.clearBoth {
    clear: both;
}

/* Floats */
.left {
    float: left;
}

.right {
    float: right !important;
}

.floatInside > * {
    float: left;
}

.hide {
    display: none !important;
}

/* Spacing */
.leftGap-20 {
    margin-left: 20px;
}

.mobileShow {
    display: none;
}

.img-responsive {
    max-width: 100%;
    max-height: 100%;
}

.bold {
    font-weight: bold;
}

/* For Testing */
.border {
    border: 1px solid;
}

::-moz-selection {
    background: #9ABFE5;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #9ABFE5;
    color: #fff;
    text-shadow: none;
}

html {
    overflow-y: scroll;
}

/* force a vertical scrollbar to prevent a jumpy page */

small {
    font-size: 85%;
}

strong, th {
    font-weight: bold;
}

td, td img {
    vertical-align: top;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
button {
    cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
    margin: 0;
}

a:link {
    /* -webkit-tap-highlight-color: #fcd700; */
}

a:hover, a:active, a:focus {
    color: inherit;
    text-decoration: none;
    outline: none;
}

ins {
    background-color: #fcd700;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #fcd700;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

.none {
    display: none !important;
}

/*--[ Split Views ]--*/
div#innerContent.split > .left {
    width: 479px;
    background: #F7F7F7;
    border-right: 1px solid #e5e5e5;
    border-radius: 6px 0 0 6px;
}

div#innerContent.split > .right {
    width: 480px;
    background: #fff;
    border-radius: 0 6px 6px 0;
}

.blue {
    color: #d13424;
    /* #407AED */
}

.green {
    color: #8CC552;
}

.orange {
    color: #D76D0B;
}

.black {
    color: #222;
}

.strong {
    font-weight: bold;
}

.w300 {
    font-weight: 300;
}

.w400 {
    font-weight: 400;
}

.w600 {
    font-weight: 600;
}

.w700 {
    font-weight: 700;
}

.centerText {
    text-align: center;
}

.noMargin {
    margin: auto !important;
}

.noPadding {
    padding: 0 !important;
}

/*--[ Errors ]--*/
.box.alert {
    background: url() no-repeat 25px 22px;
    margin-top: 10px;
    /*margin-bottom: 40px;*/
    padding: 20px 20px 20px 75px;
    font-size: 20px;
    text-align: left;
}

.alert span {
    font: bold 26px 'signika', sans-serif;
    color: #fff;
    padding-right: 10px;
}

.alert.success {
    background-color: #76B600 !important;
    background-image: url('https://cf.redibids.com/img/alertSuccess-white.png');
    color: #DCEDC0;
}

.alert.warning {
    background-color: #F6F631 !important;
    background-image: url('https://cf.redibids.com/img/alertNotice-black.png');
    color: #76752D;
}

.alert.warning span {
    color: #222;
}

.alert.error {
    background-color: #C42517 !important;
    background-image: url('https://cf.redibids.com/img/alertError-white.png');
    color: #E9B1AF;
}

/*--[ Custom Loader Animation ]--*/
.loader {
    width: 100px;
    height: 100px;
    position: relative;
    -webkit-animation: 0.5s linear infinite spin;
    animation: 0.5s linear infinite spin;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg) translateZ(0);
    }
    to {
        -webkit-transform: rotate(360deg) translateZ(0);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg) translateZ(0);
    }
    to {
        transform: rotate(360deg) translateZ(0);
    }
}

.loader:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
    border-left: 2px solid;
}

.loader:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, 0.1);
}

/*--[ Custom Loader Animation ]--*/
*[class*='loading'] {
    cursor: progress !important;
}

/*--[ Clicking on a link ]--*/
#clickEffect {
    content: "";
    position: absolute;
    border-radius: hsl(180, 40%, 80%);
    width: 1px;
    height: 1px;
}

#clickEffect::before,
#clickEffect::after {
    content: "";
    position: absolute;
    border: 3px solid rgba(0, 0, 0, 0.5);
    width: 60px;
    height: 60px;
    margin: -30px;
    transform: scale(0);
    display: block;
    border-radius: 50%;
    pointer-events: none;
}

#clickEffect.animate::before {
    animation: ripple 0.35s ease-out;
}

#clickEffect.animate::after {
    animation: ripple 0.65s ease-out;
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(1.5);
    }
}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(1.5);
    }
}

/* Same as above, but for IE (sucks)
-------------------------------------------------------------------------------*/
/* make buttons play nice in IE */
button {
    width: auto;
    overflow: visible;
}

/* scale images in IE7 more attractively */
.ie7 img {
    -ms-interpolation-mode: bicubic;
}

/* Font
-------------------------------------------------------------------------------*/
/* Just click to select the code */

@charset "UTF-8";

/* Signika */
@font-face {
    font-family: 'Signika';
    font-style: normal;
    font-weight: 300;
    src: local('Signika-Light'), url(fonts/Signika-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Signika';
    font-style: normal;
    font-weight: 400;
    src: local('Signika'), local('Signika-Regular'), url(fonts/Signika-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Signika';
    font-style: normal;
    font-weight: 600;
    src: local('Signika-Semibold'), url(fonts/Signika-Semibold.ttf) format('truetype');
}

@font-face {
    font-family: 'Signika';
    font-style: normal;
    font-weight: 700;
    src: local('Signika-Bold'), url(fonts/Signika-Bold.ttf) format('truetype');
}

/* Open Sans */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(fonts/OpenSans-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(fonts/OpenSans-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(fonts/OpenSans-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(fonts/OpenSans-BoldItalic.ttf) format('truetype');
}

/* General Styling
-------------------------------------------------------------------------------*/
html, body {
    height: 100%;
    -ms-content-zooming: none;
    -ms-touch-action: pan-x pan-y;
}

body {
    background: #eee;
    /* url(https://cf.redibids.com/img/bgBody.gif); */
    margin: 0;
    font: 16px/22px 'Open Sans', arial, helvetica;
    -webkit-font-smoothing: antialiased;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    /*min-width: 960px;*/
}

body, select, input, textarea {
    color: #444;
}

footer {
    text-align: left;
}

a {
    /*
    Blue: #307FD8;
    Red : #d13424;
    */
    color: #d13424;
    text-decoration: none;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out;
    outline: none;
    cursor: pointer;
}

/* a:hover {color: #065DE0; } */

h1 {
    color: #111;
    text-align: left;
    font: 300 47px 'signika', sans-serif;
    margin: 0;
    padding: 0;
    height: 70px;
    border: 1px;
    text-shadow: 0px 2px 1px #fff;
    text-transform: capitalize;
    white-space: nowrap;
}

h1 span {
    color: #D47819; /* Green #5FB63F; */
    font-weight: bold;
}

#innerContent section p {
    margin-bottom: 1em;
}

#innerContent section blockquote {
    font-style: italic;
    font-size: 1.5em;
    width: 250px;
    padding: .5em 1em;
    border-left: 2px solid #ccc;
    margin-left: 1em;
}

#innerContent ul.styled {
    /*
    padding: 1em 3em 1em 1em;
    background: #eee;
    */
    display: inline-block;
    margin-bottom: 1em;
    border-radius: 6px;
}

#innerContent ul.styled li {
    padding-left: 5px;
    font-size: 20px;
    line-height: 28px;
}

#innerContent ul.styled li:before {
    content: "\2022 \020";
    color: #5FB63F;
}

/*--[ Form Elements ]--*/
form table {
}

form tr {
}

form td {
    padding: 10px 0 10px 20px;
}

form input[type="text"],
form input[type="password"] {
    width: 184px; /* 160px;*/
}

form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

form input.long {
    width: 410px; /* 370px */
}

form textarea.long {
    width: 370px;
    height: 200px;
}

form input.short {
    width: 80px;
}

form .floatInside {
    padding-top: 8px;
}

form input[type="radio"] {
    margin-top: 4px;
}

form .floatInside label {
    padding-right: 30px;
}

.tncWrapper {
    font-size: 13px;
    color: #666;
}

div.checkbox {
    background-color: #eee;
    padding: 0 0 10px 15px;
    border-radius: 6px;
}

div.checkbox input {
    margin-top: 4px;
}

.errText {
    color: #CC0000;
    text-decoration: none;
    font-weight: normal;
}

form label span {
    color: #aaa;
}

form input,
form textarea {
    border: 1px solid #cdcdcd;
    padding: 7px 5px 6px 5px;
    margin-right: 10px;
    border-radius: 6px;
    background: url() no-repeat 97% 50%;
    resize: none;
    background: url(https://cf.redibids.com/img/bgInputs.gif) repeat-x;
}

form input[type="checkbox"] {

}

form input:focus,
form input.success:focus,
form input.invalid:focus,
form textarea:focus,
form textarea.success:focus,
form textarea.invalid:focus {
    border-color: #3E9ADC;
    -webkit-box-shadow: 0px 0px 3px 2px #C3E1F5;
    box-shadow: 0px 0px 3px 2px #C3E1F5;
}

form td.invalid,
form li.invalid {
    background-image: url(https://cf.redibids.com/img/failed.gif);
}

form td.success,
form li.success {
    background-image: url(https://cf.redibids.com/img/success.gif);
}

form td {
    background: url() no-repeat 0 12px;
}

label {
    display: block;
    padding-bottom: 5px;
}

.hasCheckBox input {
    float: left;
    margin-top: 4px;
    margin-right: 6px;
}

label.invalid {
    display: none !important;
}

/*-----[ Bullets ]-----*/
ul.radioGroup {
}
#purchaseOptions .radioGroup input {
    left: 14px;
    position: absolute;
}
#purchaseOptions .radioGroup .radio div {
    padding-left: 30px;
    text-align: left;
}

/*label.radio {*/
    /*padding: 0;*/
/*}*/

/*label.radio div {*/
    /*position: relative;*/
    /*line-height: 1.1em;*/
    /*cursor: pointer;*/
    /*padding: 5px 10px 5px 23px;*/
    /*text-align: left;*/
    /*border-radius: 6px;*/
    /*margin: 0 -5px;*/
    /*-webkit-transition: all .2s ease-in-out;*/
    /*transition: all .2s ease-in-out;*/
/*}*/

/*label.radio > input {*/
    /*visibility: hidden;*/
    /*opacity: 0;*/
    /*z-index: -1;*/
    /*position: absolute;*/
/*}*/

/*label.radio > input:checked ~ div,*/
/*label.radio > div:hover {*/
    /*background: rgba(255, 255, 255, 0.5);*/
    /*border-radius: 3px;*/
/*}*/

/*label.radio > div:before,*/
/*label.radio > div:after {*/
    /*content: "";*/
    /*display: block;*/
    /*position: absolute;*/
    /*border-radius: 50%;*/
/*}*/

/*label.radio > div:before {*/
    /*border: 2px solid #bbb;*/
    /*background: #fff;*/
    /*width: 10px;*/
    /*height: 10px;*/
    /*top: 7px;*/
    /*left: 5px;*/
/*}*/

/*label.radio > div:after {*/
    /*background: #2d90ff;*/
    /*width: 6px;*/
    /*height: 6px;*/
    /*top: 11px;*/
    /*left: 9px;*/
    /*transform: scale(0.1);*/
    /*-webkit-transition: transform .2s ease-in-out;*/
    /*transition: transform .2s ease-in-out;*/
/*}*/

/*label.radio > div:hover:after,*/
/*label.radio > input:checked ~ div:after {*/
    /*transform: scale(1);*/
/*}*/

/* Signed Out States
-------------------------------------------------------------------------------*/
.signedOut aside,
.signedOut #auctionQueueMasterWrapper {
    display: none;
}

body.fixed.signedOut div#content div#innerContent {
    width: 885px;
    margin: 45px auto 0;
    float: none;
}

/* Constants
-------------------------------------------------------------------------------*/
div.wrapper {
    /* min-width : 960px; */
    margin: auto;
}

/*--[ Responsive? Yes, because we are insane ]--*/
@media only screen and (min-width: 1480px) {
    div.wrapper {
        width: 1440px;
    }

    div#content div#innerContent {
        /* width: 1200px; */
    }

    div#content.fullWidth div#innerContent {
        width: 1440px;
    }
}

@media only screen and (max-width: 1479px) and (min-width: 1240px) {
    div.wrapper {
        width: 1200px;
    }

    div#content div#innerContent {
        width: 960px;
    }

    div#content.fullWidth div#innerContent {
        width: 1200px;
    }
}

@media only screen and (max-width: 1249px) and (min-width: 1000px) {
    div.wrapper {
        width: 960px;
    }

    div#content div#innerContent {
        /* width: 720px; */
    }

    div#content.fullWidth div#innerContent {
        width: 960px;
    }
}

@media only screen and (max-width: 999px) {
    div.wrapper {
        width: 720px;
    }

    div#content div#innerContent {
        /* width: 480px; */
    }

    div#content.fullWidth div#innerContent {
        width: 720px;
    }
}

/*--[ Standard Set Width ]--*/
body.fixed div.wrapper {
    width: 960px;
}

body.fixed div#content div#innerContent {
    /* width: 660px; */
    /* margin-left: 10px; */
}

body.fixed div#content.fullWidth div#innerContent {
    width: 960px;
}

/*--[ Dropdown ]--*/
div.titleBar {
    position: relative;
    margin-bottom: 25px;
}

div.titleBar div.dropdown {
    margin-top: -25px;
    padding-right: 8px;
}
div.titleBar .right {
    position: absolute;
    top: 0px;
    right: 0px;
}
div.dropdown {
}

a.dropdown-toggle {
    text-transform: capitalize;
}

nav a.dropdown-toggle:after {
    background: url(https://cf.redibids.com/img/arrowDropdown.png) no-repeat 100% 50%;
    content: ".";
    display: block;
    float: right;
    height: 22px;
    margin-left: 6px;
    margin-top: 43px;
    text-indent: -999em;
    width: 22px;
}

ul.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    float: left;
    left: auto;
    list-style: outside none none;
    margin: -30px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: auto;
    z-index: 1000;
}

nav ul.dropdown-menu {
    margin: -70px 0 0;
}

ul.dropdown-menu li {
    line-height: 20px;
}

ul.dropdown-menu a {
    clear: both;
    color: #333333;
    display: block;
    font-weight: normal;
    line-height: 20px;
    padding: 3px 20px;
    white-space: nowrap;
}

ul.dropdown-menu a:hover {
    background-color: #d13424;
    color: #fff;
    text-decoration: none;
}

div#content ul.dropdown-menu a:hover {
    text-decoration: none;
}
#shopButton:hover {
    text-decoration: none !important;
}

#shopButton:active {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) inset,
    0 1px 2px rgba(0, 0, 0, 0.2);
    background: #ccc;
    transform: scale(0.98);
    -moz-transform: scale(0.98);
    -webkit-transform: scale(0.98);
    -o-linear-transform: scale(0.98);
}

div#content div.heading {
    background-color: #eee;
    padding: 16px 30px 14px;
    color: #222;
    font: bold 20px 'signika', sans-serif;
    border-bottom: 1px solid #ddd;
    border-radius: 6px 6px 0 0;
    position: relative;
}

div#content .wrapper > div.heading {
    margin: -10px -30px 0;
}

div#content div.heading span {
    color: #999;
    font-weight: normal;
}

div#content div.heading a {
    font-size: 13px;
    display: block;
    float: right;
}

div#content div.heading a.icon {
    display: block;
    width: 16px;
    height: 16px;
    background: url('https://cf.redibids.com/img/addressSprite.png') repeat 0 0;
    text-indent: -9999px;
    margin-top: 7px;
}

div#content div.heading a.icon:after {
    text-indent: 0;
}

div#content div.heading a.icon.edit {
    background-position: -10px -40px;
    margin-right: 12px;
}

div#content div.heading a.icon.edit:hover {
    background-position: -10px -10px;
}

div#content div.heading a.icon.delete {
    background-position: 25px -40px;
}

div#content div.heading a.icon.delete:hover {
    background-position: 25px -10px;
}

/* Sidebar
-------------------------------------------------------------------------------*/
aside {
    width: 220px;
    display: block;
    float: left;
    margin-top: 35px;
    text-align: center;
}

aside .wrapper {
    width: 220px !important;
    /* position: fixed; */
}

#SAPwrapper, #selectToStart {
    display: none;
}
.container-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

aside .box {
    border-radius: 9px;
    box-shadow: 0px 1px 2px 0px #999;
    width: 270px;
    overflow: hidden;
    background: #fff url('https://cf.redibids.com/img/bgBox.png') repeat-x 50% 100%;
    position: relative;
}

.box#bidsSidebar {
    overflow: visible;
    padding-bottom: 10px;
}

#auctionSidebar {
    width: 220px;
    height: 540px;
}

#bidsSidebar {
    margin-top: 10px;
    min-height: 390px;
}

#bidsSidebar .header {
    height: 40px;
    font: 400 20px/40px signika;
}

#bidsSidebar ul#userStats {
    text-align: center;
    margin-top: 5px;
    margin-left: 5px;
    height: 55px;
}

ul#userStats li {
    width: 122px;
    float: left;
    background: #eee;
    display: inline-block;
    margin-left: 5px;
    border-radius: 6px;
    line-height: 1em;
    padding: 5px 0 8px 0;
    height: 35px;
}

ul#userStats li small {
    color: #888;
}

ul#userStats li span {
    display: block;
    font-size: 20px;
}

#profile {
    padding-bottom: 20px;
    border-radius: 9px;
    box-shadow: 0px 1px 2px 0px #999;
    background: #fff url('https://cf.redibids.com/img/bgBox.png') repeat-x 50% 100%;
}

aside .header {
    background: url(https://cf.redibids.com/img/bgSidebar.gif);
    height: 150px;
    border-radius: 9px 9px 0 0;
}

div#avatar {
    background: url(https://cf.redibids.com/img/avatarSignedIn.png) no-repeat 50% 50%;
    width: 120px;
    height: 120px;
    margin: -10px auto 0;
    left: 55px;
    position: absolute;
}

#profile.signedOut div#avatar {
    background: url(https://cf.redibids.com/img/avatarSignedOut.png) no-repeat 50% 50%;
}

aside .dropdown {
    font-size: 25px;
    color: #111;
    padding: 115px 0 20px;
    cursor: pointer;
}

aside .dropdown ul {
    font-size: 16px;
    margin-left: 30px;
}

/* Logged Out */
form#login {
    margin: 22px 20px 0 20px;
}

#login .error {
    background: #C42517 url("https://cf.redibids.com/img/alertError-16-white.png") no-repeat 18px 50%;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 10px;
    margin-top: -52px;
    padding: 10px 10px 10px 45px;
    text-align: left;
    border-radius: 6px;
    color: #E9B1AF;
    display: none;
}

#login .username,
#login .password {
    height: 31px;
    clear: left;
    border: 1px solid #CDCDCD;
    background: #fff url(https://cf.redibids.com/img/bgInputs.gif) repeat-x;
}

#login .username.invalid,
#login .password.invalid {
    border-color: #C42517;
}

#login .password.invalid {
    border-top: 1px solid #C42517;
}

#login .icon {
    width: 15px;
    height: 15px;
    position: absolute;
    background-image: url(https://cf.redibids.com/img/spriteLogin.gif);
}

#login input {
    border: 0 none;
    border-radius: 0;
    padding-left: 31px;
    width: 80%;
}

#login input:focus {
    box-shadow: 0 0 0;
}

#login > div.active {
    box-shadow: 0 0 3px 2px #C3E1F5;
    border-color: #3e9adc;
}

#login > div.active div {
    border-color: #3E9ADC;
. box-shadow : 0 0 3 px 2 px #C3E1F5;
}

aside #login .username {
    border-radius: 6px 6px 0 0;
}

.icon-username {
    background-position: 0 0;
    margin: 8px 0 0 11px;
}

div#content form input#loginUsername {
    width: 140px;
}

aside #login .password {
    border-top: 0 none;
    border-radius: 0 0 6px 6px;
}

.icon-password {
    background-position: 42px 0;
    margin: 8px 0 0 11px;
}

div#content form input#loginPassword {
    width: 120px;
}

.icon-forgotPassword {
    display: block;
    background-position: 20px 0;
    margin: 8px 0 0 0;
    cursor: pointer;
}

.icon-forgotPassword:hover {
    background-position: 20px 20px;
}

aside #login button {
    padding: 5px;
    margin: 12px auto auto;
    width: 100%;
}

div#logout {
    padding-top: 6px;
    margin: 16px 20px -10px;
    border-top: 1px solid #ddd;
    font-size: 13px;
}

div#register {
    padding-top: 19px;
    margin: 13px 20px 5px;
    border-top: 1px solid #ddd;
    font-size: 20px;
}

div#register a {
}

/* Logged In */
div#userBidSwitcher {
    border-radius: 5px;
    margin: 10px 20px 0;
    padding: 10px 10px 5px;
    font: 400 30px/13px signika;
    /*
    -- For Clickable --
    text-shadow: 0px 1px 1px rgba(0, 0, 0, .7);
    */
    color: #fff;
}

div#userBidSwitcher > div {
    background: url(https://cf.redibids.com/img/bidTypeButton.gif) no-repeat -9px -12px;
    height: 87px;
    cursor: pointer;
    width: 77px;
    color: #555;
}
div#userBidSwitcher > div:hover,
div#userBidSwitcher > div.active {
    background-position: -189px -12px;
    /* text-shadow: 0px -1px 1px rgba(0, 0, 0, .7); */
    cursor: default;
    color: #fff;
}

#bidOptionBids {
}

#bidOptionFreeBids {
}

div#userBidSwitcher small {
    font-size: 16px;
    padding-top: 5px;
    line-height: 32px;
}

div#userBidSwitcher span {
}

div#currentlyBiddingOn {
    margin-top: 10px;
    border-top: 1px solid #ddd;
    padding-top: 10px;
}

#currentlyBiddingOn #currentlyBiddingOnTitle {
    display: block;
    width: auto;
    height: auto;
    font: 400 18px signika;
    padding-bottom: 5px;
    color: #999;
}

#currentlyBiddingOn ul {
    height: 55px;
    display: inline-block;
}

div#currentlyBiddingOn li {
    width: 55px;
    height: 55px;
    border-radius: 5px;
    border: 1px solid #eee;
    overflow: hidden;
    position: relative;
    display: block;
    text-align: center;
    line-height: 55px;
    cursor: pointer;
    margin: 2px;
    float: left;
}

div#currentlyBiddingOn li img {
    vertical-align: middle;
}

div#currentlyBiddingOn li:hover {
    border-color: #9ABFE5;
}

div#lowOnBids {
    margin-top: 30px;
    padding-bottom: 20px;
}

#lowOnBids .image {
    background: url(https://cf.redibids.com/img/lowOnBidsTimer.jpg) no-repeat 50% 0;
    height: 64px;
    margin: -17px auto auto;
    position: absolute;
    width: 220px;
}

#lowOnBids .w300 {
    padding-top: 55px;
    font-family: signika;
    font-size: 34px;
}

#lowOnBids .w600 {
    font-family: signika;
    font-size: 20px;
    margin-top: 10px;
}

#lowOnBids .description {
    font-size: 14px;
    line-height: 1.3em;
    margin: 10px 20px 10px;
}

#lowOnBids a {
    margin: auto 20px;
    padding-left: 0;
    padding-right: 0;
}

/* Header
-------------------------------------------------------------------------------*/
header {
    height: 60px;
    background: #fff;
    /* background: #212121 url('https://cf.redibids.com/img/bgHeader.gif') repeat 50% 0; */
    /* box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); */
    position: relative;
    z-index: 112;
}

/*Mobile menu stuff*/
nav #ub-small, #userbar-mobile {
    background: -moz-linear-gradient(top, #fff 0%, #eee 90%, #d6d6d6 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #fff 0%, #eee 90%, #d6d6d6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff 0%, #eee 90%, #d6d6d6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff 0%, #eee 90%, #d6d6d6 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fff 0%, #eee 90%, #d6d6d6 100%); /* W3C */
    background-color: #eee;
    height: 70px;
    border-radius: 9px;
    position: absolute;
    padding-left: 60px;
    width: 170px;
    display: none;
}

#userbar-mobile {
    display: block;
}

.signedOut #userbar-mobile {
    height: 70px;
}
#mobileNav {
    display: none;
    /* height: 40px; */
    position: absolute;
    right: 11px;
    top: 22px;
    width: 35px;
    cursor: pointer;
    transition: all ease 0.5s;
}
#mobileNav.toggled {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
#mobileNavContain.toggled {
    background: #444 none repeat scroll 0 0;
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    width: 64px;
}
#mobileNav b {
    background: #888 none repeat scroll 0 0;
    float: left;
    height: 2px;
    margin-bottom: 5px;
    width: 100%;
}

body.mobileNavExpanded {
    overflow: hidden;
}

.mobileNavExpanded #content, .mobileNavExpanded header, .mobileNavExpanded footer, .mobileNavExpanded #mobileHomeBanner {
    position: relative;
    transform: translate(-200px);
    -webkit-transform: translate(-200px);
    transition: all ease 0.5s;
}

#mobileNavMenu {
    background: #333 none repeat scroll 0 0;
    height: 100%;
    padding: 20px;
    position: fixed;
    right: 0;
    width: 200px;
    z-index: 3;
    transition: all ease 0.5s;
    transform: translate(200px);
    -webkit-transform: translate(200px);
    display: none;
}

#mobileNavMenu.slideOut {
    transform: translate(0px);
    -webkit-transform: translate(0px);
    transition: all ease 0.5s;
}

#ub-content-mobile {
    float: left;
    width: 100%;
}

#userbar-mobile {
    height: 260px;
    padding-left: 0;
    position: static;
    width: 170px;
}

#ub-header-mobile {
    display: inline-block;
    font-weight: bold;
    margin-top: 21px;
}

#ub-content-mobile .prizeLabel, #ub-content-mobile .prizeQuantity {
    color: #444;
    font-size: 25px;
    margin-top: 1px;
    text-align: center;
}

#userbar-mobile .bidCountWrapper {
    margin-left: 17px;
}

#userbar-mobile .validate {
    display: block;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 6px;
    text-align: center;
}

#mobileNavMenu ol > li {
    height: 65px;
    line-height: 66px;
    margin: 0 !important;
}

nav {
    font: 300 24px 'signika', sans-serif;
    position: relative;
    letter-spacing: -0.5px;
}
/* nav * {
    display: inline-block;
} */
nav .nav-logo-link{
    /* width: 280px; */
    /* margin-left: -20px; */
    margin-right: 8px;
    float: left;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
}

.nav-logo {
    padding: 5px 10px;
    height: 45px;
}

/* nav h1 a {
    width: 280px;
    height: 136px;
    background: url('/img/logo-splash.png') no-repeat 0 0;
    display: block;
    background-size: auto 81px;
} */

nav ol {
    list-style: none;
    display: block;
    /* float: left; */
}

nav li:first-child {
    margin-left: 0;
}
nav > ol > li {
    display: block;
    float: left;
    height: 60px;
    line-height: 60px;
    margin-left: 35px;
}
.cartPill, #mobileNavMenu .cartPill {
    display: block;
    border: 1px solid;
    margin: 10px 0 0 25px;
    border-radius: 12px;
    overflow: hidden;
    height: 40px;
    -webkit-transition: all .25s cubic-bezier(.5, 2, .6, 0);
    transition: all .25s cubic-bezier(.5, 2, .6, 0);
}


.cartPill.disabled span {
    color: #d2d2d2;
}

.cartPill.disabled svg path {
    fill: #666;
}

.cartPill a {
    height: 40px;
    line-height: 40px;
    display: block;
}

.cartPill svg {
    float: left;
    margin: 11px 11px 0 13px;
}

.cartPill div {
    display: block;
    float: right;
    background: -moz-linear-gradient(top, rgba(191, 191, 191, 0.8) 0%, rgba(0, 0, 0, 0.83) 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top, rgba(191, 191, 191, 0.8) 0%, rgba(0, 0, 0, 0.83) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(191, 191, 191, 0.8) 0%, rgba(0, 0, 0, 0.83) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(191, 191, 191, 0.8) 0%, rgba(0, 0, 0, 0.83) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(191, 191, 191, 0.8) 0%, rgba(0, 0, 0, 0.83) 100%); /* W3C */
    color: #fff;
    height: 40px;
    width: 51px;
    position: relative;
    overflow: hidden;
}

.cartPill div span {
    display: block;
    position: absolute;
    font-size: 30px;
    padding: 0 22px 0 13px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.cartPill div span.cartNumberIn {
    margin-top: -35px;
    opacity: 0;
}

.cartPill div span.cartNumberOut {
    margin-top: 35px;
    opacity: 0;
}

nav li#nav-myAccount {
. float : right;
. margin-right : 0;
}

nav > ol > li > a {
    color: #000;
}

nav > ol > li > a:hover, nav > ol > li > a:active {
    color: #5FB640;
}

nav > ol > li.active > a {
    color: #5FB640;
    border-bottom: 2px solid;
}

nav #userbar {
    width: 170px;
    /* height: 70px; */
    margin: auto;
    margin-top: 4px;
    border-radius: 9px;
    font-size: 16px;
    color: #666;
    font-weight: 400;
    line-height: 1.1em;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
    position: absolute;
    background-color: #fff;
    right: 5px;
    z-index: 2;
}

#ub-loggedOut {

}

#ub-loggedOut .label, #ub-loggedOut-mobile .label {
    margin-top: 15px;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1em;
}

#ub-loggedOut .link:first-child, #ub-loggedOut-mobile .link:first-child {
    font-size: 26px;
    line-height: 1em;
    margin-top: 7px;
}

#ub-loggedOut .link:nth-child(2)::before, #ub-loggedOut-mobile .link:nth-child(2)::before {
    content: 'or';
    display: block;
    text-align: center;
    width: 25px;
    height: 1px;
    margin: auto;
    font-size: 11px;
    font-style: italic;
    line-height: 0;
    color: #999;
    border: 1px solid #ddd;
    border-width: 0 24px;
    margin: 5px auto 4px 64px;
}

#ub-loggedOut .link:nth-child(2), #ub-loggedOut-mobile .link:nth-child(2) {
    line-height: 1em;
    font-size: 21px;
}

#ub-loggedOut-mobile .link:first-child {
    display: inline-block;
    margin-top: 4px;
}

nav #userbar img, #userbar-mobile img {
    margin: 5px 10px 0 -6px;
    float: left;
    position: relative;
    z-index: 4;
}

nav #ub-small > .username {
    font-size: 20px;
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 13px;
    color: #111;
}

nav #ub-small > .group {
    float: left;
    font: 14px/1em 'Open Sans', arial, helvetica;
    width: 55px;
}

nav #ub-small > .group > .label {
    font-style: italic;
    font-size: 12px;
}

nav #ub-small > .group > .quantity {
    color: #111;
}

nav #ub-small > div.prizeLabel {
    font-size: 12px;
    margin-top: 6px;
    text-transform: uppercase;
}

nav #ub-small > div.prizeQuantity {
    font-size: 28px;
    font-weight: 500;
    color: #111;
    margin-bottom: 4px;
}

nav #ub-small > div.prizeWrapper {
}

nav #ub-small > div.bidCount {
    color: #111;
}

nav #ub-small > div.freebidCount {

}

nav #ub-large {
    background: -moz-linear-gradient(top, #fff 0%, #eee 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #fff 0%, #eee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff 0%, #eee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff 0%, #eee 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fff 0%, #eee 100%); /* W3C */
    background-color: #eee;
    height: 70px;
    border-radius: 9px 9px 0 0;
    position: absolute;
    padding-left: 60px;
    width: 170px;
    display: none;
}
nav #userbar a.validate:hover {
    color: #d13424;
}
nav #userbar .label {
    color: #666;
    padding: 0;
    font-weight: normal;
}

#ub-large #welcomeLabel {
    font-size: 12px;
    color: #888;
    margin-top: 18px;
    line-height: 1em;
}

#ub-large .username {
    font-size: 22px;
    color: #111;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.1em;
}

#ub-content {
    padding-top: 88px;
    text-align: center;
    display: none;
}

#ub-content .row {
    border-bottom: 1px solid #ddd;
    height: 20px;
    clear: both;
    margin: 0 10px 10px;
    text-align: center;
}

#ub-content .label {
    float: left;
    font-size: 14px;
    color: #888;
    font-weight: 400;
    line-height: 20px;
}

#ub-content .quantity {
    float: right;
    font-size: 24px;
    color: #111;
    font-weight: 300;
}

#ub-content .prizeLabel {
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
}

#ub-content .prizeQuantity {
    text-align: center;
    font-size: 34px;
    font-weight: 500;
    color: #111;
    padding: 5px;
}

.buyBids {
    height: 15px;
    line-height: 29px;
    margin-top: 6px;
    text-align: center;
    clear: both;
    display: inline-block;
}

#ub-content .buyBids {
    width: 100%;
}

#bidsSidebar .buyBids {
    line-height: 17px;
    margin: 0 10px;
}

a.buyBids.disabled {
    background: transparent;
}

#ub-content .signOut {
    border-top: 1px solid #ddd;
    background-color: #eee;
    background-image: url('https://cf.redibids.com/img/bgBox.png');
    background-position: 50% 100%;
    background-repeat: repeat-x;
    height: 45px;
    line-height: 43px;
    text-align: center;
    margin-top: 14px;
    border-radius: 0 0 9px 9px;
}

#ub-content .signOut a {
    color: #3d8cff;
    padding: 10px 20px;
    font-size: 18px;
}

#ub-content a:hover {
    text-decoration: underline;
}

#shopButton {
    display: block;
    border: 2px solid #ccc;
    margin: 0 10px;
    padding: 10px 0;
    height: 30px;
    border-radius: 9px;
    letter-spacing: 0.35px;
    box-shadow: 0 2px 0 rgba(255, 255, 255, 0.7) inset;
    background: -moz-linear-gradient(top, #eee 0%, #ddd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #ddd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eee 0%, #ddd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eee 0%, #ddd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eee 0%, #ddd 100%); /* IE10+ */
    background: linear-gradient(to bottom, #eee 0%, #ddd 100%); /* W3C */
    background-color: #eee;
}

#shopIcon {
    float: left;
    padding: 2px 11px 0;
}

#shop1 {
    color: #629300;
    font-size: 34px;
    display: block;
    font-weight: 500;
    margin-top: 6px;
}

#shop2 {
    color: #111;
    font-size: 14px;
    display: block;
    font-weight: 300;
}

.bidCountWrapper {
    background: url(../img/bidCountDisabledBG.svg) no-repeat;
    width: 55px;
    height: 53px;
    color: #333;
    font: 26px/20px signika;
    margin: 10px 2px 3px;
    display: inline-block;
    text-align: center;
}

.bidCountWrapper .bidCountLabel {
    font-size: 13px;
    margin-top: 3px;
}

.bidCountWrapper.active {
    background: url(../img/bidCountBG.svg) no-repeat;
    color: #fff;
}

header h1 img {
. margin-top : 37 px;
}

div.wrapper.queueWrapper {
    height: 110px;
    margin-top: -50px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

#auctionQueue {
    width: 710px;
    float: left;
    -webkit-transform: translateZ(0);
}

/* Content: General Styles
-------------------------------------------------------------------------------*/
div#content {
    text-align: center;
    /* background: url('https://cf.redibids.com/img/bgTitle.gif') repeat-x 50% 60px; */
    position: relative;
    margin-top: 35px;
    min-height: 580px;
}

.box {
    display: block;
    border-radius: 9px;
    background-color: #fff;
    box-shadow: 0px 1px 2px 0px #999;
    -webkit-box-shadow: 0px 1px 2px 0px #999;
    display: block;
    /* background-image: url('https://cf.redibids.com/img/bgBox.png'); */
    background-position: 50% 100%;
    background-repeat: repeat-x;
}

#innerContent {
    /* float: right; */
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.product-container {
  display: block !important;
}

#content.fullWidth aside {
    display: none;
}

#content.fullWidth #innerContent {
}

#innerContent {
    min-height: 450px;
}

#innerContent .wrapper {
    padding: 10px 30px 2em;
    /* width: auto; */
    text-align: left;
}

#innerContent .wrapper.flush {
    padding: 0;
}

#innerContent .heading.flush {
    padding-left: 0;
    padding-right: 0;
}

.emptyBox {
    text-align: center;
    padding-top: 60px;
    font: 400 25px/1em signika;
    color: #111;
}

.emptyBox svg {
    margin-bottom: 20px;
}

.emptyBox .h1 {
    font-size: 40px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.emptyBox .h2 {
    font-size: 25px;
}

/* Buttons
-------------------------------------------------------------------------------*/
a.btn, button, .btn, button.btn {
    display: block;
    cursor: pointer;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    font: 500 26px 'signika', sans-serif;
    border: 2px solid;
    border-color: #419924 #3c8e21 #2d6b19 #3c8e21;
    padding: 9px 35px;
    color: #fff;
    border-radius: 11px;
    text-align: center;
    box-shadow: inset 0px 2px rgba(255, 255, 255, 0.3);
    background: -moz-linear-gradient(top, #85d14c 0%, #58b13d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #85d14c), color-stop(100%, #58b13d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #85d14c 0%, #58b13d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #85d14c 0%, #58b13d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #85d14c 0%, #58b13d 100%); /* IE10+ */
    background: linear-gradient(to bottom, #85d14c 0%, #58b13d 100%); /* W3C */
    background-color: #85d14c;
    outline: none;
}

.btn.focus, .btn:focus, .btn:hover, a.btn:focus, a.btn:hover {
    color: #fff;
    text-decoration: none;
    outline: none;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus {
    outline: none;
}

/*a:focus, a:hover {*/
    /*color: inherit;*/
    /*text-decoration: inherit;*/
/*}*/

a.btn:active, button:active {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) inset,
    0 1px 2px rgba(0, 0, 0, 0.2);
    background: #58B13D;
    transform: scale(0.98);
    -moz-transform: scale(0.98);
    -webkit-transform: scale(0.98);
    -o-linear-transform: scale(0.98);
}

a.btnBlue, button.btnBlue {
    /* Red:	*/
    border-color: #792215 #792215 #55180F #792215;
    background: -moz-linear-gradient(top, #DB4D3F 0%, #D13424 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DB4D3F), color-stop(100%, #D13424));
    background: -webkit-linear-gradient(top, #DB4D3F 0%, #D13424 100%);
    background: -o-linear-gradient(top, #DB4D3F 0%, #D13424 100%);
    background: -ms-linear-gradient(top, #DB4D3F 0%, #D13424 100%);
    background: linear-gradient(to bottom, #DB4D3F 0%, #D13424 100%);
    background-color: #DB4D3F;
}

a.btnBlue:active, button.btnBlue:active {
    background-color: #D13424;
}

a.btnGray, button.btnGray {
    border-color: #787878 #535353 #545454 #535353;
    background: -moz-linear-gradient(top, #a8a8a8 0%, #858585 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8a8a8), color-stop(100%, #858585)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a8a8a8 0%, #858585 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a8a8a8 0%, #858585 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a8a8a8 0%, #858585 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a8a8a8 0%, #858585 100%); /* W3C */
    background-color: #999;
}

a.btnGray:active, button.btnGray:active {
    background-color: #858585;
}

a.buttonOrange, btn.buttonOrange {
}

a.disabled, button.disabled {
    color: #bbb;
    border-color: transparent;
    transform: scale(1);
}

button.disabled {
    background: rgba(150, 150, 150, 0.25) !important;
}

a.btnTiny, button.btnTiny {
    font-size: 18px;
    padding: 8px 20px;
}

a.btnSmall, button.btnSmall {
    font-size: 20px;
    padding: 9px 35px;
}

.btnLarge {
    font-size:;
    padding:;
}

.btnHuge {
    font-size:;
    padding:;
}

a.btnSmall.loadingIndicator svg {
    margin-top: -4px;
}

.loadingIndicator {
    position: relative;
}

.btnSmall.loadingIndicator:before {
    width: 20px;
    height: 20px;
}

.loadingIndicator:before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 25px;
    height: 25px;
    border: 3px solid;
    border-color: white transparent transparent;
    border-radius: 50%;
    -webkit-animation: 0.5s linear infinite spin;
    animation: 0.5s linear infinite spin;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin-left: calc(50% - 15px);

}

a.btnFluid, button.btnFluid {
    padding-left: inherit;
    padding-right: inherit;
    width: auto;
}

#innerContent.auctionEnded .bidButtonManual,
#innerContent.auctionEnded .bidButton,
a.btn.disable, button.disable,
a.btn.disabled, button.disabled {
    background: #aaa !important;
    color: #ddd !important;
    cursor: not-allowed !important;
    text-decoration: none !important;
    border-color: #aaa !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

a.btn.disabled svg path, button.disabled svg path {
    fill: #ddd;
}

/* Popup
-------------------------------------------------------------------------------*/
html.popup {
    overflow: hidden;
}

html.popup body > *:not(#popup) {
    filter: blur(5px);
    -webkit-filter: blur(5px);
}

#popup {
    display: none;
}

a#closePopup {
    width: 60px;
    height: 40px;
    background: url(https://cf.redibids.com/img/closePopup.png) no-repeat 0 0;
    position: absolute;
    display: block;
    right: 8px;
    top: 8px;
    z-index: 1;
}

a#closePopup:hover {
    background-position: 0 -40px;
}

#popupWrapper {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99996;
    top: 50%;
    pointer-events: none;
}

#popupWrapper .loader {
    height: 150px;
    margin: 0 auto 0;
    width: 150px;
}

#popupWrapper .loader:before {
    border-color: rgba(255, 255, 255, 1);
}

#popupWrapper .loader:after {
    border-color: rgba(255, 255, 255, .15);
}

#popupInner {
    margin: auto;
    width: 500px;
    height: 400px;
    margin-top: -200px;
    background-color: rgba(0, 0, 0, .45);
    padding: 8px;
    border-radius: 9px;
    pointer-events: auto;
    position: relative;
}

#popupHeader {
    background-color: #fff;
    height: 110px;
    border-radius: 6px 6px 0 0;
    font: 40px/115px 'signika', sans-serif;
    padding-left: 30px;
    position: relative;
}

#popupHeader span {
    color: #2D90FF;
    /* color: #DE1800; Red */
    font-weight: bold;
}

#popupBody {
    background-color: #eee;
    height: 290px;
    border-radius: 0 0 6px 6px;
    padding: 0 30px;
    font-size: 17px;
}

#popupBody .text span {
    font-weight: bold;
}

button.close, a.close {
    clear: both;
}

#popupBody input, #popupBody textarea {
    background-color: #fff;
}

#popupBack {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(100, 100, 100, 0.5);
    z-index: 99995;
    -webkit-transition: opacity .4s ease-in;
    -moz-transition: opacity .4s ease-in;
    transition: opacity .4s ease-in;
    /* pointer-events: none; */
    position: fixed;
}

/*---[ Win An Event Animates ]---*/
#winEventAnimate {
    position: absolute;
    background: #eee;
    z-index: 99996;
    margin: 8px;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

#winEventAnimate.winEventAnimate {
    border-radius: 50%;
    width: 20px;
    height: 20px;
}

/* Footer
-------------------------------------------------------------------------------*/
footer {
    background: #222 url("https://cf.redibids.com/img/bgFooter.gif") repeat scroll 0 0;
    clear: both;
    color: #666;
    font-size: 14px;
    margin-top: 30px;
    padding: 40px 20px 60px;
}

#logoutBox {
    margin: auto;
    padding-right: 0;
    width: 500px;
    margin-bottom: 50px;
}

#logoutBox img {
    float: left;
    margin: 0 10px 0 7px;

}

#logoutBox .title {
    font: 400 29px/1.3em 'signika', sans-serif;
    padding-top: 14px;
    color: #eee;
}

#logoutBox .description {
    font: 300 17px 'signika', sans-serif;
    background: rgba(255, 255, 255, 0.15);
    height: 45px;
    line-height: 45px;
    color: #eee;
    border-radius: 9px;
}

#logoutBox .description a.btn {
    float: right;
    padding-top: 14px;
    margin: 5px 10px;
    padding: 4px 15px;
}

#chooseAuctionType {
    text-align: center;
}

#chooseAuctionType .description {
    font: 400 29px/1.3em 'signika', sans-serif;
    color: #eee;
}

#chooseAuctionType a.btn {
    padding-top: 14px;
    margin: 5px 420px 50px;
    padding: 4px 15px;
}

div.footerLinks {
    clear: both;
}

div.footerLinks h6 {
    font: 300 24px 'signika', sans-serif;
    color: #fff;
    padding-bottom: 15px;
}

div.footerLinks a {
    color: #999;
}

div.footerLinks a:hover {
    color: #2D90FF;
}

div.footerLinks > div {
    padding-right: 114px;
}

#copyright {
    margin-top: 30px;
}

div.footerLinks > div > div {
    padding-top: 15px;
}

/* Fancy Pants Tooltip
-------------------------------------------------------------------------------*/
.hint, [data-hint] {
    position: relative;
    display: inline-block;
    /**
       * tooltip arrow
       */
    /**
       * tooltip body
       */
}

.hint:before, .hint:after, [data-hint]:before, [data-hint]:after {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    transition: 0.3s ease;
}

.hint:hover:before, .hint:hover:after, [data-hint]:hover:before, [data-hint]:hover:after {
    visibility: visible;
    opacity: 1;
}

.hint:before, [data-hint]:before {
    content: '';
    position: absolute;
    background: transparent;
    border: 6px solid transparent;
    z-index: 1000001;
}

.hint:after, [data-hint]:after {
    content: attr(data-hint);
    background: #383838;
    color: white;
    text-shadow: 0 -1px 0px black;
    padding: 8px 10px;
    font-size: 12px;
    line-height: 12px;
    /*white-space: nowrap;*/
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
}

/*--[ Custom Modification for Purchase Bids Buttons ]--*/
.buyBids.hint:after, .buyBids[data-hint]:after {
    white-space: normal;
    max-width: 210px;
}

.buyBids.hint--bottom:after {
    left: 10%;
}

.buyBids.hint--bottom:before {
    left: 47%;
}

.hint--top:before {
    border-top-color: #383838;
}

.hint--bottom:before {
    border-bottom-color: #383838;
}

.hint--left:before {
    border-left-color: #383838;
}

.hint--right:before {
    border-right-color: #383838;
}

/**
 * top tooltip
 */
.hint--top:before {
    margin-bottom: -12px;
}

.hint--top:after {
    margin-left: -18px;
}

.hint--top:before, .hint--top:after {
    bottom: 100%;
    left: 50%;
}

.hint--top:hover:before, .hint--top:hover:after {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px);
}

/**
 * bottom tooltip
 */
.hint--bottom:before {
    margin-top: -12px;
}

.hint--bottom:after {
    margin-left: -18px;
}

.hint--bottom:before, .hint--bottom:after {
    top: 100%;
    left: 50%;
}

.hint--bottom:hover:before, .hint--bottom:hover:after {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px);
}

/**
 * right tooltip
 */
.hint--right:before {
    margin-left: -12px;
    margin-bottom: -6px;
}

.hint--right:after {
    margin-bottom: -14px;
}

.hint--right:before, .hint--right:after {
    left: 100%;
    bottom: 50%;
}

.hint--right:hover:before, .hint--right:hover:after {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px);
}

/**
 * left tooltip
 */
.hint--left:before {
    margin-right: -12px;
    margin-bottom: -6px;
}

.hint--left:after {
    margin-bottom: -14px;
}

.hint--left:before, .hint--left:after {
    right: 100%;
    bottom: 50%;
}

.hint--left:hover:before, .hint--left:hover:after {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px);
}

.hint--always:after, .hint--always:before {
    opacity: 1;
    visibility: visible;
}

.hint--always.hint--top:after, .hint--always.hint--top:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px);
}

.hint--always.hint--bottom:after, .hint--always.hint--bottom:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px);
}

.hint--always.hint--left:after, .hint--always.hint--left:before {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px);
}

.hint--always.hint--right:after, .hint--always.hint--right:before {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px);
}

.errorHint {
    background-color: #383838;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    margin: 8px 0 0 0;
    padding: 7px 16px;
    position: absolute;
    z-index: 5;
}

.errorHint:before {
    content: '';
    position: absolute;
    background: transparent;
    border: 6px solid transparent;
    border-bottom-color: #383838;
    z-index: 1000001;
    bottom: 100%;
    left: 15px;
}

.tncWrapper .invalid {
    display: none !important;
}

/* Send Bug Report
-------------------------------------------------------------------------------*/
#bugWrapper {
    position: relative;
}

#bugWrapper a {
    background: url('/img/bug.png') no-repeat 50% 0;
    width: 135px;
    padding-top: 70px;
    display: block;
    text-align: center;
    position: fixed;
    bottom: 30px;
    z-index: 5;
}

#bugWrapper a:hover {
    text-decoration: underline !important;
}

#bugWrapper a .title {
    font-size: 20px;
    font-family: signika;
}

#bugWrapper a .description {
    font-size: 14px;
}

#bugWrapper a.left {
    margin-left: -145px;
}

#bugWrapper a.right {
    margin-left: 970px;
}

/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}

/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {

}

@media all and (orientation: portrait) {
    #bestViewedInLandscape {
        display: block;
    }
}

@media all and (orientation: landscape) {

}

/* Credit Cards
-------------------------------------------------------------------------------*/

#creditCardOptions a {
    background: url('https://cf.redibids.com/img/creditCard/new.png') no-repeat 13px 5px;
    padding: 5px 0 4px 49px;
}

#creditCardOptions a.VISA, #cardList .VISA .cardImg {
    background-image: url('https://cf.redibids.com/img/creditCard/visa.png');
    background-position: 8px 1px;
}

#creditCardOptions a.PAYPAL, #cardList .PAYPAL .cardImg {
    background-image: url('https://cf.redibids.com/img/creditCard/paypal.png');
    background-position: 8px 1px;
}

#creditCardOptions a.MASTERCARD, #cardList .MASTERCARD .cardImg {
    background-image: url('https://cf.redibids.com/img/creditCard/masterCard.png');
    background-position: 8px 1px;
}

#creditCardOptions a.DISCOVER, #cardList .DISCOVER .cardImg {
    background-image: url('https://cf.redibids.com/img/creditCard/discover.png');
    background-position: 8px 1px;
}

#creditCardOptions a.AMERICAN.EXPRESS, #cardList .AMERICAN.EXPRESS .cardImg {
    background-image: url('https://cf.redibids.com/img/creditCard/amex.png');
    background-position: 8px 1px;
}
#creditCardOptions a.JCB, #cardList .JCB .cardImg {
    background-image: url('https://cf.redibids.com/img/creditCard/jcb.png');
    background-position: 8px 1px;
}

#cardList .cardImg {
    height: 29px;
    width: 40px;
    /* background-size: 100% auto; */
    background-repeat: no-repeat;
}
#cardList .cardRemove span {
    cursor: pointer;
}


/* Bid pack stuff
-------------------------------------------------------------------------------*/
.bidPack.option .purchaseBidCount, .itemImage .purchaseBidCount {
    color: #fff;
    font-weight: bold;
    height: 80px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    text-shadow: 0 0 4px #333;
    -webkit-text-shadow: 0 0 4px #333;
    top: 30px;
    width: 80px;
}

/*#items .itemImage .purchaseBidCount {*/
    /*left: -54px;*/
/*}*/

.bidPack.option .purchaseBidCount span:first-child, .itemImage .purchaseBidCount span:first-child {
    font-size: 45px;
    line-height: 45px;
}

.bidPack.option .purchaseBidCount span:last-child, .itemImage .purchaseBidCount span:last-child {
    font-size: 18px;
}

#bidPackWrapper .purchaseBidCount span:first-child {
    font-size: 30px;
    line-height: 31px;
}

#bidPackWrapper .purchaseBidCount span:last-child {
    font-size: 14px;
}

.itemImage {
    position: relative;
}

.freeBidsBurst {
    background-image: url("https://cf.redibids.com/images/bidpacks/free_bids_starburst.png");
    border-radius: 50%;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    height: 100px;
    line-height: 20px;
    padding: 13px 10px 10px;
    position: absolute;
    right: -35px;
    text-align: center;
    text-transform: uppercase;
    top: -28px;
    width: 100px;
    z-index: 2;
    background-size: 100%;
}

#bidsSidebar .freeBidsBurst {
    left: -45px;
    right: auto;
    top: -8px;
}

.freeBidsBurst span:first-child {
    font-size: 15px;
}

.freeBidsBurst .freeBids {
    font-size: 30px;
}

.freeBidsBurst span:last-child {
    font-size: 10px;
}

/*Angular*/
.ng-cloak {
    display: none !important;
}
.angularLoad { opacity:0; transition:all 300ms ease; }

.angularLoad.in { opacity:1; }



nav div#nav-mobile {
    display: none;
}
@media (min-width: 1px) and (max-width: 959px) {
    nav {
        display: flex;
        justify-content: flex-start;
    }
    nav div#nav-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        vertical-align: middle;
        height: 60px;
    }
    nav div#nav-mobile div{
        margin: 0 5px;
        font-size: .9rem;
        align-items: center;
    }
    nav div#nav-mobile div div {
        align-items: center;
        text-align: center;
    }
}

#rotation-suggestion{
  display: none;
}
#pop-product-info {
  overflow-y: auto; height:360px;background-color: #FFF
}
@media (max-width: 440px) {
  #pop-product-info {
      height:auto;
  }
  #popupHeader{
    font-size: 20px !important;
  }
  #popupWrapper {
    overflow: auto !important;
  }
  #popupBody {
    height: auto !important;
    padding-bottom: 15px;
  }
  #state {
    border: 1px solid #cdcdcd;
    height: 34px;
    margin-right: 10px;
    border-radius: 6px;
    background: url() no-repeat 97% 50%;
    resize: none;
    background: url(https://cf.redibids.com/img/bgInputs.gif) repeat-x;
  }
  #receipt-title {
    font-size: 14px !important;
  }
  #receipt-title a {
    transform: scale(0.8, 0.7)!important;
    -ms-transform: scale(0.8, 0.7)!important;
    -moz-transform: scale(0.8, 0.7)!important;
    -webkit-transform: scale(0.8, 0.7)!important;
  }
  #innerContent {
    width:100% !important;
  }
  #dropdown-container a{
    font-size: 14px !important;
  }
  #dropdown-container .dropdownWrapper {
      margin-top: 0px !important;
  }
}