@charset "UTF-8";

@import url('reset.css');
@font-face {
  font-family: 'Proxima Nova';
  src: url('https://tcgplayer-cdn.tcgplayer.com/static/fonts/proximanova-regular-webfont.woff2') format('woff2'), url('https://tcgplayer-cdn.tcgplayer.com/static/fonts/proximanova-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('https://tcgplayer-cdn.tcgplayer.com/static/fonts/proximanova-semibold-webfont.woff2') format('woff2'), url('https://tcgplayer-cdn.tcgplayer.com/static/fonts/proximanova-semibold-webfont.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('https://tcgplayer-cdn.tcgplayer.com/static/fonts/proximanova-bold-webfont.woff2') format('woff2'), url('https://tcgplayer-cdn.tcgplayer.com/static/fonts/proximanova-bold-webfont.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova Condensed';
  src: url('https://tcgplayer-cdn.tcgplayer.com/static/fonts/2F3594_2_0.woff2') format('woff2'), url('https://tcgplayer-cdn.tcgplayer.com/static/fonts/2F3594_2_0.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova Condensed';
  src: url('https://tcgplayer-cdn.tcgplayer.com/static/fonts/2F3587_2_0.woff2') format('woff2'), url('https://tcgplayer-cdn.tcgplayer.com/static/fonts/2F3587_2_0.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: Arial-MT;
  src: url("fonts/Arial.ttf") format("truetype");
}

/* CSS Document */

/*
    1. BASE STYLES
    2. MESSAGE CENTER
    3. OPTIMIZER AND SUMMARY
    4. TCGPLAYER DIRECT PACKAGE CONTAINER
    5. MARKETPLACE PACKAGE CONTAINER
    6. SAVE FOR LATER
    7. ALERTS
    8. BUTTONS
    9. CHECKOUT SHIPPING PAGE
    10. CHECKOUT REVIEW PAGE
    11. CONFIRMATION PAGE
    12. LANDING PAGE
    13. Seller Feedback Page
    14. CATALOG PAGE
    15. CARD DETAILS PAGE
    16. OPTIMIZER
    17. EMPTY SHOPPING CART
    18. Pager
    19. Login Page
    20. Forgot Password
    21. Customer Account Page
    22. TCG Hint Module
    23. Cart important messages accordion
    24. Main Header Search Bar
*/

/*----1. BASE STYLES----*/
body:not(#full) {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: lighter;
  color: #595959;
  font-size: 13px;
  background: url("images/bg.png") repeat-y scroll center top #FFFFFF;
  line-height: 20px;
}

#full {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 600;
  color: #333;
  font-size: 13px;
  line-height: 16px;
}

h1 {
  font-size: 26px;
}

h2 {
  font-size: 18px;
  margin-bottom: 0px;
}

h3 {
  font-size: 14px;
  font-weight: bold;
}

h4 {
  font-size: 13px;
  font-weight: bold;
}

strong {
  color: #FF931E;
  font-weight: bold;
}

em {
  font-weight: bold;
  font-style: normal;
}
/*Sitewide, <em> should someday be replaced with <b>, and then this should be deleted.*/
.hintBox em {
  font-weight: normal;
  font-style: italic;
}

b {
  font-weight: bold;
}

a {
  color: #0E5B93;
  text-decoration: none;
  font-weight: lighter;
}

  a:hover {
    text-decoration: underline;
  }

ul {
  list-style-position: outside;
  margin: 0 0 0 25px;
}

hr {
  border: 0;
  height: 0;
  border-top: 0px solid #DCDADB;
  border-bottom: 1px solid #DCDADB;
  margin: 8px 0;
}

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

.wrapper {
  width: 975px;
  margin: 0 auto;
}

#maincontentinnerpadding {
  padding: 16px 16px 0 16px;
  min-height: 300px;
}

.divider {
  background: url("images/divider.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 10px;
  margin: 24px auto;
  width: 100%;
  clear: both;
}

#back-top {
  position: fixed;
  bottom: 50px;
  margin-left: 1000px;
}

  #back-top a {
    width: 40px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb; /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
  }

    #back-top a:hover {
      color: #000;
    }
  /* arrow icon (span tag) */
  #back-top span {
    width: 40px;
    height: 40px;
    display: block;
    margin-bottom: 7px;
    background: #ddd url(images/top_arrow.png) no-repeat center center; /* rounded corners */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px; /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
  }

  #back-top a:hover span {
    background-color: #777;
  }

.tcgplayerlogo {
  position: absolute;
  top: 16px;
  left: 14px;
}

#pagecontent {
  width: 975px;
  overflow: hidden;
}

.pageOverlay {
  position: absolute;
  top: 0px;
  display: none;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: .1;
  z-index: 500;
}

.ajaxLoading {
  position: absolute;
  width: 215px;
  height: 60px;
  text-align: center;
  background-color: #FFF;
  visibility: hidden;
  z-index: 4;
  line-height: 20px;
  padding-top: 20px;
}

.ajaxLoadingMask {
  position: absolute;
  opacity: .6;
  background-color: #666;
  text-align: center;
  visibility: hidden;
}

.ajaxLoadingMasklight {
  position: absolute;
  opacity: .6;
  background-color: #F3F3F3;
  border-radius: 3px;
  text-align: center;
  z-index: 3;
  visibility: hidden;
}

.dialogMask {
  position: absolute;
  opacity: 0;
  background-color: #666;
  text-align: center;
  z-index: 3;
  visibility: hidden;
}

.overlay-bg {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  background: #aaaaaa; /* fallback */
  background: rgba(0,0,0,0.25);
  z-index: 9998;
}

.orderProcessing {
  width: 288px;
  height: 258px;
  background-color: #FFF;
  border: 5px solid #595959;
  border-radius: 3px;
  -ms-border-radius: 3px;
  margin: 0 auto;
  position: relative;
  top: 50%;
  z-index: 9999;
}

  .orderProcessing h3 {
    text-align: center;
    margin-top: 32px;
  }

  .orderProcessing p {
    text-align: center;
    margin-top: 32px;
  }

#loaderImage {
  margin: 40px auto;
}

/*Font Sizes*/
.smalltext {
  font-family: Arial;
  font-size: 11px;
  line-height: 11px;
}

.mediumtext {
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
}

.largetext {
  font-family: Arial;
  font-weight: bold;
  font-size: 15px;
  line-height: 16px;
}

.switch-wrapper {
  display: inline-block;
  position: relative;
  top: 3px;
}

/*Font Colors*/
.gray {
  color: #B3B3B3;
}

.pricegreen {
  color: #86B437;
}

/*Arrow Toggle*/
.greenArrow {
  width: 0px;
  min-height: 16px;
  background-image: url('images/ui-icons_008ED3_256x240.png');
  background-position: -32px -16px;
  background-repeat: no-repeat;
  padding-left: 16px;
  padding-top: 2px;
  color: #008ED3;
  text-decoration: underline;
  cursor: pointer;
}

  .greenArrow.active {
    background-position: -64px -16px;
  }

  .greenArrow:hover {
    text-decoration: none;
  }

fieldset {
  padding: 20px;
  border: 1px solid #cccccc;
  margin-bottom: 16px;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 0 rgba(255, 255, 255, 0.15);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 0 rgba(255, 255, 255, 0.15);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 0 rgba(255, 255, 255, 0.15);
}

  fieldset#fieldConditions {
    margin-top: 16px;
  }

legend {
  font-size: 14px;
  font-weight: bold;
  padding: 0px 5px 0px 5px;
}

.disabled {
  opacity: 0.4;
  pointer-events: none;
}
/*----2. MESSAGE CENTER----*/

.alertSum {
  background-color: #FFFAE5;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border: solid 1px #FFDEBB;
  display: block;
  padding: 16px;
  line-height: 22px;
}

.alertSum hr {
    border-top: 0px solid #FFDEBB;
    border-bottom: 1px solid #FFDEBB;
}

.alertSum a {
    color: #0835db;
}

.topAlerts li {
  list-style-image: url('images/tcg_cart_bullet.png');
}

.secondaryMessage {
  margin: 0 0 0 15px;
}

  .secondaryMessage li {
    list-style-image: none;
    list-style-type: disc;
  }


/*----NEW OPTIMIZER/DIRECT BANNER COMBO----*/
.bannerContainer {
  display: inline-block;
  background-color: #F9F9F9;
  border: 3px solid #DCDADB;
  border-radius: 3px;
  width: 700px;
  padding: 10px;
  margin: 0 8px 0 0;
}

.optimizerBanner {
  line-height: 18px;
  padding-bottom: 16px;
  background: url('images/optimizerlogo_cart.png') no-repeat left center;
  background-color: #FFFFFF;
  background-position: 16px 60px;
  border-style: solid;
  border-color: #DCDADB;
  border-color: rgba(220, 218, 219, 1);
  border-width: 1px;
  width: 698px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.35);
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000000');
}

  .optimizerBanner h2 {
    font-size: 18px;
    color: #595959;
    text-align: center;
    padding: 16px 0 8px;
  }

.optimizerDirectLeft {
  float: left;
  margin-top: 55px;
  padding: 0 0 0 16px;
}

  .optimizerDirectLeft button {
    padding: 0 10px;
    margin-right: 12px;
  }

.optimizerDirectRight {
  padding-right: 16px;
}

  .optimizerDirectRight p {
    font-size: 12px;
    margin-left: 330px;
    color: #595959;
  }

.directOptimizerMessageFirst {
  padding-bottom: 10px;
}

.optimizerDirectRight button {
  float: right;
  width: 362px;
  font-size: 16px;
}

.optimizerSuccess {
  background-color: #EDF4E1;
  border-bottom: 1px solid #DAE8C3;
}

  .optimizerSuccess h2 {
    color: #86B437;
  }

.optimizerOrange {
  background-color: #FFFAE5;
  border-bottom: 1px solid #FFDEBB;
}

  .optimizerOrange h2 {
    color: #FF931E;
  }

.directHighlight {
  float: left;
  width: 348px;
  margin-left: 7px;
  padding: 6px 3px 0 0;
}

  .directHighlight button {
    width: 340px;
    font-size: 16px;
    margin-top: 10px;
  }

  .directHighlight .cart {
    font-family: Arial;
    font-size: 9px;
    line-height: 12px;
    text-transform: uppercase;
    color: #595959;
    float: right;
    min-width: 180px;
  }

    .directHighlight .cart img {
      padding-right: 7px;
      margin-top: -4px;
    }

  .directHighlight img {
    vertical-align: middle;
    margin-left: 3px;
  }

.optimizerDirectText {
  margin-top: 0;
  font-family: Arial;
  font-size: 11px;
  line-height: 14px;
  color: #595959;
  padding: 4px 0 0 99px;
  font-style: italic;
}

.directQualification {
  font-family: Arial;
  font-size: 11px;
  line-height: 11px;
  color: #595959;
  margin-left: 364px;
  padding: 0 0 6px 10px;
  border-left: 2px solid #dedede;
}

  .directQualification img {
    padding-right: 5px;
    vertical-align: middle;
  }

  .directQualification .instructionLeft {
    float: left;
    padding-top: 5px;
  }

  .directQualification .instructionRight {
    float: left;
    margin-top: 1px;
  }

  .directQualification .instruction {
    vertical-align: middle;
    padding-right: 10px;
  }

  .directQualification .hintTitle {
    line-height: 20px;
  }

  .directQualification .iconLineContainer {
    line-height: 14px;
  }

.directQualificationHead {
  font-family: Arial;
  font-size: 12px;
  line-height: 14px;
  color: #595959;
  font-weight: bold;
  margin-bottom: 8px;
}

.successColor {
  color: #55a606;
}

.directColor {
    color: #0835DB;
}

/*----3. OPTIMIZER AND SUMMARY----*/
.shoppingCartHeader {
  margin-bottom: 24px;
  letter-spacing: -0.01em;
}

.optimizerWrapper h1 {
  width: 400px;
}

.optimizerStart {
  display: inline-block;
  background: url('images/optimizerdefault.png') no-repeat;
  vertical-align: bottom;
  background-color: #F9F9F9;
  border: 3px solid #DCDADB;
  border-radius: 3px;
  width: 704px;
  height: 130px;
  padding: 8px;
  margin: 0 8px 0 0;
}

  .optimizerStart button {
    margin: 93px 24px 0 0;
  }

  .optimizerStart a {
    vertical-align: bottom;
  }

.optimizerSecondary {
  display: inline-block;
  background: url('images/dots.png') repeat-x;
  vertical-align: bottom;
  background-color: #F9F9F9;
  border: 3px solid #DCDADB;
  border-radius: 3px;
  width: 704px;
  height: 130px;
  padding: 8px;
  margin: 0 8px 0 0;
}

  .optimizerSecondary h2 {
    color: #FFF;
    text-align: center;
    margin: 8px 0;
  }

  .optimizerSecondary p {
    text-align: center;
    margin: 8px 0;
  }

  .optimizerSecondary img {
    margin: 0 10px;
    vertical-align: middle;
  }

  .optimizerSecondary span {
    color: #86B437;
    font-weight: bold;
    font-size: 16px;
  }

  .optimizerSecondary button {
    display: inline-block;
    margin: 0 24px 0 0;
  }

.optLogo {
  float: right;
}

  .optLogo img {
    margin: 0;
  }

.secondaryBannerSuccess {
  background: #FFF;
  border: 1px solid #86B437;
  margin: 0 0 16px 0;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-box-sizing: border-box;
}

.secondaryBannerChange {
  background: #FFF;
  border: 1px solid #B3B3B3;
  margin: 0 0 16px 0;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-box-sizing: border-box;
}

.secondaryTop {
  border-radius: 3px 3px 0px 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -ms-border-radius: 3px 3px 0px 0px;
  -webkit-box-sizing: border-box;
}

.success {
  background: #86B437;
  border: 1px solid #86B437;
}

.changed {
  background: #B3B3B3;
  border: 1px solid #B3B3B3;
}
/*.summaryWrap { background-color:#53a900; color:#fff !important; display: inline-block; vertical-align: top; border: 3px solid #53a900; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }*/
.summaryWrap {
    display: inline-block;
    vertical-align: top;
    border: 3px solid #0835db;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.summary-paypal {
    margin-left: 6px;
    width: 100%;
}

.summary-optimize {
    margin: 10px 0;
    width: 100%;
}

.bottom {
  margin: 0 0 24px;
  float: right;
}

.bottomDirectUpsell {
  width: 723px;
  float: left;
}

.cartSummary {
  width: 220px;
  padding: 8px;
  box-sizing: border-box;
}

.cartSummary h2 {
    text-align: center;
    color: #000;
    font-size: 15px;
    font-weight: bold;
}
/*.cartSummary h2 { text-align: center; color: #53a900; font-size: 15px; font-weight: bold; }*/
.presaleSumMessage {
  color: #FF931E;
  text-align: center;
  font-style: italic;
  line-height: 15px;
  font-size: 11px;
  margin: 0 0 5px 0;
}

.itemSum {
  width: 100%;
  font-size: 12px;
}

.subtotal {
  width: 100%;
  font-weight: bold;
  font-size: 12pt;
}

.checkoutButton {
  text-align: center;
  margin: 8px 0 0 0;
}

  .checkoutButton button {
    width: 175px;
  }

.rightTextAlign {
  padding-right: 5px;
  text-align: right;
}

.sellerSummaryMask {
  border-radius: 3px;
}

.storeCredit {
  font-weight: bold;
  color: #05772D;
}

#StoreCreditDiv1 {
  vertical-align: top;
}

#StoreCreditDiv2 {
  vertical-align: top;
}

.salesTaxDisclaimer {
    font-size: 10px;
}

.cartSummaryMask {
  border-radius: 3px;
}

.buyerSafeInternatView {
  background: url('images/buyersafeguard2.png') no-repeat;
  display: inline-block;
  vertical-align: middle;
  background-color: #F9F9F9;
  border: 3px solid #DCDADB;
  border-radius: 3px;
  width: 704px;
  height: 130px;
  padding: 8px;
  margin: 0 8px 0 0;
}

  .buyerSafeInternatView p {
    text-align: center;
    margin-top: 110px;
  }

.cartSummaryRightTextAlign {
  text-align: right;
  padding-right: 5px;
}

.sellerSummaryRightTextAlign {
  text-align: right;
}

.optimizerSavings {
  color: #86b437;
  vertical-align: middle;
  font-weight: bold;
}

.directOptimizerAndUpsell {
  display: inline-block;
  width: 730px;
  margin-right: 4px;
}

.optimizerStartDirect {
  display: inline-block;
  background: url('images/optimizerlogoDirect.png') no-repeat left center;
  background-position: 10px 12px;
  background-color: #F9F9F9;
  border: 3px solid #DCDADB;
  border-radius: 3px;
  width: 704px;
  height: 38px;
  padding: 8px;
  margin: 24px 8px 24px 0;
}

  .optimizerStartDirect a {
    color: #0E5B93;
    text-decoration: none;
    font-size: 10px;
  }

  .optimizerStartDirect h2 {
    font-size: 18px;
    color: #595959;
    margin-left: 235px;
  }

  .optimizerStartDirect p {
    font-size: 12px;
    color: #595959;
    margin-left: 235px;
  }

  .optimizerStartDirect button {
    float: right;
    width: 110px;
    font-size: 16px;
  }

  .optimizerStartDirect .optimizerDirectLeft {
    width: 575px;
  }

  .optimizerStartDirect .optimizerDirectRight {
    margin-top: -40px;
  }

.optimizerSecondaryDirect {
  display: inline-block;
  background: url('images/optimizerlogoDirect.png') no-repeat left center;
  background-position: 10px 12px;
  background-color: #F9F9F9;
  border: 3px solid #DCDADB;
  border-radius: 3px;
  width: 704px;
  height: 102px;
  padding: 8px;
  margin: 24px 8px 24px 0;
}

  .optimizerSecondaryDirect a {
    color: #0E5B93;
    text-decoration: none;
    font-size: 10px;
  }

  .optimizerSecondaryDirect h2 {
    font-size: 18px;
    margin-left: 235px;
    padding-bottom: 8px;
  }

  .optimizerSecondaryDirect p {
    font-size: 12px;
    color: #595959;
    margin-left: 235px;
  }

  .optimizerSecondaryDirect img {
    margin: 0 10px;
    vertical-align: middle;
  }

  .optimizerSecondaryDirect .optimizerDirectButtons {
    margin: 8px 0 0 210px;
  }

    .optimizerSecondaryDirect .optimizerDirectButtons button {
      margin-left: 25px;
      font-size: 13px;
    }

  .optimizerSecondaryDirect .directOptimizerSuccess {
    color: #86b437;
  }

#productListLoadingMask {
}

/*----DIRECT UPSELL CONTAINER----*/
.qualificationDirect {
  display: inline-block;
  vertical-align: top;
  background-color: #FFFFFF;
  background-image: url('images/qualification_bkg.jpg');
  background-repeat: repeat-x;
  border-style: solid;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
  width: 726px;
  min-height: 170px;
  background-position: bottom;
  background-color: #f9fbfa;
  border-style: solid;
  padding-bottom: 10px;
}

  .qualificationDirect hr {
    border: 0;
    height: 0;
    border-bottom: 1px solid #DCDADB;
  }

  .qualificationDirect h2 {
    font-family: Arial;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    padding: 10px;
  }

  .qualificationDirect img {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
  }

  .qualificationDirect a {
    background-position: -2px -2px;
    float: none;
  }

.qualificationBody {
  padding: 18px 12px 12px 12px;
}

.directHighlights {
  width: 340px;
  float: left;
  padding-right: 50px;
}

  .directHighlights button {
    width: 340px;
    font-size: 16px;
    margin-top: 10px;
  }

  .directHighlights .cart {
    font-family: Arial;
    font-size: 11px;
    line-height: 16px;
    text-transform: uppercase;
    color: #595959;
    float: right;
  }

    .directHighlights .cart span {
      color: #008ED3;
    }

  .directHighlights img {
    padding-right: 10px;
    margin-top: -2px;
  }

.qualificationHead {
  height: 38px;
  background: #008ED3;
}

.arrow-down {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #008ED3;
}

.qualificationInstructionHead {
  font-family: Arial;
  font-size: 12px;
  line-height: 14px;
  color: #595959;
  font-weight: bold;
}

.qualificationInstruction {
  font-family: Arial;
  font-size: 12px;
  line-height: 14px;
  color: #595959;
}

  .qualificationInstruction img {
    padding-right: 5px;
  }

  .qualificationInstruction .instructionLeft {
    float: left;
  }

  .qualificationInstruction .instruction {
    vertical-align: middle;
    padding-right: 10px;
  }

  .qualificationInstruction .hintTitle {
    line-height: 20px;
  }

  .qualificationInstruction .iconLineContainer {
    line-height: 14px;
  }

.qualification {
  float: left;
  margin-left: 20px;
  padding-top: 2px;
}

  .qualification p {
    font-family: Arial;
    font-size: 11px;
    line-height: 16px;
    color: #595959;
  }

.directUpsellContinueShopping {
  margin-top: 27px;
  line-height: 15px;
  display: inline-block;
  width: 350px;
}

  .directUpsellContinueShopping .qualificationInstructionHead {
    float: left;
    font-family: Arial;
    font-size: 12px;
    line-height: 20px;
    color: #595959;
    font-weight: bold;
    padding-right: 30px;
    margin-top: 1px;
  }

  .directUpsellContinueShopping a {
    font-family: Arial;
    font-size: 11px;
    color: #0E5B92;
    text-decoration: underline;
  }

  .directUpsellContinueShopping .qualificationInstructionHead {
    margin-top: -1px;
  }

#directProductTotalNeeded {
    font-family: Arial;
    font-size: 11px;
    line-height: 16px;
    color: #08875E;
}

.directUpsellAdd {
  line-height: 10px;
}

.directUpsellAddAmount {
  margin-left: 20px;
  width: 300px;
  float: left;
}

.directUpsellArrow {
  position: relative;
  top: 38px;
  left: 87px;
  float: left;
  width: 20px;
  min-height: 10px;
  background-position: 0px 10px;
  background-image: url('images/directPointer.png');
}

/*----4. GENERAL PACKAGE CONTAINER----*/
.packageContainer {
  margin: 24px 0 0;
}

.marketWrap {
  background: #FFF;
  border: 5px solid #DCDADB;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  /*padding: 10px 8px 8px 6px;*/
  padding: 10px 4px 8px 0;
  margin: 0 0 24px;
}


/*----4. TCGPLAYER DIRECT PACKAGE CONTAINER----*/

.directPackageContainer {
    background: url('images/direct-banner-head.svg') no-repeat;
    margin: 24px 0 0;
    overflow: hidden;
}

.directPackageContainer .packageHeader {
    display: inline;
    background-color: #0835db;
}

.packageHeader {
  color: #FFF;
  margin: 0 0 2px 10px;
  padding-top: 4px;
  font-size: 16px;
}

.directWrap {
  background: #FFFFFF;
  border: 5px solid #008ED3;
  border-radius: 5px;
  padding: 16px 8px 8px 0;
  margin: 0 0 24px;
}

  .directWrap img {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
  }

.packageMessage {
  display: inline-block;
  width: 720px;
  vertical-align: top;
}

  .packageMessage h3 {
    margin: 0 0 10px 0;
  }

  .packageMessage h4 {
    color: #B3B3B3;
    margin: 10px 0 0 0;
  }

  .packageMessage a {
    font-size: 11px;
  }

.sellerDirectOuterWrap {
  display: inline-block;
}

.sellerWrapDirect {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 3px solid #B3CEE6;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  margin: 8px 5px 8px 0;
  padding: 8px;
  display: inline-block;
}

  .sellerWrapDirect h2 {
    font-size: 20px;
    font-weight: lighter;
    margin: 0;
  }

.sellerName {
  font-weight: bold;
}

.sellerTable {
  font-size: 11.5px;
}

  .sellerTable th {
    border: 1px solid #DCDADB;
    margin-top: 8px;
  }

  .sellerTable td {
    min-height: 110px;
    vertical-align: top;
    padding-bottom: 5px;
  }

.sellerTableHead {
  margin-top: 8px;
}

  .sellerTableHead h4 {
    margin-left: 8px;
    line-height: 25px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .sellerTableHead th {
    border: 1px solid #DCDADB;
    background-color: #EFEFEF;
    text-align: left;
  }

.itemsHead {
  width: 264px;
}

.itemsBox {
  width: 264px;
  border-right: 1px solid #DCDADB;
  border-left: 1px solid #DCDADB;
  border-bottom: 1px solid #DCDADB;
}

.itemsContents {
    font-family: 'Proxima Nova';
    display: inline-block;
    vertical-align: top;
    margin: 8px 8px 8px 0;
    max-width: 182px;
}

  .itemsContents p {
    margin: 0px;
    font-weight: 600;
  }

  .itemsContents h3 {
    margin-bottom: 0;
    margin-top: 0;
    line-height: 1.3;
  }

.itemsContents a {
    font-weight: bold;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.itemMessage {
    color: #08875E;
    font-size: 11px;
    font-style: italic;
    line-height: 30px;
}

.thumbnail {
  display: inline-block;
  margin: 10px;
  text-align: center;
  width: 50px;
}

.thumbnail img {
margin: 0;
width: 35px;
height: 50px;
}

.detailsHead {
  width: 170px;
}

.detailsBox {
    width: 170px;
    border-right: 1px solid #DCDADB;
    border-left: 1px solid #DCDADB;
    border-bottom: 1px solid #DCDADB;
    font-family: 'Proxima Nova';
}

.detailsContents {
  margin: 8px;
  vertical-align: top;
}
.detailsContents p {
    margin: 0;
}

.priceHead {
  width: 80px;
}

.priceBox {
  width: 80px;
  border-right: 1px solid #DCDADB;
  border-left: 1px solid #DCDADB;
  border-bottom: 1px solid #DCDADB;
}

.priceContents {
  margin: 8px 0 0 8px;
}

.qtyHead {
  width: 173px;
}

.qtyBox {
  width: 173px;
  border-right: 1px solid #DCDADB;
  border-left: 1px solid #DCDADB;
  border-bottom: 1px solid #DCDADB;
}

  .qtyBox > span {
    margin: 0 0 0 8px;
    line-height: 20px;
  }

.reviewQty {
  line-height: 35px !important;
}

.qtyContentsLeft {
  display: inline-block;
  vertical-align: top;
  margin: 10px 0px 0px 10px;
  z-index: 99999;
}

  .qtyContentsLeft p {
    font-size: 11px;
    text-align: center;
    margin: 0px;
  }

.qtyContentsRight {
  display: inline-block;
  font-size: 12px;
  margin-top: 5px;
  margin-left: 5px;
  z-index: 0;
}

  .qtyContentsRight p {
    margin: 2px;
  }

.update a {
  background: url('images/tcg_cart_update.png') no-repeat 0px 1px;
  left: 0px;
}

  .update a span {
    margin-left: 15px;
    font-size: 11px;
  }

  .update a:hover {
    background: url('images/tcg_cart_update.png') no-repeat 0px -17px;
    color: #86B437;
    text-decoration: underline;
  }

.save a {
  background: url('images/tcg_cart_saveforlater.png') no-repeat 0px 3px;
  left: 0px;
}

  .save a span {
    margin-left: 15px;
    font-size: 11px;
  }

  .save a:hover {
    background: url('images/tcg_cart_saveforlater.png') no-repeat 0px -17px;
    color: #86B437;
    text-decoration: underline;
  }

.remove a {
  background: url('images/tcg_cart_remove.png') no-repeat 0px 3px;
  left: 0px;
}

  .remove a span {
    margin-left: 15px;
    font-size: 11px;
  }

  .remove a:hover {
    background: url('images/tcg_cart_remove.png') no-repeat 0px -19px;
    color: #86B437;
    text-decoration: underline;
  }

.qtyBox input {
  width: 50px;
  border: 1px solid #DDDBDC;
  padding: 3px;
  margin-bottom: 10px;
  text-align: center;
}

input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px #4C64FC;
  border: 1px solid #4C64FC;
  color: #000;
}
/*input[type=text]:focus, textarea:focus error{ box-shadow: 0 0 5px #E4B8BE; border: 1px solid #E4B8BE; color:#000; background-color: #F8EDEE; }*/ /*TRIGGERED WHEN A FORM FIELD HAS AN ERROR*/
input[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  color: #000;
}

#shopFromSeller {
  background: url('images/tcg_cart_shop_no_hover.png') no-repeat 0px -1px;
  vertical-align: middle;
  margin-left: 24px;
}

  #shopFromSeller span {
    font-size: 11.5px;
    padding-left: 18px;
  }

    #shopFromSeller span:hover {
      text-decoration: underline;
    }

.shippedBy {
  background: url('images/tcgplayerdirect_icon_sm.png')no-repeat 70px 2px;
  margin-bottom: 8px;
}

  .shippedBy img {
    vertical-align: middle;
  }

  .shippedBy span:last-child {
    color: #0E5B93;
    font-weight: bold;
    margin-left: 25px;
  }

.sellerSummary {
  background: none repeat scroll 0 0 #FFFFFF;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  margin: 8px 0 5px 0;
  padding: 7px;
  vertical-align: top;
  display: inline-block;
  width: 220px;
}

    .sellerSummary h2 {
        color: #595959;
        text-align: center;
        font-size: 15px;
        font-weight: bold;
    }

    .sellerSummary h4 {
        color: #595959;
        text-align: center;
        font-size: 15px;
        font-weight: bold;
    }

  .sellerSummary p {
    text-align: center;
    font-style: italic;
    font-size: 11px;
    line-height: 15px;
  }

.shipOptions {
  width: 100%;
  font-size: 12px;
  margin-top: 10px;
}

  .shipOptions h4 {
    font-size: 12px;
  }

.rightCol {
  text-align: right;
}

  .rightCol span {
    vertical-align: middle;
  }

.leftCol {
  width: 134px;
  text-align: left;
}

  .leftCol span {
    vertical-align: middle;
  }

  .leftCol form {
    margin-left: -5px;
  }

  .leftCol input {
    margin: 0 3px 0 0;
  }

.soldBySeller {
  font-family: Arial;
  font-size: 10px;
  line-height: 20px;
  color: #595959;
}

  .soldBySeller a {
    font-family: Arial;
    font-size: 10px;
    line-height: 20px;
    color: #0E5B93;
    text-decoration: underline;
  }
/* Microsoft Edge */
@supports (-ms-accelerator:true) {
  .update a {
    padding-top: 1px;
  }

  .save a {
    padding-top: 1px;
  }

  .remove a {
    padding-top: 1px;
  }
}

/*---5. MARKETPLACE PACKAGE CONTAINER----*/

.marketPackageContainer {
    background: url('images/marketplacetabhead2.png') no-repeat;
    margin: 24px 0 0;
    overflow: hidden;
}

.marketPackageContainer .packageHeader {
    background-color: #545454;
    display: inline;
}

.giftCardContainer {
  background: url('images/giftcardtabhead.png') no-repeat;
  margin: 24px 0 0;
}

.sellerWrapMarket {
  display: inline-block;
  margin: 0 12px 0 10px;
}

.shippedBySeller {
  margin-bottom: 8px;
  font-size: 11.5px;
}

.sellerWrapSellerName {
  padding-bottom: 10px;
}

.presaleColor {
    color: #E02179;
}

.clearCart {
  height: 36px;
  display: inline-block;
}

/*---5.1 MARKETPLACE PACKAGE REFACTOR for CUSTOM LISTINGS ----*/
.cart-package {}

.cart-package__seller {
    font-family: 'Proxima Nova';
    font-size: 18px !important;
    padding-bottom: 0;
    margin-top: 0;
}

.cart-package__seller-badge-direct img {
    width: 13px;
    height: auto;
    vertical-align: middle;
}

.cart-package__alert--error.sellerAlert {
    width: 100%;
}
.cart-package__alert--error p {
    margin: 0;
}

.cart-package__thumbnail.thumbnail {
    margin-bottom: 0;
}

.cart-package__thumbnail.thumbnail img {
    width: 100%;
    height: auto;
}

/*----6. SAVE FOR LATER----*/
.saveForLater {
  border: 5px solid #B3CEE6;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  padding: 16px;
}

.saveForLater__header {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.saveForLater .blue-button-lg {
    justify-self: flex-end;
    margin-left: auto;

}

  .saveForLater h1 {
    color: #0E5B93;
    font-family: 'Proxima Nova';
    margin: 0;
  }

  .saveForLater td {
    min-height: 110px;
    vertical-align: top;
  }

.savedTable {
  font-size: 11.5px;
}

  .savedTable th {
    border: 1px solid #DCDADB;
    margin-top: 8px;
  }

  .savedTable td {
    min-height: 110px;
    vertical-align: top;
  }

.savedTableHead {
  margin-top: 8px;
}

  .savedTableHead h4 {
    margin-left: 8px;
    line-height: 25px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .savedTableHead th {
    border: 1px solid #DCDADB;
    background-color: #EFEFEF;
    text-align: left;
  }

.savedItemsHead {
  width: 410px;
}

.savedItemsBox {
  width: 410px;
  border-right: 1px solid #DCDADB;
  border-left: 1px solid #DCDADB;
  border-bottom: 1px solid #DCDADB;
}

.savedItemsHeadIntl {
  width: 522px;
}

.savedItemsBoxIntl {
  width: 522px;
  border-right: 1px solid #DCDADB;
  border-left: 1px solid #DCDADB;
  border-bottom: 1px solid #DCDADB;
}

.savedDetailsHead {
  width: 192px;
}

.savedDetailsBox {
  width: 192px;
  border-right: 1px solid #DCDADB;
  border-left: 1px solid #DCDADB;
  border-bottom: 1px solid #DCDADB;
}

.savedPriceHead {
  width: 112px;
}

.savedPriceBox {
  width: 112px;
  border-right: 1px solid #DCDADB;
  border-left: 1px solid #DCDADB;
  border-bottom: 1px solid #DCDADB;
}

.priceContents {
    margin: 8px;
    font-family: 'Proxima Nova';
    font-weight: 600;
}

.requestedHead {
  width: 186px;
}

.requestedBox {
  width: 186px;
  border-right: 1px solid #DCDADB;
  border-left: 1px solid #DCDADB;
  border-bottom: 1px solid #DCDADB;
}

.savedContentsLeft {
  display: inline-block;
  vertical-align: top;
  margin: 10px 10px 0px 10px;
  z-index: 99999;
}

  .savedContentsLeft p {
    color: #B3B3B3;
    font-size: 11px;
    text-align: center;
    margin: 0px;
  }

  .savedContentsLeft input {
    width: 50px;
    border: 1px solid #DDDBDC;
    padding: 3px;
    margin-bottom: 10px;
    text-align: center;
  }

.savedContentsRight {
  display: inline-block;
  vertical-align: top;
  font-size: 11.5px;
  margin-top: 10px;
  margin-left: 5px;
  z-index: 0;
}

.savedClearCart {
  display: inline-block;
  margin: 16px 0 40px;
}

.remove {
  margin: 0;
}

.shop {
  margin: 0;
  padding-bottom: 7px;
}

  .shop a {
    background: url('images/tcg_cart_shopSmall.png') no-repeat 0px 1px;
    left: 0px;
  }

    .shop a span {
      margin-left: 15px;
      margin-bottom: 3px;
      font-size: 11px;
    }

    .shop a:hover {
      background: url('images/tcg_cart_shopSmall.png') no-repeat 0px -16px;
      color: #86B437;
      text-decoration: underline;
    }

.add {
  margin: 0;
  padding-bottom: 7px;
}

  .add a span {
    margin-left: 3px;
    margin-bottom: 3px;
    font-size: 11px;
    font-weight: bold;
  }

  .add a:hover {
    color: #86B437;
    text-decoration: underline;
  }

.addDisabled {
  margin: 0;
  padding-bottom: 7px;
}

  .addDisabled a span {
    margin-left: 3px;
    margin-bottom: 3px;
    font-size: 11px;
    font-weight: bold;
    opacity: 0.4;
  }

  .addDisabled a:hover {
    text-decoration: none;
    cursor: default;
  }
/* Microsoft Edge */
@supports (-ms-accelerator:true) {
  .shop a {
    padding-top: 1px;
  }

  .add a {
    padding-top: 1px;
  }
}

/*----7. ALERTS----*/

.market {
  border: 3px solid #DCDADB;
}

.direct {
  border: 3px solid #B3CEE6;
}

.error {
  border: 3px solid #E4B8BE;
}

.presale {
  border: 3px solid #FFDEBB;
}

.presaleSumMessage {
    color: #E02179;
    text-align: center;
    font-style: italic;
    font-size: 11px;
}

.presaleThumb {
    color: #FFF;
    font-size: 9px;
    background-color: #E02179;
    width: 50px;
    text-align: center;
    margin-top: 5px;
}

.sellerAlert {
  height: 30px;
  width: 692px;
  text-align: center;
  font-size: 11px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 29px;
}

.savedAlert {
  height: 30px;
  width: 901px;
  text-align: center;
  font-size: 11px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 29px;
}

.directAlert {
  height: 30px;
  width: 100%;
  text-align: center;
  font-size: 11px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 29px;
}

  .directAlert p {
    margin: 0;
  }

.catalogAlert {
  width: 100%;
  text-align: left;
  font-size: 11px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 20px;
  margin: 16px 0 0 0;
  padding: 8px;
}

.green {
  background-color: #EDF4E1;
  border: 1px solid #DAE8C3;
}

  .green p {
    color: #595959;
  }

  .green a {
    color: #0E5B93;
    text-decoration: underline;
  }

.red {
  background-color: #F6E8EA;
  border: 1px solid #E4B8BE;
}

  .red p {
    color: #595959;
  }

  .red a {
    color: #0E5B93;
    text-decoration: underline;
  }

  .red.priceTable p {
    color: #595959;
  }

  .red.priceTable a {
    color: #A41428;
  }

.yellow {
  background-color: #FFFAE5;
  border: 1px solid #FFDEBB;
}

  .yellow p {
    color: #595959;
  }

  .yellow a {
    color: #0E5B93;
    text-decoration: underline;
  }

.popUpAlert {
  width: 470px;
  border: 5px solid #B3B3B3;
  border-radius: 3px;
  -ms-border-radius: 3px;
  margin: 0 auto;
  position: relative;
  top: 50%;
  z-index: 9999;
}

  .popUpAlert img {
    position: relative;
    top: 16px;
    float: right;
    margin-right: 16px;
  }

.topBox {
  z-index: 99999;
  display: block;
  height: 75px;
  margin: -16px 0;
  background: #efefef; /* Old browsers */
  background: -moz-linear-gradient(top, #efefef 0%, #ffffff 49%, #efefef 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(49%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #efefef 0%,#ffffff 49%,#efefef 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #efefef 0%,#ffffff 49%,#efefef 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #efefef 0%,#ffffff 49%,#efefef 100%); /* IE10+ */
  background: linear-gradient(to bottom, #efefef 0%,#ffffff 49%,#efefef 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}

  .topBox h3 {
    position: relative;
    top: 16px;
    margin: 16px;
    width: 410px;
  }

.bottomBox {
  background-color: #FFF;
  height: 116px;
  display: block;
  border-top: 1px solid #B3B3B3;
  margin-top: 15px;
}

  .bottomBox p {
    margin: 16px;
  }

  .bottomBox td {
    vertical-align: middle;
  }

.close {
  margin: 16px;
  text-align: center;
}

.alert--site-alert {
  border: 1px solid transparent;
  padding: 0.75rem 1.25rem;
  background-color: #d9edf7;
  border-color: #bcdff1;
  color: #31708f;
  width: 932px;
  margin: 0 auto 0 auto;
}

  .alert--site-alert strong {
    color: #31708f;
  }

.alert--site-alert-mobile {
  display: none;
}

/*----8. BUTTONS----*/
.largeBlueButton {
  cursor: pointer;
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3fa9f4), color-stop(1, #0e5c93) );
  background: -moz-linear-gradient( center top, #3fa9f4 5%, #0e5c93 100% );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3fa9f4', endColorstr='#0e5c93');
  background-color: #3fa9f4;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-left-radius: 8px;
  text-indent: 0px;
  border: 1px solid #3fa9f4;
  display: inline-block;
  color: #ffffff;
  font-family: Arial;
  font-size: 21px;
  font-weight: bold;
  font-style: normal;
  height: 35px;
  width: 200px;
  text-decoration: none;
  text-align: center;
}

  .largeBlueButton:hover {
    -moz-box-shadow: 2px 2px 3px 0px #b2b2b2;
    -webkit-box-shadow: 2px 2px 3px 0px #b2b2b2;
    box-shadow: 2px 2px 3px 0px #b2b2b2;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0e5c93), color-stop(1, #3fa9f4) );
    background: -moz-linear-gradient( center top, #0e5c93 5%, #3fa9f4 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e5c93', endColorstr='#3fa9f4');
    background-color: #0e5c93;
  }

  .largeBlueButton:active {
    -moz-box-shadow: 2px 2px 3px 0px #b2b2b2;
    -webkit-box-shadow: 2px 2px 3px 0px #b2b2b2;
    box-shadow: 2px 2px 3px 0px #b2b2b2;
    position: relative;
    border: 1px solid #0E5B93;
  }

.largeGreyButton {
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #efefef), color-stop(1, #dddadb) );
  background: -moz-linear-gradient( center top, #efefef 5%, #dddadb 100% );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#dddadb');
  background-color: #efefef;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-left-radius: 8px;
  text-indent: 0px;
  border: 1px solid #dddadb;
  display: inline-block;
  color: #0e5c93;
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  height: 32px;
  line-height: 29px;
  padding: 0px 20px 0px 20px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}

  .largeGreyButton:hover {
    -moz-box-shadow: 2px 2px 3px 0px #b2b2b2;
    -webkit-box-shadow: 2px 2px 3px 0px #b2b2b2;
    box-shadow: 2px 2px 3px 0px #b2b2b2;
    background-color: #ffffff;
  }

  .largeGreyButton:active {
    -moz-box-shadow: 2px 2px 3px 0px #b2b2b2;
    -webkit-box-shadow: 2px 2px 3px 0px #b2b2b2;
    box-shadow: 2px 2px 3px 0px #b2b2b2;
    position: relative;
    background-color: #ffffff;
    border: 1px solid #595959;
  }

.GreenButtonArrow {
  background: -ms-linear-gradient(top left, #86b437 0%, #b5d186 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#86b437), to(#b5d186));
  background: -moz-linear-gradient(center top, #86B437 5%, #B5D186 100%) repeat scroll 0 0 #86B437;
  border: 1px solid #86B437;
  border-radius: 8px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  height: 35px;
  line-height: 35px;
  margin: 0px auto;
  padding: 0 10px;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
  width: 205px;
}

  .GreenButtonArrow:hover {
    -moz-box-shadow: 2px 2px 3px 0px #b2b2b2;
    -webkit-box-shadow: 2px 2px 3px 0px #b2b2b2;
    box-shadow: 2px 2px 3px 0px #b2b2b2;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b5d186), color-stop(1, #86b437) );
    background: -moz-linear-gradient( center top, #b5d186 5%, #86b437 100% );
    background-color: #b5d186;
  }

  .GreenButtonArrow:active {
    -moz-box-shadow: 2px 2px 3px 0px #b2b2b2;
    -webkit-box-shadow: 2px 2px 3px 0px #b2b2b2;
    box-shadow: 2px 2px 3px 0px #b2b2b2;
    border: 1px solid #658729;
    position: relative;
  }

  .GreenButtonArrow span {
    vertical-align: top;
  }

  .GreenButtonArrow img {
    margin-left: 10px;
    height: 35px !important;
  }

.GreenButtonNoArrow {
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #86b437), color-stop(1, #b5d186) );
  background: -moz-linear-gradient( center top, #86b437 5%, #b5d186 100% );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86b437', endColorstr='#b5d186');
  background-color: #86b437;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-left-radius: 8px;
  text-indent: 0px;
  border: 1px solid #86b437;
  display: inline-block;
  color: #ffffff;
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  height: 35px;
  line-height: 35px;
  text-decoration: none;
  text-align: center;
  padding: 0px 10px 0px 10px;
  cursor: pointer;
}

  .GreenButtonNoArrow.fullwidth {
    width: 100%;
  }

  .GreenButtonNoArrow:hover {
    -moz-box-shadow: 2px 2px 3px 0px #b2b2b2;
    -webkit-box-shadow: 2px 2px 3px 0px #b2b2b2;
    box-shadow: 2px 2px 3px 0px #b2b2b2;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b5d186), color-stop(1, #86b437) );
    background: -moz-linear-gradient( center top, #b5d186 5%, #86b437 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5d186', endColorstr='#86b437');
    background-color: #b5d186;
  }

  .GreenButtonNoArrow:active {
    -moz-box-shadow: 2px 2px 3px 0px #b2b2b2;
    -webkit-box-shadow: 2px 2px 3px 0px #b2b2b2;
    box-shadow: 2px 2px 3px 0px #b2b2b2;
    border: 1px solid #658729;
    position: relative;
  }

  .GreenButtonNoArrow img {
    margin-right: 20px;
  }

.smallGreyButton {
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #efefef), color-stop(1, #dddadb) );
  background: -moz-linear-gradient( center top, #efefef 5%, #dddadb 100% );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#dddadb');
  background-color: #efefef;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-left-radius: 8px;
  text-indent: 0px;
  border: 1px solid #dddadb;
  display: inline-block;
  color: #0e5c93;
  font-family: Arial;
  font-size: 13px;
  font-weight: bold !important;
  font-style: normal;
  height: 25px;
  line-height: 15px;
  padding: 0px 20px 0px 20px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}

  .smallGreyButton:hover {
    -moz-box-shadow: 2px 2px 3px 0px #b2b2b2;
    -webkit-box-shadow: 2px 2px 3px 0px #b2b2b2;
    box-shadow: 2px 2px 3px 0px #b2b2b2;
    background-color: #ffffff;
  }

  .smallGreyButton:active {
    -moz-box-shadow: 2px 2px 3px 0px #b2b2b2;
    -webkit-box-shadow: 2px 2px 3px 0px #b2b2b2;
    box-shadow: 2px 2px 3px 0px #b2b2b2;
    position: relative;
    background-color: #ffffff;
  }

.smallGreyButton2 {
  cursor: pointer;
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #efefef), color-stop(1, #dddadb) );
  background: -moz-linear-gradient( center top, #efefef 5%, #dddadb 100% );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#dddadb');
  background-color: #efefef;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-left-radius: 8px;
  text-indent: 0px;
  border: 1px solid #dddadb;
  display: inline-block;
  color: #0e5c93;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  height: 25px;
  line-height: 15px;
  padding: 0px 20px 0px 20px;
  text-decoration: none;
  text-align: center;
  width: 205px;
}

  .smallGreyButton2:hover {
    -moz-box-shadow: 2px 2px 3px 0px #b2b2b2;
    -webkit-box-shadow: 2px 2px 3px 0px #b2b2b2;
    box-shadow: 2px 2px 3px 0px #b2b2b2;
    background-color: #ffffff;
  }

  .smallGreyButton2:active {
    -moz-box-shadow: 2px 2px 3px 0px #b2b2b2;
    -webkit-box-shadow: 2px 2px 3px 0px #b2b2b2;
    box-shadow: 2px 2px 3px 0px #b2b2b2;
    position: relative;
    background-color: #ffffff;
    border: 1px solid #595959;
  }

.smallBlueButton {
  cursor: pointer;
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3fa9f4), color-stop(1, #0e5c93) );
  background: -moz-linear-gradient( center top, #3fa9f4 5%, #0e5c93 100% );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3fa9f4', endColorstr='#0e5c93');
  background-color: #3fa9f4;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-left-radius: 8px;
  text-indent: 0px;
  border: 1px solid #3fa9f4;
  display: inline-block;
  color: #ffffff;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  height: 25px;
  line-height: 15px;
  text-decoration: none;
  text-align: center;
}

  .smallBlueButton:hover {
    -moz-box-shadow: 2px 2px 3px 0px #b2b2b2;
    -webkit-box-shadow: 2px 2px 3px 0px #b2b2b2;
    box-shadow: 2px 2px 3px 0px #b2b2b2;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0e5c93), color-stop(1, #3fa9f4) );
    background: -moz-linear-gradient( center top, #0e5c93 5%, #3fa9f4 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e5c93', endColorstr='#3fa9f4');
    background-color: #0e5c93;
  }

  .smallBlueButton:active {
    -moz-box-shadow: 2px 2px 3px 0px #b2b2b2;
    -webkit-box-shadow: 2px 2px 3px 0px #b2b2b2;
    box-shadow: 2px 2px 3px 0px #b2b2b2;
    position: relative;
    border: 1px solid #0E5B93;
  }

.smallGreyButton3 {
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #efefef), color-stop(1, #dddadb) );
  background: -moz-linear-gradient( center top, #efefef 5%, #dddadb 100% );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#dddadb');
  background-color: #efefef;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-left-radius: 8px;
  text-indent: 0px;
  border: 1px solid #dddadb;
  display: inline-block;
  color: #0e5c93;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  height: 20px;
  line-height: 10px;
  padding: 0px 10px 0px 10px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}

  .smallGreyButton3:hover {
    -moz-box-shadow: 2px 2px 3px 0px #b2b2b2;
    -webkit-box-shadow: 2px 2px 3px 0px #b2b2b2;
    box-shadow: 2px 2px 3px 0px #b2b2b2;
    background-color: #ffffff;
  }

  .smallGreyButton3:active {
    -moz-box-shadow: 2px 2px 3px 0px #b2b2b2;
    -webkit-box-shadow: 2px 2px 3px 0px #b2b2b2;
    box-shadow: 2px 2px 3px 0px #b2b2b2;
    position: relative;
    background-color: #ffffff;
    border: 1px solid #595959;
  }

.smallGreyButton4 {
  cursor: pointer;
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #efefef), color-stop(1, #dddadb) );
  background: -moz-linear-gradient( center top, #efefef 5%, #dddadb 100% );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#dddadb');
  background-color: #efefef;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-left-radius: 8px;
  text-indent: 0px;
  border: 1px solid #dddadb;
  display: inline-block;
  color: #0e5c93;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  height: 25px;
  line-height: 15px;
  padding: 0px 20px 0px 20px;
  text-decoration: none;
  text-align: center;
}

  .smallGreyButton4:hover {
    -moz-box-shadow: 2px 2px 3px 0px #b2b2b2;
    -webkit-box-shadow: 2px 2px 3px 0px #b2b2b2;
    box-shadow: 2px 2px 3px 0px #b2b2b2;
    background-color: #ffffff;
  }

  .smallGreyButton4:active {
    -moz-box-shadow: 2px 2px 3px 0px #b2b2b2;
    -webkit-box-shadow: 2px 2px 3px 0px #b2b2b2;
    box-shadow: 2px 2px 3px 0px #b2b2b2;
    position: relative;
    background-color: #ffffff;
    border: 1px solid #595959;
  }

.smallGreenButton {
  cursor: pointer;
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #86b437), color-stop(1, #b5d186) );
  background: -moz-linear-gradient( center top, #86b437 5%, #b5d186 100% );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86b437', endColorstr='#b5d186');
  background-color: #86b437;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-left-radius: 8px;
  text-indent: 0px;
  border: 1px solid #86b437;
  display: inline-block;
  color: #ffffff;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  height: 25px;
  line-height: 20px;
  padding: 0px 20px 0px 20px;
  text-decoration: none;
  text-align: center;
}

  .smallGreenButton:hover {
    -moz-box-shadow: 2px 2px 3px 0px #b2b2b2;
    -webkit-box-shadow: 2px 2px 3px 0px #b2b2b2;
    box-shadow: 2px 2px 3px 0px #b2b2b2;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b5d186), color-stop(1, #86b437) );
    background: -moz-linear-gradient( center top, #b5d186 5%, #86b437 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5d186', endColorstr='#86b437');
    background-color: #b5d186;
  }

  .smallGreenButton:active {
    -moz-box-shadow: 2px 2px 3px 0px #b2b2b2;
    -webkit-box-shadow: 2px 2px 3px 0px #b2b2b2;
    box-shadow: 2px 2px 3px 0px #b2b2b2;
    border: 1px solid #658729;
    position: relative;
  }

.catalogGreenButton {
  cursor: pointer;
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #86b437), color-stop(1, #b5d186) );
  background: -moz-linear-gradient( center top, #86b437 5%, #b5d186 100% );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86b437', endColorstr='#b5d186');
  background-color: #86b437;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-left-radius: 8px;
  text-indent: 0px;
  border: 1px solid #86b437;
  display: inline-block;
  color: #ffffff;
  font-family: Arial;
  font-size: 12px;
  font-style: normal;
  height: 25px;
  line-height: 20px;
  padding: 0px 10px 0px 10px;
  text-decoration: none;
  text-align: center;
}

  .catalogGreenButton:hover {
    -moz-box-shadow: 2px 2px 3px 0px #b2b2b2;
    -webkit-box-shadow: 2px 2px 3px 0px #b2b2b2;
    box-shadow: 2px 2px 3px 0px #b2b2b2;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b5d186), color-stop(1, #86b437) );
    background: -moz-linear-gradient( center top, #b5d186 5%, #86b437 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5d186', endColorstr='#86b437');
    background-color: #b5d186;
  }

  .catalogGreenButton:active {
    -moz-box-shadow: 2px 2px 3px 0px #b2b2b2;
    -webkit-box-shadow: 2px 2px 3px 0px #b2b2b2;
    box-shadow: 2px 2px 3px 0px #b2b2b2;
    border: 1px solid #658729;
    position: relative;
  }

.catalogBlueButton {
  cursor: pointer;
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #075B97), color-stop(1, #0e5c93) );
  background: -moz-linear-gradient( center top, #075B97 5%, #0e5c93 100% );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#075B97', endColorstr='#0e5c93');
  background-color: #075B97;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-left-radius: 8px;
  text-indent: 0px;
  border: 1px solid #3fa9f4;
  display: inline-block;
  color: #ffffff;
  font-family: Arial;
  font-size: 13px;
  font-style: normal;
  height: 25px;
  line-height: 20px;
  padding: 0px 10px 0px 10px;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
}

  .catalogBlueButton:hover {
    -moz-box-shadow: 2px 2px 3px 0px #b2b2b2;
    -webkit-box-shadow: 2px 2px 3px 0px #b2b2b2;
    box-shadow: 2px 2px 3px 0px #b2b2b2;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0e5c93), color-stop(1, #075B97) );
    background: -moz-linear-gradient( center top, #0e5c93 5%, #075B97 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e5c93', endColorstr='#075B97');
    background-color: #0e5c93;
  }

  .catalogBlueButton:active {
    -moz-box-shadow: 2px 2px 3px 0px #b2b2b2;
    -webkit-box-shadow: 2px 2px 3px 0px #b2b2b2;
    box-shadow: 2px 2px 3px 0px #b2b2b2;
    border: 1px solid #0E5B93;
    position: relative;
  }

/*----9. CHECKOUT SHIPPING PAGE----*/

.progressBar {
  width: 974px;
  height: 34px;
  background: #f7f7f8;
  margin: 24px auto;
}

.progressCheckout {
  width: 150px;
  height: 35px;
  background: url("images/secureicon.png") no-repeat 16px center;
  float: left;
}

  .progressCheckout p {
    margin-left: 42px;
    color: #5e616c;
    font-size: 18px;
    margin-top: 8px;
  }

.progressShippingActive {
  width: 170px;
  height: 35px;
  background: url("images/progress_1.png") no-repeat 0px 1px;
  float: left;
}

  .progressShippingActive p {
    margin-left: 24px;
    color: #FFF;
    font-size: 18px;
    margin-top: 8px;
  }
/* style for when active */

.progressShipping {
  width: 170px;
  height: 35px;
  background: url("images/progress_1.png") no-repeat 0px -32px;
  float: left;
}

  .progressShipping p {
    margin-left: 24px;
    color: #5e616c;
    font-size: 18px;
    margin-top: 8px;
  }
/* style for when inactive */

.progressPrizeShippingActive {
  width: 170px;
  height: 35px;
  background: url("images/progress_1.png") no-repeat 0px 1px;
  float: left;
  margin-left: -20px;
}

  .progressPrizeShippingActive h2 {
    margin-left: 24px;
    color: #FFF;
    margin-top: 8px;
  }
/* style for when active */

.progressPrizeShipping {
  width: 170px;
  height: 35px;
  background: url("images/progress_1.png") no-repeat 0px -32px;
  float: left;
  margin-left: -20px;
}

  .progressPrizeShipping h2 {
    margin-left: 24px;
    color: #B3B3B3;
    margin-top: 8px;
  }
/* style for when inactive */

.progressSelectProductsActive {
  width: 225px;
  height: 35px;
  background: url("images/progress_2.png") no-repeat 0px 1px;
  float: left;
}

  .progressSelectProductsActive h2 {
    margin-left: 24px;
    color: #FFF;
    margin-top: 8px;
  }
/* style for when active */

.progressSelectProducts {
  width: 225px;
  height: 35px;
  background: url("images/progress_2.png") no-repeat 0px -32px;
  float: left;
}

  .progressSelectProducts h2 {
    margin-left: 24px;
    color: #B3B3B3;
    margin-top: 8px;
  }
/* style for when inactive */

.progressPrizeOrder {
  width: 230px;
  height: 35px;
  float: left;
}

  .progressPrizeOrder h2 {
    margin-left: 16px;
    color: #B3B3B3;
    margin-top: 8px;
  }
/* style for when inactive */

.progressPrizeProductsActive {
  width: 255px;
  height: 35px;
  background: url("images/progress_2a.png") no-repeat 0px 1px;
  float: left;
  margin-left: -20px;
}

  .progressPrizeProductsActive h2 {
    margin-left: 22px;
    color: #FFF;
    margin-top: 8px;
  }
/* style for when active */

.progressPrizeProducts {
  width: 255px;
  height: 35px;
  background: url("images/progress_2a.png") no-repeat 0px -32px;
  float: left;
  margin-left: -20px;
}

  .progressPrizeProducts h2 {
    margin-left: 22px;
    color: #B3B3B3;
    margin-top: 8px;
  }
/* style for when inactive */

.progressReview {
  width: 225px;
  height: 35px;
  background: url("images/progress_2.png") no-repeat 0px -32px;
  float: left;
  margin-left: -20px;
}

  .progressReview p {
    margin-left: 24px;
    color: #5e616c;
    font-size: 18px;
    margin-top: 8px;
  }
/* style for when inactive */

.progressReviewActive {
  width: 225px;
  height: 35px;
  background: url("images/progress_2.png") no-repeat 0px 1px;
  float: left;
  margin-left: -20px;
  display: flex;
}

  .progressReviewActive p {
    margin-left: 24px;
    color: #FFF;
    margin-top: 8px;
    background-color: #0835db;
    margin-right: 0px;
    font-size: 18px;
    align-self: baseline;
  }
/* style for when active */

.innerWrap {
  width: 943px;
  margin: 0 auto 40px auto;
}

  .innerWrap h1 {
    margin: 16px 0px 24px 0px;
  }

.checkoutWrap {
  border: 1px solid #cccccc;
  border-radius: 3px;
  -ms-border-radius: 3px;
  width: 708px;
  display: inline-block;
  margin-right: 14px;
}

.checkoutPadding {
  margin-left: 24px;
}

.checkoutWrap h2 {
  color: #000;
  margin: 24px;
  display: inline-block;
  font-weight: bold;
}

.checkoutWrap hr {
  border: 0;
  height: 0;
  border-top: 0 px solid #DCDADB;
  border-bottom: 1px solid #DCDADB;
  margin: -8px 24px 16px 24px;
}

.formBottom {
  margin: 32px 24px 24px 24px;
}

.cartSummaryInner {
  display: table-cell;
  vertical-align: bottom;
}

.sideWrap {
  display: inline-block;
  width: 208px;
  vertical-align: top;
}

.needHelp {
  display: inline-block;
  width: 192px;
  padding: 8px;
  border-radius: 3px;
  -ms-border-radius: 3px;
  border: #f0f0f0 solid 1px;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f0f0f0), to(#ffffff));
  background: -moz-linear-gradient(top, #f0f0f0, #ffffff);
  background: -ms-linear-gradient(top, #f0f0f0, #ffffff);
}

  .needHelp h2 {
    color: #86B437;
    font-size: 15.5px;
    width: 100px;
    margin: 8px 0 8px 8px;
    display: inline;
    vertical-align: middle;
  }

  .needHelp span {
    display: block;
    margin: 0 0 8px 8px;
  }

  .needHelp img {
    vertical-align: middle;
  }

  .needHelp h5 {
    margin: 0 0 0 8px;
  }

  .needHelp ul {
    list-style-type: none;
    margin: 3px 0 8px 8px;
    font-size: 11.5px;
  }

.helpBottom {
  margin: 0px 0px 16px 16px;
}

.addressPaging {
  padding: 0 30px 0 0;
}

.shippingText {
  font-size: 9pt;
}

label.screen-reader-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*----10. CHECKOUT REVIEW PAGE----*/

.billAddress {
  display: inline-block;
  width: 200px;
  vertical-align: top;
  margin: 16px 0px 12px 0;
}

.billAddress h2 {
    margin: 0;
    font-size: 13px !important;
    font-weight: bold;
}


.billAddress h4 {
    margin-top: 0;
    margin-bottom: 0;
}

  .billAddress ul {
    list-style-type: none;
    margin: 0 0 5px 0;
    min-height: 99px;
    padding-left: 0;
  }

  .billAddress li {
    font-size: 12px;
    margin: 0px;
    line-height: 5px;
    padding: 5px 0;
    width: 190px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .billAddress h4 {
    margin: 0;
  }

  .billAddress a {
    margin-left: 10px;
    text-decoration: underline;
    color: #0E5B93;
    font-weight: lighter;
  }

    .billAddress a:hover {
      color: #86B437;
    }

.imprintCredit {
  display: inline-block;
  width: 500px;
  height: 35px;
}

  .imprintCredit p {
    display: inline;
    padding-left: 10px;
    vertical-align: middle;
  }

  .imprintCredit img {
    vertical-align: middle;
  }

  .imprintCredit input {
    vertical-align: top;
  }

.required {
  text-align: right;
  margin: 5px 24px 24px 0px;
  width: 150px;
  display: inline-block;
}
  /*THIS STYLING IS FOR ERROR MESSAGES TRIGGERED IN THE FORM FIELDS*/
  .required error {
    color: #A41428;
  }

.imprintName, .imprintNameError {
  text-align: right;
  display: inline-block;
  width: 170px;
  margin-right: 24px;
  height: 29px;
  vertical-align: middle;
}

/*THIS STYLING IS FOR ERROR MESSAGES TRIGGERED IN THE FORM FIELDS*/
.imprintNameError {
  color: #A41428;
}

.imprintForm {
  display: inline-block;
  width: 500px;
}

.imprintFormError {
  display: inline-block;
  width: 500px;
}

.imprintFormShort {
  display: inline-block;
  width: 500px;
}

.imprintFormShortError {
  display: inline-block;
  width: 500px;
}


.imprintForm input {
  width: 396px;
  height: 25px;
  border: 1px solid #000000;
  margin-bottom: 16px;
  text-align: left;
  padding-left: 5px;
}

.imprintFormError input {
  width: 396px;
  height: 25px;
  border: 1px solid #E4B8BE;
  box-shadow: 0 0 0 3px #EFEFEF;
  background-color: #F8EDEE;
  text-align: left;
  padding-left: 5px;
  margin-bottom: 16px;
}
  /*THIS STYLING IS FOR ERROR MESSAGES TRIGGERED IN THE FORM FIELDS*/
  .imprintFormError input:focus {
    box-shadow: 0 0 5px #A41428;
    border: 1px solid #E4B8BE;
    color: #A41428;
  }

.imprintFormShort select {
  margin-bottom: 16px;
}

  .imprintFormShort select:focus {
    box-shadow: 0 0 5px #0835DB;
    border: 1px solid #0835DB;
  }

.imprintFormShort input {
  width: 215px;
  height: 25px;
  border: 1px solid #000000;
  margin-bottom: 16px;
  text-align: left;
  padding-left: 5px;
}

.imprintFormShortError select {
  margin-bottom: 16px;
}

.imprintFormShortError input {
  width: 215px;
  height: 25px;
  border: 1px solid #E4B8BE;
  margin-bottom: 16px;
  text-align: left;
  padding-left: 5px;
  box-shadow: 0 0 0 3px #EFEFEF;
  background-color: #F8EDEE;
}
  /*THIS STYLING IS FOR ERROR MESSAGES TRIGGERED IN THE FORM FIELDS*/
  .imprintFormShortError input:focus {
    box-shadow: 0 0 5px #A41428;
    border: 1px solid #E4B8BE;
    color: #A41428;
  }

.imprintFormCredit {
  display: inline-block;
  width: 500px;
}

  .imprintFormCredit input {
    width: 215px;
    height: 25px;
    border: 1px solid #DDDBDC;
    margin-top: 16px;
    margin-bottom: 16px;
    text-align: left;
    padding-left: 5px;
    box-shadow: 0 0 0 3px #EFEFEF;
  }

.imprintFormCreditError {
  display: inline-block;
  width: 500px;
}

  .imprintFormCreditError input {
    width: 215px;
    height: 25px;
    border: #E4B8BE 1px solid;
    margin-top: 16px;
    margin-bottom: 16px;
    text-align: left;
    padding-left: 5px;
    box-shadow: 0 0 0 3px #EFEFEF;
    background-color: #F8EDEE;
  }

    .imprintFormCreditError input:focus {
      box-shadow: 0 0 5px #A41428;
      border: 1px solid #E4B8BE;
      color: #A41428;
    }

.imprintNameSecurity {
  text-align: right;
  display: inline-block;
  width: 170px;
  margin-right: 24px;
  vertical-align: top;
}

.imprintNameSecurityError {
  text-align: right;
  display: inline-block;
  width: 170px;
  margin-right: 24px;
  vertical-align: top;
  color: #A41428;
}

.imprintFormSecurity {
  display: inline-block;
  width: 500px;
}

  .imprintFormSecurity input {
    width: 100px;
    height: 25px;
    border: 1px solid #DDDBDC;
    margin-top: 0px;
    margin-bottom: 16px;
    text-align: left;
    padding-left: 5px;
    box-shadow: 0 0 0 3px #EFEFEF;
  }

.imprintFormSecurityError {
  display: inline-block;
  width: 500px;
}

  .imprintFormSecurityError input {
    width: 100px;
    height: 25px;
    border: #E4B8BE 1px solid;
    margin-top: 0px;
    margin-bottom: 16px;
    text-align: left;
    padding-left: 5px;
    box-shadow: 0 0 0 3px #EFEFEF;
    background-color: #F8EDEE;
  }

    .imprintFormSecurityError input:focus {
      box-shadow: 0 0 5px #A41428;
      border: 1px solid #E4B8BE;
      color: #A41428;
    }

.input-validation-error {
  border: #E4B8BE 1px solid;
  box-shadow: 0 0 0 3px #EFEFEF;
  background-color: #F8EDEE;
  text-align: left;
  padding-left: 5px;
  margin-bottom: 16px;
}

.checkoutBottom button {
  vertical-align: bottom;
  margin: 0 24px 0 0;
}

.thankYouBanner {
  width: 944px;
  margin: 16px auto 24px auto;
}

  .thankYouBanner h1 {
    color: #FFF;
    display: none;
  }

.errorAlert {
  color: #A41428;
  border: #E4B8BE 1px solid;
  background-color: #F6E8EA;
  margin: 24px;
  padding: 16px;
}

  .errorAlert p {
    margin: 3px 0px;
  }

.a11yErrorHeader {
  position: absolute;
  left: -9999px;
  z-index: -9999;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.pageSuccessAlert {
  color: #86B437;
  border: 1px solid #DAE8C3;
  background-color: #EDF4E1;
  margin: 0 0 24px;
  padding: 16px;
}

  .pageSuccessAlert p,
  .pageErrorAlert p,
  .pageWarningAlert p {
    margin: 3px 0px;
  }

.pageErrorAlert {
  color: #A41428;
  border: #E4B8BE 1px solid;
  background-color: #F6E8EA;
  margin: 0 0 24px;
  padding: 16px;
}

.pageWarningAlert {
  color: #565656;
  border: #eac572 1px solid;
  background-color: #ffe9ad;
  margin: 0 0 24px;
  padding: 16px;
}

.overlay-bg {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  background: #aaaaaa; /* fallback */
  background: rgba(0,0,0,0.5);
  z-index: 9998;
}

.orderProcessing {
  width: 288px;
  height: 258px;
  background-color: #FFF;
  border: 5px solid #595959;
  border-radius: 3px;
  -ms-border-radius: 3px;
  margin: 0 auto;
  position: relative;
  top: 50%;
  z-index: 9999;
}

  .orderProcessing h3 {
    text-align: center;
    margin-top: 32px;
  }

  .orderProcessing p {
    text-align: center;
    margin-top: 32px;
  }

#loaderImage {
  margin: 40px auto;
}

.securitySeals {
  margin: 24px auto;
  text-align: center;
  vertical-align: middle;
}

  .securitySeals table {
    margin: 0 auto;
  }

/*----11. CONFIRMATION PAGE----*/
.confirmTitle {
  font-size: 24px !important;
  text-align: center;
  margin: 16px 0 0;
}

.orderCompeteTitle {
    font-size: 24px !important;
    font-weight: bold;
    margin: 16px 0 0;
}

hr.orderCompleteDivider {
    border-top: 1px solid darkblue !important;
}

.confirmMessage {
  background: #FFF;
  border: 3px solid #B3CEE6;
  border-radius: 5px;
  padding: 16px;
}

.directDetailNum {
  margin: 8px 24px 0;
}

  .directDetailNum span {
    font-weight: bold;
    font-size: 15px;
  }

.directOrderNum {
  font-size: 13px;
  list-style-type: disc;
  font-weight: normal;
}

.marketConfirm {
  background: #FFF;
  margin: 0 0 8px;
}

  .marketConfirm p {
    margin: 8px;
  }

.marketDetailNum {
  list-style-position: inside;
}

  .marketDetailNum span {
    font-weight: bold;
    font-size: 15px;
  }

.list_carousel {
  margin: 24px 0px 0px 0px;
  width: 943px;
  height: 220px;
}

  .list_carousel h3 {
    padding: 16px 0 0 0;
  }

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

  .list_carousel li {
    font-size: 40px;
    color: #999;
    text-align: center;
    width: 154px;
    height: 200px;
    padding: 0;
    margin: 0px 6px 0px 24px;
    float: left;
  }

    .list_carousel li img {
      height: 105px;
    }

    .list_carousel li p {
      font-family: Arial, Helvetica, sans-serif;
      font-weight: lighter;
      color: #595959;
      font-size: 13px;
      padding: 8px 0;
    }

    .list_carousel li span {
      font-weight: bold;
      color: #86B437;
      font-size: 13px;
    }

.clearfix {
  float: none;
  clear: both;
}

.prev:not(.flickity-prev-next-button) {
  background: url('images/previous.png') no-repeat 0px 0px;
  bottom: 170px;
  height: 72px;
  width: 24px;
  left: 0;
  position: relative;
}

  .prev:not(.flickity-prev-next-button):hover {
    background: url('images/previous.png') no-repeat 0px -72px;
    bottom: 170px;
    height: 72px;
    width: 24px;
    left: 0;
    position: relative;
  }

.next:not(.flickity-prev-next-button) {
  background: url('images/next.png') no-repeat 0px 0px;
  bottom: 242px;
  height: 72px;
  width: 24px;
  left: 919px;
  position: relative;
}

  .next:not(.flickity-prev-next-button):hover {
    background: url('images/next.png') no-repeat 0px -72px;
    bottom: 242px;
    height: 72px;
    width: 24px;
    left: 919px;
    position: relative;
  }

.carouselWrapper {
  width: 943px;
  margin: 0 auto;
}

.carouselInner {
  line-height: 10px;
  margin-top: -5px;
}


/*----12. LANDING PAGE----*/
.buttonWrap {
  margin: 24px 0;
}

.landingTopWrap {
  margin: 16px 0;
}

  .landingTopWrap h3 {
    margin: 16px 0;
  }

  .landingTopWrap img {
    height: 100px;
  }

.topWrapLeft {
  display: inline-block;
  width: 455px;
}

.topWrapRight {
  display: inline-block;
  width: 474px;
  border: 3px solid #53a900;
  border-radius: 3px;
  -ms-border-radius: 3px;
  vertical-align: top;
}

.topWrapLeft img {
  margin: 0px 16px 0px 0px;
}

.landingPage {
  color: #08875E;
  margin-bottom: 24px;
}

.landingItem {
  display: inline-block;
  vertical-align: top;
}

  .landingItem h2 {
    margin: 0 0 5px;
    font-weight: bold;
  }

    .landingItem h2 a {
      font-weight: bold;
    }

  .landingItem p {
    font-size: 17px;
    text-indent: 10px;
    line-height: 25px;
    margin: 0;
  }

.details p {
  font-size: 14px;
}

.landingCartHeader {
  width: 454px;
  margin: 10px;
}

  .landingCartHeader h2 {
    color: #53a900;
    margin-top: 0px;
  }

.landingCartSummary {
  margin: 0px 10px 0px 10px;
  width: 215px;
  line-height: 10px;
  display: inline-block;
}

  .landingCartSummary p {
    margin-top: 10px;
    line-height: 20px;
  }

  .landingCartSummary hr {
  }
  /*{ border: 0; height: 0; border-top: 0 px dotted #DCDADB; border-bottom: 1px dotted #DCDADB; }*/
  .landingCartSummary span {
    color: #000;
    font-size: 17px;
    font-weight: bold;
    line-height: 25px;
  }

  .landingCartSummary .leftSummary {
    float: left;
    width: 50%;
  }

  .landingCartSummary .rightSummary {
    float: right;
    width: 50%;
    text-align: right;
  }

.landingNumber {
  min-height: 27px;
  line-height: 27px;
}

.landingCartSubtotal {
  min-height: 30px;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
}

#btnCheckout {
  margin-bottom: 10px;
}

#btnCheckout1 {
  margin-bottom: 10px;
}

.summaryButtons {
  display: inline-block;
  margin-left: 18px;
  line-height: 10px;
  width: 210px;
  margin-bottom: 12px;
  vertical-align: top;
}

.alsoPurchased {
  margin: 24px 16px 8px 0px;
}

.addressPopUp {
  background-color: #FFF;
  width: 714px;
  border: 5px solid #595959;
  border-radius: 3px;
  -ms-border-radius: 3px;
  margin: 0 auto;
  position: relative;
  top: 50%;
  z-index: 9999;
}

  .addressPopUp img {
    position: relative;
    top: 16px;
    float: right;
    margin-right: 16px;
  }

.vaultAddress img {
  float: none !important;
  left: 5px !important;
  top: 3px !important;
  margin-right: 0px !important;
  position: relative !important;
}

.addressTopBox {
  z-index: 99999;
  display: block;
  margin: -16px 0;
  background: #efefef; /* Old browsers */
  background: -moz-linear-gradient(top, #efefef 0%, #ffffff 49%, #efefef 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(49%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #efefef 0%,#ffffff 49%,#efefef 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #efefef 0%,#ffffff 49%,#efefef 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #efefef 0%,#ffffff 49%,#efefef 100%); /* IE10+ */
  background: linear-gradient(to bottom, #efefef 0%,#ffffff 49%,#efefef 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}

.inStorePickupPopup {
  background-color: #FFF;
  width: 583px;
  border: 5px solid #595959;
  border-radius: 3px;
  -ms-border-radius: 3px;
  margin: 0 auto;
  position: relative;
  top: 50%;
  z-index: 9999;
}

  .inStorePickupPopup h1 {
    position: relative;
    margin-left: 16px;
    top: 8px;
    object-fit: contain;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 22px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    color: #4a4a4a;
    display: inline-block;
  }
  .inStorePickupPopup .imprintName {
    width: 80px;
  }

  .inStorePickupPopup .imprintFormShort {
    width: 250px;
  }

  .inStorePickupPopup.success h1 {
    color: #3cb54a;
  }

  .inStorePickupPopup .sellerAddress {
    margin: 0 0 0 20px !important;
  }

  .inStorePickupPopup h2 {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    color: #3cb54a;
    margin-top: 14px;
  }

  .inStorePickupPopup h3 {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    color: #555555;
    display: inline-block;
    margin-left: 15px;
    margin-right: 14px;
  }

  .inStorePickupPopup input[type="radio"] {
    width: 16px;
    height: 16px;
    margin: 0;
    vertical-align: -4px;
  }

  .inStorePickupPopup .inStorePickupBottomBox p,
  .inStorePickupPopup .inStorePickupBottomBox div {
    margin: 13px 36px 0px 36px;
  }

  .inStorePickupPopup .payNowMinimumAlert {
    color: red;
  }

.inStorePickupTopBox {
  z-index: 99999;
  display: block;
  background: #efefef; /* Old browsers */
  background: -moz-linear-gradient(top, #efefef 0%, #ffffff 49%, #efefef 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(49%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #efefef 0%,#ffffff 49%,#efefef 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #efefef 0%,#ffffff 49%,#efefef 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #efefef 0%,#ffffff 49%,#efefef 100%); /* IE10+ */
  background: linear-gradient(to bottom, #efefef 0%,#ffffff 49%,#efefef 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}

  .inStorePickupTopBox .fa {
    float: right;
    margin: 16px;
    cursor: pointer;
  }

.inStorePickupBottomBox {
  margin: 16px;
}

.inStorePickupBottomBox > div > p > strong {
    color: #A35F00;
}

.inStorePickupPopup .close {
  margin-top: 39px;
}

.inStorePickupPopup button {
  width: 200px;
  height: 39px;
  margin-right: 19px;
  margin-left: 19px;
  font-family: 'Proxima Nova', sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}

/*----13. Seller Feedback Page----*/
.sellerTop {
    border: 3px solid #DCDADB;
    padding: 16px;
    margin-bottom: 15px;
}

.sellerMain {
  display: inline-block;
}

.sellerTop hr {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: -moz-use-text-color -moz-use-text-color #DCDADB;
  border-color: #DCDADB;
  border-image: none;
  border-style: none none solid;
  border-width: 0 0 1px;
  height: 0;
}

.sellerInfo {
  display: inline-block;
  margin-left: 16px;
  vertical-align: top;
  width: 178px;
  border-left: 1px solid #DCDADB;
  padding-left: 16px;
}

  .sellerInfo ul {
    list-style-type: none;
    margin: 0;
    padding-left: 0;
  }

  .sellerInfo p {
      margin: 0;
  }

.sellerType {
  padding: 10px 0;
}

.sellerInfo span {
  line-height: 20px;
  margin-left: 5px;
  vertical-align: top;
}

.sellerTop h1 {
  font-size: 24px;
  margin: 0px;
}

.shopWithSeller {
  display: inline-block;
  width: 280px;
  margin-right: 30px;
}

  .shopWithSeller h2 {
    font-size: 17px;
  }

  .shopWithSeller p {
    margin: 16px 0;
  }

.sellerSelected {
  color: #86B437;
}

.sellerStats {
  display: inline-block;
  vertical-align: top;
  margin-top: 16px;
}

  .sellerStats h3 {
    margin: 0 0 8px 0;
  }

  .sellerStats table, .sellerStats th, .sellerStats td {
    border: 1px solid #DCDADB;
    border-collapse: collapse;
  }

    .sellerStats table th {
      background-color: #EFEFEF;
    }

  .sellerStats th, .sellerStats td {
    font-size: 12px;
    height: 27px;
    padding: 5px;
    text-align: left;
    width: 75px;
    -webkit-box-sizing: border-box; /* Needed for mobile WebKit */
    -moz-box-sizing: border-box; /* Needed for Firefox */
    box-sizing: border-box;
  }

.positiveRating {
  color: #86B437;
}

.largeBlueButton2 {
  cursor: pointer;
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3fa9f4), color-stop(1, #0e5c93) );
  background: -moz-linear-gradient( center top, #3fa9f4 5%, #0e5c93 100% );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3fa9f4', endColorstr='#0e5c93');
  background-color: #3fa9f4;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-left-radius: 8px;
  text-indent: 0px;
  border: 1px solid #3fa9f4;
  display: inline-block;
  color: #ffffff;
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  height: 35px;
  text-decoration: none;
  text-align: center;
}

  .largeBlueButton2:hover {
    -moz-box-shadow: 2px 2px 3px 0px #b2b2b2;
    -webkit-box-shadow: 2px 2px 3px 0px #b2b2b2;
    box-shadow: 2px 2px 3px 0px #b2b2b2;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0e5c93), color-stop(1, #3fa9f4) );
    background: -moz-linear-gradient( center top, #0e5c93 5%, #3fa9f4 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e5c93', endColorstr='#3fa9f4');
    background-color: #0e5c93;
  }

  .largeBlueButton2:active {
    -moz-box-shadow: 2px 2px 3px 0px #b2b2b2;
    -webkit-box-shadow: 2px 2px 3px 0px #b2b2b2;
    box-shadow: 2px 2px 3px 0px #b2b2b2;
    position: relative;
    border: 1px solid #0E5B93;
  }

  .largeBlueButton2 span {
    margin-right: 5px;
  }

.shopWithSeller .largeBlueButton2 {
  width: 100%;
  font-size: 16px;
}

.shopFromSeller a {
  background: url('images/tcg_cart_shop.png') no-repeat 0px -1px;
  left: 0px;
}

  .shopFromSeller a span {
    margin-left: 23px;
    margin-bottom: 3px;
    vertical-align: middle;
  }

  .shopFromSeller a:hover {
    background: url('images/tcg_cart_shop.png') no-repeat 0px -20px;
    color: #86B437;
    text-decoration: none;
  }

.viewFeedback {
  background: url('images/feedbackicon2.png') no-repeat 0px 0px;
  left: 0px;
}

  .viewFeedback span {
    margin-left: 23px;
    margin-bottom: 3px;
  }

  .viewFeedback:hover {
    background: url('images/feedbackicon2.png') no-repeat 0px -23px;
    color: #86B437;
    text-decoration: none;
  }

    .viewFeedback:hover a {
      color: #86B437;
      text-decoration: none;
    }

.commentContainer h2 {
  color: #86B437;
  display: inline-block;
  font-weight: bold;
}

.buyerCommentsHead {
  background: #F9F9F9;
  border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 1px solid #DCDADB;
  margin: 24px 0;
}

  .buyerCommentsHead h2 {
    line-height: 40px;
    margin: 0 0 0 10px;
    display: inline-block;
  }

  .buyerCommentsHead p {
    margin-left: 10px;
    line-height: 40px;
  }

    .buyerCommentsHead p span {
      margin-left: 5px;
      margin-right: 10px;
    }

.positive {
  color: #86B437;
}

.neutral {
  color: #595959;
}

.negative {
  color: #A41428;
}

.error-text {
    color: #D30311;
}

.commentContainer table, .storeCreditTable {
  width: 100%;
}

  .commentContainer table, .commentContainer th, .commentContainer td, .storeCreditTable, .storeCreditTable th, .storeCreditTable td {
    border: 1px solid #DCDADB;
    border-collapse: collapse;
  }

    .commentContainer table th, .storeCreditTable th {
      background-color: #EFEFEF;
    }

    .commentContainer table th, .commentContainer td, .storeCreditTable th, .storeCreditTable td {
      font-size: 12px;
      padding: 5px 5px 5px 8px;
      text-align: left;
      -webkit-box-sizing: border-box; /* Needed for mobile WebKit */
      -moz-box-sizing: border-box; /* Needed for Firefox */
      box-sizing: border-box;
    }

.buyerCommentsFooter, .storeCreditTableFooter {
  border: 1px solid #DCDADB;
  border-radius: 3px;
  background-color: #EFEFEF;
  height: 40px;
  margin-bottom: 24px;
}

.rating {
  width: 75px;
}

.buyerFeedback {
  width: 550px;
}

.feedbackUser {
  width: 200px;
}

.commentImg {
  padding-right: 10px;
}

.commentsPages {
  display: inline-block;
  float: right;
  height: 40px;
  margin-right: 10px;
}

  .commentsPages ul {
    display: inline-block;
    padding: 0;
    margin: 0 10px;
  }

    .commentsPages ul li {
      display: inline;
      list-style-type: none;
      color: #B3B3B3;
    }

      .commentsPages ul li a {
        color: #B3B3B3;
      }

        .commentsPages ul li a:hover {
          color: #595959;
        }

.previousArrow {
  background: url('images/previous_icon.png') no-repeat 0 -1px;
  display: inline;
}

  .previousArrow span {
    margin-left: 30px;
  }

.nextArrow {
  background: url('images/next_icon.png') no-repeat 50px -1px;
  display: inline;
}

  .nextArrow span {
    margin-right: 40px;
  }


/* Flickity Styles - Updated as a part of RDQ */
.product-carousel {
    margin-bottom: 0;
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 15px;
    padding-bottom: 60px;
    background: #f8f8f8;
}

@media (max-width: 767px) {
    .product-carousel {
        margin-bottom: 1rem;
        padding-bottom: 3rem;
    }
}

.product-carousel__divider {
    margin-top: 0;
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
    background-size: cover;


}

.product-carousel__title {
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: -0.02em;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 20px;
    z-index: 100;
    position: relative;
    text-align: center;
}

@media (max-width: 767px) {
    .product-carousel__title {
        text-align: center;
        font-size: 1rem;
    }
}

@media (max-width: 991px) {
    .product-carousel__list {
        padding-left: 0;
    }
    .summary-paypal {
        margin-top: 10px;
    }
}

.product-carousel .flickity-page-dots {
    bottom: -35px;
}

@media (max-width: 767px) {
    .product-carousel .flickity-page-dots {
        bottom: -2rem;
    }
}

.product-carousel .flickity-page-dots .dot {
    width: 8px;
    height: 8px;
    opacity: 1;
    background: #e4e4e4;
}

    .product-carousel .flickity-page-dots .dot.is-selected {
        background: #9b9b9b;
    }

.product-carousel-card {
    text-align: left;
    margin-right: 0;
    margin-left: 10px;
    margin-bottom: 4px;
    background: #ffffff;
    width: 220px;
    height: 16.25rem;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
}

@media (max-width: 767px) {
    .product-carousel-card {
        margin-right: 0.33333rem;
        width: 35%;
    }
}

.product-carousel-card figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0.5rem 1rem 0.75rem;
    border-top: 1px solid #DCDADB;
}

@media (max-width: 767px) {
    .product-carousel-card figcaption {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

.product-carousel-card__image {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 11rem;
}

    .product-carousel-card__image img {
        max-height: 150px;
        max-width: 150px;
        height: auto;
        transition: opacity 0.4s;
        opacity: 0;
    }

        .product-carousel-card__image img.flickity-lazyloaded, .product-carousel-card__image img.flickity-lazyerror {
            opacity: 1;
        }

@media (max-width: 767px) {
    .product-carousel-card__image img {
        margin-bottom: 0.5rem;
    }
}

.product-carousel-card__name {
    font-size: 0.9rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    color: #232623;
    -webkit-font-smoothing: antialiased;
}

    .product-carousel-card__name:hover {
        color: #0f5a9c;
        text-decoration: none;
    }

@media (max-width: 767px) {
    .product-carousel-card__name {
        font-size: 0.75rem;
    }
}

.product-carousel-card__set {
    font-size: 0.5rem;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    color: #9b9b9b;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.product-carousel-card__description {
    margin-bottom: 0;
    font-size: 0.5rem;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .product-carousel-card__description {
        font-size: 0.55rem;
    }
}

.product-carousel-card__price {
    color: #3cb649;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    display: block;
    font-size: 0.875rem;
}

.product-carousel-card .btn--shop-for-this {
    cursor: pointer;
    color: #ffffff;
    background-color: #008eD3;
    border-color: #008eD3;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.2rem;
    width: 100%;
}

    .product-carousel-card .btn--shop-for-this:hover {
        color: #ffffff;
        background-color: #006ca0;
        border-color: #006596;
    }

    .product-carousel-card .btn--shop-for-this:focus, .product-carousel-card .btn--shop-for-this.focus {
        box-shadow: 0 0 0 2px rgba(0, 142, 211, 0.5);
    }

    .product-carousel-card .btn--shop-for-this.disabled, .product-carousel-card .btn--shop-for-this:disabled {
        background-color: #008eD3;
        border-color: #008eD3;
    }

    .product-carousel-card .btn--shop-for-this:active, .product-carousel-card .btn--shop-for-this.active,
    .show > .product-carousel-card .btn--shop-for-this.dropdown-toggle {
        color: #ffffff;
        background-color: #006ca0;
        background-image: none;
        border-color: #006596;
    }

@media (max-width: 767px) {
    .product-carousel-card .btn--shop-for-this {
        font-size: 0.75rem;
        display: none;
    }
}

.feedback {
  background: url("images/feedback.png") no-repeat center center;
  display: inline-block;
  width: 198px;
  height: 128px;
  vertical-align: middle;
}

  .feedback h4 {
    color: #86B437;
    text-align: center;
    width: 100px;
    margin: 32px auto 10px auto;
  }

  .feedback button {
    margin-left: 25px;
  }


/*----14. CATALOG PAGE----*/

/*.catalogWrapper { width: 959px; margin: 0 auto; padding: 24px 16px 0 0; }*/
.catalogWrapper {
  width: 961px;
  margin: 0 auto;
  padding: 24px 12px 0 0;
  float: left;
}

.filterWrap {
  width: 198px;
  float: left;
  margin-right: 22px;
}

.filterBox {
  border: 1px solid #DCDADB;
  font-size: 11px;
  padding: 0 0 8px 0;
  margin-bottom: 16px;
}

  .filterBox hr {
    border-top: 0 px solid #DCDADB;
    border-bottom: 1px solid #DCDADB;
  }

  .filterBox h2 {
    background: #F9F9F9;
    border-bottom: 1px solid #DCDADB;
    padding: 7px 0 7px 5px;
    font-size: 15px;
    margin-bottom: 10px;
  }

  .filterBox ul {
    list-style-type: none;
    margin-left: 15px;
  }

  .filterBox li:first-child {
    margin-top: 5px;
  }

  .filterBox li:last-child {
    margin-bottom: 5px;
  }

  .filterBox li {
    line-height: 10px;
  }

.goldCertified {
  margin-bottom: 7px;
}

.learnMore {
  margin: 0 0 0 15px !important;
  font-size: 10px;
}

  .learnMore a {
    line-height: 10px;
  }

.learnMore_2 {
  font-size: 10px;
  margin: 0 25px;
}

.filterBox h3 {
  color: #86B437;
  font-size: 12px;
  margin: 0 0 0 10px;
}

.cardType li {
  line-height: 17px;
}

.cardCatalog {
  display: inline-block;
  vertical-align: top;
  width: 736px;
}

.breadcrumb span {
  color: #86B437;
}

sup {
  font-size: x-small;
  vertical-align: super;
}

.priceFilter {
  margin: 16px 0 24px;
  text-align: right;
}

  .priceFilter .priceFilterLeft {
    display: inline;
  }

  .priceFilter .priceFilterRight {
    display: inline;
    padding-left: 24px;
  }

  .priceFilter span {
    font-weight: bold;
  }

  .priceFilter input {
    margin-left: 25px;
  }

  .priceFilter img {
    margin: 0 5px;
    vertical-align: middle;
  }

.directLink {
  background: url('images/tcgplayerdirecticon.png')no-repeat 0 0;
  margin-left: 5px;
}

  .directLink:hover {
    background: url('images/tcgplayerdirecticon.png')no-repeat 0 -24px;
    color: #86B437;
  }

  .directLink span {
    margin-left: 18px;
  }

.sellerStorefront {
  min-height: 77px;
  border: 3px solid #DCDADB;
  border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 16px;
  margin-bottom: 24px;
}

  .sellerStorefront h3 {
    color: #86B437;
  }

  .sellerStorefront p {
    width: 453px;
    display: inline-block;
  }

  .sellerStorefront button {
    float: right;
    margin-top: 16px;
  }

  .sellerStorefront span {
    color: #86B437;
  }

.imageContainer {
  display: inline-block;
  width: 144px;
}

.productImage {
  width: 144px;
}

.sellerContainer {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 16px;
  font-size: 11.5px;
  width: 572px;
  ;
}

  .sellerContainer h2 a {
    text-decoration: underline;
    font-weight: bold;
    font-size: 15px;
    color: #0E5B93;
  }

  .sellerContainer table {
    border-top: 1px solid #DCDADB;
    margin-top: 5px;
  }

    .sellerContainer table td {
      border-bottom: 1px solid #DCDADB;
    }

      .sellerContainer table td:last-child {
        padding-right: 0;
      }

.directLogo {
  display: inline-block;
  vertical-align: top;
  margin: 3px 3px 0 0;
}

#noDirect {
  visibility: hidden;
}

.sellerRating {
  display: inline-block;
}

  .sellerRating span {
    font-size: 10px;
    color: #B3B3B3;
    line-height: 20px;
  }

  .sellerRating a {
    display: block;
  }

.seller {
  width: 200px;
  padding: 8px 12px 0 0;
}

.condition {
  width: 85px;
  vertical-align: top;
  padding: 8px 12px 0 0;
}

.price {
  vertical-align: top;
  text-align: center;
  width: 100px;
  padding: 8px 12px 0 0;
}

  .price h3 {
    color: #86B437;
    font-weight: bold;
    font-size: 17px;
  }

  .price span {
    font-size: 11px;
    line-height: 20px;
  }

.quantity {
  vertical-align: top;
  padding: 8px 16px 0 0;
}

  .quantity input {
    padding: 3px;
    text-align: center;
    width: 50px;
    border: 1px solid #DDDBDC;
  }

.shopQty {
  display: inline-block;
  text-align: center;
}

  .shopQty p {
    font-size: 10px;
    color: #B3B3B3;
  }

  .shopQty span {
    padding-top: 9px;
    display: inline-block;
    font-family: Arial;
    font-size: 12px;
    color: #595959;
  }

.addToCart {
  vertical-align: top;
}

  .addToCart button {
    margin: 15px 0 0 0;
    width: 94px;
  }

.sellThis {
  background: url('images/sellthisicon.png')no-repeat 0 0;
  font-size: 11px;
}

  .sellThis:hover {
    background: url('images/sellthisicon.png')no-repeat 0 -17px;
    color: #86B437;
  }

  .sellThis span {
    margin-left: 17px;
  }

.priceGuideIcon {
  background: url('images/priceguideicon.png')no-repeat 0 0;
  font-size: 11px;
}

  .priceGuideIcon:hover {
    background: url('images/priceguideicon.png')no-repeat 0 -17px;
    color: #86B437;
  }

  .priceGuideIcon span {
    margin-left: 12px;
  }

.morePrices p {
  text-align: right;
  margin: 16px 0 0 0;
}

.morePrices span {
  margin: 0 16px 0 0;
}

.morePrices {
  width: 560px;
  margin-top: 10px;
  text-align: right;
  font-size: 13px;
}

  .morePrices button {
    margin-right: 8px;
    width: 90px;
    font-size: 12px;
  }

.totalPrices {
  text-decoration: underline;
}

.catalogDivider img {
  width: 100%;
  margin: 16px 0 5px 0;
}

.shippingCountry {
  margin-left: 15px;
}
/*Search Results Stores & Prices*/
.scWrapper {
  width: 560px;
}

.directSpotlight {
  width: 560px;
  border-style: Solid;
  border-color: #DCDADB;
  border-width: 1px;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px rgba(0, 0, 0,.4);
  padding-top: 0px;
}

.scDirectHeader {
  width: 550px;
  height: 24px;
  background: #008ED3;
  border-radius: 3px 3px 0px 0px;
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 22px;
  padding-left: 10px;
}

  .scDirectHeader img {
    float: left;
    position: relative;
    top: 3px;
    left: -2px;
    width: 23px;
  }

  .scDirectHeader .title {
    float: left;
    padding-top: 2px;
    padding-left: 3px;
  }

  .scDirectHeader.featured {
    width: 213px;
  }

.scContent {
  height: 56px;
  min-height: 56px;
  padding-top: 8px;
  padding-bottom: 10px;
}

.scWrapper div.scSeller {
  float: left;
  width: 228px;
  padding-left: 10px;
}

.scWrapper div.scPrice {
  float: left;
  width: 192px;
  padding-left: 16px;
}

.scWrapper div.scAction {
  float: left;
  width: 86px;
  padding-left: 16px;
  text-align: center;
  /*padding-top: 14px;*/
}

.scAction .catalogGreenButton {
  width: 90px;
  margin-top: 5px;
}

.scTitle, .scCondition {
  line-height: 16px;
  margin-bottom: 5px;
}

.scTitle {
  font-weight: bold;
}

.sellerContainer table div.scAction input.quantity {
  padding: 3px;
  text-align: center;
  width: 35px;
  font-size: 9pt;
  border: 1px solid #DDDBDC;
}

.sellerContainer h1 {
  line-height: 22px;
}

.sellerContainer h2 {
  line-height: 18px;
  margin-bottom: 8px;
}

.sellerContainer .scBreadcrumbs {
  margin-bottom: 10px;
  line-height: 10px;
}

.scSellCard {
  float: left;
  width: 50%;
  text-align: right;
}

.directText {
  font-size: 11.5px;
}

.scCardOptions {
  border: solid #DCDADB 1px;
  width: 144px;
  font-family: Arial;
  font-size: 10px;
  color: #595959;
}

.scCardContent {
  padding: 2px 5px;
  border-bottom: solid #DCDADB 1px;
}

.scPriceGuide {
  padding: 5px;
  border-bottom: solid #DCDADB 1px;
  background: #F9F9F9;
  color: #0E5B93;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
}

scPriceGuide a {
  border-bottom: 1px solid #000;
  padding-bottom: 3px;
}

.findSeller {
  background-color: #4681c2;
  height: 28px;
  font-size: 13px;
  color: #fff;
  padding: 6px 25px 6px 10px;
  margin-left: 6px;
  font-weight: bold;
  vertical-align: middle;
}

  .findSeller:hover {
    text-decoration: none;
    background-color: grey;
  }

.leaveSeller {
  background-color: #4681c2;
  height: 28px;
  font-size: 13px;
  color: #fff;
  padding: 6px 10px;
  margin-left: 6px;
  font-weight: bold;
  vertical-align: middle;
}

  .leaveSeller:hover {
    background-color: grey;
    text-decoration: none;
  }

.scPrices {
  clear: both;
  text-align: center;
}

  .scPrices > div {
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 10px;
  }

  .scPrices .lowPrice {
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    color: #86B437;
  }

  .scPrices .medianPrice {
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    color: #595959;
  }

/*----15. CARD DETAILS PAGE----*/

.detailsWrapper {
  width: 976px;
  margin: 0 auto;
}

.cardDetailsWrap {
  margin: 24px 16px 40px 16px;
}

.detailImage {
  width: 200px;
  display: inline-block;
  vertical-align: top;
}

  .detailImage img {
    width: 100%;
  }

.cardDetails {
  display: inline-block;
  width: 464px;
  margin: 0 24px;
}

  .cardDetails h1 {
    font-weight: bold;
    line-height: 26px;
  }

  .cardDetails h2 {
    color: #86B437;
    font-weight: bold;
    font-size: 22px;
    margin: 8px 8px 0px 0;
    display: inline;
  }

.lowestPriceShipping {
  padding-bottom: 5px;
  padding-top: 3px;
}

.viewVersions {
  background: url('images/viewallversionsicon.png') no-repeat 0 0;
}

  .viewVersions span {
    margin-left: 17px;
  }

.cardDetails table td {
  padding-right: 16px;
}

.featuredSellerContainer {
  display: inline-block;
  vertical-align: top;
}

.featuredSeller {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
}

.featuredSellerContent {
  padding: 10px;
  width: 201px;
}

.featuredSeller_old {
  border: 1px solid #DCDADB;
  border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 10px;
  width: 201px;
}

.featuredSellerDirect {
  border-bottom: 1px solid #DCDADB;
  border-right: 1px solid #DCDADB;
  border-left: 1px solid #DCDADB;
  border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  padding: 10px;
  width: 201px;
}

.featuredSellerDirectHead {
  position: relative;
  background: #efefef;
  border: 1px solid #dcdadb;
  padding: 8px;
  border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
}

  .featuredSellerDirectHead:after, .featuredSellerDirectHead:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }

.featuredSeller:after, .featuredSeller:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.featuredSellerDirectHead:after, .featuredSeller:after {
  border-color: rgba(239, 239, 239, 0);
  border-top-color: #efefef;
  border-width: 8px;
  margin-left: -8px;
}

.featuredSellerDirectHead:before, .featuredSeller:before {
  border-color: rgba(220, 218, 219, 0);
  border-top-color: #dcdadb;
  border-width: 9px;
  margin-left: -9px;
}

.featuredBottom {
  text-align: center;
}

  .featuredBottom h4 {
    color: #86B437;
    font-size: 16px;
    display: inline-block;
    line-height: 24px;
  }

  .featuredBottom input {
    padding: 3px;
    text-align: center;
    width: 50px;
    border: 1px solid #DDDBDC;
  }

  .featuredBottom span {
    font-size: 11px;
  }

  .featuredBottom button {
    margin-top: 10px;
  }

.featuredQty {
  padding-top: 10px;
}

.detailsMorePrices {
  border: 1px solid #DCDADB;
  font-size: 11px;
  border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 10px;
  margin-top: 24px;
  width: 200px;
  text-align: center;
  line-height: 16px;
}

  .detailsMorePrices a {
    font-weight: bold;
    margin-right: 5px;
  }
/*.detailsMorePrices .catalogBlueButton { margin: 10px; width: 130px;}*/
.morePricesButton {
  width: 130px;
  height: 20px;
  font-family: Arial;
  font-weight: bold;
  font-size: 11px;
  line-height: 11px;
  margin: 10px;
}

.detailsMorePrices a {
  font-family: Arial;
  font-size: 12px;
  line-height: 16px;
  color: #0E5B93;
  text-decoration: underline;
}

.detailsMorePrices p {
  font-family: Arial;
  font-size: 11px;
  line-height: 16px;
  color: #595959;
}

.socialLinks {
  height: 20px;
  line-height: 20px;
  margin-top: 10px;
}

  .socialLinks iframe {
    margin: 0 10px 0 0;
  }

.facebook-button {
  background-color: #4080FF;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  font-weight: bold;
  width: 600px;
}

.comments {
  background: url('images/commentsicon.png')no-repeat 0 0;
  vertical-align: top;
  margin-right: 30px;
}

  .comments > span {
    margin-left: 17px;
    vertical-align: top;
  }

  .comments span {
    vertical-align: top;
  }

.findDecks {
  background: url('images/finddecksicon.png')no-repeat 0 0;
  vertical-align: top;
}

  .findDecks span {
    margin: 0 30px 0 17px;
    vertical-align: top;
  }

.sellThisNoHover {
  background: url('images/sellthisicon.png')no-repeat 0 0;
  vertical-align: top;
}

  .sellThisNoHover span {
    margin: 0 25px 0 17px;
    vertical-align: top;
  }

.priceGuideWrap {
  border: 1px solid #DCDADB;
  border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 8px;
  margin: 0 16px;
  background-color: #f8f8f8;
  margin-bottom: 10px;
}

.priceGuideLeft {
  display: inline-block;
  vertical-align: top;
  max-width: 304px;
}

.priceGuideRight {
  display: inline-block;
  margin-left: 12px;
}

  .priceGuideRight h3 {
    color: #86B437;
    margin-bottom: 16px;
  }

.priceGuideHead {
  width: 286px;
  height: 30px;
  border: 1px solid #DCDADB;
  border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 8px;
  background-color: #F9F9F9;
}

  .priceGuideHead img {
    display: inline-block;
  }

  .priceGuideHead p {
    display: inline-block;
    width: 145px;
    line-height: 15px;
    margin-left: 10px;
    font-size: 12px;
  }

.cardStyle {
  display: inline-block;
  padding: 24px 0;
  vertical-align: top;
  width: 190px;
  margin-left: 10px;
}

.priceRange {
  display: inline-block;
  text-align: right;
  padding: 16px 0;
}

.low {
  color: red;
}

.median {
  color: blue;
}

.high {
  color: green;
}

.alsoPurchased {
  margin: 24px 16px 8px;
  font-weight: bold;
}

.earnMoney {
  text-align: center;
  line-height: 30px;
}

.otherSellers, .otherSellers td, .otherSellers th {
  border: 1px solid #DCDADB;
  font-size: 11px;
  line-height: 14px;
}

  .otherSellers td {
    padding: 8px;
  }

  .otherSellers th {
    background-color: #EFEFEF;
    font-size: 12px;
    text-align: left;
    padding: 5px 5px 5px 8px;
  }

  .otherSellers a {
    font-family: Arial;
    font-size: 11px;
    line-height: 14px;
    color: #0E5B93;
  }

.storeName a {
  font-size: 15px;
  padding-bottom: 6px;
}

.inCart a {
  padding-bottom: 0;
  float: left;
}

.inCart {
  background-color: #EDF4E1;
  display: inline-block;
  padding: 3px;
  margin-bottom: 0;
  white-space: nowrap;
}

  .inCart img {
    padding: 1px 0 0 10px;
  }

.featuredSellerDirect .inCart img, .featuredSellerContent .inCart img {
  padding-top: 4px;
}

.detailsSeller {
  width: 240px;
}

.detailsCondition {
  vertical-align: top;
  width: 112px;
}

.detailsPrice {
  vertical-align: top;
  text-align: left;
  width: 200px;
}

  .detailsPrice h3 {
    color: #86B437;
    font-weight: bold;
    font-size: 17px;
  }

.detailsQuantity {
  vertical-align: top;
  width: 184px;
}

  .detailsQuantity input {
    padding: 3px;
    text-align: center;
    width: 50px;
    border: 1px solid #DDDBDC;
  }

  .detailsQuantity p {
    font-size: 12px;
    text-align: center;
    color: #595959;
  }

  .detailsQuantity button {
    vertical-align: top;
  }

.qtyInnerWrap {
  display: inline-block;
  margin-right: 18px;
}

.detailsAddButton {
  display: inline-block;
  float: right;
  padding-top: 1px;
}

.priceTableWrapper {
  min-height: 100px;
}

.descriptionCol {
  width: 130px;
}

.advertisementSell {
  width: 215px;
  height: 240px;
  min-height: 240px;
  background-image: url('images/start_selling.jpg');
  border-radius: 3px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.40);
  padding: 0px;
  margin: 0px 0px 0px 3px;
  text-align: center;
}

  .advertisementSell .GreenButtonNoArrow {
    margin-top: 190px;
    width: 170px;
    font-size: 15px;
    text-decoration: inherit;
  }

    .advertisementSell .GreenButtonNoArrow:active {
      border: 0px;
    }

.filterLabelSeller, .filterTitle {
  display: inline-block;
  clear: both;
  font-family: Arial;
  font-weight: bold;
  font-size: 11px;
  line-height: 16.6px;
  color: #595959;
  padding-right: 3px;
}

.filterLabelSeller {
  margin-left: 2px;
}

.iconLineContainer {
  line-height: 16px;
  padding-top: 3px;
}

  .iconLineContainer .iconLineText {
    margin-left: 2px;
    padding-left: 2px;
    display: inline-table;
  }

.filterIcon {
  display: inline-block;
  float: left;
  width: 12px;
  min-height: 12px;
  margin: 2px 3px 2px 2px;
}

  .filterIcon.iconQuestion {
    background-image: url('images/qquestion-circle.svg');
  }

  .filterIcon.iconDirect {
    background-image: url('images/direct.svg');
  }

  .filterIcon.iconGold {
    background-image: url('images/gold-star.svg');
  }

  .filterIcon.iconCertified {
    background-image: url('images/certified-hobby-shop.svg');
  }

  .filterIcon.iconVerified {
    background-image: url('images/verified-seller.svg');
    background-size: 13px 13px;
  }

  .filterIcon.iconSellerInCart {
    background-image: url('images/cart.png');
    min-height: 11px;
    height: 11px;
    width: 14px;
    margin-right: 0;
  }


.listOfChoicesInline {
  list-style-type: none;
  display: inline;
  margin: 0;
  padding: 0;
}

  .listOfChoicesInline li {
    display: inline;
    margin-right: 10px;
  }

.listOfChoices {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.listOfChoices li {
  padding: 0px 4px 2px 0;
  line-height: 15px;
}

  ul.listOfChoices li span.option {
    float: left;
    width: 11px;
    height: 11px;
    background: url(../content/images/filter_sprites.png) 0 0;
    margin: 1px 5px 0 0;
  }

  ul.listOfChoices li.selected span.option {
    float: left;
    width: 11px;
    height: 11px;
    background: url(../content/images/filter_sprites.png) 21px 0;
    margin: 1px 5px 0 0;
  }

  ul.listOfChoices li.withIcon span.option {
    margin: 3px 5px 0 0;
  }

  ul.listOfChoices li.selected:hover span.options {
    background: url(../content/images/filter_sprites.png) 11px 0;
  }

  ul.listOfChoices li:hover span.options {
    background: url(../content/images/filter_sprites.png) 31px 0;
  }

.listOfChoicesWide {
  list-style-type: none;
  padding-right: 10px;
  display: inline;
  margin-left: 0px;
}

ul.listOfChoicesWide li {
  display: inline-block;
  padding-right: 10px;
  width: 140px;
}

  ul.listOfChoicesWide li select {
    width: auto;
  }

.countryselect {
  width: 300px;
  margin-bottom: 5px;
}

#productPriceSummary {
  width: 464px;
  min-height: 60px;
  display: none;
}

#featuredSellersWrap {
  width: 223px;
  min-height: 209px;
}

/*----16. OPTIMIZER----*/

.optimizer-container {
  position: relative;
  min-height: 200px;
  z-index: 3;
  background-color: white;
}

div.optimizer-wrap, div.optimizer-wrap-footer {
  position: relative;
  margin: 0 auto;
  margin-top: 24px;
  z-index: 1;
}

.optimizer-wrap-footer {
  z-index: 1 !important;
}

div.optimizer-wrap .marketWrap {
  border: 0px;
  border-radius: 3px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
}

div.optimizer-wrap .marketwrap-new {
  border-radius: 3px;
  box-shadow: none;
  border: 1px solid #dedede;
}

div.optimizer-adv-wrap {
  position: relative;
  top: -36px;
  width: 73%;
  margin: 0 auto;
  margin-top: 24px;
}

.optimizer.advanced-options .marketWrap {
  position: relative;
  padding: 10px;
}

.optimizer div.optimizer-options {
  margin-left: 2%;
  display: inline-block;
  width: 45%;
}

.optimizer div.current-cart {
  margin-left: 7%;
  vertical-align: top;
  display: inline-block;
  width: 45%;
}

.optimizer div.optimizer-options .toggle {
  display: inline-block;
}

.optimizer div.optimizer-options ul {
  margin: 0px;
}

.optimizer div.optimizer-options li {
  list-style: none;
  margin-top: 10px;
}

  .optimizer div.optimizer-options li label {
    width: 150px;
    display: inline-block;
    font-size: 16px;
    line-height: 28px;
    vertical-align: super;
  }

.optimizer div.optimizer-cart {
  width: 50%;
  float: right;
}

  .optimizer div.optimizer-options > div, .optimizer div.optimizer-cart > div {
    margin: 10px;
  }

.optimizer .cartSummary {
  border: 0;
  padding: 0px;
  width: 100%;
}

  .optimizer .cartSummary > h2 {
    display: none;
  }

  .optimizer .cartSummary > hr:first-of-type {
    display: none;
  }

  .optimizer .cartSummary .itemSum {
    font-size: 14px;
  }

.optimizer .largeBlueButton {
  margin-top: 32px;
}

#productListTable td {
  vertical-align: middle;
}

#productListTable tr:nth-child(even) {
  background-color: #FAFAFA;
}

.optItems .optCheckbox {
  float: left;
  width: 35px;
}

.optItems .optCardname {
  float: right;
  width: 216px;
}

.optQty {
  vertical-align: middle;
  text-align: center;
  font-size: 12pt;
}

.optSelTitle {
  display: inline-block;
  width: 75px;
}

.optSelVal {
  display: inline-block;
  width: 100px;
}

.optSelMod {
  display: inline-block;
  color: #FFFFFF;
  text-decoration: underline;
  display: inline-block;
  width: 50px;
}

  .optSelMod div {
    display: none;
  }

  .optSelMod:hover {
    text-decoration: none;
  }

.optModified {
  display: inline-block;
  color: #0e5c93;
  text-decoration: underline;
  display: none;
}

.optWrapper.dirty .optModified {
  display: inline-block;
}

.optWrapper.dirty:hover .optModified, .optWrapper.on .optModified {
  color: #FFFFFF;
}

.optModified:hover {
  text-decoration: none;
  cursor: pointer;
}

.optSelections:hover .optSelMod div {
  display: inline-block;
  cursor: pointer;
}

.optSelMod.show {
  display: inline-block;
}

.optDetails {
  display: none;
  padding: 5px;
}

  .optDetails li {
    margin-left: 5px;
  }

.optimizer-advanced .wait {
  display: none;
}

.optimizer-advanced .waitOn {
  display: inline-block;
  margin-left: 10px;
}

.optimizer-advanced .advanced-container {
  display: inline-block;
}

  .optimizer-advanced .advanced-container span {
    display: inline-block;
    width: 200px;
  }

.optWrapper {
  margin: 5px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

  .optWrapper.on {
    margin: 5px;
    /*border: 5px solid #FFFFFF;*/
    border-radius: 3px;
    -webkit-border-radius: 3px;
  }

.optSelections {
  padding: 5px;
  font-size: 11pt;
}

  .optSelections:hover, .optWrapper.on .optSelections {
    background-color: #0e5c93;
    color: white !important;
    border-radius: 3px;
  }

.optWrapper.on .optSelections {
  border-radius: 3px;
}

.optSelections p {
  display: inline-block;
  width: 100px;
  margin: 0px;
}

.optimizerMain {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

  .optimizerMain button {
    float: right;
  }

  .optimizerMain h1 {
    display: inline-block;
    width: 500px;
    font-size: 24px;
  }

.optimizerHeadLeft {
  width: 470px;
  display: inline-block;
  margin-right: 20px;
}

  .optimizerHeadLeft p {
    margin-top: 24px;
    font-size: 12px;
    line-height: 18px;
  }

.optimizerHeadRight {
  display: inline-block;
  vertical-align: top;
}

.optimizerMain table, .optimizerMain table th, .optimizerMain table td {
  border: 1px solid #DCDADB;
  -webkit-box-sizing: border-box; /* Needed for mobile WebKit */
  -moz-box-sizing: border-box; /* Needed for Firefox */
  box-sizing: border-box;
}

.optimizerMain table {
  margin: 16px 0;
}

  .optimizerMain table th {
    background-color: #EFEFEF;
    padding: 5px 5px 5px 8px;
    text-align: left;
  }

  .optimizerMain table td {
    padding: 8px;
  }

.optimizerMain h3 {
  display: inline-block;
}

.optimizerMain input {
  margin-right: 16px;
}

.optimizerMain ul {
  list-style-type: none;
  margin-left: 0px;
}

  .optimizerMain ul li {
    line-height: 25px;
  }

.optItemsHeader {
  width: 286px;
}

.optQtyHeader {
  width: 64px;
  text-align: center !important;
}

.optSettings {
  width: 354px;
}

.optError {
  background: #F6E8EA !important;
  border: 1px solid #E4B8BE !important;
}

.optimizerAlert {
  font-size: 14px;
  line-height: 15px;
  margin: 0 0 16px;
  padding: 0 8px 0 16px;
}

  .optimizerAlert .fa {
    font-size: 16px;
    color: indianred;
  }

.optimizer_banner {
  width: 955px;
  height: 60px;
  background: url(../content/images/banner_955.jpg) no-repeat 0 0;
  margin-bottom: 40px;
  margin-left: -6px;
  clear: both;
}

.optimizer_wrapper {
  width: 955px;
  height: 200px;
}

.optimizer_lowestprice_wrapper {
  float: left;
  margin-left: 38px;
  width: 370px;
  height: 180px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ccc;
  background: url(../content/images/sprite_opt.jpg) no-repeat 0 0;
}

.optimizer_lowestprice_text {
  width: 288px;
  float: left;
  clear: both;
  margin-top: 57px;
  margin-left: 64px;
}

.optimizer_lowestprice_spacer {
  width: 246px;
  height: 40px;
  float: left;
  clear: both;
  margin-top: 35px;
  margin-left: 62px;
}

.optimizer_lowestprice_content {
  background: url(../content/images/sprite_opt.jpg) no-repeat 0 -388px;
  display: block;
  height: 0;
  width: 100%;
  padding-top: 40px;
  text-indent: -999em;
  overflow: hidden;
}

.optimizer_wrapper_spacer {
  width: 120px;
  height: 180px;
  float: left;
}

  .optimizer_wrapper_spacer div {
    width: 30px;
    height: 28px;
    background: url(../content/images/sprite_opt.jpg) no-repeat 0 -360px;
    float: left;
    margin-left: 45px;
    margin-top: 80px;
  }

.optimizer_exactrarity_wrapper {
  float: left;
  width: 370px;
  height: 180px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ccc;
  background: url(../content/images/sprite_opt.jpg) no-repeat 0 -180px;
}

.optimizer_exactrarity_text {
  width: 288px;
  float: left;
  clear: both;
  margin-top: 57px;
  margin-left: 64px;
}

.optimizer_exactrarity_spacer {
  width: 246px;
  height: 40px;
  float: left;
  clear: both;
  margin-top: 15px;
  margin-left: 62px;
}

.optimizer_exactrarity_content {
  background: url(../content/images/sprite_opt.jpg) no-repeat 0 -388px;
  display: block;
  height: 0;
  width: 100%;
  padding-top: 40px;
  text-indent: -999em;
  overflow: hidden;
}

.ConditionActiveMessage {
  display: none;
}

.optimizer_wait {
  width: 700px;
  height: 400px;
  text-align: left;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -370px;
  margin-top: -220px;
  z-index: 1000;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
  padding: 20px;
  display: none;
}



.optWrapper {
  margin: 5px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  clear: both;
  padding: 5px 0px;
}

.tcg-dropdown-label {
  display: inline-block;
  padding: 5px;
}

.tcg-dropdown {
  border: 1px solid #cccccc;
  background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #0E5B93;
  border-radius: 4px;
  padding: 4px 5px;
}

  .tcg-dropdown:hover {
    border: 1px solid #3fa9f4;
    background: #3fa9f4;
    font-weight: normal;
    color: #fff;
  }

  .tcg-dropdown .icon {
    display: block;
    float: right;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-image: url(../Content/themes/base/images/ui-icons_222222_256x240.png);
    background-position: -128px -16px;
  }

  .tcg-dropdown:hover .icon {
    background-image: url("images/ui-icons_fff_256x240.png");
  }

  .tcg-dropdown .number-selected {
    display: inline-block;
    padding-top: 1px;
  }

.on .tcg-dropdown {
  border: 1px solid #3fa9f4;
  background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #3fa9f4;
}

.tcg-dropdown-options {
  position: absolute;
  display: none;
  border: 1px solid #dddddd;
  background: #FAFAFA;
  color: #0E5B93;
  width: 205px;
  float: right;
  border-radius: 4px;
  padding: 2px;
  z-index: 1000;
}

.tcg-dropdown-container {
  width: 210px;
  float: right;
}

.tcg-dropdown-options li:hover {
  background: #3fa9f4;
  border-radius: 4pt;
  color: #FFFFFF;
  cursor: pointer;
}

  .tcg-dropdown-options li:hover label {
    cursor: pointer;
  }

  .tcg-dropdown-options li:hover input {
    pointer-events: none;
  }

.tcg-dropdown-options.show {
  display: inline-block !important;
}

.tcg-modified {
  display: none;
}

.optWrapper.dirty .tcg-modified {
  display: inline-block;
  ;
}

.optimizerHeadWrap {
  height: 40px;
  margin-bottom: 30px;
}

.optimizerHeadLeft {
  float: left;
}

.optimizerHeadRight {
  float: right;
}

.optimizer-top {
  width: 100%;
  text-align: center;
}

  .optimizer-top .top-panel {
    width: 30%;
    border: 1px solid #dedede;
    border-radius: 3px;
    display: inline-block;
    font-size: 13px;
    margin-right: 4%;
  }

.current-cart {
  font-size: 13px;
}

.top-panel:last-child {
  margin-right: 0;
}


.top-panel .opt-header img {
  margin-top: 10px;
}

.top-panel .opt-header {
  height: 65px;
  text-align: center;
}

.top-panel .title-bar {
  height: 40px;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  font-size: 21px;
  padding-top: 9px;
  font-family: 'Proxima Nova', sans-serif;
}

.top-panel .content .blurb {
  height: 68px;
}

.top-panel .content {
  padding: 18px 20px 20px 20px;
  background-color: #fafdff;
  border-bottom: 1px solid #dedede;
  text-align: left;
}

.top-panel .details,
.current-cart .details {
  padding: 20px;
  text-align: left;
}

  .top-panel .details i,
  .current-cart .details i {
    font-size: 22px;
    float: right;
  }

.top-panel .details-header {
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #dedede;
}

.top-panel table,
.current-cart table {
  width: 100%;
}

  .top-panel table .bold-row,
  .current-cart table .bold-row,
  .top-panel table .big-row,
  .current-cart table .big-row {
    font-weight: bold;
  }

  .top-panel table .big-row,
  .current-cart table .big-row {
    font-size: 16px;
    height: 32px;
  }

  .top-panel table tr {
    height: 23px;
  }

  .top-panel table td,
  .current-cart table td {
    padding-bottom: 10px;
    vertical-align: top;
  }

.top-panel .grey-out {
  color: #dcdadb;
}

.details-table tr td {
  vertical-align: middle;
}

.top-panel .list-title {
  font-size: 16px;
}

.top-panel .details button {
  height: 46px;
  font-weight: normal;
}

.details-table tr td:last-of-type {
  text-align: right;
}

.details-table {
  margin-bottom: 8px;
}

.content-table {
  margin-top: 6px;
  vertical-align: bottom;
}

  .content-table tr {
    vertical-align: top;
  }

    .content-table tr td:first-of-type {
      padding-right: 20px;
      font-size: 18px;
      color: #158ece;
      vertical-align: 14px;
    }

.opt-direct {
  background-color: #1316CF;
}

.opt-verified {
  background-color: #7dc244;
}

.opt-any {
  background-color: #f79224;
}

.opt-direct-title {
  background-color: #070D64;
}

.opt-verified-title {
  background-color: #3cb649;
}

.opt-any-title {
  background-color: #e17602;
}

.opt-direct-color {
  color: #0b5b93;
}

.opt-verified-color {
  color: #3cb649;
}

.opt-any-color {
  color: #e17602;
}

.select-this-cart-button-wrap {
  width: 100%;
  text-align: center;
}

.select-this-cart-button {
  width: 100%;
}

.optimize-button {
  width: 100%;
  height: 46px;
  font: 16px Arial,sans-serif;
  cursor: pointer;
}

.optimizer-wrap .successMessage {
  padding: 10px;
  margin-bottom: 20px;
  background-color: #EDF4E1;
  border: 1px solid #86B437;
  border-radius: 3px;
  font-size: 15px;
}

  .optimizer-wrap .successMessage img {
    vertical-align: middle;
  }

  .optimizer-wrap .successMessage div {
    display: inline-block;
    vertical-align: middle;
  }

.top-panel .title-bar a {
  color: white;
}

.loading-container {
  height: 400px;
  background-color: #EFEFEF;
  border-radius: 5px;
  border: 1px solid #808080;
  text-align: center;
}

  .loading-container img {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .loading-container .loading-caption {
    font-size: 14px;
    font-weight: bold;
    color: #0E5B93;
  }

  .loading-container .loading-message {
    margin-top: 20px;
    font-size: 17px;
  }

.result-wrap {
  transition: height 1s;
}

/*----17. EMPTY SHOPPING CART----*/

.getGame {
  margin: 24px 0 40px 0;
}

  .getGame h2 {
    display: inline;
    color: #86B437;
  }

  .getGame span {
    font-size: 12.5px;
  }

.adSpace {
  margin: 24px 0 0 0;
}

.cartAd {
  display: inline-block;
  width: 288px;
  margin: 0 35px 0 0;
}

  .cartAd:last-child {
    margin-right: 0;
  }

  .cartAd button {
    position: relative;
    bottom: 160px;
    left: 167px;
  }

/*----18. Pager----*/
.pageView select {
  margin: 16px 0 0;
}

.pageList {
  float: right;
  margin: 16px 0;
}

.pageFirst {
    color: #000000;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    display: inline-block;
    margin: 0 8px 0 0;
    border: 1px solid #B3B3B3;
    height: 16px;
    width: 37px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    vertical-align: bottom;
}

.pageFirst:link {
    color: #000000;
    text-decoration: none;
}

.pageFirst:visited {
    color: #B3B3B3;
    text-decoration: none;
}

.pageFirst:hover {
    text-decoration: none;
}

.pageFirst:active {
    color: #000000;
    text-decoration: none;
}

.prevPage {
  background: url('images/pagingarrows.png') no-repeat 4px 3px;
  display: inline-block;
  margin: 0 8px 0 0;
  background-color: #0E5B93;
  border: 1px solid #0E5B93;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  vertical-align: bottom;
}

  .prevPage:link {
    background-color: #0E5B93;
    border: 1px solid #0E5B93;
  }

  .prevPage:visited {
    background-color: #0E5B93;
    border: 1px solid #0E5B93;
  }

  .prevPage:hover {
    background-color: #0E5B93;
    border: 1px solid #0E5B93;
  }

  .prevPage:active {
    background-color: #0E5B93;
    border: 1px solid #0E5B93;
  }

.pages {
  display: inline-block;
  background-color: #FFF;
  color: #0E5B93;
  padding: 0px 5px;
  height: 16px;
  font-size: 10px;
  line-height: 16px;
  margin: 0 8px 0 0;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  text-align: center;
  border: 1px solid #DCD9DA;
  vertical-align: bottom;
}

  .pages:link {
    background-color: #FFF;
    color: #0E5B93;
    border: 1px solid #B3B3B3;
    text-decoration: none;
  }

  .pages:visited {
    background-color: #FFF;
    color: #0E5B93;
    border: 1px solid #B3B3B3;
    text-decoration: none;
  }

  .pages:active {
    background-color: #FFF;
    color: #0E5B93;
    border: 1px solid #B3B3B3;
    text-decoration: none;
  }

  .pages:hover {
    background-color: #0E5B93;
    color: #FFF;
    border: 1px solid #0E5B93;
    text-decoration: none;
  }

.currentPage {
  background: #0E5B93;
  color: #FFF;
  border: 1px solid #0E5B93;
  text-decoration: none;
}

.nextPage {
  background: url('images/pagingarrows.png') no-repeat 6px -12px;
  display: inline-block;
  margin: 0 8px 0 0;
  background-color: #0E5B93;
  border: 1px solid #0E5B93;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  vertical-align: bottom;
}

  .nextPage:link {
    background-color: #0E5B93;
    border: 1px solid #0E5B93;
  }

  .nextPage:visited {
    background-color: #0E5B93;
    border: 1px solid #0E5B93;
  }

  .nextPage:hover {
    background-color: #0E5B93;
    border: 1px solid #0E5B93;
  }

  .nextPage:active {
    background-color: #0E5B93;
    border: 1px solid #0E5B93;
  }

.pageLast {
    color: #000000;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    display: inline-block;
    margin: 0 8px 0 0;
    border: 1px solid #B3B3B3;
    height: 16px;
    width: 37px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    vertical-align: bottom;
}

  .pageLast:link {
    color: #000000;
    text-decoration: none;
  }

  .pageLast:visited {
    color: #B3B3B3;
    text-decoration: none;
  }

  .pageLast:hover {
    text-decoration: none;
  }

  .pageLast:active {
    color: #000000;
    text-decoration: none;
  }

.ellipsis {
  width: 16px;
  height: 16px;
  font-size: 10px;
  line-height: 16px;
  margin: 0 8px 0 0;
  text-align: center;
  vertical-align: bottom;
}

.pageFirst.ui-state-disabled, .pageLast.ui-state-disabled {
  opacity: 1;
  background-color: #FFF;
  color: #B3B3B3;
  border: 1px solid #B3B3B3;
}

.prevPage.ui-state-disabled {
  opacity: 1;
  background: url('images/pagingarrows.png') no-repeat 4px 3px;
  background-color: #B3B3B3;
  border: 1px solid #B3B3B3;
}

.nextPage.ui-state-disabled {
  opacity: 1;
  background: url('images/pagingarrows.png') no-repeat 6px -12px;
  background-color: #B3B3B3;
  border: 1px solid #B3B3B3;
}

/*-----19. Login Page----*/

.loginHeader h1 {
  margin: 0px 16px 16px 0;
}

.loginWrapper {
  width: 943px;
}

.errorWrapper {
  width: 393px;
  height: 67px;
  margin-left: 24px;
  margin-top: 16px;
}

.accountContainer {
  display: inline-block;
  width: 445px;
  padding: 5px;
  background-color: #EFEFEF;
  margin: 14px 23px 40px 0;
  border-radius: 3px;
  border: solid 1px #DDDBDC;
  height: auto;
  vertical-align: top;
}

  .accountContainer:nth-child(2) {
    margin: 14px 0 0;
  }

  .accountContainer h2 {
    color: #86B437;
    margin-left: 24px;
    margin-top: 14px;
    line-height: 120%;
    font-size: 17px;
  }

  .accountContainer hr {
    border: 0;
    height: 0;
    border-top: 0 px dotted #DCDADB;
    border-bottom: 1px dotted #DCDADB;
    margin: 8px 24px 5px 24px;
  }

.innerBox {
  background-color: #FFF;
  padding: 5px;
  border-radius: 3px;
}

.accountContainer h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #595959;
  margin: 0 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px #DDDBDC dotted;
  font-weight: normal;
}

.accountLogin {
  display: block;
  width: 400px;
  height: 270px;
}

form ul {
  list-style-type: none;
}

ul.newPassword {
  margin: 0 0 0 25px;
}

.formInputPassword input {
  width: 100%;
  border: 1px solid #DDDBDC;
  box-shadow: 0 0 0 3px #EFEFEF;
  padding: 7px;
  background-image: url("../Content/images/passwordicon.png");
  background-repeat: no-repeat;
  background-position: right center;
  margin-bottom: 15px;
  box-sizing: border-box;
}

#loginContainer .formInputPassword input  {
  margin-bottom: 10px;
}

.formInputEmail input {
  width: 100%;
  border: 1px solid #DDDBDC;
  box-shadow: 0 0 0 3px #EFEFEF;
  padding: 7px;
  background-image: url("../Content/images/emailicon.png");
  background-repeat: no-repeat;
  background-position: right center;
  margin-bottom: 15px;
  box-sizing: border-box;
}

.accountLogin__recaptchaText {
    line-height: 1.25rem;
    margin-bottom: 15px;
    color: #999;
    margin-bottom: 0;
}

/* Hide ReCaptcha Badge */
.grecaptcha-badge {
    visibility: hidden;
}

.textfield {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  color: #999999;
}

  .textfield:focus, textarea:focus {
    box-shadow: 0 0 5px #C2D99B;
    border: 1px solid #C2D99B;
    color: #000;
  }

    .textfieldError:focus, textarea:focus error {
      box-shadow: 0 0 5px #E4B8BE;
      border: 1px solid #E4B8BE;
      color: #A41428;
      background-color: #F8EDEE;
    }

.textfieldError {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  color: #A41428;
}

.verticalAlignMiddle {
  vertical-align: middle;
}

/* Styling for Error Message */
.errorLogin {
  color: #A41428;
  border: #E4B8BE 1px solid;
  background-color: #F6E8EA;
  padding: 8px;
}

  .errorLogin p {
    margin: 3px 0px;
    line-height: 15px;
    font-size: 11.5px;
  }

.completeMessage {
  color: #86B437;
  border: 1px solid #DAE8C3;
  background-color: #EDF4E1;
  padding: 8px;
}

  .completeMessage p {
    margin: 3px 0px;
    line-height: 15px;
    font-size: 11.5px;
  }

.formInputPasswordError input {
  width: 100%;
  border: 1px solid #E4B8BE;
  box-shadow: 0 0 0 3px #EFEFEF;
  background-color: #F8EDEE;
  padding: 7px;
  background-image: url("../Content/images/passwordicon_alert.png");
  background-repeat: no-repeat;
  background-position: right center;
  margin-bottom: 15px;
  box-sizing: border-box;
}

.formInputEmailError input {
  width: 100%;
  border: 1px solid #E4B8BE;
  box-shadow: 0 0 0 3px #EFEFEF;
  background-color: #F8EDEE;
  padding: 7px;
  background-image: url("../Content/images/emailicon_alert.png");
  background-repeat: no-repeat;
  background-position: right center;
  margin-bottom: 15px;
  box-sizing: border-box;
}

.checkbox {
  font: 12px;
  color: #595959;
  width: 400px;
  display: block;
  clear: both;
  margin-left: 24px;
}

.accountLogin .checkbox {
    margin: 5px 0 15px 24px;
}

  .checkbox input {
    padding-right: 3px;
  }

.forgotPassword {
  display: inline-block;
  margin-left: 24px;
}

  .forgotPassword a {
    text-decoration: none;
    color: #0E5B93;
  }

    .forgotPassword a:hover {
      text-decoration: underline;
    }

.formInputPasswordInput:focus, textarea:focus {
  box-shadow: 0 0 5px #C2D99B;
  border: 1px solid #C2D99B;
  color: #000;
}

.formInputPasswordInput {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  color: #999999;
}

.formInputPasswordInputError:focus, textarea:focus error {
  box-shadow: 0 0 5px #E4B8BE;
  border: 1px solid #E4B8BE;
  color: #A41428;
  background-color: #F8EDEE;
}

.formInputPasswordInputError {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  color: #999999;
}

.tcgButton-narrow {
  padding: 4px 12px;
}

.buttonLogin {
  height: 36px;
  margin-left: 24px;
  margin-bottom: 15px;
  display: block;
}

/*-----Revalidation Page----*/
.requireValidation {
  display: inline-block;
  margin-left: 24px;
}

  .requireValidation a {
    text-decoration: none;
    color: #0E5B93;
  }

    .requireValidation a:hover {
      text-decoration: underline;
    }

.revalidationContainer {
  display: inline-block;
  width: 445px;
  padding: 5px;
  background-color: #EFEFEF;
  margin: 0 25% 0 25%;
  border-radius: 0px;
  border: solid 1px #DDDBDC;
  height: auto;
  vertical-align: top;
}

  .revalidationContainer:nth-child(2) {
    margin: 14px 0 0;
  }

  .revalidationContainer h3 {
    margin-left: 24px;
    margin-top: 14px;
    line-height: 100%;
    font-size: 15px;
  }

  .revalidationContainer h2 {
    color: #86B437;
    margin-left: 24px;
    margin-top: 14px;
    line-height: 120%;
    font-size: 17px;
  }

  .revalidationContainer h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #595959;
    margin: 0 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px #DDDBDC dotted;
    font-weight: normal;
  }

  .revalidationContainer hr {
    border: 0;
    height: 0;
    border-top: 0 px dotted #DCDADB;
    border-bottom: 1px dotted #DCDADB;
    margin: 8px 24px 5px 24px;
  }

/*----20. Forgot Password----*/

.forgotPasswordBox {
  margin: 0 auto;
  width: 927px;
  padding: 5px;
  background-color: #EFEFEF;
  border-radius: 3px;
  border: solid 1px #DDDBDC;
  height: auto;
}

  .forgotPasswordBox h2 {
    color: #86B437;
    margin-left: 24px;
    margin-top: 14px;
    line-height: 120%;
    font-size: 17px;
  }

  .forgotPasswordBox hr {
    border: 0;
    height: 0;
    border-top: 0 px dotted #DCDADB;
    border-bottom: 1px dotted #DCDADB;
    margin: 8px 24px 5px 24px;
  }

  .forgotPasswordBox p {
    margin: 24px;
    color: black;
    font-size: 12.5px;
  }

  .forgotPasswordBox span {
    margin-left: 20px;
  }

.innerEmailBox {
  background-color: #FFF;
  border-radius: 3px;
  padding: 24px;
}

.emailSent {
  background-color: #EDF4E1;
  padding: 10px;
  margin: 24px;
  border: 1px solid #DAE8C3;
}

  .emailSent p {
    margin: 0px;
    color: #86B437;
    font-size: 11.5px;
    line-height: 15px;
  }

.invalidEmail {
  background-color: #F6E8EA;
  border: 1px solid #E4B8BE;
  padding: 10px;
  margin: 24px;
}

  .invalidEmail p {
    margin: 0px;
    color: #A41428;
    font-size: 11.5px;
    line-height: 15px;
  }

.forgotPasswordCopyrightText {
  color: #595959;
}

  .forgotPasswordCopyrightText a {
    color: #0E5B93;
    text-decoration: none;
    font-weight: lighter;
  }

    .forgotPasswordCopyrightText a:hover {
      text-decoration: underline;
    }

.forgotPasswordEmailInput:focus, textarea:focus {
  box-shadow: 0 0 5px #C2D99B;
  border: 1px solid #C2D99B;
  color: #000;
}

.forgotPasswordEmailInput {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  color: #999999;
}

.forgotPasswordEmailInputError:focus, textarea:focus error {
  box-shadow: 0 0 5px #E4B8BE;
  border: 1px solid #E4B8BE;
  color: #A41428;
  background-color: #F8EDEE;
}

.forgotPasswordEmailInputError {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  color: #A41428;
}

.returnToLogin {
  display: inline-block;
  margin-left: 24px;
}

  .returnToLogin a {
    text-decoration: none;
    color: #0E5B93;
  }

    .returnToLogin a:hover {
      text-decoration: underline;
    }

/*----21. Customer Account Page----*/

.myAccountBody {
  font-size: 13px;
  line-height: 14.5px;
}

.accountTopWrap {
  margin: 8px 0px 20px 0px;
}

.sideBar {
  display: inline-block;
  width: 200px;
  min-height: 500px;
  box-sizing: border-box;
  -ms-border-radius: 3px;
  border: 0 solid #DDDADB;
  margin-top: -11px;
}

.accountMenu {
  list-style-type: none;
  list-style-position: outside;
  margin: 10px 8px 10px 8px;
  padding: 0px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

  .accountMenu li {
    cursor: pointer;
    padding: 8px 8px;
    background-color: #F8F8F8;
    margin-bottom: 3px;
    color: #000000;
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 600;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

    .accountMenu li a {
      color: #000000;
      font-weight: lighter;
      text-decoration: none;
      border: none;
      outline: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    .accountMenu li.active {
        background-color: #0835DB;
    }

    .accountMenu li.active a {
        color: #FFFFFF;
    }

      .accountMenu li a:link {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      }

    .accountMenu li:hover {
      background: #FFFFFF;
    }

    .accountMenu li:hover a {
      color: #000000;
    }

    .accountMenu li a:hover {
      text-decoration: none;
    }

    .accountMenu li a:active {
      text-decoration: none;
      background-color: #0835DB;
      color: #FFFFFF;
    }

/*.accountMenu li a:active { text-decoration: none; color: #86B437; }*/
.accountRightWrap {
  margin-left: 12px;
  width: 715px;
  vertical-align: top;
  display: inline-block;
}

  .accountRightWrap h1 {
    margin: 0px;
    font-size: 22px;
  }

.lookupOrder {
  background-image: url("../Content/images/OrderHistory.svg");
  background-position: center 15px;
  background-size: 400px;
  color: #86B437;
  background-repeat: no-repeat;
  border: 5px solid #E6E6E6;
  border-radius: 5px;
  display: inline-block;
  height: 190px;
  margin-bottom: 25px;
  margin-right: 20px;
  overflow: hidden;
  width: 208px;
  margin-top: 16px;
  text-align: center;
}

  .lookupOrder:hover {
    background-image: url("../Content/images/OrderHistory.svg");
    background-repeat: no-repeat;
    background-size: 400px;
    background-position: center -162px;
    text-decoration: none;
    background-color: #86B437;
    color: #FFF;
  }

.sellWith {
  background-image: url("../Content/images/sell.svg");
  background-position: center 15px;
  background-size: 400px;
  background-repeat: no-repeat;
  border: 5px solid #E6E6E6;
  border-radius: 5px;
  display: inline-block;
  height: 190px;
  margin-bottom: 25px;
  margin-right: 20px;
  overflow: hidden;
  width: 208px;
  margin-top: 16px;
  text-align: center;
}

  .sellWith:hover {
    background-image: url("../Content/images/sell.svg");
    background-repeat: no-repeat;
    background-size: 400px;
    background-position: center -160px;
    text-decoration: none;
    background-color: #86B437;
    color: #FFF;
  }

.infoFAQ {
  background-image: url("../Content/images/Account-Buylist.svg");
  background-position: center 15px;
  background-size: 400px;
  background-repeat: no-repeat;
  border: 5px solid #E6E6E6;
  border-radius: 5px;
  display: inline-block;
  height: 190px;
  margin-bottom: 25px;
  overflow: hidden;
  width: 208px;
  margin-top: 16px;
  text-align: center;
}

  .infoFAQ:hover {
    background-image: url("../Content/images/Account-Buylist.svg");
    background-repeat: no-repeat;
    background-size: 400px;
    background-position: center -160px;
    text-decoration: none;
    background-color: #86B437;
    color: #FFF;
  }

.accountStoreCredit {
  border-radius: 3px;
  -ms-border-radius: 3px;
  width: 650px;
  min-height: 210px;
  padding: 24px;
  background-color: #FFF;
}

.accountStoreCreditOuter {
  border: 1px solid #DCDADB;
  border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #EFEFEF;
  padding: 5px;
  margin-top: 16px;
  margin-bottom: 24px;
}

.accountStoreCredit h2 {
  margin: 0px;
  color: #86B437;
}

.accountStoreCredit hr {
  border: 0;
  height: 0;
  border-top: 0px dotted #DCDADB;
  border-bottom: 1px dotted #DCDADB;
  margin: 8px 0px 24px 0px;
}

.accountStoreCredit span {
  color: #006600;
}

.manageAddressOuter {
  border: 1px solid #DCDADB;
  border-radius: 3px;
  -ms-border-radius: 3px;
  background-color: #EFEFEF;
  padding: 5px;
  margin-top: 16px;
  margin-bottom: 24px;
}

.manageAddress {
  border-radius: 3px;
  -ms-border-radius: 3px;
  width: 650px;
  height: auto;
  padding: 18px 24px 24px 24px;
  background-color: #FFF;
}

  .manageAddress h2 {
    color: #86B437;
    display: inline-block;
    width: 460px;
  }

  .manageAddress hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #DCDADB;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    height: 0;
    margin: -10px 0px 40px 0px;
  }

.accountAddress {
  display: inline-block;
  width: 200px;
  vertical-align: top;
  margin-right: 20px;
  margin-bottom: 24px;
}

  .accountAddress:nth-child(3n+3) {
    margin-right: 0px;
  }

  .accountAddress ul {
    list-style-type: none;
    margin: -15px 0px 0px -30px;
  }

  .accountAddress li {
    font-size: 12px;
    margin: 0px;
    line-height: 5px;
  }

  .accountAddress a {
    margin-left: 10px;
  }

.formWrap {
  width: 700px;
  margin-bottom: 16px;
}

.changeAccountBox {
  background-color: #EFEFEF;
  border-radius: 3px;
  height: auto;
  font-family: Helvetica, sans-serif;
}
  .changeAccountBox > div {
    background-color: #FFF;
    border-radius: 3px;
    padding: 24px;
  }

  .changeAccountBox .validationMessages ul {
    border-radius: 8px;
    list-style-type: none;
    padding: 16px;
    margin: 24px 0;
  }

  .changeAccountBox .validationMessages ul:empty {
    display: none;
  }

  .changeAccountBox .validationMessages .successMessages {
    background-color: #DAFAE4;
    border: 1px solid #179643;
  }

  .changeAccountBox .validationMessages .successMessages a {
    color: #003E13;
  }

  .changeAccountBox .validationMessages .errorMessages {
    background-color: #FFDADA;
    border: 1px solid #D30311;
  }


  .changeAccountBox h2 {
    color: #000000;
    display: block;
  }

  .changeAccountBox hr {
    border: 0;
    height: 0;
    border-top: 0;
    border-bottom: 1px dotted #DCDADB;
    margin: 15.5px 0;
  }

  .changeAccountBox input {
    background-image: none;
    font-size: 11px;
    margin:0;
  }

  .changeAccountBox input.input-validation-error {
    background-color: #FFEDF3;
  }

  .changeAccountBox input::placeholder {
      color: #767676;
    }

  .changeAccountBox form ul {
    margin: 24px 0;
    display: grid;
    grid-gap: 15px;
  }

  .changeAccountBox .buttonLogin {
    margin: 0;
    text-align: right;
  }

  .changeAccountBox .buttonLogin input {
    font-size: 16px;
    background-color: #0835DB;
    border-radius: 4px;
    width: 146px;
  }

  .changeAccountBox .buttonLogin input:disabled {
    background-color: #9fADDF;
  }

.changeAccountBoxText {
  color: black;
  font-size: 12.5px;
  font-weight: bold;
  font-family: "Proxima Nova", sans-serif;
}

.required, .requiredError {
  text-align: right;
  margin: 5px 24px 24px 0px;
  width: 150px;
  display: inline-block;
}

.requiredError {
  color: #A41428;
}

.addressWrap {
  margin-bottom: 24px;
  width: 685px;
}

.shipAddress,
.inStorePickup {
  display: inline-block;
  width: 190px;
  vertical-align: top;
  margin: 16px 50px 12px 0;
}

  .shipAddress:nth-child(3n+3) {
    margin-right: 0px;
  }

  .shipAddress h2 {
    margin: 0;
    font-size: 13px !important;
    font-weight: bold;
    width: 190px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .shipAddress h2 span:focus {
    outline: solid;
  }

  .shipAddress h4,
  .inStorePickup h4 {
    margin: 0;
  }

  .shipAddress ul {
    list-style-type: none;
    margin: 0 0 5px 0;
    min-height: 99px;
    padding-left: 0;
  }

  .shipAddress li {
    font-size: 12px;
    line-height: 16px;
    width: 190px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .shipAddress a {
    margin-left: 10px;
    text-decoration: underline;
    color: #0E5B93;
    font-weight: lighter;
  }

    .shipAddress a:hover {
      color: #86B437;
    }

  .inStorePickup .instructions {
    max-width: 140px;
    font-size: 12px;
    line-height: 14px;
    min-height: 99px;
    margin: 0 0 5px 10px;
  }

.addressBottom {
  margin-top: 10px;
}

.pageListBottom {
  display: inline-block;
  width: 100%;
}

  .pageListBottom ul {
    float: right;
    line-height: 10px;
  }

  .pageListBottom li {
    display: inline;
    list-style-type: none;
  }

  .pageListBottom a {
    color: #0E5B93;
    font-weight: lighter;
    text-decoration: none;
  }

    .pageListBottom a:hover {
      text-decoration: underline;
    }

.addressPopUp {
  background-color: #FFF;
  width: 714px;
  border: 5px solid #595959;
  border-radius: 3px;
  -ms-border-radius: 3px;
  margin: 0 auto;
  position: relative;
  top: 50%;
  z-index: 9999;
}

  .addressPopUp img {
    position: relative;
    top: 16px;
    float: right;
    margin-right: 16px;
  }

.addressTopBox {
  z-index: 99999;
  display: block;
  margin: -16px 0;
  background: #efefef; /* Old browsers */
  background: -moz-linear-gradient(top, #efefef 0%, #ffffff 49%, #efefef 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(49%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #efefef 0%,#ffffff 49%,#efefef 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #efefef 0%,#ffffff 49%,#efefef 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #efefef 0%,#ffffff 49%,#efefef 100%); /* IE10+ */
  background: linear-gradient(to bottom, #efefef 0%,#ffffff 49%,#efefef 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}

  .addressTopBox h3 {
    position: relative;
    top: 16px;
    margin: 16px;
    width: 410px;
  }

  .addressTopBox h3:focus {
    outline: solid;
  }

.accountUpdateSuccess {
  background-color: #EDF4E1;
  border: 1px solid #DAE8C3;
  padding: 1px 10px;
  color: #86B437;
}

.accountUpdateError {
  background-color: #F6E8EA;
  border: 1px solid #E4B8BE;
  padding: 1px 10px;
  color: #A41428;
}

.addressPopUp img {
  position: relative;
  top: 16px;
  float: right;
  margin-right: 16px;
}

.addressBottomBox {
  max-height: 475px;
  display: block;
  margin-top: 15px;
  border-top: 1px solid #B3B3B3;
  padding-left: 14px;
}

  .addressBottomBox p {
    margin: 16px;
  }

.addAddress {
  border-radius: 3px;
  -ms-border-radius: 3px;
  border: 5px solid #DCDADB;
  width: 155px;
  height: 86px;
  margin-top: 22px;
  cursor: pointer;
}

.innerAddAddress img {
  display: inline-block;
  float: left;
  margin-top: 5px;
}

.innerAddAddress {
  width: 135px;
  height: 50px;
  margin: 10px auto;
}

  .innerAddAddress h3 {
    line-height: 17px;
    width: 95px;
    margin-top: 15px;
    margin-left: -10px;
    display: inline-block;
  }

#confirmAddresDeleteWithPayments {
  line-height: 20px;
}
/*----22. TCG Hint Module----*/

.hint {
}

  .hint .hintToggle {
    cursor: pointer;
  }

  .hint .hintBox {
    display: none;
    position: absolute;
    width: 350px;
    height: auto;
    min-height: 100px;
    background: #FFFFFF;
    border-style: Solid;
    border-color: #DCDADB;
    border-width: 1px;
    border-radius: 3px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
    z-index: 1000;
  }

.hintTitleContainer {
  display: block;
  width: 100%;
  height: 30px;
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  color: #595959;
  background: #EBF6FC;
  border-style: Solid;
  border-color: #DCDADB;
  border-width: 0px 0px 1px 0px;
  border-radius: 3px 2px 0px 0px / 3px;
  margin: 0px;
  padding: 0px;
}

.hintTitle {
  padding: 7px 0px 0px 16px;
  display: block;
  float: left;
  width: 250px;
  color: #595959 !important;
}

.hintBody {
  display: block;
  padding: 16px;
  padding-bottom: 0px;
  font-size: 11px !important;
  color: #595959 !important;
  line-height: 14px !important;
}

  .hintBody li {
    font-weight: normal;
    margin: 0px !important;
    padding: 0px;
    line-height: 12px !important;
    font-size: 11px;
    list-style-image: url("images/Directstar.png");
  }

.hintLink {
  display: block;
  padding: 0px 16px 10px 16px;
  text-align: right;
}

.hintClose {
  cursor: pointer;
  padding: 7px 16px 0px 0px;
  display: block;
  float: right;
}

.hintLeftArrow {
  position: absolute;
  float: left;
  width: 15px;
  min-height: 30px;
  background-image: url('images/pointer.png');
  z-index: 1000;
}

.hintRightArrow {
  position: absolute;
  top: calc(50% - 15px);
  right: -15px;
  width: 15px;
  min-height: 30px;
  background-image: url('images/pointer.png');
  background-position: 15px 0px;
  z-index: 1000;
}

ul.directHintBottomPadding li {
  padding-bottom: 2px;
}

.sneakPeekP15 {
  background: url("../Content/images/FreeUpgradeBanner.png") no-repeat center top;
  width: 974px;
  margin: -16px -15px 24px;
}

.fillerP15 {
  height: 230px;
}

.freeUpgrade {
  width: 934px;
  margin: 0 auto;
}

.freeUpgradeLeft {
  display: inline-block;
  width: 670px;
}

.freeUpgrade h1 {
  margin: 0;
}

  .freeUpgrade h1 span {
    color: #86B437;
  }

.onePackageP15 {
  margin-top: 16px;
}

  .onePackageP15 img {
    display: inline-block;
  }

.onePackageTextP15 {
  display: inline-block;
  vertical-align: top;
  width: 600px;
  margin-left: 16px;
}

  .onePackageTextP15 h2 {
    color: #86B437;
    margin: 0px;
  }

  .onePackageTextP15 p {
    line-height: 18px;
    margin: 5px 0;
  }

.directQuestionsP15 {
  background: #F9F9F9;
  width: 220px;
  vertical-align: top;
  display: inline-block;
  border: 1px solid #DCDADB;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  padding: 10px 10px 0 10px;
  margin: 24px 0 0 18px;
}

  .directQuestionsP15 p {
    margin: 0;
    padding: 0 0 10px 0;
  }

  .directQuestionsP15 img {
    display: inline-block;
    vertical-align: top;
  }

  .directQuestionsP15 a {
    margin-left: 10px;
    line-height: 18px;
    margin-left: 10px;
    display: inline-block;
    width: 190px;
  }

.packageWrap {
  margin: 40px 16px 64px 16px;
}

.directPackageContainerP15 {
  background: url('../Content/images/direct-banner-head.svg') no-repeat;
  margin: 24px 0 0;
}

.packageHeaderP15 {
  color: #FFF;
  font-weight: normal;
  margin: 0 0 3px 10px;
  padding-top: 3px;
  font-size: 17px;
}

.directWrapP15 {
  background: #F9F9F9;
  border: 5px solid #008ED3;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  padding: 16px 8px 8px 8px;
  margin: 0 0 24px;
}

  .directWrapP15 img {
    display: inline-block;
    margin: 0 40px 16px 0;
  }

.packageMessageP15 {
  display: inline-block;
  width: 700px;
  vertical-align: top;
}

  .packageMessageP15 h3 {
    margin: 0 0 10px 0;
  }

  .packageMessageP15 h4 {
    color: #B3B3B3;
    margin: 10px 0 0 0;
  }

  .packageMessageP15 a {
    font-size: 11px;
  }

  .packageMessageP15 hr {
    border: 0;
    height: 0;
    border-top: 0 px dotted #DCDADB;
    border-bottom: 1px dotted #DCDADB;
    margin: 8px 0;
  }

.confirmMessageP15 {
  background: #FFF;
  border: 3px solid #B3CEE6;
  border-radius: 5px;
  padding: 16px;
  line-height: 20px;
}

.directDetailNumP15 li {
  padding: 0;
}

.directDetailNumP15 span a {
  font-weight: bold;
}

.directDetailNumP15 span {
  font-weight: bold;
  font-size: 15px;
}

.directOrderNumP15 {
  font-size: 13px;
  list-style-type: disc;
  font-weight: normal;
  margin: 0;
}

  .directOrderNumP15 li {
    padding: 0;
  }

.marketPackageContainerP15 {
  background: url('../Content/images/marketplacetabhead.png') no-repeat;
}

.marketWrapP15 {
  background: #FFF;
  border: 5px solid #DCDADB;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  padding: 16px;
  margin: 0 0 24px;
}

.marketConfirmP15 {
  background: #FFF;
  margin: 0 0 8px;
}

  .marketConfirmP15 p {
    margin: 8px;
  }

.marketDetailNumP15 {
  list-style-position: inside;
}

  .marketDetailNumP15 li {
    padding: 0;
  }

  .marketDetailNumP15 span {
    font-weight: bold;
    font-size: 15px;
  }

    .marketDetailNumP15 span a {
      font-weight: bold;
    }

/*----23. Cart important messages accordion----*/

.ui-accordion {
  border: none !important;
}

  .ui-accordion .ui-accordion-header {
    border: none !important;
    padding: 6px 6px 0 0 !important;
    line-height: inherit !important;
    font-size: 13px;
    !important;
  }

  .ui-accordion .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-state-hover, .ui-widget-content .ui-state-hover,
  .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: none !important;
    color: #595959 !important;
  }

  .ui-accordion .ui-icon {
    float: left;
    margin: 3px 0 0 -5px;
    line-height: inherit;
  }

  .ui-accordion .ui-accordion-content {
    padding: 0 !important;
  }

.ui-helper-reset {
  line-height: inherit !important;
}

.ui-widget-content a {
  color: #0e5b93 !important;
}

.nodeName {
  display: table;
  margin: 0 auto;
  font-size: x-small;
  color: #eeeeee;
}

.Description {
  font-style: italic;
  font-size: 11px;
  color: #666666;
  margin-bottom: 10px;
}

/* Price Guide View */

.tab-filters-container {
  background-color: #FFF;
  height: 41px;
  margin: 16px 0;
  width: 736px;
  border-bottom: 1px solid #dcdadb;
}

.tab-filters {
  border-bottom: 1px solid #dcdadb;
  float: left;
  height: 40px;
  position: relative;
}

  .tab-filters .tab-filter {
    float: left;
    font-size: 15px;
    color: #0e5b93;
    cursor: pointer;
    background-color: #f9f9f9;
    border: 1px solid #dcdadb;
    display: inline-block;
    text-align: center;
  }

    .tab-filters .tab-filter:not(.tab-filter-active) .tab-filter-container {
      padding: 6px 16px 4px 16px;
      display: inline-block;
    }

    .tab-filters .tab-filter.tab-filter-active .tab-filter-container {
      padding: 4px 16px 4px 16px;
    }

    .tab-filters .tab-filter:not(.tab-filter-active):hover {
      border-top: 3px solid #008ed3;
      color: #008ed3;
    }

      .tab-filters .tab-filter:not(.tab-filter-active):hover .tab-filter-container {
        padding-top: 4px;
      }

      .tab-filters .tab-filter:not(.tab-filter-active):hover a {
        color: #008ed3;
        text-decoration: none;
      }

  .tab-filters .tab-filter-active {
    background-color: #fff;
    border-left: 1px solid #dcdadb;
    border-right: 1px solid #dcdadb;
    border-top: 3px solid #0e5b93;
    border-bottom: 1px solid #fff;
    color: #595959;
    display: inline-block;
  }

  .tab-filters .tab-filter a {
    float: left;
    font-size: 15px;
    color: #0e5b93;
    cursor: pointer;
  }

.tab-filters-message {
  color: #595959;
  float: right;
  vertical-align: bottom;
  font-size: 10px;
  line-height: 10px;
  padding: 24px 0 8px 0;
}

.tab-filter-icon {
  height: 30px;
  width: 30px;
}

.iconShoppingView {
  font-size: 22px;
  padding-top: 2px;
}

.filterBox .inactive {
  background: #F9F9F9;
}

.priceGuideTable {
  border: 1px solid #dcdadb;
  font-family: Arial;
  font-size: 11px;
  margin: 0 auto;
  width: 100%;
}

  .priceGuideTable th {
    color: #595959;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    height: 25px;
    background: #efefef;
    border-right: 1px solid #dcdadb;
    border-bottom: 1px solid #dcdadb;
    vertical-align: middle;
  }

priceGuideTable .cellWrapper {
  display: block;
}

.priceGuideTable th {
  padding: 5px;
}

.priceGuideTable .productHead {
  width: 22%;
}

.priceGuideTable .rarityHead {
  width: 8%;
}

.priceGuideTable .numberHead {
  width: 8%;
}

.priceGuideTable .LastSoldHead {
  background: #86B437;
  color: #fff;
  border-right: #dcdadb;
  width: 11%;
  position: relative;
}

.priceGuideTable .medianPriceHead {
  background: #595959;
  color: #fff;
  border-right: #dcdadb;
  width: 13%;
  position: relative;
}

.priceGuideTable .marketPriceHead {
  background: #86B437;
  color: #fff;
  border-right: #dcdadb;
  width: 12%;
  position: relative;
}

.priceGuideTable .buylistMarketPriceHead {
  background: #0E5B93;
  color: #fff;
  border-right: #dcdadb;
  width: 17%;
  position: relative;
}

.priceGuideTable .priceHistoryHead {
  background: #B3B3B3;
  color: #fff;
  border-right: #dcdadb;
  width: 11%;
  position: relative;
}

.priceGuideTable .shopHead {
  width: 8%;
}

.priceGuideTable i[class*="sort"] {
  float: right;
  padding: 5px;
}

.priceGuideTable td {
  border-bottom: 1px solid #dcdadb;
  padding: 5px;
  border-right: 1px solid #dcdadb;
  font-size: 11px;
  line-height: 16px;
  color: #595959;
  vertical-align: top;
}

.priceGuideTable tr.odd, .storeCreditTable tr.odd {
  background-color: #f9f9f9;
}

.priceGuideTable tr.even, .storeCreditTable tr.even {
  background-color: #ffffff;
}

.priceGuideTable .thumbnail {
  display: inline-block;
  margin: 0px 5px 0px 0px;
  width: 21px;
  text-align: center;
}

  .priceGuideTable .thumbnail img {
    width: 21px;
    height: auto;
  }

.priceGuideTable .product {
}

.priceGuideTable .productDetail {
  display: inline-block;
  vertical-align: top;
  max-width: 130px;
  font-size: 110%;
}

.priceGuideTable .shop, .priceGuideTable .medianPrice, .priceGuideTable .lowestPrice, .priceGuideTable .marketPrice, .priceGuideTable .rarity, .priceGuideTable .number, .priceGuideTable .priceHistory, .priceGuideTable .buylistMarketPrice {
  vertical-align: middle;
}

.priceGuideTable .lockOuterWrapper {
  text-align: center;
}

.priceGuideTable .lockInnerWrapper {
  width: 100%;
  height: 100%;
}

.priceGuideTable .lockOuterWrapper,
.priceGuideTable .lockOuterWrapper a {
  color: #B3B3B3;
}

  .priceGuideTable .lockOuterWrapper:hover,
  .priceGuideTable .lockOuterWrapper:hover a {
    color: #444444;
  }

  .priceGuideTable .lockOuterWrapper .fa-lock {
    font-size: 14px;
  }

.imprintExample {
  margin-left: 200px;
  margin-bottom: 10px;
  font-style: italic;
  font-size: 85%;
  margin-top: -15px !important;
}


/*24--SEARCH BAR NEW CSS, will move eventually*/

::-ms-clear {
  display: none;
}

.sg-search {
  font-family: Arial,sans-serif;
  border-radius: 4px;
  border: 2px solid #999999;
  height: 34px;
  width: 600px;
  overflow: hidden;
  clear: both;
  position: absolute;
  top: -9px;
  left: 35px;
  background-color: #ffffff;
}

  .sg-search input {
    border: 0 !important;
    height: 100%;
    width: 545px;
    padding-left: 10px;
    float: left;
    font-size: 14px;
  }

    .sg-search input:focus {
      outline: none;
    }

  .sg-search .sg-search-button {
    border: 0;
    width: 44px;
    height: 34px;
    right: 0;
    position: absolute;
    cursor: pointer;
    background: #76c144; /* Old browsers */
    background: url(images/search-bar-bg.png) center center no-repeat,-moz-linear-gradient(top, #76c144 0%, #52b65d 100%); /* FF3.6+ */
    background: url(images/search-bar-bg.png) center center no-repeat,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#76c144), color-stop(100%,#52b65d)); /* Chrome,Safari4+ */
    background: url(images/search-bar-bg.png) center center no-repeat,-webkit-linear-gradient(top, #76c144 0%,#52b65d 100%); /* Chrome10+,Safari5.1+ */
    background: url(images/search-bar-bg.png) center center no-repeat,-o-linear-gradient(top, #76c144 0%,#52b65d 100%); /* Opera 11.10+ */
    background: url(images/search-bar-bg.png) center center no-repeat,-ms-linear-gradient(top, #76c144 0%,#52b65d 100%); /* IE10+ */
    background: url(images/search-bar-bg.png) center center no-repeat,linear-gradient(to bottom, #76c144 0%,#52b65d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76c144', endColorstr='#52b65d',GradientType=0 ); /* IE6-9 */
  }

    .sg-search .sg-search-button:hover {
      background: url(images/search-bar-bg.png) center center no-repeat #3cb54a;
    }

  .sg-search .sg-camera-button {
    border: 0;
    width: 44px;
    height: 34px;
    right: 45px;
    position: absolute;
    cursor: pointer;
  }


.sg-search-results {
  color: #000000;
  font-family: Arial,sans-serif;
  font-size: 14px;
  border: 1px solid #dad9d8;
  width: 580px;
  border-radius: 4px;
  padding: 10px;
  box-shadow: 0px 0px 5px #ccc;
}

  .sg-search-results a {
    color: #148dcd;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
  }

    .sg-search-results a:hover {
      text-decoration: underline;
    }

.sg-search-results-left {
  width: 340px;
  height: 100%;
  float: left;
  padding-right: 10px;
}

  .sg-search-results-left p {
    margin-top: 0;
    padding-top: 0;
  }

.sg-search-results-right {
  width: 219px;
  height: 100%;
  float: left;
  padding-left: 10px;
  border-left: 1px solid #e0dedf;
}

.sg-search-results-right-top {
  width: 219px;
  height: 100%;
  float: left;
  border-bottom: 1px solid #e0dedf;
  padding-bottom: 14px;
}

  .sg-search-results-right-top p {
    margin-bottom: 0;
  }


.sg-search-results-right-bottom {
  width: 219px;
  height: 100%;
  float: left;
  padding-top: 10px;
}

  .sg-search-results-right-bottom a {
    color: #148dcd;
    font-weight: normal !important;
    text-decoration: none;
    font-size: 12px;
  }

.sg-search-results a:hover {
  text-decoration: underline;
}

.sg-search-results-right-bottom p {
  font-weight: normal !important;
  font-size: 12px;
}

.sg-search-results-bottomright a {
  color: #148dcd;
}

.sg-search-results-title {
  margin-top: 6px;
  margin-bottom: 5px;
}

.sg-search-gray {
  color: #919191 !important;
  font-size: 12px;
}

.sg-search-normal {
  margin-top: -8px;;

}

  .sg-search-normal a {
    font-weight: normal;
  }

.sg-search-right-results {
  line-height: 110%;
}

.sg-search-alert {
  font-family: Arial,sans-serif;
  width: 197px;
  height: 43px;
  background-image: url(images/search-alert-bg.png);
  position: relative;
  margin-left: 33px;
  font-size: 11px;
  padding: 10px 0 0 40px;
  line-height: 120%;
  float: left;
}

  .sg-search-alert a {
    color: #148dcd;
    font-weight: normal !important;
    text-decoration: none;
  }

    .sg-search-alert a:hover {
      text-decoration: underline;
    }

.sg-search-feedback {
  font-size: 11px;
  font-family: Arial, sans-serif;
  float: left;
  margin-top: 23px;
  margin-left: 14px;
}

  .sg-search-feedback a {
    color: #148dcd;
    font-weight: normal !important;
    text-decoration: none;
  }

    .sg-search-feedback a:hover {
      text-decoration: underline;
    }

.ac_results {
  color: #000000;
  font-family: Arial,sans-serif !important;
  font-size: 14px;
  border: 1px solid #dad9d8 !important;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 0px 5px #ccc;
  overflow: hidden;
  z-index: 99999;
}

  .ac_results ul {
    font-family: Arial,sans-serif !important;
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .ac_results li {
    font-family: Arial,sans-serif !important;
    margin: 0px;
    /*padding: 10px;*/
    padding-left: 5px;
    display: block; /*      if width will be 100% horizontal scrollbar will apear   when scroll mode will be used   */ /*width: 100%;*/
    font: menu;
    font-size: 12px; /*     it is very important, if line-height not setted or setted   in relative units scroll will be broken in firefox  */
    line-height: 22px !important;
    overflow: hidden;
    z-index: 1000;
    cursor: pointer;
  }

    .ac_results li:hover {
      background: #A2DAA8 url('../Content/images/hover_background.gif') repeat;
    }


/* RDQ NAVIGATION OVERRIDES */
.ac_results {
    width: 38rem;
    font-family: "Proxima Nova", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
    z-index: 99999;
}




.autocomplete-results {
    display: flex;
}

.autocomplete-results strong {
    color: #000000;
}

.autocomplete-results__list {
    flex: 0 0 100%;
}

.autocomplete-results__result a {
    padding: 0.35rem 0.75rem;
    display: block;
    display: flex;
    color: #151515;
    align-items: center;
}


.autocomplete-results__result a:hover {
    text-decoration: none;
}

.autocomplete-results__result:hover {
    background: #eceeef;
}

.autocomplete-results__result--none {
    padding: 0.35rem 1rem;
    display: block;
    color: #9b9b9b;
    display: flex;
    align-items: center;
}

.autocomplete-results .ac_over {
    background: #eceeef;
}

.autocomplete-results__product {
    font-weight: normal;
    color: #151515;
    font-size: 0.85rem;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

    .autocomplete-results__product strong {
        color: #000000;
    }

.autocomplete-results__category {
    font-size: 0.7rem;
    color: #9b9b9b;
    font-weight: 600;
    margin-left: auto;
    flex: 0 0 8rem;
    justify-self: flex-end;
    text-align: right;
}

.autocomplete-results__groups {
    flex: 0 0 13rem;
    margin-left: auto;
    padding: 0.5rem 1rem;
    border-left: 1px solid #eceeef;
}


    .autocomplete-results__groups a {
        line-height: 1;
        color: #148dcd;
        padding: 0.25rem 0rem;
        display: block;
    }

    .autocomplete-results__groups a:hover {
        text-decoration: none;
    }

.autocomplete-results__groups-header {
    font-weight: 600;
    color: #232623;
    font-size: 0.875rem;
}

.autocomplete-results__groups-header--categories {
    border-top: 1px solid #eceeef;
    padding-top: 0.5rem;
    margin-top: 0.75rem;
}

.autocomplete-results__group-result {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.2rem 0.35rem;
    margin-left: -0.35rem;
}

.autocomplete-results__group-result.ac_over {


}

    .autocomplete-results__group-result .autocomplete-results__game-name {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-bottom: 0.25rem;
    }

    .autocomplete-results__group-result .autocomplete-results__category {
        display: block;
        margin-left: 0;
        text-align: left;
        font-size: 0.6rem;
        font-weight: bold;
    }

.autocomplete-results__group-types {
    font-size: 0.7rem;
    margin-bottom: 0.25rem;
    margin-top: -3px;
}

    .autocomplete-results__group-types a {
        color: #555555;
        display: inline-block;
        padding: 0;
    }

        .autocomplete-results__group-types a:hover {
            color: #0f5a9c;
        }

.site-search__input.ac_loading {
    background-image: url("images/autocomplete-loader.gif");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: calc(100% - 0.5rem) center;
}



/* NEW NAV & MENU FALL '15*/

.nav-container {
  position: relative;
  z-index: 200;
}

.nav-shell {
  height: 40px;
  width: 955px;
  background-color: #000000;
  padding: 0 10px 0 10px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  clear: both;
  position: relative;
  z-index: 10;
  clear: both;
}

  .nav-shell ul, .sub-nav-shell ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
  }

    .nav-shell ul li, .sub-nav-shell ul li {
      float: left;
      /*margin-right:15px; /*THIS WAS ORIGINALLY 28*/
      cursor: pointer;
      height: 30px;
      padding: 10px 27px 0 14px;
      position: relative;
      text-transform: uppercase;
      font-size: 18px;
      margin-right: 12px;
      letter-spacing: normal;
      font-family: 'Proxima Nova Condensed',sans-serif;
      font-weight: 600;
    }

      .nav-shell ul li:last-child {
        /*border-right:1px solid #666666;*/
      }

      .nav-shell ul li:not(.link):after {
        font-family: FontAwesome;
        font-size: 13px;
        color: #7fd049;
        content: "\f078";
        position: absolute;
        top: 13px;
        right: 11px;
        padding: 0;
        margin: 0;
        line-height: 13px !important;
      }

    .nav-shell ul .link a {
      color: inherit;
      text-decoration: none;
    }

    .nav-shell ul .link {
      padding-right: 14px !important;
    }

.nav-list-over {
  /*color:#000000 !important;*/
  /*margin-right:15px !important;*/
}

.nav-icon {
  height: 23px;
  width: 23px;
  float: right;
  margin: 8px 0 0 8px;
}

  .nav-icon:hover {
    opacity: .8;
  }

.nav-arrow-tip {
  background-image: url(images/nav-arrow-tip.png);
  height: 9px;
  width: 22px;
  position: relative;
  left: -50%;
}

.nav-arrow-shell {
  height: 9px;
  width: 22px;
  position: absolute;
  top: 40px;
  left: 50%;
  display: none;
}

.green-fade {
  background: #609e37;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.menu-panel-main {
  font-family: "Open Sans", sans-serif;
  width: 975px;
  height: 455px;
  position: absolute;
  background-color: rgba(0,0,0,.9);
  color: #ffffff;
  z-index: 9;
  top: 40px;
  left: 0;
  display: none;
  padding-top: 5px;
  border-top: 1px solid #999999;
}

.menu-panel-content {
  height: 460px;
  width: 975px;
  position: relative;
  clear: both;
  padding: 0 0 0 18px;
}

.menu-panel-main .end-panel {
  width: 210px;
  height: 450px;
  padding-top: 10px;
  background-color: rgba(255,255,255,.1);
  position: absolute;
  top: -10px;
  right: 0;
}

.end-panel p {
  text-indent: 7px;
  line-height: 12px;
}


.end-panel i {
  text-indent: 0;
  margin: 0 0 0 2px;
  padding: 0;
}

.menu-panel-content .clear-header {
  margin: 22px 0 20px 0;
}

  .menu-panel-content .clear-header .clear-header-text {
    font-family: 'Proxima Nova Condensed';
    font-weight: bold;
    border: 1px solid rgba(255,255,255,.3);
    background-color: rgba(255,255,255,.2);
    padding: 1px 5px 2px 5px;
    margin: 0;
    font-size: 20px;
    text-transform: uppercase;
  }

.menu-first-column {
  width: 312px;
  height: 100%;
  float: left;
}

.menu-first-column-image {
  width: 100%;
  height: 245px;
  margin-top: -27px !important;
  text-align: center;
}

.menu-first-column .game-title {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 600;
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: normal;
  cursor: pointer;
  /*margin-top:-8px;*/
  line-height: 22px;
}

  .menu-first-column .game-title span {
    padding: 0 5px;
  }

    .menu-first-column .game-title span:hover {
      background-color: rgba(255,255,255,.2);
    }

.menu-first-column .game-title {
  height: 52px;
  position: relative;
  margin: 0 auto;
}

  .menu-first-column .game-title div {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }

.menu-first-column .image-helper {
  display: inline-block;
  height: 100%;
  vertical-align: top;
}

.menu-first-column .main-img {
  vertical-align: top;
  cursor: pointer;
  margin-top: 3px;
}

.menu-first-column .game-links {
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  text-transform: lowercase;
  margin-top: 10px;
}

  .menu-first-column .game-links a {
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #3eb44a;
    text-decoration: none;
  }

    .menu-first-column .game-links a:hover {
      background-color: rgba(255,255,255,.2);
    }

.menu-header {
  width: 60%;
  float: left;
  height: 10%;
  position: relative;
}

.menu-header-content {
  position: absolute;
  bottom: 0;
  left: 10px;
  font-size: 18px;
  font-weight: bold;
}

.menu-header1 {
  width: 20%;
  float: left;
  height: 10%;
  position: relative;
}

.menu-five-column {
  width: 228px;
  height: 90%;
  float: left;
  /*background-image:url(images/menu-col-bg.png);*/
  background-repeat: no-repeat;
  background-position: left 12px;
  margin-top: 52px;
}

.menu-title-block {
  height: 25px;
  padding-top: 20px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
  color: #cccccc;
  position: relative;
}

.menu-block-text {
  width: 300px;
  position: absolute;
  left: -2px;
}

.menu-column-content {
  padding: 0 4px 0 32px;
  font-size: 14px;
  font-weight: 600;
  position: relative;
}

.end-panel .menu-column-content {
  padding: 0 4px 0 14px !important;
}

.card-column {
  border-left: rgba(255,255,255,.5) 1px solid;
}

.menu-column-content h4 {
  font-size: 14px;
  margin: 12px 0 4px 0;
  line-height: 13px;
  color: #949494;
  font-weight: normal;
}

.menu-column-content h3 {
  font-size: 16px;
  margin: 18px 0 4px 0;
  line-height: 17px;
  color: #f54a71;
  font-weight: 700;
}

.menu-column-content p {
  padding: 0 !important;
  margin: 0;
  line-height: 24px;
  font-size: 13px;
  letter-spacing: normal;
}

  .menu-column-content p a:link, .menu-column-content p a:visited {
    color: #ffffff;
    text-decoration: none;
    margin-bottom: 1px;
  }

  .menu-column-content p a:hover {
    text-decoration: underline;
  }

.menu-column-small-text a {
  font-size: 12px;
  color: #609e37 !important;
  margin-right: 18px;
}

.menu-column-small-text2a {
  font-size: 12px;
  color: #609e37;
  /**/
}

.menu-column-small-text a:link, .menu-column-small-text a:visited, .menu-column-small-text2 a:link, .menu-column-small-text2 a:visited {
  color: #30b3ff !important;
}

.menu-column-small-text a:hover, .menu-column-small-text2 a:hover {
  /*color:#32b342 !important;*/
  text-decoration: underline !important;
}

.menu-sublinks {
  margin: -3px 0 0 0;
  padding: 0 0 3px 0;
  min-width: 10px;
  line-height: 14px;
  font-family: Arial, sans-serif;
  text-transform: lowercase;
}

  .menu-sublinks span a {
    text-decoration: none;
  }

.menu-column-no-bg {
  background-image: none !important;
}

.menu-column-short-bg {
  /*background-image:url(images/menu-col-bg.png);*/
  background-repeat: no-repeat;
  background-position: left 55px;
}

.menu-footer {
  height: 28px;
  float: left;
  margin-left: 10px;
  width: 100%;
  padding-top: 16px;
}

.menu-links {
  padding-top: 15px;
  line-height: 11px;
}

  .menu-links p {
    padding: 0;
    margin: 5px 0;
  }

.menu-view-all, .menu-view-all a:link, .menu-view-all a:visited {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 600;
  font-size: 12px;
  color: #30b3ff !important;
  text-decoration: none;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  line-height: 14px !important;
}

.menu-blue-header {
  height: 15px;
}

.menu-view-all a:hover {
  text-decoration: underline !important;
}

.menu-bg-art {
  height: 380px;
  width: 435px;
  background-image: url(images/menu-magic-bg.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  position: absolute;
  top: 80px;
  right: -62px;
}

.menu-game-square {
  font-family: 'Proxima Nova Condensed', sans-serif;
  font-weight: bold;
  font-size: 16px;
  width: 149px;
  height: 148px;
  background-color: rgba(200,200,200,.4);
  float: left;
  margin: 0 4px 4px 0;
  text-align: center;
  padding: 6px 2px;
  text-transform: uppercase;
  letter-spacing: .03em;
  position: relative;
  cursor: pointer;
}

  .menu-game-square .imageholder {
    width: 149px;
    height: 130px;
    text-align: center;
  }

.menu-hover-panel {
  width: 151px;
  height: 158px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,.1);
  display: none;
  border: 1px solid rgba(255,255,255,.4);
}

.menu-bottom-links {
  font-family: 'Proxima Nova', sans-serif;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  margin: 12px 0 0 0;
}

  .menu-bottom-links span, .menu-large-button {
    padding: 8px 10px 8px 10px;
    line-height: 14px;
    background-color: #4681c2;
    cursor: pointer;
    font-size: 15px;
  }

    .menu-bottom-links span:hover, .menu-large-button:hover {
      background-color: rgba(255,255,255,.3);
    }

.menu-large-button {
  height: 15px;
  width: 164px;
  margin: 0 auto 11px auto;
  font-weight: normal !important;
}

.menu-green {
  background-color: #3eb44a;
}


.menu-bottom-wrap {
  position: absolute;
  bottom: 55px;
  width: 288px;
}

.menu-more {
  font-family: 'Proxima Nova', sans-serif;
  position: absolute;
  left: 591px;
  bottom: 50px;
  padding: 0 5px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}

  .menu-more:hover {
    background-color: rgba(255,255,255,.2);
  }

.menu-item-header {
  font-size: 16px;
  text-transform: capitalize;
  color: #30b3ff;
}

/*Prizewall styles*/

#PrizewallWrapper {
  width: 100%;
}

.prizewall-left-col h1, .prizewall-left-col h2, .prizewall-left-col h3, .prizewall-h1 {
  letter-spacing: -.02em;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

  .prizewall-left-col h2:not(:first-child) {
    margin-top: 38px;
  }

.prizewall-left-col h2 {
  font-size: 22px;
  margin-bottom: 20px;
}

.prizewall-h1 {
  margin-bottom: 45px;
}

.prizewall-left-col {
  width: 700px;
  float: left;
  margin-left: 30px;
}

.prizewall-right-col {
}

.prizewall-drop-header {
  width: calc(100% - 36px);
  height: 20px;
  background-color: #d8d8d8;
  margin: 0 0 2px 0;
  padding: 10px 10px 10px 26px;
  position: relative;
  cursor: pointer;
  font-size: 17px;
}

.prizewall-drop-arrowdown:before {
  font-family: FontAwesome;
  content: "\f0d7" !important;
  left: 9px !important;
}

.prizewall-drop-header:before {
  font-family: FontAwesome;
  content: "\f0da";
  color: #288acf;
  left: 12px;
  font-size: 19px;
  position: absolute;
}

.prizewall-drop-header:hover {
  background-color: #e8e8e8;
}

.prizewall-drop-content {
  display: none;
  width: 100%;
  margin: 0;
  padding: 0;
}

.prizewall-table {
  width: 100%;
  margin: -2px 0 2px 0;
  padding: 0;
  border: 1px solid #dddddd;
}

  .prizewall-table tr {
    height: 40px;
  }

  .prizewall-table th {
    background-color: #0c5b94;
    color: #ffffff;
    padding-top: 10px;
    width: 16%;
    text-align: center;
    border: 1px solid #dddddd;
    text-transform: uppercase;
  }

  .prizewall-table td {
    height: auto;
    padding-top: 10px;
    border: 1px solid #dddddd;
    text-align: center;
  }

.prizewall-product-column {
  width: 50%;
  text-align: left !important;
  padding: 0 10px;
}

.prizewall-table td input {
  width: 40px !important;
  text-align: center !important;
  border-radius: 2px !important;
  border: 1px solid #bbbbbb !important;
  height: 20px !important;
  margin-top: -2px !important;
}

.prizewall-continue {
  width: 188px;
}


.prizewall-bottom-line {
  margin-top: 28px;
}

.prizewall-summary {
  padding: 10px;
  width: 195px !important;
}

  .prizewall-summary h2 {
    text-align: center;
    color: #64bc50;
  }

  .prizewall-summary .bottom-text {
    font-size: 13px;
  }

  .prizewall-summary .top-table tr {
    height: 30px;
  }

.prizewall-wrap {
  margin-right: 1px;
}

#PrizeWallWrapper .checkoutWrap {
  margin-bottom: 30px;
}

.prizewall-thanks-header {
  height: 74px;
  width: 100%;
  background-image: url(images/prizewall-thanks-header.jpg);
  background-position-x: center;
  text-align: center;
  padding-top: 85px;
}

  .prizewall-thanks-header h1 {
    color: #ffffff;
    text-align: center;
    font-size: 32px;
    font-family: 'Proxima Nova Condensed', sans-serif;
    font-weight: 600;
  }

.prizewall-thanks-text {
  font-size: 18px;
  text-align: center;
  letter-spacing: -.02em;
}

  .prizewall-thanks-text p {
    margin-top: 30px;
  }

    .prizewall-thanks-text p:last-child {
      margin-bottom: 30px;
    }

.prizewall-thanks-table {
  width: 662px;
  margin: 0 auto;
}

  .prizewall-thanks-table .prizewall-table th {
    background-color: #efefef !important;
    color: #000000;
  }

.prizewall-bottom-alert {
  clear: both;
}

.prizewall-alerts {
  margin: 24px 2px !important;
}

.button-active:hover {
  background: -webkit-linear-gradient(top,#00aadf,#008ed3 100%) !important;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4387fd 0),color-stop(1,#008ed3 100%)) !important;
  background: -moz-linear-gradient(top,#4387fd 0,#008ed3 100%) !important;
  background: -moz-gradient(linear,left top,left bottom,color-stop(0,#4387fd 0),color-stop(1,#008ed3 100%)) !important;
  background: linear-gradient(top,#4387fd 0,#008ed3 100%) !important;
  background-color: #008ed3;
}


/*these styles are hacky and just there to override the existing button styles without having to touch that code*/
#prizewall-shipping .formBottom .GreenButtonNoArrow {
  color: #fff;
  background: -webkit-linear-gradient(top,#00aadf,#008ed3 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4387fd 0),color-stop(1,#008ed3 100%));
  background: -moz-linear-gradient(top,#4387fd 0,#008ed3 100%);
  background: -moz-gradient(linear,left top,left bottom,color-stop(0,#4387fd 0),color-stop(1,#008ed3 100%));
  background: linear-gradient(top,#4387fd 0,#008ed3 100%);
  background-color: #008ed3;
  border: 1px solid #4387fd;
  font: 16px Arial,sans-serif;
  padding: 10px 20px !important;
  border-radius: 2px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  font-weight: normal !important;
  text-rendering: optimizeLegibility;
  letter-spacing: -.01em;
  float: right;
  margin: 0 20px 20px 0;
  width: 180px;
  height: auto !important;
}

  #prizewall-shipping .formBottom .GreenButtonNoArrow:hover {
    background-color: #0188c9 !important;
    background-image: none;
    box-shadow: none !important;
  }

#prizewall-shipping .addressBottom .smallGreenButton {
  color: #fff;
  background: -webkit-linear-gradient(top,#959595,#858585 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#959595 0),color-stop(1,#858585 100%));
  background: -moz-linear-gradient(top,#959595 0,#858585 100%);
  background: -moz-gradient(linear,left top,left bottom,color-stop(0,#959595 0),color-stop(1,#858585 100%));
  background: linear-gradient(top,#959595 0,#858585 100%);
  background-color: #959595;
  border: 1px solid #909090 !important;
  font: 15px Arial,sans-serif !important;
  padding: 6px 15px 7px 15px;
  border-radius: 2px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  font-weight: normal !important;
  text-rendering: optimizeLegibility;
  letter-spacing: -.005em;
  min-width: 118px;
  height: auto !important;
}

  #prizewall-shipping .addressBottom .smallGreenButton:hover {
    background-color: #797979 !important;
    background-image: none;
    box-shadow: none !important;
  }


.green-button-lg {
    color: #fff;
    background-color: #0835db;
    border-width: 0;
    font: 16px Arial,sans-serif;
    padding: 9px 20px;
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    font-weight: normal !important;
    text-rendering: optimizeLegibility;
    letter-spacing: -.01em;
    justify-content: center;
}

  .green-button-lg:hover, .green-button-md:hover {
    background-color: #1944E8;
    background-image: none;
  }

.blue-button-lg {
  color: #fff;
  background: -webkit-linear-gradient(top,#00aadf,#008ed3 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4387fd 0),color-stop(1,#008ed3 100%));
  background: -moz-linear-gradient(top,#4387fd 0,#008ed3 100%);
  background: -moz-gradient(linear,left top,left bottom,color-stop(0,#4387fd 0),color-stop(1,#008ed3 100%));
  background: linear-gradient(top,#4387fd 0,#008ed3 100%);
  background-color: #008ed3;
  border: 1px solid #4387fd;
  font: 16px Arial,sans-serif;
  padding: 10px 20px;
  border-radius: 2px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  font-weight: normal !important;
  text-rendering: optimizeLegibility;
  letter-spacing: -.01em;
}

  .blue-button-lg:hover {
    background-color: #0188c9;
    background-image: none;
  }

  .blue-button-lg:disabled {
      background: #ebebeb;
      border-color: #dcdadb;
      color: #dcdadb;
      cursor: default;
  }

.blue-button-md {
  color: #fff;
  background: -webkit-linear-gradient(top,#00aadf,#008ed3 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4387fd 0),color-stop(1,#008ed3 100%));
  background: -moz-linear-gradient(top,#4387fd 0,#008ed3 100%);
  background: -moz-gradient(linear,left top,left bottom,color-stop(0,#4387fd 0),color-stop(1,#008ed3 100%));
  background: linear-gradient(top,#4387fd 0,#008ed3 100%);
  background-color: #008ed3;
  border: 1px solid #4387fd;
  font: 15px Arial,sans-serif;
  padding: 6px 15px 7px 15px;
  border-radius: 2px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  font-weight: normal !important;
  text-rendering: optimizeLegibility;
  letter-spacing: -.01em;
  min-width: 118px;
}

  .blue-button-md:hover {
    background-color: #0188c9;
    background-image: none;
  }

.blue-button-sm {
  color: #fff;
  background-color: #0835DB;
  border: 1px solid #4387fd;
  font: 12px Arial,sans-serif;
  padding: 4px 9px;
  border-radius: 2px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  font-weight: normal !important;
  text-rendering: optimizeLegibility;
  letter-spacing: -.01em;
  min-width: 82px;
}

  .blue-button-sm:hover {
    background-color: #164BEA !important;
    background-image: none;
    color: #ffffff !important;
  }

  .blue-button-sm:focus {
    background-color: #164BEA !important;
    background-image: none;
    color: #ffffff !important;
    border: 1px solid #4387fd !important;
  }

.blue-button-xsmall {
  color: #fff;
  background: -webkit-linear-gradient(top,#00aadf,#008ed3 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4387fd 0),color-stop(1,#008ed3 100%));
  background: -moz-linear-gradient(top,#4387fd 0,#008ed3 100%);
  background: -moz-gradient(linear,left top,left bottom,color-stop(0,#4387fd 0),color-stop(1,#008ed3 100%));
  background: linear-gradient(top,#4387fd 0,#008ed3 100%);
  background-color: #008ed3;
  border: 1px solid #4387fd;
  font: 12px Arial,sans-serif;
  font-weight: 500;
  padding: 4px 9px;
  border-radius: 2px;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-align: center;
  cursor: pointer;
  display: inline-block;
}

  .blue-button-xsmall:hover {
    background-color: #008ed3;
    background-image: none;
  }

.gift-card-denomination {
  width: 55px;
  margin-right: 12px;
}

.green-button-md {
  color: #fff;
  background: -webkit-linear-gradient(top,#63bc0a 0,#53a900 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#63bc0a 0),color-stop(1,#53a900 100%));
  background: -moz-linear-gradient(top,#63bc0a 0,#53a900 100%);
  background: -moz-gradient(linear,left top,left bottom,color-stop(0,#63bc0a 0),color-stop(1,#53a900 100%));
  background: linear-gradient(top,#63bc0a 0,#53a900 100%);
  background-color: #63bc0a;
  border: 1px solid #53a900;
  font: 15px Arial,sans-serif;
  padding: 6px 15px 7px 15px;
  border-radius: 2px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  font-weight: normal !important;
  text-rendering: optimizeLegibility;
  letter-spacing: -.005em;
  min-width: 118px;
}

.grey-button-md {
  color: #fff;
  background: -webkit-linear-gradient(top,#959595,#858585 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#959595 0),color-stop(1,#858585 100%));
  background: -moz-linear-gradient(top,##959595 0,#858585 100%);
  background: -moz-gradient(linear,left top,left bottom,color-stop(0,#959595 0),color-stop(1,#858585 100%));
  background: linear-gradient(top,#959595 0,#858585 100%);
  background-color: #959595;
  border: 1px solid #909090;
  font: 15px Arial,sans-serif;
  padding: 6px 15px 7px 15px;
  border-radius: 2px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  font-weight: normal !important;
  text-rendering: optimizeLegibility;
  letter-spacing: -.005em;
  min-width: 118px;
}

  .grey-button-md:hover {
    background-color: #797979;
    background-image: none;
  }

.grey-button-lg {
  color: #fff;
  background: -webkit-linear-gradient(top,#959595,#858585 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#959595 0),color-stop(1,#858585 100%));
  background: -moz-linear-gradient(top,##959595 0,#858585 100%);
  background: -moz-gradient(linear,left top,left bottom,color-stop(0,#959595 0),color-stop(1,#858585 100%));
  background: linear-gradient(top,#959595 0,#858585 100%);
  background-color: #959595;
  border: 1px solid #909090;
  font: 16px Arial,sans-serif;
  padding: 10px 20px;
  border-radius: 2px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  font-weight: normal !important;
  text-rendering: optimizeLegibility;
  letter-spacing: -.005em;
  min-width: 118px;
}

  .grey-button-lg:hover {
    background-color: #797979;
    background-image: none;
  }

.grey-button-sm {
    color: #fff;
    background-color: #757575;
    background-color: #959595;
    border: 1px solid #909090;
    font: 12px Arial,sans-serif;
    padding: 4px 9px;
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    font-weight: normal !important;
    text-rendering: optimizeLegibility;
    letter-spacing: -.005em;
    min-width: 82px;
}

  .grey-button-sm:hover {
    background-color: #797979 !important;
    background-image: none;
    color: #ffffff !important;
  }

#gc textarea {
  min-height: 75px;
}

.red-button-sm {
  color: #fff;
  background: -webkit-linear-gradient(top,#c10737,#b5002f 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#c10737 0),color-stop(1,#b5002f 100%));
  background: -moz-linear-gradient(top,#c10737 0,#b5002f 100%);
  background: -moz-gradient(linear,left top,left bottom,color-stop(0,#c10737 0),color-stop(1,#b5002f 100%));
  background: linear-gradient(top,#c10737 0,#b5002f 100%);
  background-color: #c10737;
  border: 1px solid #b80534;
  font: 12px Arial,sans-serif;
  padding: 4px 9px;
  border-radius: 2px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  font-weight: normal !important;
  text-rendering: optimizeLegibility;
  letter-spacing: -.005em;
  min-width: 82px;
}

  .red-button-sm:hover {
    background-color: #ce0f41 !important;
    background-image: none;
    color: #ffffff !important;
  }

.lg-button-icon {
  padding-top: 2px;
}

/* new checkout styles */

.add-item .checkout-button {
  width: 205px;
}

.add-item #btnCheckout {
  margin-bottom: 5px !important;
}

.checkout-widget #btnCheckout, .checkout-widget #btnCheckout1 {
  width: 95%;
  margin-left: 5px;
  margin-bottom: 5px !important;
}

.checkout-widget {
  text-align: left !important;
}

.addressBottom #changeShippingAddress {
  margin-left: -5px;
}

.review-bottom #SubmitOrderTop, .review-bottom #SubmitOrderBottom, .review-bottom .grey-button-lg {
  width: 188px !important;
  margin: 0 6px 0 0 !important;
}

.address-form-bottom .green-button-lg {
  width: 188px !important;
}

.ui-dialog-buttonset button {
  height: 27px !important;
  font-family: Arial, sans-serif !important;
  margin: 0 3px;
}

.add-item-alert {
  width: 381px;
  height: 54px;
  border: 1px solid #a5a5a5;
  padding-top: 14px;
  padding-left: 59px;
  border-radius: 3px;
  background-color: #ffffff;
  color: #4e4e4e;
  font-size: 19px;
  font-family: Arial,sans-serif;
  font-weight: bold;
  letter-spacing: -.01em;
  margin-bottom: 23px;
}

.add-item-alert-short {
  border-radius: 0;
  margin: 0;
}

.add-item-alert i {
  font-size: 52px !important;
  padding-top: 5px;
  float: left;
  color: #53a900;
}

.add-item-alert-short i {
  font-size: 18px !important;
  padding-top: 2px;
  margin-right: 4px;
  color: #fff;
}

.add-item-alert .add-alert-text {
  float: left;
  margin: 11px 0 0 10px;
}

.add-item-alert ul {
  list-style: none;
}

.add-alert-grey {
  background-color: #858585;
}

.add-alert-green {
  background: url(images/add-icon-green.png) no-repeat 12px 10px;
}

.add-alert-green-short {
  background-color: #06b558;
  color: #fff;
  font-size: 18px;
}

.add-alert-orange {
  background: url(images/add-icon-orange.png) no-repeat 12px 10px;
}

.add-alert-red {
  background: url(images/add-icon-red.png) no-repeat 12px 10px;
}

.add-item-details {
  margin-left: 15px;
}

  .add-item-details .landingItem p {
    font-size: 17px;
    text-indent: 0 !important;
    line-height: 18px;
    margin: 0;
  }

  .add-item-details .details p {
    font-size: 14px;
  }
/*breadcrumb trail */

.crumbs ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#breadcrumbs-two {
  overflow: hidden;
  width: calc(100% - 1px);
  background: #efefef;
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 600;
  font-size: 14px;
  margin: 10px 2px 0 3px;
}

  #breadcrumbs-two li {
    float: left;
    margin: 0 .5em 0 1em;
  }

  #breadcrumbs-two a {
    background: #858585;
    padding: .65em 1em .6em 1em;
    float: left;
    text-decoration: none;
    color: #fff;
    position: relative;
  }

    #breadcrumbs-two a:hover {
      /*background: #99db76;*/
    }

    #breadcrumbs-two a::before {
      content: "";
      position: absolute;
      top: 50%;
      margin-top: -1.5em;
      border-width: 1.5em 0 1.5em 1em;
      border-style: solid;
      border-color: #858585 #858585 #858585 transparent;
      left: -1em;
    }

  #breadcrumbs-two li:first-child {
    margin: 0 .5em 0 0;
  }

    #breadcrumbs-two li:first-child a::before {
      border-color: #656565;
      border-width: 1.5em 0 1.5em 0;
      left: -2em;
    }

    #breadcrumbs-two li:first-child a {
      background-color: #656565;
    }


  #breadcrumbs-two a:hover::before {
    /*border-color: #99db76 #99db76 #99db76 transparent;
  background-color:#432e34;*/
  }

  #breadcrumbs-two a::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    border-top: 1.5em solid transparent;
    border-bottom: 1.5em solid transparent;
    border-left: 1em solid #858585;
    right: -1em;
  }

  #breadcrumbs-two li:first-child a::after {
    border-left: 1em solid #656565;
  }

  #breadcrumbs-two a:hover::after {
    /*border-left-color: #99db76;*/
  }

  #breadcrumbs-two .first {
    margin: 0 .5em 0 0;
  }

    #breadcrumbs-two .first a {
      background: #36aee8;
      padding-left: 20px;
      font-weight: bold;
    }

      #breadcrumbs-two .first a::before {
        border: none;
        /*
  border-color: #36aee8 #36aee8 #36aee8 transparent;
  left: -1em;*/
      }

      #breadcrumbs-two .first a::after {
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -1.5em;
        border-top: 1.5em solid transparent;
        border-bottom: 1.5em solid transparent;
        border-left: 1em solid #36aee8;
        right: -1em;
      }


  #breadcrumbs-two .current a {
    background: #63bc0a;
  }

    #breadcrumbs-two .current a::before {
      border-color: #63bc0a #63bc0a #63bc0a transparent;
      left: -1em;
    }

    #breadcrumbs-two .current a::after {
      content: "";
      position: absolute;
      top: 50%;
      margin-top: -1.5em;
      border-top: 1.5em solid transparent;
      border-bottom: 1.5em solid transparent;
      border-left: 1em solid #63bc0a;
      right: -1em;
    }

/*popup*/

.popup-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 5000;
  background-color: rgba(0,0,0,.8);
  display: none;
  top: 0;
  left: 0;
}

.popup-container {
  width: 620px;
  min-height: 300px;
  background-color: #ffffff;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  z-index: 9999;
  display: none;
  padding: 0 0 58px 0;
  color: #3d3d3d;
  font-size: 14px;
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 600;
}

  .popup-container h4 {
    margin-bottom: 8px;
    font-size: 16px;
  }

  .popup-container table td {
    border: 1px solid #bbbbbb;
    padding: 2px 18px;
    width: 142px;
    background-color: #f4f4f4;
    text-align: left;
    font-size: 12px;
  }

  .popup-container table:not(.bigger-text) td:last-child {
    text-align: center;
  }

  .popup-container table td:last-child #shopFromSeller {
    margin-left: 0;
  }

  .popup-container table {
    margin: 0 auto;
  }

.popup-body div:not(.input-div,.popup-form-label) {
  width: 100%;
  text-align: center;
}

.popup-container .popup-header {
  min-height: 55px;
  width: calc(100% - 22px);
  background-color: #e6e6e6;
  padding-left: 22px;
  clear: both;
}

  .popup-container .popup-header .popup-title {
    width: 535px;
    height: 33px;
    padding-top: 22px;
    font-size: 24px;
    letter-spacing: -.02em;
    float: left;
    font-family: 'Proxima Nova', sans-serif;
    font-weight: bold;
  }

  .popup-container .popup-header .popup-wordy-title {
    width: 535px;
    height: 55px;
    padding-top: 10px;
    font-size: 18px;
    font-family: Arial,sans-serif;
    letter-spacing: -.02em;
    font-weight: bold;
    float: left;
    line-height: 22px;
  }

  .popup-container .popup-header .popup-close {
    width: 54px;
    padding-top: 14px;
    height: 41px;
    background-color: #b4b4b4;
    float: right;
    font-size: 26px;
    text-align: center;
    cursor: pointer;
    color: #ffffff;
  }

    .popup-container .popup-header .popup-close:hover {
      background-color: #a4a4a4;
      color: #3d3d3d;
      transition: background-color .12s ease-in-out, color .12s ease-in-out;
      -moz-transition: background-color .12s ease-in-out, color .12s ease-in-out;
      -webkit-transition: background-color .12s ease-in-out, color .12s ease-in-out;
    }

.popup-container .popup-body {
  min-height: 200px;
  width: calc(100% - 44px);
  padding: 18px 22px 18px 22px;
  line-height: 18px;
}

  .popup-container .popup-body p {
    padding: 0;
    margin: 0 0 20px 0;
  }

  .popup-container .popup-body .popup-red {
    color: #bd1111;
    font-weight: bold;
  }

.popup-form {
  background-color: #f2f2f2;
  border-radius: 4px;
  width: calc(100% - 24px);
  padding: 10px 12px;
  clear: both;
}

  .popup-form .input-div {
    float: left;
    margin-right: 4px;
    text-align: left;
  }

  .popup-form .popup-form-label {
    float: left;
    width: 93%;
    text-align: left;
  }

.popup-container .popup-buttons {
  position: absolute;
  width: calc(100% - 44px);
  height: 58px;
  bottom: 0;
  text-align: right;
  clear: both;
}

  .popup-container .popup-buttons button {
    float: right;
    min-width: 180px;
    margin-left: 12px;
  }

.popup-container .blue-button-lg, .popup-container .grey-button-lg {
  height: 43px;
}

.popup-container .blue-button-lg {
  width: 246px;
}

.popup-alert-image {
  margin-top: -10px !important;
}

/* optimizer spinner fixes */

.optimize-button-wrap {
  width: 100%;
  margin-top: 33px;
  text-align: center;
}

/*optimizer banners*/

.optimizer-header-orange {
  /*background-color:#f18900;*/
}

.optimizer-header-success {
  /*background-color:#55a606;*/
}

.optimizer-header-orange, .optimizer-header-success {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.01em;
  color: #909090;
  text-align: left !important;
  padding-top: 15px;
  float: left;
  width: 605px;
}

.optimizer-banner-logo {
  width: 90px;
  float: left;
  min-height: 90px;
}


.optimizer-banner-logo-success {
  background: url(images/optimizer-green-icon.png) no-repeat 12px center;
}

.optimizer-banner-logo-orange {
  background: url(images/optimizer-orange-icon.png) no-repeat 12px center;
}

.optimizer-new-banner {
  line-height: 14px;
  background-color: #FFFFFF;
  background-position: 16px 60px;
  border: 1px solid #cdcdcd;
  width: 719px;
  border-radius: 4px;
  margin: 0 0 16px 0;
  clear: both;
  min-height: 86px;
}

.optimizer-new-banner-text {
  min-height: 38px;
  padding: 14px 0 14px 0;
  width: 605px;
  margin: 0 0 0 1px;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  line-height: 16px;
  float: left;
  /*letter-spacing:-0.01em;*/
}

.optimizer-full-banner-text {
  min-height: 38px;
  padding: 14px 0 14px 0;
  width: 680px;
  margin: 0;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  line-height: 16px;
  /*letter-spacing:-0.01em;*/
}


.cart-page-top-left {
  width: 738px;
  float: left;
}

.cart-page-top-right {
  width: 226px;
  float: left;
}

.cart-page-bottom-right {
  width: 226px;
  float: right;
}

.banner-container-new {
  display: block;
  background-color: #ffffff;
  border: 1px solid #cdcdcd;
  border-radius: 3px;
  width: 706px;
  padding: 10px 3px 5px 10px;
  margin: 0 8px 0 0;
  position: relative;
}

.optimizer-new-buttons {
  float: right;
  margin: 14px 15px 0 0;
}

  .optimizer-new-buttons button {
    width: 155px;
    margin-left: 5px;
  }

.optimizer-new-bottom {
  height: 60px;
  width: 100%;
  border-top: 1px solid #dedede;
}

.optimizer-new-image {
  float: left;
  margin: 4px 0 0 13px;
}

.optimizer-default-logo {
  float: left;
  margin: 1px 0 0 18px;
}

.optimizer-default-button {
  float: right;
  margin: 8px 2px 0 0;
  width: 300px;
}

.optimizer-banner-question {
  float: none;
  margin: 10px 0 0 -23px;
}

.direct-banner-question {
  position: absolute;
  left: 150px;
  top: 10px;
}

.direct-logo {
  position: absolute;
  left: 16px;
}

.direct-space {
  clear: both;
  height: 8px;
}

@media only screen and (max-device-width: 640px) {
  .packageHeader {
    color: #FFF;
    margin: 0 0 2px 10px;
    padding-top: 1px;
    font-size: 12px;
  }
}

@media only screen and (max-device-width: 980px) {
  .bg-fix-for-android {
    background: none;
  }

  #maincontentinnerpadding {
    padding: 16px 15px 0 15px;
  }
}

.btn--blue-cta {
    cursor: pointer;
    color: #ffffff;
    background-color: #1F2CDD;
    border-color: #1F2CDD;
    font-weight: bold;
    margin: 0 auto;
    display: block;
    width: 300px;
}
    .btn--blue-cta:hover {
        color: #fff;
        background-color: #1a25bb;
        border-color: #1923b0;
    }
    .btn--blue-cta:focus, .btn--blue-cta.focus {
        box-shadow: 0 0 0 0.2rem rgba(31, 44, 221, 0.5);
    }
    .btn--blue-cta.active, .btn--blue-cta:active {
        color: #ffffff;
        background-color: #1F2CDD;
        background-image: none;
        border-color: #1F2CDD;
    }

.order-complete-create-account {
    margin: 32px;
}

.order-complete-create-button-container {
    margin-top: 16px;
}

.order-complete-create-account-text {
    color: black;
}

.order-complete-promo-banner {
    margin-top: 20px;
}

/* STYLES IMPORTED FROM OLD SITE.CSS */
/* This is a variant of .maincontentinnerpadding that is included in _Layout so that the homepage columns don't break */
#mincontentinnerpadding {
    padding: 16px 16px 0 16px;
}

.homepage-padding {
  /*padding: 10px*/
}

.homepage-text {
  font-size: 12px;
}

.regular-padding {
  padding: 10px 16px;
}

.old_layout .default_9 {
  font-size: 9pt;
  line-height: 13px;
}

.default_7 {
  font-size: 7pt;
  line-height: 11px;
}

.old_layout #maincontentinnerpadding {
  padding: 10px 10px 0 10px !important;
}

.old_layout .SearchLeft {
}

.homepage-layout #maincontentinnerpadding {
  padding: 0 !important;
}

.default_10 {
  font-size: 10pt;
  font-family: Arial;
  line-height: 16px;
}

.default_12 {
  font-size: 12pt;
  font-family: Arial;
  line-height: 18px;
}


.SearchBox {
  border: 1px solid gray;
  width: 600px;
  margin-left: 12px;
  margin-right: auto;
  padding: 10px;
}

.SearchRight {
  width: 300px;
  float: right;
}

.SearchLeft {
  width: 620px;
  float: left;
}

.SearchParameter {
  margin-left: 20px;
  margin-right: 20px;
}

.Wide {
  margin-left: 20px;
  width: 100%;
}

.countryselect {
  width: 300px;
  margin-bottom: 5px;
}

.SearchParameter LABEL {
  display: inline-block;
  margin-bottom: 5px;
  margin-top: 10px;
  font-weight: 700;
  width: 80px;
  font-family: Arial;
}

label.widelabel {
  display: inline-block;
  margin-bottom: 5px;
  margin-top: 10px;
  font-weight: 700;
  width: 150px;
  font-family: Arial;
}

.SearchParameter INPUT.inputbox {
  display: inline-block;
  border: 1px gray solid;
  font-size: large;
  width: 95%;
  background-color: #eee;
  padding: 2px;
}

.SearchParameter INPUT.inputbox_subtext {
  border: 1px gray solid;
  background-color: #eee;
}

.SearchParameter input.short {
  width: 70%;
}

/*billing.aspx*/

.address_block p {
  clear: both;
  line-height: 18px;
  margin: 0;
  padding: 1px 0;
}

.address_block label {
  float: left;
  padding-top: 4px;
  width: 145px;
}

.address_block input {
  height: 18px;
}

.SHSellerTotalLabel, .SHSellerTotalAmount, .SHProductEstTotalLabel, .SHProductEstTotalAmount {
  text-align: right;
  font-size: 8pt;
  color: #919191;
}

.SHProductQty, .SHProductPrice, .SHProductTotalPrice, .SHSaleTaxLbl, .SHSaleTaxAmount, #maincontent div.order_information table.product_list, #maincontent div.order_detail div.refunds table td.right, .textRight {
  text-align: right;
}

.SHProductHeaderText, .PriceListHeader {
  font-size: 9pt;
  font-family: Arial;
  line-height: 13px;
}

.SHProductQtyHeader, .SHProductPriceHeader, .SHProductTotalPriceHeader {
  font-style: italic;
  text-align: right;
  width: 15%;
}

.SHProductSubTotalLabel, .SHProductSubTotalAmount {
  text-align: right;
  font-size: 8pt;
}

.SHShippingOptions, .SHCalcShippingDiv {
  padding-top: 10px;
  padding-bottom: 10px;
}

.SHCalcShippingLeftTopDiv, .SHCalcShippingMiddleDiv, .Floating, #detailsLeft {
  float: left;
}

.SHCheckoutButton, .FilterResetButton {
  background-color: #b3504a;
  text-decoration: none;
  width: 80px;
  color: #FFF;
  text-align: center;
  border-color: #efefef;
}

.SHCheckoutButtonText, .FilterResetButtonText {
  background-color: #fd0409;
  color: #FFF;
  border-style: inset;
}

.SHStoreTotalLbl, .SHStoreTotalAmount {
  text-align: right;
  font-weight: 700;
}

.SHStoreSupplerPresale, .FrmReq, .ErrMessage, .address_block .redFont, .red {
  color: Red;
}

#SHAddressDiv {
  border: solid 1px #000;
  padding: 5px;
  line-height: 14px;
  margin: 10px 0;
  font-size: 12px;
}

.SHDivPadding {
  line-height: 10px;
  height: 10px;
}

.SHUpdateQtyButtonDiv {
  text-align: right;
  padding-top: 10px;
}

.SHNStoreTitleDiv {
  font-weight: 700;
  background-color: #EFF0F4;
  padding: 10px 5px;
}

.SHNProductTable {
  border-bottom: solid 2px #EFF0F4;
  border-left: solid 2px #EFF0F4;
  border-right: solid 2px #EFF0F4;
  margin-bottom: 20px;
}

  .SHNProductTable td {
    padding: 2px;
  }

.SHStoreDiv {
  border: solid 1px #000;
}

.SHStoreTitleDiv {
  background-color: Gray;
  font-weight: 700;
  color: #FFF;
  padding: 2px 5px;
}

.SHNProductTable {
  border-bottom: solid 2px #EFF0F4;
  border-left: solid 2px #EFF0F4;
  border-right: solid 2px #EFF0F4;
  margin-bottom: 20px;
  padding: 4px;
}

.SHStoreDiv {
  border: solid 1px #000;
}

.SHStoreTitleDiv {
  background-color: Gray;
  font-weight: 700;
  color: #FFF;
  padding: 2px 5px;
}

.SHProductName {
  text-align: left;
  padding-left: 5px;
}

.SHProductNameHeader {
  font-style: italic;
  width: 40%;
}

.SHGrandTotalDiv {
  padding-top: 15px;
}

.SHNYTaxDiv {
  padding-top: 15px;
  text-align: right;
}

.SHGrandTotal {
  border: solid 1px #000;
  background-color: #cecece;
  font-weight: 700;
}

#SHAddressDiv {
  border: solid 1px #000;
  padding: 5px;
}

.SHDivPadding {
  line-height: 10px;
  height: 10px;
}

.SHUpdateQtyButtonDiv {
  text-align: right;
  padding-top: 10px;
}

.SHCalcShippingLeftDiv {
  float: left;
  width: 40%;
}

.SHCalcShippingRightDiv {
  float: right;
}

.SHCheckoutButtonOver {
  background-color: #b3504a;
  color: #FFF;
}

.SHNoShippingOptionsFound {
  font-weight: 700;
  color: red;
  padding: 10px;
}

.SHOPaymentDiv {
  width: 590px;
  padding: 10px;
}

.SHStoreTotalLbl, .SHStoreTotalAmount {
  text-align: right;
  font-weight: 700;
}

.font-size-12 {
  font-size: 12px;
}

.SearchBox {
  border: 1px solid gray;
  width: 600px;
  margin-left: 12px;
  margin-right: auto;
  padding: 10px;
}

.SearchParameter {
  margin-left: 20px;
  margin-right: 20px;
}

hr.sectionDivider {
  border: 1px #aaa dotted;
  margin-top: 10px;
  margin-bottom: 10px;
}

.clearboth {
  clear: both;
}

.MainHeader {
  width: 622px;
  margin: auto auto auto 12px;
}

  .MainHeader h2 {
    margin: 4px 0;
    font-size: 17px;
  }

#maincontentright {
  width: 300px;
  text-align: left;
  float: right;
  background: #FFF;
  vertical-align: top;
  padding: 5px 0 0;
}

#maincontentleft {
  width: 675px;
  text-align: left;
  float: left;
  vertical-align: top;
}

.faq-black-row {
  background-color: #030C33 !important;
  vertical-align: middle;
  padding: 2px !important;
}

.maxpointWrapper h2 {
  font-size: 17px;
  font-weight: bold;
  line-height: 120%;
  margin-top: 28px;
  margin-bottom: 0.83em;
}

.maxpointWrapper p {
  margin: 16px 0;
}

.eventCalendar {
  font-size: 26px !important;
}

.SearchLeft strong, #welcome strong, .collection-faq strong, .mainSection strong {
  color: #595959 !important;
}

.mainSection a strong {
  color: #0E5B93 !important;
}

.SearchLeft tbody, .SearchLeft tr, .SearchLeft td {
  vertical-align: middle;
}

.verification-header {
  font-size: 18px;
  color: #942222;
  margin-bottom: 7px;
}

#MyCollectionSearchFormContent {
}

.clear {
  clear: both;
}

.collection-buttons img:first-child {
  margin: 0 50px 0 0;
}

.old-fieldset {
  border-radius: 0;
  display: block;
  -webkit-margin-start: 2px;
  -webkit-margin-end: 2px;
  -webkit-padding-before: 0.35em;
  -webkit-padding-start: 0.75em;
  -webkit-padding-end: 0.75em;
  -webkit-padding-after: 0.625em;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  min-width: -webkit-min-content;
  border: 2px groove threedface;
}

  .old-fieldset legend {
    font-weight: normal !important;
    font-size: 12px !important;
    margin: 0 !important;
    padding: 0 3px !important;
  }

.photoSection h3 {
  margin-bottom: 16px;
}

.mainSection {
  padding: 0 10px;
}

  .mainSection h3 {
    margin: 16px 0;
  }

  .mainSection td, .mainSection th {
    padding: 2px 0;
  }

.old_layout .headerBanner {
  padding: 10px 10px 0 10px;
}

.sellIntroText h1, .sellIntroText p {
  margin-bottom: 16px !important;
}

.bodyTextArea p {
  margin: 12px 0 12px 0;
}

.quote p {
  margin: 0 0 24px 0;
  line-height: 22px;
}

.jobOpeningsInner h4 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.mainSection .headline {
  margin: 16px 0 25px 0;
}


/* =========== jQuery UI Tabs style overrides */
.tabs {
  padding: 0px;
  background: none;
  border-width: 0px;
}

  .tabs .ui-tabs-nav {
    padding-left: 0px;
    background: transparent;
    border-width: 0px 0px 0px 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
  }

  .tabs .ui-tabs-panel {
    background: #fff;
    border-width: 0;
  }

.ui-tabs-nav li a {
  font-size: 8pt;
}

.ui-tabs .ui-tabs-nav li a {
  padding: .5em .5em;
}

.ui-tabs .ui-tabs-panel {
  padding: 12px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  background: #FAC800; /* Old browsers */
  background: -moz-linear-gradient(top, #FAC800 10%, #FFFFFF 0%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#FAC800), color-stop(0%,#FFFFFF)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #FAC800 10%,#FFFFFF 0%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #FAC800 10%,#FFFFFF 0%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #FAC800 10%,#FFFFFF 0%); /* IE10+ */
  background: linear-gradient(to bottom, #FAC800 10%,#FFFFFF 0%); /* W3C */
}
/* =========== END jQuery UI Tabs style overrides */

#CollectionHaveWantTradeTotals td, #CollectionHaveWantTradeTotals th {
  display: table-cell;
  vertical-align: middle;
  padding: 3px 2px;
}

#settingsContent {
  line-height: 16px !important;
}

  #settingsContent p {
    margin-bottom: 10px;
  }

  #settingsContent h4 {
    margin: 12px 0;
  }


  #settingsContent form {
    margin-bottom: 10px;
  }

.tcgButton-grey {
  color: #085EB9 !important;
  font: bold 12px Helvetica, Arial, sans-serif;
  text-decoration: none;
  padding: 5px 12px;
  position: relative;
  display: inline-block;
  text-shadow: 0 1px 0 #EFEFEF;
  -webkit-transition: border-color .218s;
  -moz-transition: border .218s;
  -o-transition: border-color .218s;
  transition: border-color .218s;
  background: #f3f3f3;
  background: -webkit-gradient(linear,0% 0%,0% 100%,from(#FAFAFA),to(#EBEBEB));
  background: -moz-linear-gradient(top, #FAFAFA, #EBEBEB);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#EBEBEB');
  border: solid 1px #C8C8C8;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  margin-right: 10px;
}

a.tcgButton-grey {
  text-decoration: none;
  color: #085EB9 !important;
}

.tcgButton-grey-disabled {
  color: #085EB9 !important;
  font: bold 12px Helvetica, Arial, sans-serif;
  text-decoration: none;
  padding: 5px 12px;
  position: relative;
  display: inline-block;
  text-shadow: 0 1px 0 #EFEFEF;
  -webkit-transition: border-color .218s;
  -moz-transition: border .218s;
  -o-transition: border-color .218s;
  transition: border-color .218s;
  background: #f3f3f3;
  background: -webkit-gradient(linear,0% 0%,0% 100%,from(#FAFAFA),to(#EBEBEB));
  background: -moz-linear-gradient(top, #FAFAFA, #EBEBEB);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#EBEBEB');
  border: solid 1px #C8C8C8;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  margin-right: 10px;
  cursor: not-allowed;
}

a.tcgButton-grey-disabled {
  text-decoration: none;
  color: #085EB9 !important;
}

.tcgButton-grey:hover {
  color: #0000FF;
  border-color: #C8C8C8;
  background: #FFFFFF;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF');
  text-decoration: none;
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.jobOpeningsInner hr {
  color: #595959;
  margin: 7px 0 !important;
  border: 1px dotted #595959;
}

#messageCenterFarRightContainer {
  line-height: 18px;
}

.formFont {
  text-transform: uppercase;
}

.maxpointHeader input {
  margin-top: 0 !important;
}

.maxpointHeader form {
  margin-top: 12px;
  color: #ffffff;
}

.massEntryWrap .red {
  color: #595959;
}



#gc_preview_card h3 {
  margin-top: 14px;
  padding-bottom: 3px;
}

#gc_preview hr {
  border: #595959 1px solid;
}

#gc .ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 0 0 2px #f4f4f4;
  background: #fff;
  margin-top: 1px;
  z-index: 3;
  display: none;
}

/* ===== UI Datepicker ===== */

.datepicker {
  width: 58px !important;
}

.ui-datepicker {
  font-size: 12px;
  line-height: 14px;
  width: 17em;
  padding: .2em .2em 0;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 0 0 2px #f4f4f4;
  background: #fff;
  margin-top: 1px;
  z-index: 3;
  display: none;
}

  .ui-datepicker > .ui-state-hover {
    background: none;
  }

  .ui-datepicker td a.ui-state-hover, .ui-datepicker td a.ui-state-active {
    background: #f5f5f5;
  }

.ui-datepicker-append {
  margin-left: 14px;
  font-size: 11px;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
  border: 1px solid #ddd;
  background: url(../Content/images/backgrounds/navItemBg.png) repeat-x;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 6px;
  height: 9px;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 2px;
  cursor: pointer;
  background: none;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

  .ui-datepicker .ui-datepicker-next .ui-icon {
    background-position: -10px 0;
  }

.ui-datepicker .ui-datepicker-prev .ui-icon {
  background-position: 10px 0;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: 4px;
  background: url(../Content/images/jquery_ui/datePickerArrows.png) no-repeat;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 26px;
  text-align: center;
  color: #efefef;
}

  .ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
  }

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

  .ui-datepicker table .ui-state-default {
    border: 1px solid #ddd;
    background: url(../Content/images/backgrounds/titleBg.png) repeat-x;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
  }

  .ui-datepicker table tbody {
    font-size: 11px;
  }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

  .ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: 2px 4px;
    text-align: right;
    text-decoration: none;
    color: #737373;
  }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

  .ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
  }

    .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
      float: left;
    }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

  .ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
  }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
}


/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

  .ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
  }

  .ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
  }

  .ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
  }

  .ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
  }

  .ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
  }

    .ui-datepicker-rtl .ui-datepicker-buttonpane button {
      float: left;
    }

      .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
        float: right;
      }

  .ui-datepicker-rtl .ui-datepicker-group {
    float: right;
  }

  .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
  }

  .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
  }

.secondary-nav-container {
  height: 52px;
  width: 100%;
  background-image: url(images/subnav-bg.jpg);
  clear: both;
  margin-top: 2px;
}

  .secondary-nav-container .ghost { /*this is for easy vertical centering--sneaky!*/
    width: 1px;
    height: 100%;
    vertical-align: middle;
    display: inline-block;
  }

  .secondary-nav-container .logo {
    width: 200px;
    margin-left: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
  }

  .secondary-nav-container .links {
    width: 100%-220px;
    float: right;
    padding-top: 16px;
  }

    .secondary-nav-container .links a {
      float: right;
      margin-right: 36px;
      font-size: 16px;
      color: #111111;
      font-family: 'Proxima Nova', sans-serif;
      font-weight: bold;
      padding: 1px 2px 11px 2px;
    }

      .secondary-nav-container .links a:first-child {
        margin-right: 30px;
      }

      .secondary-nav-container .links a:hover {
        text-decoration: none;
        border-bottom: 4px solid #008ed3;
        /*background-color:rgba(255,255,255,.2);*/
        color: #222;
      }

  .secondary-nav-container .active-link:hover {
    border-bottom: 4px solid #63bc0a !important;
  }

  .secondary-nav-container .active-link {
    border-bottom: 4px solid #63bc0a;
  }

  .secondary-nav-container .jinks a:hover {
    text-decoration: none;
    background-color: rgba(255,255,255,.2);
    color: #eeeeee;
  }

@media only screen and (max-device-width: 768px) {
  .col-2 {
    margin-left: 5px !important;
  }
}




/* myaccount makeover */

.account-welcome {
  width: 679px;
  margin-left: 2px;
  padding: 19px 18px 19px 18px;
  background-color: #555;
  color: #fff;
  border-radius: 3px;
  font-size: 16px;
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 600;
}

  .account-welcome i {
    font-size: 16px;
  }

  .account-welcome .welcome-stats {
    font-size: 12px;
    float: right;
    margin-top: 2px;
  }

    .account-welcome .welcome-stats span {
      color: #eeeeee;
    }

.myaccount-new-box {
  margin: 16px auto 25px auto;
  width: 708px;
  border: 2px solid #cccccc;
  background-color: #ffffff;
  border-radius: 3px;
  height: auto;
}

  .myaccount-new-box h2, .myaccount-order h2 {
    color: #595959;
    font-family: 'Proxima Nova', sans-serif;
    font-weight: bold;
    font-size: 20px;
  }

  .myaccount-new-box p {
    line-height: 16px;
    padding-right: 8px;
    font-size: 12blue-px;
  }

  .myaccount-new-box a {
    color: #005A8F;
  }

  .myaccount-new-box input {
    border: 1px solid #bbbbbb;
  }

  .myaccount-new-box select {
    height: 30px;
    border: 1px solid #bbbbbb;
  }

.flat-text-input {
  background-color: #ffffff;
  border-radius: 2px;
  border: 1px solid #aaaaaa;
  width: 396px;
  height: 28px;
  text-align: left;
  padding-left: 8px;
  box-shadow: 0 !important;
}

.feedback-badge-container {
  margin-bottom: 0px;
  text-align: right;
  /*margin-top:-150px;*/
  width: 920px;
}

.welcome-mail {
  position: relative;
  display: inline-block;
  margin-left: 6px;
  cursor: pointer;
}

.welcome-mail-circle {
  width: 18px;
  height: 16px;
  padding-top: 2px;
  background: #0835DB;
  border-radius: 10px;
  text-align: center;
  color: #ffffff;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  position: absolute;
  top: -10px;
  left: 12px;
}

.welcome-mail-hover .welcome-mail-circle {
  background: #0094cd;
}

.welcome-mail-hover i {
  color: #dddddd;
}

.check-float {
  vertical-align: top;
  margin-top: 9px;
}

.lined-div {
  padding: 20px 10px;
  border-bottom: 1px #999999 solid;
}

  .lined-div i {
    font-size: 22px;
    vertical-align: middle;
  }

  .lined-div:first-child {
    border-top: 1px #999999 solid;
  }

  .lined-div .cell {
    float: left;
  }

.myaccount-payment .imprintName,
.myaccount-payment .imprintNameError {
  width: 130px;
  display: inline-block;
}

/* new payment options form */

.new-review-form {
  padding: 0 32px 0 24px;
  width: 628px;
}

  .new-review-form .payment-item {
    padding: 20px 10px;
    border-bottom: 1px #999999 solid;
  }

    .new-review-form .payment-item:first-child, .credit-radio {
      border-top: 1px #999999 solid;
      padding: 20px 10px;
    }

  .new-review-form .payment-label, .new-review-form .payment-label-error {
    width: 30%;
    float: left;
    font-size: 14px;
    letter-spacing: -.01em;
    font-weight: bold;
  }

  .new-review-form .payment-label-error {
    color: red;
  }

  .new-review-form .payment-method {
    width: 68%;
    float: left;
  }

    .new-review-form .payment-method img {
    }

  .new-review-form input[type=text] {
    border-radius: 2px;
    border: 1px solid #aaaaaa;
    height: 28px;
    text-align: left;
    padding-left: 8px;
    box-shadow: none !important;
    margin-bottom: 10px;
    display: block;
  }

  .new-review-form .checkbox-row {
    margin-top: 6px;
  }

  .new-review-form input[type=radio]:not(.radio-no-top) {
    margin-top: -18px;
  }

.radio-no-top {
  margin-top: -4px;
}

.credit-radio {
}

.new-review-form select {
  height: 30px;
  padding-left: 6px;
  margin-right: 4px;
}

.card-label, .payment-method .imprintNameSecurityError, .payment-method .imprintNameError {
  display: inline-block;
}

.payment-method .imprintNameSecurityError, .payment-method .imprintNameError, .payment-method .imprintNameSecurity, .payment-method .imprintName {
  display: inline-block;
  width: auto;
}

.card-label-error {
  color: red;
}

.card-label-single {
  vertical-align: top;
  margin-top: 6px;
}

.review-label {
  font-weight: bold;
  font-size: 12px;
}

  .review-label a {
    font-size: 12px;
  }

.default-card-change {
  margin-top: 16px;
  width: 330px;
  height: 41px;
  border: 1px solid #f29400;
  padding: 12px 10px 0 50px;
  border-radius: 3px;
  background-color: #ffffff;
  color: #4e4e4e;
  font-size: 12px;
  font-family: Arial,sans-serif;
  font-weight: bold;
  line-height: 15px;
  background-image: url(images/xs-alert-orange.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
}

.full-wide-alert {
  width: auto;
  margin: 12px 0 12px 1px;
  font-size: 14px;
  padding-top: 0;
  padding-left: 70px;
  height: 68px;
  line-height: normal;
  vertical-align: middle;
  letter-spacing: normal;
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 600;
}

.full-wide-alert-short {
  height: 58px;
  padding-left: 6px;
  font-size: 18px;
}

  .full-wide-alert-short ul {
    margin: 0 0 0 10px;
  }

.green-alert {
  border: #63bc0a 2px solid;
}

.orange-alert {
  border: #ff931e 2px solid;
}

.red-alert {
  border: #ff1e3b 2px solid;
}

.full-wide-alert div {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.two-column-top {
  width: 100%;
  padding: 10px 0;
}

  .two-column-top p {
    text-align: center;
    margin: 12px 20px 0 20px;
  }

.top-column {
  width: calc(49% - 16px);
  padding: 10px 2px 0 2px;
  display: inline-block;
  vertical-align: top;
}

.top-column-wide {
  padding: 5px 2px 0 2px;
  vertical-align: top;
}

.top-column:first-child {
  margin-right: 24px;
}

.two-column-top .label {
  font-weight: bold;
  width: 38%;
  text-align: left;
  display: inline-block;
  float: left;
}

.two-column-top .widelabel {
  width: 50%;
}

.two-column-top .fine-print {
  text-align: left;
  font-size: 11px;
  font-style: italic;
  padding-right: 10px;
  color: #b2b2b2;
  margin-top: 4px;
}

.top-column .myaccount-list:not(:last-child) {
  margin-bottom: 40px;
}

.top-column .myaccount-list {
  margin-top: 16px;
}

.bottom-column {
  padding: 0 2px;
  margin-top: 40px;
}

.myaccount-list-item {
  padding: 15px 2px;
  border-bottom: 1px #999999 solid;
  text-align: right;
  clear: both;
  min-height: 13px;
  line-height: 15px;
  font-size: 12px;
}

.myaccount-table {
  width: 100%;
  font-size: 12px;
  margin-top: 12px;
}

  .myaccount-table .under-review, .myaccount-list-item .under-review {
    color: grey;
  }

  .myaccount-table .completed, .myaccount-list-item .completed, .myaccount-money {
    color: #1bae17;
  }

  .myaccount-table .expired, .myaccount-list-item .expired, .myaccount-money-negative {
    color: #b50414;
  }

  .myaccount-table i {
    margin-right: 2px;
  }

  .myaccount-table tr th {
    border: none;
    background-color: #999999;
    color: #ffffff;
    padding: 10px 0 10px 5px;
    text-align: left;
  }

  .myaccount-table:not(.center-table) tr th {
    min-height: 14px;
  }

  .myaccount-table tr td {
    min-height: 14px;
    padding: 12px 0 10px 5px;
    border: none;
    border-bottom: 1px solid #999999;
  }

.bigger-text {
  font-size: 14px;
}

.myaccount-table-controls {
  float: right;
  margin-top: -6px;
}

.myaccount-help {
  float: right;
  margin-top: -16px;
  font-size: 11px;
}

.myaccount-table-controls span {
  font-size: 11px;
}

.myaccount-button-row {
  margin: 15px 0 10px 0;
}

  .myaccount-button-row button {
    width: calc(25% - 4px);
    font-size: 13px;
    letter-spacing: normal;
  }

.myaccount-table p {
  text-align: left;
  margin: 0 0 2px 0;
  padding: 0;
}

.myaccount-table .card-info {
  font-size: 11px;
  color: #b2b2b2;
}


/* Stuff specific to MyAccount/Buylist*/

.buylist-header {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #999999;
}

.buylist-myaccount li a {
  cursor: default;
}

.myaccount .list-table {
  font-size: 13px;
}

  .myaccount .list-table tr {
    height: 23px;
    background: #ffffff;
  }

    .myaccount .list-table tr:nth-child(even) {
      background: #f8f8f8;
    }

    .myaccount .list-table tr th {
      color: #b9b9b9;
      font-family: 'Proxima Nova', sans-serif;
      font-weight: bold;
    }


/* Buylist Builder and Cart Uhhhh Yeah*/

.buylist-template, .buylist-template button {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: bold;
}

  .buylist-template a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
  }

    .buylist-template a:hover {
      text-decoration: underline;
    }

  .buylist-template h2 {
    font-family: 'Proxima Nova', sans-serif;
    font-weight: bold;
    margin: 8px 0 11px 0;
    font-size: 18px;
  }

  .buylist-template h3 {
    font-family: 'Proxima Nova', sans-serif;
    font-weight: bold;
    margin: 4px 0;
    font-size: 16px;
  }

  .buylist-template .crumb {
    margin-bottom: 8px;
    font-size: 17px;
    font-family: ProximaNovaBold,sans-serif;
  }

    .buylist-template .crumb i {
      color: #aaa;
      padding: 0 4px;
    }

    .buylist-template .crumb a {
        font-weight: bold;
    }

  .buylist-template h4 {
    font-family: 'Proxima Nova', sans-serif;
    font-weight: bold;
    font-size: 14px;
  }

  .buylist-template .small-text {
    font-size: 12px;
    margin-top: -1px;
  }

  .buylist-template .whisper a {
    color: #008ed3;
    font-size: 12px;
    margin-top: -1px;
  }

.buylist-container {
}

  .buylist-container .blue, .buylist-template a, .buylist-summary-widget .blue {
    color: #008ed3;
  }

  .buylist-container .grey {
    color: #aaa;
  }

.buylist-checkout-upper {
  width: 100%;
  float: left;
  min-height: 182px;
}

  .buylist-checkout-upper h4 {
    margin-bottom: 2px;
  }

.buylist-stats, .buylist-top-form {
  width: 100%;
  padding: 10px 0;
}

.buylist-top-form {
  height: 162px;
}

.buylist-stats {
  border-radius: 3px;
  border: 1px #008ed3 solid;
  width: calc(100% -2px);
  margin-bottom: 10px;
}

  .buylist-stats .cell, .buylist-top-form .cell {
    width: calc(33% - 20px);
    float: left;
    min-height: 34px;
    padding: 0 10px;
  }

.buylist-top-form .cell {
  min-height: 162px;
  width: calc(33% - 40px);
  padding: 0 20px;
}

  .buylist-top-form .cell p {
    margin-bottom: 10px;
  }

  .buylist-top-form .cell h3 {
    margin-bottom: 12px;
  }

  .buylist-top-form .cell input[type=radio] {
    vertical-align: top;
  }

  .buylist-top-form .cell input[type='radio'] {
    -webkit-appearance: none;
    width: 13px;
    height: 13px;
    border: 1px solid darkgray;
    border-radius: 50%;
    outline: none;
    box-shadow: 0;
  }

    .buylist-top-form .cell input[type='radio']:checked {
      background: #008ed3;
    }

  .buylist-stats .cell:not(:first-child), .buylist-top-form .cell:not(:first-child) {
    border-left: 1px #008ed3 solid;
  }

.buylist-stats .cell:not(:first-child) {
  text-align: center;
}

.buylist-template .cell h2 {
  margin: 3px 0 0 0;
}

.buylist-top-form .calendar {
  float: left;
  margin: 2px 8px 0 0;
}

.buylist-top-form .calendar-text {
  float: left;
  line-height: 14px;
  margin-top: 4px;
}

.buylist-template .bottom-button {
  margin-top: 10px;
  text-align: right;
}

.buylist-search {
  width: calc(100% - 14px);
  background-color: #e3e3e3;
  padding: 8px;
  border-radius: 3px;
}

  .buylist-search .search-shell {
    width: calc(100% - 40px);
    border: 1px solid #999999;
    border-radius: 2px;
    overflow: hidden;
    padding: 0 10px 0 30px;
    height: 38px;
    background-color: #fff;
    position: relative;
  }

  .buylist-search input[type=text] {
    width: calc(100% - 10px);
    height: 40px;
    padding: 0;
    margin: 0;
    display: inline-block;
    border: none;
    font-size: 14px;
    letter-spacing: .01em;
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 600;
    background-color: transparent;
  }

    .buylist-search input[type=text]:focus {
      box-shadow: none;
      border: none;
      color: inherit;
    }

  .buylist-search .focus-class {
    background-color: #f8f8f8;
  }

  .buylist-search .search-icon {
    font-size: 16px;
    position: absolute;
    left: 10px;
    top: 11px;
    color: #bbb;
  }

  .buylist-search .search-button {
    width: 148px;
    float: left;
    background-color: #ffffff;
    height: 30px;
    margin: 0;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid #999;
    padding-top: 10px;
    /*cursor:pointer;*/
  }

    .buylist-search .search-button:hover {
      /*background-color:#0188c9*/
    }

  .buylist-search .dropdown-shell {
    width: 100%;
    margin-top: 7px;
  }

  .buylist-search .dropdowns {
    width: 574px;
    float: left;
  }

    .buylist-search .dropdowns select {
      height: 30px;
      margin-right: 5px;
      font-family: 'Proxima Nova', sans-serif;
      font-weight: 600;
      font-size: 12px;
      margin: 0;
    }

      .buylist-search .dropdowns select:not(:last-of-type) {
        margin-right: 2px;
      }

  .buylist-search .inline-button {
    float: right;
    margin: 0;
    width: 120px;
    padding: 0;
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 600;
    height: 30px;
  }

.buylist-template .buylist-summary-widget, .buylist-review-container .buylist-summary-widget {
  border-radius: 3px;
  border: 1px solid #999999;
  text-align: center;
}

.buylist-template .buylist-summary-widget {
  width: 202px;
  height: 186px;
  float: right;
  padding-top: 2px;
}

  .buylist-template .buylist-summary-widget button,
  .buylist-template #cartDetails button,
  .buylist-template .fixed-button button {
    height: 34px;
  }

.buylist-template #cartDetails button {
  vertical-align: top;
}

.buylist-template .buylist-summary-widget .top-area {
  height: 92px;
}

.buylist-template .buylist-summary-widget button:first-of-type {
  margin-bottom: 8px;
}

.buylist-template .normal {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 600;
}

.buylist-template b {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: bold;
}

.buylist-results-panel {
  width: 100%;
  padding: 22px 0 5px 0;
  position: relative;
  border: 1px solid transparent;
}

.buylist-template .grey-text {
  font-size: 12px;
  color: #999999;
  margin-top: -2px;
}

.buylist-results-panel .myaccount-table, .content-area .myaccount-table {
  margin-top: 4px;
  font-size: 13px;
}

  .buylist-results-panel .myaccount-table tr:not(:first-child, .error-tr) {
    height: 62px;
  }

  .buylist-results-panel .myaccount-table tr:first-child th {
    padding-left: 5px;
  }


  .buylist-results-panel .myaccount-table input, .buylist-template .content-area .myaccount-table input {
    width: 50px;
    height: 20px;
    border-radius: 2px;
    border: 1px solid #999;
    text-align: center;
  }

  .buylist-results-panel .myaccount-table tr th, .buylist-results-panel .myaccount-table tr td:not(.error-row) {
    padding-left: 5px;
  }

  .buylist-results-panel .myaccount-table .grey-button {
    min-width: 60px;
    margin-left: 4px;
  }

  .buylist-results-panel .myaccount-table th div:not(.inline) {
    position: absolute;
    top: 8px;
  }

.buylist-results-panel .fake-header {
  height: 14px;
  padding: 10px 0;
  background-color: #666;
}

.buylist-results-panel .table-shell {
  position: relative;
}

.buylist-results-panel .myaccount-table tr th, .buylist-results-panel .myaccount-table tr:first-child {
  height: 0;
  padding: 0;
}

.buylist-results-panel .myaccount-table th a {
  color: #ffffff;
  text-decoration: underline;
}

.buylist-results-panel .table-holder {
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  max-height: 382px;
  overflow: auto;
}

  .buylist-results-panel .table-holder button {
    height: 25px;
    overflow: hidden;
  }

  .buylist-results-panel .table-holder input {
    vertical-align: top;
  }

.buylist-template .content-area {
  width: calc(100% - 18px);
  padding: 8px;
  border-radius: 3px;
  border: 1px solid #999;
  margin-top: 24px;
  position: relative;
}

  .buylist-template .content-area h2 {
    font-size: 20px;
    margin: 4px 0 0 0;
  }

  .buylist-template .content-area .subtitle {
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
  }

  .buylist-template .content-area .top-buttons {
    position: absolute;
    top: 10px;
    right: 10px;
  }

    .buylist-template .content-area .top-buttons button:not(:last-of-type) {
      margin-right: 3px;
    }

  .buylist-template .content-area .myaccount-table th {
    background-color: #ffffff;
    color: #aaa;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
  }

  .buylist-template .content-area .input-left {
    display: inline-block;
  }

  .buylist-template .content-area .table-options {
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
    margin: 2px 0 0 6px;
  }

.buylist-template .checkout-table tr td {
  padding: 9px 0 10px 5px;
}

.buylist-template .content-area .myaccount-table tr td {
  border-bottom: none;
}

.buylist-template .content-area .myaccount-table tr:not(:first-of-type) {
  border-bottom: 1px solid #999;
}

.buylist-template .content-area .myaccount-table tr:last-of-type {
  border-bottom: none;
}

.buylist-template .content-area .input-subtext, .table-holder .input-subtext {
  width: 50px;
  text-align: center;
  font-size: 12px;
  color: #999;
  line-height: 14px;
}

.buylist-template .center-table tr:last-of-type td {
  border-bottom: none;
}

.buylist-template hr {
  border-color: #ddd;
  margin-top: 20px;
}

.buylist-template .summary-table {
  width: 100%;
}

  .buylist-template .summary-table tr th {
    color: #aaaaaa;
    border: none;
    border-bottom: 1px #999 solid;
    text-align: left;
  }

  .buylist-template .summary-table tr td {
    font-size: 13px;
    padding: 2px 0;
  }

.buylist-template .button-space {
  margin-left: 8px;
}

.buylist-template .summary-table tr:nth-child(odd) {
  background-color: #f8f8f8;
}

.buylist-template .summary-table tr:first-child {
  background-color: #ffffff;
}

.buylist-template #holderText {
  padding: 10px 0;
}

.buylist-template .fa-sort {
  color: #aaa;
}

.buylist-template .ac_loading {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
  background-repeat: no-repeat;
  background-position: center right;
}

.buylist-template .error-row,
.buylist-review-container .error-row {
  padding: 0;
  padding-left: 0;
}

  .buylist-template .error-row div,
  .buylist-review-container .error-row {
    /*border:1px solid #ff1e3b;*/
    background: #f5b9b9;
    padding: 3px;
    font-size: 12px;
    text-align: center;
  }

.buylist-template .error-tr,
.buylist-review-container .error-row {
  height: auto;
}

.buylist-review-container .error-row {
  height: 58px;
  padding: 0;
  background-color: transparent;
}

.buylist-review-container .error-row-slide {
  height: 58px;
  color: #fff;
  font-size: 16px;
  text-align: left;
  padding: 19px 12px 0 12px;
  background: #8b0000;
  border: none;
}

.buylist-template .results-row {
  height: 63px;
  overflow: hidden;
}

.buylist-results-panel tr td {
  padding: 10px 0 5px 5px;
  vertical-align: top;
}

.buylist-template .card-small:hover {
  cursor: zoom-in;
  cursor: -moz-zoom-in;
  cursor: -webkit-zoom-in;
}

.buylist-template .image-mod {
  width: 300px;
  position: absolute;
}

.image-mod .popup-body {
  text-align: center;
}

.image-mod .popup-header {
  background: #ffffff;
}

/* Buylist Review Standalone Page*/

.buylist-review-container {
  padding: 10px 20px;
  max-width: 1600px;
  margin: 0 auto;
}

  .buylist-review-container .header-row {
    margin-bottom: 20px;
  }

    .buylist-review-container .header-row > div {
      text-align: center;
    }

.big-button-row > div {
  height: 220px;
}

.big-button-row button {
  height: 94%;
  width: 100%;
  background: #86B437;
  border: none;
  border-radius: 5px;
  font-size: 20px;
  line-height: 26px;
  color: #fff;
}

  .big-button-row button .kickbacks {
    height: 35px;
    padding-top: 7px;
    font-size: 24px;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,.4);
    width: 100%;
    text-align: center;
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
  }

.big-button-row .square-buttons {
  height: 100%;
  font-size: 16px;
}

  .big-button-row .square-buttons h3 {
    text-align: center;
    margin-top: 18px;
    font-size: 20px;
  }

  .big-button-row .square-buttons .h3-bold, .big-button-row .square-buttons .payment-type {
    font-family: 'Proxima Nova', sans-serif;
    font-weight: bold;
  }

  .big-button-row .square-buttons .payment-type {
    font-size: 28px;
  }

  .big-button-row .square-buttons i {
    font-size: 60px;
    line-height: 88px;
    margin-top: 12px;
  }

  .big-button-row .square-buttons .cash-button {
    background: #5db506;
    -moz-box-shadow: 0 5px 0 0 #498f04;
    -webkit-box-shadow: 0 5px 0 0 #498f04;
    box-shadow: 0 5px 0 0 #498f04;
  }

    .big-button-row .square-buttons .cash-button:hover {
      background: #498f04;
    }

  .big-button-row .square-buttons .check-button {
    background: #06b558;
    -moz-box-shadow: 0 5px 0 0 #048f35;
    -webkit-box-shadow: 0 5px 0 0 #048f35;
    box-shadow: 0 5px 0 0 #048f35;
  }

    .big-button-row .square-buttons .check-button:hover {
      background: #048f35;
    }

  .big-button-row .square-buttons .credit-button {
    background: #06b5af;
    -moz-box-shadow: 0 5px 0 0 #048f80;
    -webkit-box-shadow: 0 5px 0 0 #048f80;
    box-shadow: 0 5px 0 0 #048f80;
  }

    .big-button-row .square-buttons .credit-button:hover {
      background: #048f80;
    }

  .big-button-row .square-buttons > div {
    height: 90%;
  }

.big-button-row .long-buttons > div {
  height: 100%;
}

.big-button-row .long-buttons {
  height: 20%;
}

  .big-button-row .long-buttons button {
    background: #aaa;
    color: #fff;
  }

.buylist-review-container .buylist-summary-widget {
  height: 100%;
  font-size: 16px;
  position: relative;
  font-size: 18px;
  line-height: 16px;
  background: #fff;
}

.buylist-review-container h2 {
  font-size: 24px;
}

.buylist-review-container .buylist-summary-widget h3 {
  margin-bottom: 17px;
  margin-top: 10px;
}

.buylist-review-container .buylist-summary-widget p {
  margin-bottom: 9px;
}

.buylist-review-container .buylist-summary-widget .money {
  font-size: 20px;
}

.buylist-review-container .buylist-summary-widget button {
  height: 14%;
  width: 80%;
  position: absolute;
  bottom: 19px;
  left: 10%;
  background: #666;
  font-size: 19px;
}

  .buylist-review-container .buylist-summary-widget button:hover {
    background: #555;
  }

  .buylist-review-container .buylist-summary-widget button:first-of-type {
    height: 20%;
    bottom: 59px;
    background: #009cd9;
    font-size: 24px;
  }

    .buylist-review-container .buylist-summary-widget button:first-of-type:hover, .buylist-review-container .blue-button-md:hover, .buylist-review-container .small-sq-button:hover {
      background: #018bc1;
    }

.buylist-review-container .delete:hover {
  background: #750000;
}

.buylist-review-container .review-table {
  font-size: 18px;
  margin-top: 0;
}

  .buylist-review-container .review-table tr th {
    padding: 12px;
  }

  .buylist-review-container .review-table .grey-text {
    font-size: 14px;
  }

  .buylist-review-container .review-table input {
    height: 36px;
    vertical-align: middle;
    text-align: center;
  }

.review-popup .popup-header {
  width: 100%;
}

  .review-popup .popup-header .popup-close {
    height: 54px;
  }

.review-popup button {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 600;
}


@media (max-width: 768px) {
  .big-button-row > div {
    height: 250px;
  }

  .buylist-review-container .widget-holder {
    height: 180px;
    margin-bottom: 40px;
  }
}

.buylist-review-container .small-sq-button {
  width: 42px;
  height: 42px;
  border-radius: 4px;
  background: #009cd9;
  color: #fff;
  border: none;
  font-size: 24px;
  margin: 0 0 0 10px;
}


.buylist-review-container .blue-button-md {
  height: 42px;
  border-radius: 4px;
  background: #009cd9;
  color: #fff;
  border: none;
  font-size: 18px;
  margin: 0 0 0 2px;
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 600;
}

.buylist-review-container .delete {
  background-color: #8B0000;
  margin: 0 0 0 5px;
}

.buylist-review-container .alerts {
  padding-bottom: 4px;
  height: auto;
}

img.cardImage.w36 {
  width: 24px;
  height: 36px;
  border: 1px solid #000000;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  vertical-align: middle;
  margin-right: 5px;
}

.buylist-review-container .cart-table-holder {
  height: 260px;
  overflow-y: auto;
  margin-top: 40px;
  background-color: rgba(255,255,255,.85);
}

.review-table thead, .fake-thead {
  position: absolute;
  top: 0px;
  right: 0;
  left: 0;
  background-color: #999999;
  color: #fff;
  font-size: 15px;
}

  .fake-thead > div {
    padding: 13px 0 12px 12px;
  }

.buylist-review-panel {
  max-width: 1600px;
  display: none;
  position: relative;
}

.confirmation-panel {
  text-align: center;
  padding-top: 10%;
}

.offer-panel {
  padding-top: 3%;
}

.buylist-review-panel .cart-table {
  padding: 1px;
}

.buylist-review-panel .bigger-text {
  font-size: 16px;
}

.buylist-container .page-select {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 600;
  font-size: 12px;
  margin: 0 0 0 3px;
}


.confirmation-panel h1 {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: bold;
  font-size: 52px;
  text-transform: uppercase;
  color: #5db506;
}

.confirmation-panel .money {
  color: #5db506;
}

.bolder {
  font-family: 'Proxima Nova', sans-serif;
  font-weight: bold;
}

.xxx-button {
  width: calc(100% - 2px);
  padding: 10px 0;
  font-family: 'Proxima Nova', sans-serif;
  font-weight: 600;
  margin: 6px 0 2px 0;
}


.buylist-container .prevPage:link {
  background-color: #008ed3;
  border: 1px solid #0E5B93;
}

.buylist-container .prevPage:visited {
  background-color: #008ed3;
  border: 1px solid #0E5B93;
}

.buylist-container .currentPage {
  background: #008ed3;
  color: #FFF;
  border: 1px solid #0E5B93;
  text-decoration: none;
}

.buylist-container .nextPage:link {
  background-color: #008ed3;
  border: 1px solid #0E5B93;
}

.buylist-container .nextPage:visited {
  background-color: #008ed3;
  border: 1px solid #0E5B93;
}

.disabledbutton {
  pointer-events: none;
  opacity: 0.4;
}

.kiosk-logo {
  position: absolute;
  top: 2px;
  left: 10px;
}

#big-alert-shell {
  color: #ffffff;
  position: absolute;
  z-index: 10;
  padding: 0;
  display: none;
  font-size: 18px;
}

  #big-alert-shell i {
    font-size: 36px;
  }

  #big-alert-shell ul {
    line-height: 22px;
  }

.new-warning-scroll {
  height: 180px;
  overflow-y: auto;
  margin-top: 20px;
}

#billingAddress span {
    width: 190px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.order-complete-promo {
    border-width: 1px;
    border-style: solid;
    padding: 16px;
    margin: 16px 0;
    font-size: 13.33px;
}

.order-complete-promo.pagenoticegreen {
    background-color: #F2FFFB;
    border-color: #16B87D;
}

.order-complete-promo.pagenoticepurple {
    background: #F7F2FF;
    border-color: #580ACA;
}

.order-complete-promo.pagenoticered {
    background: #FFDAE9;
    border-color: #C3025A;
}

.order-complete-promo.pagenoticeorange {
    background: #FFF5F2;
    border-color: #CF461B;
}

.order-complete-promo > .title {
    font-weight: 600;
    display: block;
    font-size: 16px;
    margin-bottom: 8px;
}

.order-complete-promo > a:link,
.order-complete-promo > a:visited {
    text-decoration: underline;
}

.order-complete-promo.pagenoticegreen,
.order-complete-promo.pagenoticegreen > a:link,
.order-complete-promo.pagenoticegreen > a:visited {
    color: #00472E;
}

.order-complete-promo.pagenoticepurple,
.order-complete-promo.pagenoticepurple > a:link,
.order-complete-promo.pagenoticepurple > a:visited {
    color: #1A0047;
}

.order-complete-promo.pagenoticered,
.order-complete-promo.pagenoticered > a:link,
.order-complete-promo.pagenoticered > a:visited {
    color: #47001D;
}

.order-complete-promo.pagenoticeorange,
.order-complete-promo.pagenoticeorange > a:link,
.order-complete-promo.pagenoticeorange > a:visited {
    color: #470E00;
}