@charset "UTF-8";
/* ==========================================================================
    Note: IE6-9 don't render any selectors/rules after 4095 of them in one 
          stylesheet. And only support maximum 4 level of nested @import.
          core.css have 1600 selectors at Jan/4/2014.
   ========================================================================== */
/* ==========================================================================
   $Custom Font Style
   ========================================================================== */
/* 1. Generated by Font Squirrel (http://www.fontsquirrel.com) on Dec 18, 2013 02:32:21 PM America/New_York 
   2. Set SVG font in Media query so it displays smoother for Chrome
   3. If @font-face is not used, commented it out for less server requiest */
@import url("https://fonts.googleapis.com/css?family=Sigmar+One");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
@font-face {
  font-family: "os_l";
  src: url("../eot/opensans-light-webfont.eot");
  src: url("../eot/opensans-light-webfontd41d.eot#iefix") format("embedded-opentype"), url("../woff/opensans-light-webfont.woff") format("woff"), url("../ttf/opensans-light-webfont.ttf") format("truetype"), url("../svg/opensans-light-webfont.svg#open_sanslight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "os_r";
  src: url("../eot/opensans-regular-webfont.eot");
  src: url("../eot/opensans-regular-webfontd41d.eot#iefix") format("embedded-opentype"), url("../woff/opensans-regular-webfont.woff") format("woff"), url("../ttf/opensans-regular-webfont.ttf") format("truetype"), url("../svg/opensans-regular-webfont.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "os_sm";
  src: url("../eot/opensans-semibold-webfont.eot");
  src: url("../eot/opensans-semibold-webfontd41d.eot#iefix") format("embedded-opentype"), url("../woff/opensans-semibold-webfont.woff") format("woff"), url("../ttf/opensans-semibold-webfont.ttf") format("truetype"), url("../svg/opensans-semibold-webfont.svg#open_sanssemibold") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* ==========================================================================
   $fontello smooth svg font will be called in newjs.js for windows platform 
   ========================================================================== */
@font-face {
  font-family: "fontello";
  src: url("../eot/fontello3d97.eot");
  src: url("../eot/fontello3d97.eot#iefix") format("embedded-opentype"), url("../woff/fontello3d97.woff") format("woff"), url("../ttf/fontello3d97.ttf") format("truetype"), url("../svg/fontello3d97.svg#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  /*margin-right: .2em;*/
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /*margin-left: .2em;*/
  /* you can be more comfortable with increased icons size */
  /*font-size: 120%;*/
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-baseball:before {
  content: "\e800";
} /* '' */
.icon-box:before {
  content: "\e801";
} /* '' */
.icon-football:before {
  content: "\e802";
} /* '' */
.icon-left-open:before {
  content: "\e803";
} /* '' */
.icon-right-open:before {
  content: "\e804";
} /* '' */
.icon-user:before {
  content: "\e805";
} /* '' */
.icon-folder:before {
  content: "\e806";
} /* '' */
.icon-puck:before {
  content: "\e807";
} /* '' */
.icon-folder-open:before {
  content: "\e808";
} /* '' */
.icon-basket:before {
  content: "\e809";
} /* '' */
.icon-thumbs-up-alt:before {
  content: "\e80a";
} /* '' */
.icon-list-numbered:before {
  content: "\e80b";
} /* '' */
.icon-comclogo:before {
  content: "\e80c";
} /* '' */
.icon-login:before {
  content: "\e80d";
} /* '' */
.icon-laptop:before {
  content: "\e80e";
} /* '' */
.icon-menu:before {
  content: "\e80f";
} /* '' */
.icon-dollar:before {
  content: "\e810";
} /* '' */
.icon-basketball:before {
  content: "\e811";
} /* '' */
.icon-comment:before {
  content: "\e812";
} /* '' */
.icon-contributor-badge:before {
  content: "\e813";
} /* '' */
.icon-tag:before {
  content: "\e814";
} /* '' */
.icon-gauge:before {
  content: "\e815";
} /* '' */
.icon-calendar:before {
  content: "\e816";
} /* '' */
.icon-hash:before {
  content: "\e817";
} /* '' */
.icon-flag-checkered:before {
  content: "\e818";
} /* '' */
.icon-truck:before {
  content: "\e819";
} /* '' */
.icon-lock:before {
  content: "\e81a";
} /* '' */
.icon-canada:before {
  content: "\e81b";
} /* '' */
.icon-amazon:before {
  content: "\e81c";
} /* '' */
.icon-golf:before {
  content: "\e81d";
} /* '' */
.icon-pencil-squared:before {
  content: "\e81e";
} /* '' */
.icon-magic-card:before {
  content: "\e81f";
} /* '' */
.icon-belt:before {
  content: "\e820";
} /* '' */
.icon-fist:before {
  content: "\e821";
} /* '' */
.icon-boxing:before {
  content: "\e822";
} /* '' */
.icon-error:before {
  content: "\e823";
} /* '' */
.icon-info:before {
  content: "\e824";
} /* '' */
.icon-moon:before {
  content: "\e825";
} /* '' */
.icon-chart-bar:before {
  content: "\e826";
} /* '' */
.icon-warning:before {
  content: "\e827";
} /* '' */
.icon-success:before {
  content: "\e828";
} /* '' */
.icon-chart-area:before {
  content: "\e829";
} /* '' */
.icon-sun:before {
  content: "\e82a";
} /* '' */
.icon-hammer:before {
  content: "\e82b";
}

/* ==========================================================================
   Mixins and Variables: Must placed before Placeholder
   ========================================================================== */
/*----------Variables------------*/
.red {
  color: #B91F24;
}

.info-color {
  background: #38404c;
}

.color-green {
  background: #1C8F47;
}

/* ---------Mixins-------------- */
/* modern clearfix */
/* yellow */
/* green */
/* red; this is not same as .error */
/* ==========================================================================
   Placeholder 
   ========================================================================== */
a.jumpBtn, #searchbrowse input.submit,
.searchinputs input.submit {
  border-radius: 2px; /* background-clip: padding-box; position: relative\9; behavior: url(/PIE.htc); */
}

.landingpageHeader .fourcol.clearfix a.col, .landingpages .fourcol.clear .col, #payment-options .redbtn, #payment-options .whitepages.inventoryManager .inventoryToplist input[value="Request Shipment"], .whitepages.inventoryManager .inventoryToplist #payment-options input[value="Request Shipment"], #payment-options .checkout-container .checkoutNextEnabled, .checkout-container #payment-options .checkoutNextEnabled, #payment-options .viewCartBtn, #payment-options .membership input.button, .membership #payment-options input.button, #payment-options .processingfees .col a, .processingfees .col #payment-options a, #payment-options .buyNowPrice + input,
#payment-options .makeOfferBox + input, .cart .actionarea a, .getStarted .redbtn, .getStarted .whitepages.inventoryManager .inventoryToplist input[value="Request Shipment"], .whitepages.inventoryManager .inventoryToplist .getStarted input[value="Request Shipment"], .getStarted .checkout-container .checkoutNextEnabled, .checkout-container .getStarted .checkoutNextEnabled, .getStarted .buyNowPrice + input,
.getStarted .makeOfferBox + input, .getStarted .processingfees .col a, .processingfees .col .getStarted a, .getStarted .membership input.button, .membership .getStarted input.button, .getStarted .viewCartBtn, .menufooter a, .navMenu {
  border-radius: 3px; /* background-clip: padding-box; position: relative\9; behavior: url(/PIE.htc); */
}

.certificateType {
  border-radius: 4px; /* background-clip: padding-box; position: relative\9; behavior: url(/PIE.htc); */
}

.promotionSettings #slider-range .ui-state-default, .h1wrapper .legacyFloatSC, .h1wrapper .floatSC {
  border-radius: 50%; /* background-clip: padding-box; position: relative\9; behavior: url(/PIE.htc); */
}

.promotionPreview, #homepage .cardInfoWrapper {
  -webkit-box-shadow: 0 1px 1px 0 #ddd;
          box-shadow: 0 1px 1px 0 #ddd; /* position: relative\9; behavior: url(/PIE.htc); */
}

.submitForGrading li.selectService:hover, [data-click=popup], .historyPoint .threecol .col,
.getSuggestedP .threecol .col,
.howToAddCredit .threecol .col, .h1wrapper .legacyFloatSC, .h1wrapper .floatSC, .whitepages, .promotionPreview:hover, #homepage .cardInfoWrapper:hover, .homePagePanel .promotionPreview:hover {
  -webkit-box-shadow: 0 2px 3px 0 #ccc;
          box-shadow: 0 2px 3px 0 #ccc; /* position: relative\9; behavior: url(/PIE.htc); */
}

.landingpageHeader, .landingpages .findbyYear, .bannerWrapper, .reportErrorList, #ordercontainer .cart-contents, .large-12,
.row, .redempOptions, .howtosell .threecol, .howtosell .twocol li, .howtosell .twocol, .whitepages, .twocol,
.threecol,
.fourcol, #footer, .select-left-column, .itemInfoHeader, #bottom-searchnav, .resultTitle, #itemSample, #mainImg, #homepage, #content {
  *zoom: 1;
}
.landingpageHeader:before, .landingpages .findbyYear:before, .bannerWrapper:before, .reportErrorList:before, #ordercontainer .cart-contents:before, .large-12:before,
.row:before, .redempOptions:before, .howtosell .threecol:before, .howtosell .twocol li:before, .howtosell .twocol:before, .whitepages:before, .twocol:before,
.threecol:before,
.fourcol:before, #footer:before, .select-left-column:before, .itemInfoHeader:before, #bottom-searchnav:before, .resultTitle:before, #itemSample:before, #mainImg:before, #homepage:before, #content:before, .landingpageHeader:after, .landingpages .findbyYear:after, .bannerWrapper:after, .reportErrorList:after, #ordercontainer .cart-contents:after, .large-12:after,
.row:after, .redempOptions:after, .howtosell .threecol:after, .howtosell .twocol li:after, .howtosell .twocol:after, .whitepages:after, .twocol:after,
.threecol:after,
.fourcol:after, #footer:after, .select-left-column:after, .itemInfoHeader:after, #bottom-searchnav:after, .resultTitle:after, #itemSample:after, #mainImg:after, #homepage:after, #content:after {
  content: " ";
  display: table;
}
.landingpageHeader:after, .landingpages .findbyYear:after, .bannerWrapper:after, .reportErrorList:after, #ordercontainer .cart-contents:after, .large-12:after,
.row:after, .redempOptions:after, .howtosell .threecol:after, .howtosell .twocol li:after, .howtosell .twocol:after, .whitepages:after, .twocol:after,
.threecol:after,
.fourcol:after, #footer:after, .select-left-column:after, .itemInfoHeader:after, #bottom-searchnav:after, .resultTitle:after, #itemSample:after, #mainImg:after, #homepage:after, #content:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.clear {
  clear: both;
}

.lt-ie8 .detailsPanel a span {
  position: absolute;
  margin-top: -25%;
  margin-left: -25%;
  top: 50%;
  left: 50%;
}

#ctl00_ContentPlaceHolder1_pnlStep4 ul li, .submitForGrading li.selectService, .statsBar .statsContent ul span, ul.adsList li, .ourteam img, .ourteam p, .userrankings span.rank, .shipToUs .twocol .col + .col a, .shipToUs .twocol .col + .col span, #itemDetailsContainer .actionarea, #itemDetailsContainer .carddata, .searchmore .oneGroup a, .searchmore .oneGroup, #detailsView .cardInfoWrapper,
.promotionMain .cardInfoWrapper, .cardImageWrapper, #homepage .cardInfoWrapper, #homepage .results {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}

.buyNowPrice,
.makeOfferBox, #promotionsWrapper .numberOflist, .navMenu .navBtnText i, .arrow-up,
.arrow-down,
.arrow-left,
.arrow-right {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}

.setupyoursale .twocol h3, .setupyoursale .twocol select, .setupyoursale .twocol input,
.setupyourport .twocol h3,
.setupyourport .twocol select,
.setupyourport .twocol input {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
}

.reportErrorList .makecolumn, .itemDetailsRightCol, .itemDetailsLeftCol, .InventoryInfo .inventoryCardData, input[value="Remove all cards from this seller"], .addAllCardsFromSeller, .checkout-container #leftpane, #slider-range, .statsBar .statsContent ul, .promotionContent .promotionSearch h3, .setupyoursale .review ul,
.setupyourport .review ul, .challengeintro img[alt=badge], .previewlist, .promotionPreview, .select-right-column, .select-left-column, .HotPlayerTeamSetsList, .lt-ie8 #itemDetailsContainer .carddata, .ownernote, .searchmore, #userRankings,
#saleSidebar, #cartList li, #promoText,
#promoText2, #masthead {
  float: left;
  display: inline;
}

.landingpageHeader .twocol .col + .col object, .landingpageHeader .twocol .col + .col iframe, .landingpages .redbtn, .landingpages .viewCartBtn, .landingpages .membership input.button, .membership .landingpages input.button, .landingpages .processingfees .col a, .processingfees .col .landingpages a, .landingpages .buyNowPrice + input,
.landingpages .makeOfferBox + input, .landingpages .checkout-container .checkoutNextEnabled, .checkout-container .landingpages .checkoutNextEnabled, .landingpages .whitepages.inventoryManager .inventoryToplist input[value="Request Shipment"], .whitepages.inventoryManager .inventoryToplist .landingpages input[value="Request Shipment"], .landingpages h1 + br + .col + .col, .InventoryInfo .saleHistoryLink, .statsBar .statsContent ul + ul, .promotionContent .promotionSearch div, .challengeintro .col + .col, .howtosell .twocol iframe, #viewDropdown, #resultoptions, .filter .redbtn, .filter .whitepages.inventoryManager .inventoryToplist input[value="Request Shipment"], .whitepages.inventoryManager .inventoryToplist .filter input[value="Request Shipment"], .filter .checkout-container .checkoutNextEnabled, .checkout-container .filter .checkoutNextEnabled, .filter .buyNowPrice + input,
.filter .makeOfferBox + input, .filter .processingfees .col a, .processingfees .col .filter a, .filter .membership input.button, .membership .filter input.button, .filter .viewCartBtn, .filter .filterInput, #shoppingcart {
  float: right;
  display: inline;
}

.redempOptions, code, .code {
  background: #f2f2f2;
}

.graybg {
  background: #f2f2f2;
}

.lt-ie9 .graybg {
  background: #fff;
}

.weeklyOrMonthly {
  border: 1px solid #ddd;
  border-width: 1px;
  border-color: #d8d8d8;
  padding: 20px;
  background: #f0f0f0;
}

.panel {
  border: 1px solid #ddd;
  border-width: 1px;
  border-color: #d8d8d8;
  padding: 20px;
  background: #f0f0f0;
}

.panelside {
  border-left: 2px solid #bbb;
  padding: 20px;
  background: #f0f0f0;
}

.paneltop {
  border-top: 2px solid #bbb;
  padding: 20px;
  background: #f0f0f0;
}

.certificatePanel {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}

/* info-message is regular message(blue)  */
.info-message {
  background: #D7E7F0;
  color: #244475;
  border: 1px solid #6885AF;
}
.info-message p {
  color: #244475 !important;
}
.info-message a {
  text-decoration: underline;
}

.warning-message {
  background: #FFFFBA;
  color: #6F4014;
  font-size: 14px;
  border: 1px solid #E8D599; /* used to be 976630 */
}
.warning-message p {
  color: #6F4014 !important;
}

.success-message {
  background: #D7F3C8;
  color: #1A790E;
  font-size: 14px;
  border: 1px solid #5CB351;
}
.success-message p {
  color: #1A790E !important;
}

.error-message {
  background: #ffc8b3;
  color: #B91F24;
  font-size: 14px;
  border: 1px solid #B91F24;
}
.error-message p {
  color: #B91F24 !important;
}

.nonjsAlert {
  background: #ffc8b3;
  color: #B91F24;
  font-size: 14px;
  border: 1px solid #B91F24;
}
.nonjsAlert p {
  color: #B91F24 !important;
}

.info-message,
.warning-message,
.success-message,
.error-message {
  font-size: 14px;
  padding: 10px 20px 10px 40px;
  margin-bottom: 10px;
  position: relative;
  *zoom: 1;
}
.info-message:before, .info-message:after,
.warning-message:before,
.warning-message:after,
.success-message:before,
.success-message:after,
.error-message:before,
.error-message:after {
  content: " ";
  display: table;
}
.info-message:after,
.warning-message:after,
.success-message:after,
.error-message:after {
  clear: both;
}
.info-message p,
.warning-message p,
.success-message p,
.error-message p {
  line-height: 22px !important;
  margin-bottom: 5px;
}
.info-message p:last-of-type,
.warning-message p:last-of-type,
.success-message p:last-of-type,
.error-message p:last-of-type {
  margin-bottom: 0;
}
.info-message p .btn, .info-message p h1.editWikiBtn a, h1.editWikiBtn .info-message p a, .info-message p .redbtn, .info-message p .whitepages.inventoryManager .inventoryToplist input[value="Request Shipment"], .whitepages.inventoryManager .inventoryToplist .info-message p input[value="Request Shipment"], .info-message p .checkout-container .checkoutNextEnabled, .checkout-container .info-message p .checkoutNextEnabled, .info-message p .buyNowPrice + input,
.info-message p .makeOfferBox + input, .info-message p .processingfees .col a, .processingfees .col .info-message p a, .info-message p .membership input.button, .membership .info-message p input.button, .info-message p .viewCartBtn,
.warning-message p .btn,
.warning-message p h1.editWikiBtn a,
h1.editWikiBtn .warning-message p a,
.warning-message p .redbtn,
.warning-message p .whitepages.inventoryManager .inventoryToplist input[value="Request Shipment"],
.whitepages.inventoryManager .inventoryToplist .warning-message p input[value="Request Shipment"],
.warning-message p .checkout-container .checkoutNextEnabled,
.checkout-container .warning-message p .checkoutNextEnabled,
.warning-message p .buyNowPrice + input,
.warning-message p .makeOfferBox + input,
.warning-message p .processingfees .col a,
.processingfees .col .warning-message p a,
.warning-message p .membership input.button,
.membership .warning-message p input.button,
.warning-message p .viewCartBtn,
.success-message p .btn,
.success-message p h1.editWikiBtn a,
h1.editWikiBtn .success-message p a,
.success-message p .redbtn,
.success-message p .whitepages.inventoryManager .inventoryToplist input[value="Request Shipment"],
.whitepages.inventoryManager .inventoryToplist .success-message p input[value="Request Shipment"],
.success-message p .checkout-container .checkoutNextEnabled,
.checkout-container .success-message p .checkoutNextEnabled,
.success-message p .buyNowPrice + input,
.success-message p .makeOfferBox + input,
.success-message p .processingfees .col a,
.processingfees .col .success-message p a,
.success-message p .membership input.button,
.membership .success-message p input.button,
.success-message p .viewCartBtn,
.error-message p .btn,
.error-message p h1.editWikiBtn a,
h1.editWikiBtn .error-message p a,
.error-message p .redbtn,
.error-message p .whitepages.inventoryManager .inventoryToplist input[value="Request Shipment"],
.whitepages.inventoryManager .inventoryToplist .error-message p input[value="Request Shipment"],
.error-message p .checkout-container .checkoutNextEnabled,
.checkout-container .error-message p .checkoutNextEnabled,
.error-message p .buyNowPrice + input,
.error-message p .makeOfferBox + input,
.error-message p .processingfees .col a,
.processingfees .col .error-message p a,
.error-message p .membership input.button,
.membership .error-message p input.button,
.error-message p .viewCartBtn {
  margin: 10px 10px 5px 0;
}
.info-message i,
.warning-message i,
.success-message i,
.error-message i {
  font-size: 22px;
  position: absolute;
  left: 10px;
}

.error {
  padding: 5px 10px;
  border: 1px solid #c1272d;
  margin: 5px 0;
  background-color: #ffc8b3;
  color: #B91F24;
  font-size: 14px;
  list-style-type: none;
}

/* Variables */
/* ==========================================================================
   $Tag $tagstyling
   ========================================================================== */
li {
  *vertical-align: top;
}

html {
  background: #f8f8f8;
}

body {
  color: #444;
  font-size: 16px;
  font-family: arial, sans-serif;
  line-height: 1.5em;
  -webkit-font-smoothing: antialiased;
}

a {
  color: #00139C;
  text-decoration: none;
}
a:hover {
  color: #B91F24;
}

a img,
a:hover img {
  border: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

h1, h2 {
  font-size: 26px;
  color: #444;
  /* Make chrome font smoother */
}

h3, h4 {
  font-size: 16px;
  font-weight: bold;
} /* mostly used for inner title */
h5 {
  font-size: 14px;
  font-weight: bold;
  font-family: arial, sans-serif;
}

h6 {
  font-weight: bold;
  font-family: arial, sans-serif;
  font-size: 13px;
}

h4 {
  margin-bottom: 5px;
}

.pageDirectory {
  font-size: 14px;
  padding: 0;
}

.pageDirectory a:after {
  content: " > ";
}

p {
  margin-bottom: 15px;
}

/**
 * Fixes the awkward spacing when an unordered list
 * immediately follows a paragraph
 */
p + ul {
  margin-top: -15px;
  margin-bottom: 5px;
}

p a,
ol a {
  text-decoration: underline;
}

p a:hover,
ol a:hover {
  text-decoration: none;
}

ol.indent,
ul.indent {
  font-size: 90%;
  padding: 5px 10px;
  margin-left: 10px;
  list-style-type: disc;
}

ul.indent-sub {
  list-style-type: square;
}

ul.indent li {
  margin-left: 30px;
}

ol.indent li {
  margin-left: 20px;
}

ol.indent li.header,
ul.indent li.header {
  margin-left: 15px;
}

code, .code {
  clear: both;
  display: block;
  padding: 14px 10px;
  border-left: 4px solid #bbb;
  margin: 4px 4px 15px;
  overflow: auto;
}

/* ==========================================================================
   $helper classes (Better not using sass &extent for helpers because they
   are likely to be extended again by other classes)
   ========================================================================== */
input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
textarea {
  background-color: #fff;
  padding: 5px;
  font-size: 14px;
  line-height: normal;
  border-radius: 0;
  height: 18px;
  border: 1px solid #ccc;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=time]:focus,
input[type=url]:focus,
textarea:focus {
  -webkit-box-shadow: 0 0 5px #999999;
          box-shadow: 0 0 5px #999999;
  border-color: #ccc;
}

input[type=submit]:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=time]:focus,
input[type=url]:focus,
textarea:focus {
  outline: none;
}

textarea {
  height: auto !important;
}

input[type=submit] {
  height: 30px;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
}

.btn, h1.editWikiBtn a, button, select + input[type=submit],
select + button,
input[type=button],
input[type=submit] {
  -webkit-appearance: none;
  padding: 5px;
  border: 0;
  border: 1px solid #ccc;
  color: #222;
  background: #f5f5f5;
  text-align: center;
  font-size: 14px;
  line-height: normal !important;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
}
.btn:hover, h1.editWikiBtn a:hover, button:hover,
input[type=button]:hover,
input[type=submit]:hover {
  background: #e5e5e5;
  color: #222;
}
.btn:focus, h1.editWikiBtn a:focus, button:focus,
input[type=button]:focus,
input[type=submit]:focus {
  outline: none;
}
.btn:active, h1.editWikiBtn a:active, button:active,
input[type=button]:active,
input[type=submit]:active {
  background: #ccc;
  color: #222;
}

.lt-ie8 .btn, .lt-ie8 h1.editWikiBtn a, h1.editWikiBtn .lt-ie8 a, .lt-ie8 button,
.lt-ie8 input[type=button],
.lt-ie8 input[type=submit] {
  overflow: visible;
}

.btn, h1.editWikiBtn a,
input[type=submit].btn {
  padding: 9px 20px;
  height: auto !important;
}

select {
  background-color: #fff;
  padding: 5px;
  font-size: 14px;
  line-height: normal;
  border-radius: 0;
  height: 30px;
  border: 1px solid #ccc;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
}

select + input[type=submit],
select + button {
  margin-left: 10px;
  border: 1px solid #888;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
}

input[type=radio] {
  margin: 0 5px 0 0;
}

::-moz-selection {
  background: #4B92EB; /* Safari */
  color: #fff;
}

::selection {
  background: #4B92EB; /* Safari */
  color: #fff;
}

::-moz-selection {
  background: #4B92EB; /* Firefox */
  color: #fff;
}

/*====  $btn button bluebtn redbtn====== */
/* repeat classes to override input[] which as higher level order rules (11vs10) in css2/3.
   repeated classes would double the order number (20>11) */
.redbtn.redbtn, .whitepages.inventoryManager .inventoryToplist input[value="Request Shipment"], .checkout-container .redbtn.checkoutNextEnabled, .checkout-container .whitepages.inventoryManager .inventoryToplist input.checkoutNextEnabled[value="Request Shipment"], .whitepages.inventoryManager .inventoryToplist .checkout-container input.checkoutNextEnabled[value="Request Shipment"], .checkout-container .redbtn.checkoutNextEnabled, .checkout-container .whitepages.inventoryManager .inventoryToplist input.checkoutNextEnabled[value="Request Shipment"], .whitepages.inventoryManager .inventoryToplist .checkout-container input.checkoutNextEnabled[value="Request Shipment"], .checkout-container .checkoutNextEnabled, .buyNowPrice + input,
.makeOfferBox + input, .processingfees .col a, .membership input.button, .viewCartBtn {
  background: #B91F24;
  padding: 10px 40px;
  border: 0;
  color: #f5f5f5;
  font-size: 14px;
  line-height: normal !important;
  height: auto; /* prevent using pre-defined Input height 30px  */
  text-decoration: none;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
}
.redbtn.redbtn:hover, .whitepages.inventoryManager .inventoryToplist input[value="Request Shipment"]:hover, .checkout-container .redbtn.checkoutNextEnabled:hover, .checkout-container .whitepages.inventoryManager .inventoryToplist input.checkoutNextEnabled[value="Request Shipment"]:hover, .whitepages.inventoryManager .inventoryToplist .checkout-container input.checkoutNextEnabled[value="Request Shipment"]:hover, .checkout-container .redbtn.checkoutNextEnabled:hover, .checkout-container .whitepages.inventoryManager .inventoryToplist input.checkoutNextEnabled[value="Request Shipment"]:hover, .whitepages.inventoryManager .inventoryToplist .checkout-container input.checkoutNextEnabled[value="Request Shipment"]:hover, .checkout-container .checkoutNextEnabled:hover, .buyNowPrice + input:hover,
.makeOfferBox + input:hover, .processingfees .col a:hover, .membership input.button:hover, .viewCartBtn:hover, .redbtn.redbtn:active, .whitepages.inventoryManager .inventoryToplist input[value="Request Shipment"]:active, .checkout-container .redbtn.checkoutNextEnabled:active, .checkout-container .whitepages.inventoryManager .inventoryToplist input.checkoutNextEnabled[value="Request Shipment"]:active, .whitepages.inventoryManager .inventoryToplist .checkout-container input.checkoutNextEnabled[value="Request Shipment"]:active, .checkout-container .redbtn.checkoutNextEnabled:active, .checkout-container .whitepages.inventoryManager .inventoryToplist input.checkoutNextEnabled[value="Request Shipment"]:active, .whitepages.inventoryManager .inventoryToplist .checkout-container input.checkoutNextEnabled[value="Request Shipment"]:active, .checkout-container .checkoutNextEnabled:active, .buyNowPrice + input:active,
.makeOfferBox + input:active, .processingfees .col a:active, .membership input.button:active, .viewCartBtn:active {
  color: #fff;
  background: #C1272D;
}

.redbtn.redbtn[disabled], .whitepages.inventoryManager .inventoryToplist input[disabled][value="Request Shipment"], .checkout-container .redbtn[disabled].checkoutNextEnabled, .checkout-container .whitepages.inventoryManager .inventoryToplist input[disabled].checkoutNextEnabled[value="Request Shipment"], .whitepages.inventoryManager .inventoryToplist .checkout-container input[disabled].checkoutNextEnabled[value="Request Shipment"], .checkout-container .redbtn[disabled].checkoutNextEnabled, .checkout-container .whitepages.inventoryManager .inventoryToplist input[disabled].checkoutNextEnabled[value="Request Shipment"], .whitepages.inventoryManager .inventoryToplist .checkout-container input[disabled].checkoutNextEnabled[value="Request Shipment"], .checkout-container [disabled].checkoutNextEnabled, .buyNowPrice + input[disabled],
.makeOfferBox + input[disabled], .processingfees .col a[disabled], .membership input[disabled].button, [disabled].viewCartBtn {
  border: 1px solid #ccc;
  color: #222;
  background: #dadada;
}
.redbtn.redbtn[disabled]:hover, .whitepages.inventoryManager .inventoryToplist input[disabled][value="Request Shipment"]:hover, .checkout-container .redbtn[disabled].checkoutNextEnabled:hover, .checkout-container .whitepages.inventoryManager .inventoryToplist input[disabled].checkoutNextEnabled[value="Request Shipment"]:hover, .whitepages.inventoryManager .inventoryToplist .checkout-container input[disabled].checkoutNextEnabled[value="Request Shipment"]:hover, .checkout-container .redbtn[disabled].checkoutNextEnabled:hover, .checkout-container .whitepages.inventoryManager .inventoryToplist input[disabled].checkoutNextEnabled[value="Request Shipment"]:hover, .whitepages.inventoryManager .inventoryToplist .checkout-container input[disabled].checkoutNextEnabled[value="Request Shipment"]:hover, .checkout-container [disabled].checkoutNextEnabled:hover, .buyNowPrice + input[disabled]:hover,
.makeOfferBox + input[disabled]:hover, .processingfees .col a[disabled]:hover, .membership input[disabled].button:hover, [disabled].viewCartBtn:hover {
  background: #dadada;
  color: #222;
}

input[type=text] + .redbtn.redbtn, .whitepages.inventoryManager .inventoryToplist input[type=text] + input[value="Request Shipment"], .checkout-container input[type=text] + .redbtn.checkoutNextEnabled, .checkout-container .whitepages.inventoryManager .inventoryToplist input[type=text] + input.checkoutNextEnabled[value="Request Shipment"], .whitepages.inventoryManager .inventoryToplist .checkout-container input[type=text] + input.checkoutNextEnabled[value="Request Shipment"], .checkout-container input[type=text] + .redbtn.checkoutNextEnabled, .checkout-container .whitepages.inventoryManager .inventoryToplist input[type=text] + input.checkoutNextEnabled[value="Request Shipment"], .whitepages.inventoryManager .inventoryToplist .checkout-container input[type=text] + input.checkoutNextEnabled[value="Request Shipment"], .checkout-container input[type=text] + .checkoutNextEnabled, input.buyNowPrice[type=text] + input,
input.makeOfferBox[type=text] + input, .processingfees .col input[type=text] + a, .membership input[type=text] + input.button, input[type=text] + .viewCartBtn {
  padding: 7px 10px;
  border: 0 !important;
}

/* ==========================================================================
   $helper classes. More helpers are defined in preset.scss
   ========================================================================== */
.font-italic {
  font-style: italic;
}

.bold {
  font-weight: bold;
}

.normal {
  font-weight: normal;
}

.nomargin {
  margin: 0;
}

.nomb {
  margin-bottom: 0;
}

.nomt {
  margin-top: 0;
}

.halfmb {
  margin-bottom: 7px;
}

.rightcolumnlistpadding {
  padding-right: 35px !important;
}

.p0 {
  padding: 0;
}

.p5 {
  padding: 5px;
}

.p10 {
  padding: 10px;
}

.p20 {
  padding: 20px;
}

.darkcolor {
  color: #222;
}

.lightcolor {
  color: #888;
}

.noborder {
  border: 0;
}

.nobg {
  background: none;
}

.bdt {
  border-top: 1px solid #ddd;
}

.bdb {
  border-bottom: 1px solid #ddd;
}

.wpside, #ctl00_ContentPlaceHolder1_mnuBreadCrumbs {
  padding: 0 40px;
}

.wp, .stats {
  padding: 50px 0;
  *zoom: 1;
}
.wp:before, .stats:before, .wp:after, .stats:after {
  content: " ";
  display: table;
}
.wp:after, .stats:after {
  clear: both;
}

.wpall {
  padding: 20px 40px;
  *zoom: 1;
}
.wpall:before, .wpall:after {
  content: " ";
  display: table;
}
.wpall:after {
  clear: both;
}

.wpall.graybg input, .wpall.graybg select, .wpall.graybg textarea {
  border: 1px solid #888 !important;
}
.wpall.graybg input.redbtn, .wpall.graybg .whitepages.inventoryManager .inventoryToplist input[value="Request Shipment"], .whitepages.inventoryManager .inventoryToplist .wpall.graybg input[value="Request Shipment"], .wpall.graybg .checkout-container input.checkoutNextEnabled, .checkout-container .wpall.graybg input.checkoutNextEnabled, .wpall.graybg .buyNowPrice + input,
.wpall.graybg .makeOfferBox + input, .wpall.graybg .membership input.button, .membership .wpall.graybg input.button, .wpall.graybg input.viewCartBtn {
  border: 0 !important;
}

.darkbg {
  background: #333;
}
.darkbg h1, .darkbg h2 {
  color: #fff;
}
.darkbg p, .darkbg span {
  color: #ddd !important;
}

.whitebg {
  background: #fff;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center, .subLocCenter {
  text-align: center;
}

.fixedsalesinfo {
  width: 775px;
}

.fixedsalesprice {
  text-align: center;
  width: 55px;
}

.justify {
  text-align: justify;
}

.full, .wiz {
  width: 100%;
}

.fleft {
  float: left;
}

.fright {
  display: inline;
}

.blockcenter {
  margin: auto;
}

.hide {
  display: none;
}

.small {
  font-size: 80%;
}

.smallish {
  font-size: 85%;
}

.supersized {
  color: #072;
  font-size: 250%;
  line-height: 40px;
  text-align: center;
  display: block;
}

/* For elements that aren't hyperlinks but should look like they are */
.clickable, .hideThisDiv, .showThisDiv, #homepage .cardInfoWrapper {
  cursor: pointer;
  color: #00139C;
}

.clickable:hover, .hideThisDiv:hover, .showThisDiv:hover, #homepage .cardInfoWrapper:hover {
  color: #B91F24;
}

/*the fst and fsb in div and in h3 block are displaying differently.*/
.fst {
  border: 1px solid #bbb;
  border-bottom: none;
  background: #eee;
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 0;
  font-family: arial, sans-serif;
  font-weight: bold;
}

.fsb {
  border: 1px solid #bbb;
  border-top: none;
  border-bottom: none;
  background: #fff;
  padding: 20px;
  line-height: 24px;
}
.fsb h3, .fsb h4 {
  margin: 0;
}

.fsbBottom {
  border: 1px solid #bbb;
  border-top: none;
  background: #fff;
  padding: 20px;
  line-height: 24px;
}

.fsbBottom a {
  line-height: normal;
}

/*fstSub and fstConfirm are for subHeaders , usually placed underneath fst. There is no fst1*/
.fstSub {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid white;
  padding: 8px 20px;
  background: #F8F8F8;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
}

.fstSubnb {
  clear: both;
  border-left: 0;
  border-right: 0;
  padding: 8px 20px;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.fstPop {
  background: #ededed;
  padding: 5px 20px;
}

.fstConfirm {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #bbb;
  border-top: 0;
  padding: 20px;
  background: #f8f8f8;
}

.fstConfirm .btnRight {
  bottom: 10px;
}

.fsb > ul.indent {
  margin: 10px 0 0px -10px;
  padding: 0;
  line-height: 24px;
}

/*----------Using img for arrows instead of img. make sure which browser support it------------*/
.arrow-up {
  width: 1px;
  height: 1px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #222;
}

.arrow-down {
  width: 1px;
  height: 1px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #222;
}

.arrow-right {
  width: 1px;
  height: 1px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #222;
}

.arrow-left {
  width: 1px;
  height: 1px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #222;
}

.arrow-up:hover,
.arrow-down:hover,
.arrow-right:hover,
.arrow-left:hover {
  width: 1px;
  height: 1px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #0033cb;
}

.circle {
  font-size: 18px;
  color: #eee !important;
  width: 26px;
  height: 24px;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
  font-family: arial, sans-serif;
  background: #38404c;
  border-radius: 50px;
}

.overflow {
  overflow: auto;
}

.cardTitle {
  font-size: 17px;
}

/* Special $hyperlinks
   ========================================================================== */
.emaillink {
  background: url("../png/email.png") no-repeat center left transparent;
  padding-left: 20px !important;
}

.deletelink {
  background: url("../png/delete.png") no-repeat center left transparent;
  padding-left: 20px !important;
}

.addresslink {
  background: url("../png/email.png") no-repeat center left transparent;
  padding-left: 20px !important;
}

a.rsslink {
  background: url("../gif/rss.gif") no-repeat center left transparent;
  padding-left: 16px !important;
}

a.twitterlink {
  background: url("../gif/twitter.gif") no-repeat center left transparent;
  padding-left: 16px !important;
}

a.printlink {
  background: url("../png/printer.png") no-repeat center left transparent;
  padding-left: 16px !important;
}

/* ==========================================================================
  $Noscript
  ========================================================================== */
.nonjsAlert {
  text-align: center;
  padding: 5px;
  margin-bottom: 0;
}

/* ==========================================================================
    $Pretty Table, $Prettytable
========================================================================== */
.PrettyTable, .userrankings table, .createPortSaleTable,
.createSaleTable {
  font-size: 14px;
  width: 100%;
  border-collapse: collapse;
}

.PrettyTable thead, .userrankings table thead, .createPortSaleTable thead,
.createSaleTable thead {
  background-color: #38404c;
  color: #ffffff;
}

.PrettyTable th a, .userrankings table th a, .createPortSaleTable th a,
.createSaleTable th a {
  color: #ffffff;
  text-decoration: underline;
}

.PrettyTable th a:hover, .userrankings table th a:hover, .createPortSaleTable th a:hover,
.createSaleTable th a:hover {
  text-decoration: none;
}

.PrettyTable td, .userrankings table td, .createPortSaleTable td,
.createSaleTable td {
  background-color: #ffffff;
}

.PrettyTable tbody td, .userrankings table tbody td, .createPortSaleTable tbody td,
.createSaleTable tbody td {
  border: 1px solid #eee;
  padding: 2px 5px 2px 5px;
}

.PrettyTable tbody table tr td, .userrankings table tbody table tr td, .createPortSaleTable tbody table tr td,
.createSaleTable tbody table tr td {
  border: 0;
}

.PrettyTable th, .userrankings table th, .createPortSaleTable th,
.createSaleTable th,
.PrettyTable tfoot td,
.userrankings table tfoot td,
.createPortSaleTable tfoot td,
.createSaleTable tfoot td,
.PrettyTable tbody th,
#cardexplorer table th {
  white-space: nowrap;
  text-align: center;
  font-size: 14px;
  border-bottom: 1px solid #eee;
  padding: 5px;
}

td.frontimage, td.backimage {
  height: 74px;
  width: 74px;
}

/* ==========================================================================
  $Container, $Wrapper, $Content
  ========================================================================== */
#wrapper {
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  #wrapper {
    width: 1039px;
  }
}
@media screen and (min-width: 1025px) {
  #wrapper {
    width: auto;
  }
}

#container {
  margin: 0 auto;
}

#content,
#lightContent {
  margin: 0 auto;
  text-align: center;
}

#content {
  background: #eee;
  padding-bottom: 80px;
  padding-top: 20px;
}

.lt-ie9 #content,
.lt-ie9 #lightContent {
  margin: auto;
}

.contentHome #content {
  background: #fff;
  padding: 0;
  border: 0;
  margin-bottom: 0;
}

/* 	===========================================================================
		Opt-In
		===========================================================================*/
.optIn {
  background-color: #B91F24;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 10px 45px;
}
.optIn .btnOpt {
  color: black;
  text-decoration: none;
  border: 1px solid black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  width: 105px;
  height: 30px;
  background-color: #ddd;
}
.optIn .btnOpt:hover {
  background-color: #eee;
}

/**
 * Used on pages that use MasterPageThin.master:
 * error page, 404 page
 */
#lightContent {
  text-align: center;
  min-height: 500px;
  background: #fff;
  padding-top: 20px;
}

#lightContent h2 {
  clear: both;
  display: block;
  text-align: center;
  margin-top: 0;
}

#lightContent p {
  margin: 20px 0;
}

/* ==========================================================================
  $Header
  ========================================================================== */
#headerWrapper {
  position: relative;
  height: 72px;
  background: #fefefe;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.lt-ie9 #headerWrapper {
  border-bottom: 1px solid #ddd;
}

#header {
  max-width: 1240px;
  min-width: 978px;
  margin: 0 auto;
  padding: 5px 30px 0;
}

/* $Masthead, $Logo, $Formerly
   ========================================================================== */
#masthead {
  padding: 0;
}

#masthead h1 {
  border-bottom: none;
}

#logoLink {
  position: relative;
  display: block;
  width: 116px;
  height: 62px;
  text-decoration: none;
  text-indent: -2000em;
}

#logoImg {
  position: absolute;
  display: block;
  top: 8px;
  left: 0px;
  width: 110px;
  height: 45px;
}

/* Social media buttons in Share Panel in Item Detail page
============================================================================ */
/*#pinitBtn {
    display:inline-block;
    vertical-align:top;
    margin-left:60px;
}*/
.share {
  float: left;
  display: block;
  text-align: right;
  overflow: visible;
}

.g-plusone,
.pininBtn {
  display: inline-block;
  margin: 5px;
}

.sharebuttons img {
  width: 25px;
  padding: 5px;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: inline;
}

.sharebuttons img {
  width: 25px;
  padding: 5px;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: inline;
}

/* $Headerlinks
   ========================================================================== */
.challengeAds {
  font-size: 13px;
  font-weight: bold;
  padding-top: 6px;
}

#promoText,
#promoText2 {
  font-size: 16px;
  display: none;
}

/* $Navigation
   ========================================================================== */
.navMenu {
  position: relative;
  color: #333;
  float: left;
  margin: 0px 20px 0 40px;
  padding: 4px 15px;
  cursor: pointer;
  background: #fff;
  border: 1px solid #ccc;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.navMenu .navBtnText {
  font-size: 14px;
}
.navMenu .navBtnText i {
  font-size: 20px;
  margin-top: -2px;
  margin-right: 5px;
}

.navMenuhover,
.navMenu:hover {
  -webkit-box-shadow: 0 1px 0px 0px #ddd;
          box-shadow: 0 1px 0px 0px #ddd;
}
.navMenuhover .navBtnText,
.navMenu:hover .navBtnText {
  color: #B91F24;
}

#navigationWrapper {
  padding: 20px;
  position: absolute;
  top: 35px;
  left: 0px;
  width: 630px;
  background: #fff;
  z-index: 101;
  display: none;
  cursor: default;
  -webkit-box-shadow: -4px 2px 10px rgba(0, 0, 0, 0.3), 4px 2px 10px rgba(0, 0, 0, 0.3);
  box-shadow: -4px 2px 10px rgba(0, 0, 0, 0.3), 4px 2px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.lt-ie9 #navigationWrapper {
  border: 2px solid #aaa;
}

#navigationWrapper a {
  outline: none;
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  color: #333;
}

#navigationWrapper a:hover {
  background: #eee;
}

#navigationWrapper li {
  line-height: 24px;
  list-style: none;
}

.menutitle {
  font-weight: bold;
  font-size: 13px !important;
  color: #0033CB !important;
  padding-left: 0;
}

.menutitle:hover {
  background: none !important;
}

.lowertitle {
  margin-top: 5px;
}

.menucolumn {
  float: left;
  width: 24%;
}

.menufooter {
  position: absolute;
  right: 20px;
  bottom: 20px;
}

.menufooter a {
  width: auto !important;
  padding: 0 10px;
  font-size: 13px !important;
  font-weight: normal !important;
}

/* $Searchbrowse
   ========================================================================== */
/**
 * Searchbrowse includes: search bar, user button, cart menu button
 */
#searchbrowse {
  padding-top: 15px;
}

/* $Searchinputs
   ========================================================================== */
/** 
 * Search bar is used in searchbrowse bar & "Not found" search page
 * On "Not found" search page it is contained in .searchinputs
 */
#searchbrowse .search {
  width: auto;
  overflow: hidden;
}

#searchbrowse .search span {
  float: left;
  display: block;
  margin-right: -80px;
  width: 90%;
}

#searchbrowse input.text,
.searchinputs input.text {
  display: block;
  border-right: 0;
  height: 32px !important;
  min-width: 337px;
  width: 100%;
  padding: 0 30px 0px 10px;
}

.lt-ie9 #searchbrowse input.text {
  line-height: 32px;
}

#searchbrowse input.text:focus,
.searchinputs input.text:focus {
  border: 1px solid #C1272D !important;
}

#searchbrowse input.submit,
.searchinputs input.submit {
  float: right;
  padding-left: 8px;
  padding-right: 8px;
  border: 1px solid #C1272D !important;
  height: 34px !important;
  background: #B91F24;
  color: #fff;
  cursor: pointer;
}

#searchbrowse input.submit:hover,
.searchinputs input.submit:hover {
  text-decoration: none;
  background: #B91F24;
}

#searchbrowse input.submit:active,
.searchinputs input.submit:active {
  border: 1px solid #A31E22;
  background: #A31E22;
}

/* No Results search page */
#content .searchinputs {
  margin: 0 auto;
  width: 420px;
  overflow: auto;
}

#content .searchinputs text,
#content .searchinputs input[type=text] {
  border-right: 0;
  width: 300px;
}

#content .searchinputs input {
  float: left;
  text-align: left;
  margin-bottom: 20px;
}

#searchbrowse .search *,
.searchprefs *,
#cardexplorer .header *,
#ctl00_ContentPlaceHolder1_pnlManageAllCards input {
  vertical-align: middle;
}

#searchbrowse select option,
div.membership select option {
  padding-right: 10px;
  padding-left: 2px;
}

/**
 * $Autocomplete
 * This is the pop-down div with autocompletion suggestions
 * when typing something into the search bar. 
 */
#suggestions {
  /* inline css = display: none; */
  padding: 2px;
  border: 1px solid #333;
  border-radius: 0 0 4px 4px;
  width: auto;
  background: repeat-x #fff;
}

#suggestions div {
  padding: 1px 20px 1px 5px;
  background: transparent;
  color: #f5f5f5;
}

#suggestions .normal {
  padding: 1px 20px 1px 5px;
  background: transparent;
  color: #444;
}

#suggestions .selectedlistitem {
  padding-left: 6px;
  padding-right: 17px;
  background: #eaeaea;
  color: #ccc;
  font-weight: bold;
}

/* $Shoppingcart
   ========================================================================== */
/* Wrapper div for userbutton and cartbutton */
#shoppingcart {
  color: #000;
}

.register a {
  padding-left: 0 !important;
}

li#userButton {
  font-size: 14px;
}
li#userButton:hover {
  text-decoration: underline;
}

#cartList {
  margin-left: 20px;
}
#cartList li {
  padding: 5px 20px 0 20px;
}
#cartList li:first-child {
  cursor: default;
}
#cartList li a {
  display: block;
  cursor: pointer;
  font-size: 14px;
  color: black;
  font-weight: normal;
}
#cartList li a:hover {
  text-decoration: underline;
}

#cartButton {
  background: transparent url("../png/cart.png") no-repeat 15px 2px;
}
#cartButton:hover {
  text-decoration: underline;
}

#cartInfo {
  margin-left: 30px;
  font-size: 14px;
}

/* $Dropdown menus
============================================================================ */
.dropdownMenuArrow {
  position: relative;
  float: right;
  top: 2px;
  right: 30px;
}

.dropdownSection {
  padding: 10px 15px;
  font-size: 14px;
  border-bottom: 1px solid #ccc;
}
.dropdownSection .btn.fright, .dropdownSection h1.editWikiBtn a.fright, h1.editWikiBtn .dropdownSection a.fright {
  padding: 7px 10px;
  color: #000;
}

.dropdownSection p {
  display: block;
  margin: 0;
}

#offersDropdownWrapper,
#cartDropdownWrapper,
#userDropdownWrapper {
  clear: both;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 2px;
  z-index: 1000;
}

.lt-ie8 #offersDropdownWrapper,
.lt-ie8 #cartDropdownWrapper,
.lt-ie8 #userDropdownWrapper {
  clear: none;
}

#offersDropdownWrapper #offersMenu,
#cartDropdown,
#userDropdown {
  background-color: #fff;
  -webkit-box-shadow: -4px 2px 10px rgba(0, 0, 0, 0.3), 4px 2px 10px rgba(0, 0, 0, 0.3);
          box-shadow: -4px 2px 10px rgba(0, 0, 0, 0.3), 4px 2px 10px rgba(0, 0, 0, 0.3);
}

.lt-ie9 #offersDropdownWrapper #offersMenu,
.lt-ie9 #cartDropdown,
.lt-ie9 #userDropdown {
  border: 1px solid #ccc;
}

/* $userDropdown
============================================================================ */
#userDropdown {
  padding-top: 5px;
  min-width: 150px;
}

#userDropdown ul {
  text-align: left;
}

#userDropdown li {
  display: block;
}

#userDropdown li a {
  display: block;
  padding: 10px 15px;
  border: 1px solid transparent;
  width: 170px;
  color: #333;
}

#userDropdown li a:hover {
  border: 1px solid #eee;
  background-color: #eee;
}

/* $offersDropdown
============================================================================ */
li#offersButton {
  background: transparent url("../png/offer.png") no-repeat 23px;
  position: relative;
}

#offerinfo {
  position: relative;
  padding: 10px;
  padding-left: 30px;
}

#offersMenu {
  padding: 5px 0;
  min-width: 300px;
}

#offersMenu ul {
  text-align: left;
}

#offersMenu li {
  display: block;
}

#offersMenu li:first-child {
  border-radius: 4px 4px 0 0;
}

#offersMenu li:last-child {
  border-radius: 0 0 4px 4px;
}

#offersMenu li a {
  display: block;
  padding: 10px 15px;
  border: 1px solid transparent;
  font-size: 90%;
  font-weight: bold;
  color: #333;
  position: relative;
}

#offersMenu li a:hover {
  border: 1px solid #efefef;
  background-color: #efefef;
}

#offersMenu span.name {
  width: 200px;
  display: block;
  float: left;
  position: relative;
}

#offersMenu span.amount {
  width: 100px;
  display: block;
  float: left;
  margin-right: 15px;
  text-align: center;
  color: #333;
}

#dashboardoffersMenu ul li a {
  display: block;
  margin: 0 auto;
  border-bottom: 1px solid #e0e0e0;
  font-size: 90%;
  color: #14457D;
  padding: 10px 10px;
  vertical-align: top;
  overflow: hidden;
}

#dashboardoffersMenu li a:hover {
  background-color: #efefef;
}

#dashboardoffersMenu span.name {
  width: 200px;
  float: left;
  color: #00139C;
  font-size: 14px;
}

#dashboardoffersMenu span.amount {
  width: 100px;
  float: left;
  margin: 0 10px;
  text-align: center;
  color: black;
}

#dashboardoffersMenu span.daysLeft,
#dashboardoffersMenu span.hoursLeft,
#dashboardoffersMenu span.value {
  width: auto;
  padding-left: 7px;
  vertical-align: top;
  color: Black;
  font-size: 1em;
  text-align: right;
  float: right;
}

span.minutesLeft {
  padding-left: 5px;
  color: red;
}

/* $cartDropdown -- Shopping cart dropdown menu
============================================================================ */
#cartDropdown {
  padding: 5px;
  width: 330px;
}

#menuCartInfo {
  position: relative;
  top: 5px;
  font-weight: bold;
  color: #B91F24;
}

.recentlyAddedCard,
.recentlyAddedInfo {
  float: left;
}

.recentlyAddedCard {
  width: 75px;
  height: 75px;
  text-align: center;
}

.recentlyAddedCard img {
  width: 50px;
  height: 70px;
}

.recentlyAddedPrice {
  color: #FF7200;
}

.recentlyAddedPrice p {
  text-align: right;
}

.viewCart {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  border: 0;
}

/* ==========================================================================
  $Homepage, $Default
  ========================================================================== */
#homepage h2 {
  font-family: arial, sans-serif;
  line-height: 36px;
}
#homepage h2 i {
  font-size: 24px;
  margin-right: 5px;
}
#homepage p {
  color: #666;
  margin-bottom: 20px;
}
#homepage p a {
  text-decoration: none;
}
#homepage h1 {
  text-align: center;
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 30px;
  font-family: "os_r", arial, sans-serif;
}
#homepage h1 a {
  color: #444;
  font-family: arial, sans-serif;
}
#homepage h1 a:hover {
  color: #B91F24;
}
#homepage .wp, #homepage .stats {
  text-align: center;
}
#homepage .wp h1, #homepage .stats h1, #homepage .wp h2, #homepage .stats h2 {
  margin-top: 0;
}
#homepage .wp .threecol, #homepage .stats .threecol {
  margin: 0 auto;
  max-width: 1366px;
  min-width: 978px;
}
#homepage .wp .threecol p, #homepage .stats .threecol p {
  padding-bottom: 20px;
}
#homepage .wp li, #homepage .stats li {
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top;
}
#homepage .wp li h1, #homepage .stats li h1 {
  display: inline-block;
}
#homepage .wp li h1 a, #homepage .stats li h1 a {
  font-size: 13px;
  padding: 0 5px;
  border: 1px solid #ddd;
  vertical-align: top;
}
#homepage .wp.graybg:first-child, #homepage .graybg.stats:first-child {
  padding-bottom: 80px;
}
#homepage .wp.graybg:first-child + .wp h1, #homepage .graybg.stats:first-child + .wp h1, #homepage .wp.graybg:first-child + .stats h1, #homepage .graybg.stats:first-child + .stats h1 {
  display: none;
}
#homepage .subtlelink {
  font-weight: bold;
}
#homepage .results {
  padding: 0;
}
#homepage .wpall {
  overflow: hidden;
  padding-bottom: 0px;
  height: 470px;
}
#homepage .twocol {
  padding: 0 3%;
  width: 978px;
  margin: auto;
}
#homepage .twocol .col {
  text-align: left;
}
#homepage .twocol .col h1 {
  margin-top: 80px;
}
#homepage .twocol .col + .col > div {
  float: right;
}
#homepage .twocol h1, #homepage .twocol h2 {
  text-align: left;
  line-height: 36px;
}

.whytext {
  position: absolute;
  width: 290px;
  top: 133px;
  left: 30px;
}
.whytext i {
  font-size: 13px;
  position: relative;
  top: -2px;
  margin-right: 3px;
}
.whytext p {
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 10px !important;
  margin-left: 20px !important;
}
.whytext h3, .whytext p {
  color: #B2413B;
}

.whybuy, .whysell {
  position: relative;
}
.whybuy img, .whysell img {
  -webkit-box-shadow: 0px 5px 5px #bbb;
          box-shadow: 0px 5px 5px #bbb;
}

.whysell img {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.whysell .whytext h3, .whysell .whytext p {
  color: #255ca7 !important;
}
.whysell .whytext i {
  margin-right: 5px;
  font-size: 11px;
}
.whysell .whytext p {
  margin: 5px 0 10px 0 !important;
  font-size: small;
}
.whysell .whytext .fleft {
  margin-right: 10px;
}

.getStarted .redbtn, .getStarted .whitepages.inventoryManager .inventoryToplist input[value="Request Shipment"], .whitepages.inventoryManager .inventoryToplist .getStarted input[value="Request Shipment"], .getStarted .checkout-container .checkoutNextEnabled, .checkout-container .getStarted .checkoutNextEnabled, .getStarted .buyNowPrice + input,
.getStarted .makeOfferBox + input, .getStarted .processingfees .col a, .processingfees .col .getStarted a, .getStarted .membership input.button, .membership .getStarted input.button, .getStarted .viewCartBtn {
  padding: 15px 120px;
  font-size: 16px;
}

.homePagePanel {
  min-width: 978px;
  max-width: 1366px;
  margin: auto;
  text-align: center;
}
.homePagePanel .promotionPreview {
  margin-right: 20px;
}
@media screen and (max-width: 1064px) {
  .homePagePanel .promotionPreview {
    margin-right: 0;
  }
}
.homePagePanel .promotionPreview:last-of-type {
  margin-right: 0;
}
@media screen and (max-width: 1294px) {
  .homePagePanel .promotionPreview:last-of-type {
    display: none;
  }
}
.homePagePanel .promotionPreview .promotionImage {
  width: 239px;
  padding: 0;
  height: 180px;
}
.homePagePanel .promotionPreview .promotionText {
  width: 219px;
}
.homePagePanel .promotionPreview:visited {
  background: #fff;
}

.lt-ie9 .homePagePanel .promotionPreview {
  margin-right: 0px;
}

.homePagePanel .detailHover {
  width: 220px;
}

.homePagePanel .carddata .title {
  font-weight: normal !important;
}

/* Main content divs
   ========================================================================== */
#userRankings,
#saleSidebar {
  display: none;
  font-size: 13px;
  width: 32%;
}
#userRankings h2,
#saleSidebar h2 {
  font-size: 24px;
  margin-top: 30px;
}
#userRankings h2 a,
#saleSidebar h2 a {
  color: #fff;
}

#blogAndTwitter,
#userRankings {
  margin-right: 18px;
}

#blogAndTwitter .homePagePanel,
#userRankings .homePagePanel,
.sidebarPanel .homePagePanel {
  min-height: 270px;
  background: #fff;
  padding: 10px;
}

.sidebarPanel .homePagePanel {
  height: 151px !important;
  overflow: hidden;
}

/* $mainImg
   ========================================================================== */
#mainImg {
  height: 360px;
  background: #333;
}

.stats {
  text-align: center;
}
.stats li {
  font-family: "os_l", arial, sans-serif;
  font-size: 26px;
}
.stats .value {
  font-size: 13px;
  font-weight: bold;
}
.stats .name {
  font-size: 13px;
  margin-left: 15px;
}

/* $socialMediaButtons. twitterfeed and blogfeed are used in newJS
   ========================================================================== */
.socialMediaButtons {
  position: absolute;
  top: 550px;
  z-index: 100;
  background: #fff;
  -webkit-box-shadow: 0 0px 3px #aaa;
          box-shadow: 0 0px 3px #aaa;
}
@media screen and (max-device-width: 1023px) {
  .socialMediaButtons {
    right: -15px;
    border: 1px solid #bbb;
    border-right: 0;
  }
}
@media screen and (min-device-width: 1024px) {
  .socialMediaButtons {
    right: 0px;
    border: 1px solid #bbb;
    border-right: 0;
  }
}

.lt-ie9 .socialMediaButtons {
  border: 1px solid #bbb;
  border-right: 0;
}

.socialMediaButtons > li:hover {
  background: #eee;
}
.socialMediaButtons > li a {
  width: 33px;
  height: 30px;
  text-align: center;
  overflow: hidden;
  display: block;
  padding-top: 5px;
}
.socialMediaButtons > li a img {
  width: 28px;
  height: 25px;
}
.socialMediaButtons > li i {
  padding-top: 5px;
  display: block;
  font-size: 14px;
  text-align: center;
  color: #38404c;
}
.socialMediaButtons > li .icon-sun {
  font-size: 18px;
  padding-top: 3px;
}

.socialMediaButtons .youtube:hover {
  background: #ddd;
}

.socialMediaButtons .twitter:hover {
  background: #ddd;
}

.socialMediaButtons .facebook:hover {
  background: #ddd;
}

.socialMediaButtons .wordpress:hover {
  background: #ddd;
}

/* To stop IE from underlining the image */
.socialMediaButtons a:hover {
  text-decoration: none !important;
}

/** 
 * .blogfeed = container div
 * .blogposts = ul inside of .blogfeed
 * .twitterfeed = container div
 */
.twitterfeed,
.blogfeed {
  position: absolute;
  right: 39px;
  top: -1px;
  z-index: 199;
  list-style-type: none;
  height: 156px;
  width: 340px;
  padding: 0 10px;
  zoom: 1;
  display: none;
}

.blogposts {
  position: absolute;
  right: 10px;
  top: 0px;
  list-style-type: none;
  padding: 10px;
  z-index: 200;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.blogposts li {
  font-size: 14px;
  padding: 3px 0;
  width: 300px; /* this width has to be smaller than .blogfeed width so it doesn't affect popup action */
}
.blogposts li span {
  width: 50px;
  display: inline-block;
}
.blogposts li a {
  display: inline;
}
.blogposts li a:hover {
  color: #B91F24 !important;
}

/* $userRankings
   ========================================================================== */
#userRankings .topusers table {
  width: 100%;
}

#userRankings .topusers th {
  padding: 0 0 0 25px;
  text-align: left;
}

#userRankings .topusers .rank {
  float: left;
  display: block;
  width: 25px;
}

/* $itemSample--just added
   ========================================================================== */
/* Sampling of items */
#homepage .cardInfoWrapper {
  width: 219px;
  margin: 0 0 20px 20px;
  padding: 0 10px;
  height: 317px;
  background: #fff;
  overflow: hidden;
}
@media screen and (max-width: 1064px) {
  #homepage .cardInfoWrapper {
    margin-left: 0;
  }
}
#homepage .cardInfoWrapper:first-child {
  margin-left: 0;
}
@media screen and (max-width: 1291px) {
  #homepage .cardInfoWrapper + .cardInfoWrapper + .cardInfoWrapper + .cardInfoWrapper + .cardInfoWrapper {
    display: none;
  }
}
#homepage .cardInfoWrapper .description {
  color: #444;
}
#homepage .cardInfoWrapper .description:hover {
  color: #444;
}
#homepage .cardInfoWrapper .showOnHover {
  display: none;
}

.lt-ie9 #homepage .cardInfoWrapper {
  margin: 0 15px 0 0;
}

#homepage .cardInfoWrapper .cardinfo {
  width: 220px;
  position: relative;
  top: 20px;
}
#homepage .cardInfoWrapper .cardinfo .cardDetailsTable,
#homepage .cardInfoWrapper .cardinfo .cardDetailsCell {
  height: 150px;
}

/* ==========================================================================
  $Search page
  ========================================================================== */
/** 
 * #Contentwrapper contains: #tabnavcontainer, #top-searchnav,
 * #cardexplorer, #bottom-searchnav
 */
/*---------------jumpBtn Jump to top go to top button-----------*/
a.jumpBtn {
  position: fixed;
  text-align: center;
  bottom: 30px;
  right: 2px;
  background: #38404c;
  color: #fff;
  text-transform: uppercase;
  padding: 10px;
  display: none;
  z-index: 10;
}
@media screen and (max-width: 1024px) {
  a.jumpBtn {
    right: auto;
    left: 40px;
    display: none;
    z-index: 10;
  }
}

.wrapCol {
  overflow: hidden;
}

.leftCol {
  width: 260px;
  float: left;
  padding: 20px 20px 20px 30px;
  background: #fff;
  /*@media screen and (max-width: 1024px) {
      width: 190px;
  }*/
}

.rightCol {
  background: #fff;
  overflow: hidden;
  padding-left: 10px;
}

.results {
  padding-bottom: 10px;
}

.results .carddata ul li.ourprice strong {
  color: #000;
}

.results .carddata ul li .ourprice {
  color: #484848;
}

.searchprefs select {
  margin-right: 15px;
  font-size: 90%;
}

.detailsresult .carddata {
  clear: both;
  margin: 10px 0;
  font-size: 130% !important;
}

.detailsresult .cardview h4 {
  display: none;
}

.cardinfo .searchresult li.qty,
div.cardview img {
  display: block;
}

.searchresult {
  width: 200px;
  min-height: 200px;
}

/* the content div for "No Results" search page */
.noResults {
  line-height: 24px;
}

.noResults .fst {
  border: 0;
  background: #eee;
}

.noResults .fsb {
  height: 100px;
  background: #fff;
  border: 0;
}

.noResults span {
  font-weight: bold;
  color: red;
}

/* Card image thumbnail */
td.thumbnail {
  width: 95px !important;
  height: 95px !important;
}

/* Search page Google ads */
.SearchHeaderAd, .SearchFooterAd {
  clear: both;
  text-align: center;
}

.SearchHeaderAd {
  margin-bottom: 0;
  display: block;
  position: relative;
  bottom: 6px;
}

.SearchFooterAd {
  margin-top: 50px;
}

.HideAds {
  font-size: 80%;
  display: inline;
}

/* This div is in search.aspx but never displayed */
.didYouWant {
  text-align: center;
}

/**
 * $Popup
 * appears when clicking on a cards'image on the search results
 * page under list view and on mouse over in thumbs view. 
 */
.visiblepopup {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  font-size: 18px;
  -webkit-box-shadow: 0 2px 3px rgba(50, 50, 50, 0.2);
  box-shadow: 0 2px 3px rgba(50, 50, 50, 0.2);
}

.visiblepopup h3 {
  font-size: 110%;
}

.visiblepopup .imagepopup {
  padding: 10px;
  border: 1px solid #ddd;
  width: 315px;
  text-align: left;
  overflow: hidden;
  background: #ffffff;
  font-size: 90%;
}
.visiblepopup .imagepopup .cardinfo .big {
  height: auto;
}
.visiblepopup .imagepopup .cardimage {
  margin-right: 5px;
}
.visiblepopup .imagepopup .carddata {
  overflow: auto;
}

.visiblepopup .imagepopup .carddata .listprice {
  text-align: left;
  margin-left: 0;
}

.visiblepopup .imagepopup .carddata .listprice a,
.visiblepopup .imagepopup .carddata .listprice .qty {
  font-size: 16px;
}

#cardexplorer .text {
  width: 100px;
}

.visiblepopup ul li.suggestedprice {
  margin-left: 0;
}

/* comment-text */
.searchResultsStats {
  text-align: right;
  font-size: 12px;
  padding-right: 45px;
}

/* suggested price subscribe popup*/
.SRPpopup {
  width: 175px;
  font-size: 13px;
  display: inline-block;
  vertical-align: top;
}

.SRPpopup li {
  line-height: 18px;
}

.SRPpopup h5 {
  text-align: left;
  font-weight: bold;
}

div.SRPpopup span.name {
  display: block;
  float: left;
  width: 75px;
}

div.SRPpopup span.value {
  display: block;
  float: left;
  margin-right: 15px;
  text-align: right;
}

/* $Treeview, $Treenav, $Filter, $GradedItems
========================================================================== */
/** 
 * .treenav = wrapper div for sidebar
 * .AspNet-TreeView = wrapper div for asp.net generated ul;
 * does not Matching players or "Filter results" title
 */
#toggleTreenav {
  display: inline-block;
  margin: 5px 10px 0;
  height: 14px;
  width: 14px;
}

.filterBody, .filterLinks {
  padding-bottom: 10px;
  overflow: hidden;
  clear: both;
}

.filterLinks h4 {
  color: #999;
}
.filterLinks h2 {
  font-weight: bold;
  font-family: arial, sans-serif;
  font-size: 13px !important;
  color: #444 !important;
  margin: 0 !important;
}
.filterLinks ul {
  margin-left: 0px;
  margin-bottom: 10px;
  font-size: 13px;
}
.filterLinks ul li {
  padding-left: 0;
  line-height: 20px;
}
.filterLinks ul a {
  font-weight: normal !important;
}
.filterLinks ul a + span {
  color: #666;
}

.filterAWS .expand { /* added class from search.js */
  font-size: 13px;
  color: #666;
}
.filterAWS .includeSoldOut {
  padding-bottom: 10px;
  font-size: 13px;
  /* margin-left needs to be removed once table changed to ul */
}
.filterAWS .includeSoldOut input {
  margin-right: 5px;
  margin-left: 0px;
}

.filterCheckboxes {
  color: #0033cb;
  font-size: 0.9em;
  margin-left: 20px;
  padding-bottom: 10px;
  display: none;
}

.filterCheckboxes label {
  padding-left: 8px;
}

.filter {
  padding-bottom: 10px;
}
.filter .filterInput {
  width: 68%;
  margin-right: 5px;
}
.filter .redbtn, .filter .whitepages.inventoryManager .inventoryToplist input[value="Request Shipment"], .whitepages.inventoryManager .inventoryToplist .filter input[value="Request Shipment"], .filter .checkout-container .checkoutNextEnabled, .checkout-container .filter .checkoutNextEnabled, .filter .buyNowPrice + input,
.filter .makeOfferBox + input, .filter .processingfees .col a, .processingfees .col .filter a, .filter .membership input.button, .membership .filter input.button, .filter .viewCartBtn {
  width: 23%;
  padding: 6px 10px !important;
  border: 0 !important;
}

.treenav a {
  color: #222;
}

.treenav .usernameSale {
  padding-left: 20px;
  margin: 0;
  font-size: 15px;
}

.treenav a:hover {
  color: #C4272D;
}

#treenavHead {
  display: block;
  padding-top: 2px;
  padding-left: 20px;
  height: 30px;
}

.treenav h3 {
  display: block;
  padding-top: 0;
  padding-bottom: 3px;
  font-weight: 400;
  color: black;
}

.treenav th {
  text-align: left;
  padding: 10px 0;
}

/* Matching players */
.treenav .AspNet-GridView {
  margin-left: 20px;
}

/* Filter tree */
.treenav .AspNet-TreeView {
  display: block;
  font-size: 0.8em;
}

.treenav .AspNet-TreeView a {
  font-size: 13px;
  font-weight: bold;
}

.treenav .AspNet-TreeView ul {
  width: 205px;
  font-weight: normal;
}

/* ==========
.treenav .AspNet-TreeView ul li:hover {
    background: #afafaf;
} */
.treenav .AspNet-TreeView-Parent {
  margin-top: 5px;
}

.treenav .AspNet-TreeView-Selected li {
  padding-left: 5px;
}

/* At least one level deep */
.treenav .AspNet-TreeView li ul {
  margin-bottom: 2px;
  font-weight: normal;
}

.treenav .AspNet-TreeView li ul a {
  font-weight: normal;
}

.treenav .AspNet-TreeView li ul a:hover {
  color: #B91F24;
}

.treenav .AspNet-TreeView-ChildSelected {
  margin-bottom: 10px;
  padding: 0;
  color: #555;
}

.treenav .AspNet-TreeView-ChildSelected .AspNet-TreeView-ClickableNonLink a {
  color: #B91F24;
  font-weight: bold;
}

.treenav .AspNet-TreeView-ClickableNonLink a {
  font-weight: bold;
}

.treenav .AspNet-TreeView-Selected .AspNet-TreeView-ClickableNonLink a {
  color: #B91F24;
  margin: 0;
}

.treenav .AspNet-TreeView-Selected ul {
  border-left: 1px solid #c1272d;
}

.treenav li.AspNet-TreeView-ParentSelected a {
  font-weight: bold;
}

.treenav li.AspNet-TreeView-Selected ul {
  margin-bottom: 10px;
}

/* The deepest level possible--doesn't have a child ul */
.treenav ul li ul li ul li ul li ul li.AspNet-TreeView-Selected,
.treenav ul li ul li ul li ul li ul li.AspNet-TreeView-Selected a {
  padding-left: 3px;
  margin-top: 3px;
  font-weight: bold;
  color: #B91F24;
}

.treenav ul li ul li ul li ul li ul li.AspNet-TreeView-Selected {
  border-left: 1px solid #888;
}

/* down-arrow icon position. The icon is 12px tall with 5px transparent from top*/
.AspNet-TreeView-ClickableNonLink a {
  background: url(../gif/navtree-arrow.gif) no-repeat;
  position: relative;
  left: -12px;
  padding-left: 12px;
}

.AspNet-TreeView-ClickableNonLink span {
  position: relative;
  left: -10px;
}

/* end of down-arrow icon position */
.treenav .AspNet-TreeView li ul li {
  padding-left: 5px;
}

.item-conditions {
  margin-bottom: 10px !important;
}

.item-actions {
  margin-bottom: 0px !important;
}

.item-grader {
  margin-bottom: 0px !important;
  margin-left: 15px !important;
}

.item-grade {
  margin-left: 30px !important;
}

/* $Cardexplorer
========================================================================== */
/** 
 * $Resultoptions
 * contains: .sort, .pagesize, .searchLabel, .filter, .rss-link, .searchResultsStats
 */
.searchAWScheckBox {
  padding-left: 20px;
  padding-top: 10px;
  background: #EEEEEE;
}
.searchAWScheckBox input {
  vertical-align: middle;
}
.searchAWScheckBox label {
  font-weight: bold;
  font-size: 14px;
  margin-left: 10px;
  color: #00139C;
}

#resultoptions {
  font-size: 13px;
  color: black;
  justify-self: flex-end;
  width: 460px;
}
#resultoptions select {
  font-size: 13px;
  height: 26px !important;
}

#resultoptions .searchLabel {
  font-weight: normal;
}

#resultoptions .sort,
#resultoptions .pagesize {
  float: left;
  margin-right: 20px;
}

.resultTitle {
  background: #f2f2f2;
  font-weight: bold;
  padding: 10px 30px 8px 30px;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.resultTitle .searchResult {
  font-size: 14px;
  font-family: arial, sans-serif;
  font-weight: bold;
  padding-right: 10px;
}
.resultTitle .searchResult .search {
  color: #00139C;
}
.resultTitle.notLoggedIn {
  -ms-grid-columns: auto auto 1fr;
  grid-template-columns: auto auto 1fr;
}
.resultTitle.loggedIn {
  -ms-grid-columns: auto auto auto 1fr;
  grid-template-columns: auto auto auto 1fr;
}
.resultTitle.loggedIn.flagged {
  -ms-grid-columns: auto auto auto auto 1fr;
  grid-template-columns: auto auto auto auto 1fr;
}

.rss-link img {
  margin-right: 10px;
}

/* $viewDropdown
============================================================================ */
/* Dropdown in .resultoptions -- details, list, thumbs, text */
#viewDropdown {
  width: 100px;
  margin-right: 15px;
}
#viewDropdown .detailsView {
  background: url("../png/detail-view-icon.png");
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 4px 8px;
  background-size: 18px;
}
#viewDropdown .listView {
  background: url("../png/list-view-icon.png");
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 4px 8px;
  background-size: 18px;
}
#viewDropdown .thumbsView {
  background: url("../png/thumb-view-icon.png");
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 4px 8px;
  background-size: 18px;
}
#viewDropdown .textView {
  background: url("../png/text-view-icon.png");
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 4px 8px;
  background-size: 18px;
}
#viewDropdown a {
  display: none;
  padding: 5px 0 5px 30px;
  font-weight: normal;
  color: #000;
}
#viewDropdown a:hover {
  background-color: #3399ff;
  color: #fff;
  text-decoration: none;
}
#viewDropdown #selectedView {
  padding-left: 30px;
  font-weight: normal;
  color: #000;
  cursor: default;
  background-color: #fff !important;
  border: 1px solid #ccc;
  background-repeat: no-repeat;
  background-position: 3px 3px;
  /* Prevent the text from being selected onclick */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#viewDropdown #selectedView:hover {
  color: #000;
}
#viewDropdown .arrow-down {
  margin: 0px 0px 0 9px;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  border-top: 6px solid #222;
}
#viewDropdown .arrow-down:hover {
  border-top: 4px solid #222;
}

.lt-ie9 #viewDropdown #selectedView {
  background-position: 1px 1px;
}

#viewDropdown.openDropdown {
  position: absolute;
  z-index: 20;
  border: 1px solid #afafaf;
  -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.3);
}
#viewDropdown.openDropdown a {
  display: block;
}
#viewDropdown.openDropdown a.current {
  display: none;
}
#viewDropdown.openDropdown #selectedView {
  border: 0 !important;
}

/* $Cardexplorer
============================================================================ */
#cardexplorer {
  /*min-height: 400px;*/
  overflow: hidden;
}

#cardexplorer .header {
  padding: 5px;
  font-size: 60%;
  text-align: right;
  background: #e8e2cd;
}

#cardexplorer .header label, .header a {
  color: #14457D;
}

#cardexplorer .header a {
  padding: 0 5px;
}

.cardimage {
  float: left;
}

/* Card detail panels --Zoom, turn over, share, report error
============================================================================ */
.cardImageWrapper {
  position: relative;
  margin: 0 auto;
  z-index: 100;
}

.detailsPanelWrapper {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
}

.detailsPanel {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 50%;
}

.detailsPanel a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  color: #eee;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.5);
}

.detailsPanel a:hover {
  color: white;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.35);
}

.lt-ie8 .detailsPanel a span {
  width: auto;
  height: auto;
  cursor: pointer;
}

.imgPanel {
  position: relative;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.stockImage {
  height: 45% !important;
}

.stockImage-thumbnail {
  position: absolute;
  bottom: 0%;
  width: 100%;
  height: 9%;
  font-size: 0.8rem;
}

.stockImage-thumbnail a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  color: #eee;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.5);
  text-decoration: none;
}

.thumbnail-sm {
  font-size: 0.6rem;
  height: 14%;
}

/* $Cardinfo, $Carddata
========================================================================== */
#cardexplorer .carddata ul li {
  text-align: left;
}

/* $cardInfoWrapper
============================================================================ */
/* .cardinfoWrapper is the div that .resultHover gets
 * added to during the hover event
 */
/* Search results/home page and promotion details page */
.results .cardInfoWrapper {
  width: 260px;
  margin-bottom: 20px;
}

.itemdetails .carddata ul li {
  text-align: left;
}

.itemDetails .cart a {
  margin: 0 auto;
}

/** 
 * $Cardinfo
 * The child of .cardinfoWrapper
 * the same div may also have a class of .searchresult, MEM SN RY RR, detailsview, list
 */
.RC .description:after, .PRC .description:after, .RY .description:after {
  padding: 2px 3px;
  font-size: 9px;
  color: #fff;
  vertical-align: bottom;
  border-radius: 2px;
}

.RC .description:after,
.RC.RY .description:after {
  content: "RC";
  background: #C1272D;
}

.PRC .description:after {
  content: "PRC";
  background: #1C8F47;
}

.RY .description:after {
  content: "RY";
  background: #cd8032;
}

.cardinfo .cardDetailsTable {
  width: 260px;
  text-align: center;
  display: table-cell;
  vertical-align: top;
}

.cardInfo .cardDetailImg {
  width: 100% !important;
}

.cardinfo .cardDetailsCell {
  border: 0 none !important;
  text-align: center;
  height: 200px;
  width: 260px;
  vertical-align: middle;
  display: table-cell;
}

.cardinfo .cardimage {
  float: left;
  text-align: center;
  vertical-align: middle;
}

.cardinfo .cardimage img {
  line-height: 378px;
  vertical-align: middle;
}

.cardinfo .big {
  height: 165px;
  width: 150px;
}

.cardinfo .small {
  height: 80px;
  width: 80px;
}

.cardinfo .original a,
.cardview a {
  cursor: url("../cur/zoomin.cur") -moz-zoom-in;
}

.cardinfo .original {
  margin-right: 10px;
  height: 380px;
  width: 380px;
}

/** 
 * $Carddata
 * contains listprice/saleTag, saleText, title, description
 */
.carddata {
  line-height: 20px;
  text-align: left;
  font-size: 13px;
}

.carddata ul {
  font-size: 12px;
}

.cardinfo .carddata ul li.savings strong {
  color: #B91F24;
}

.cardinfo .carddata ul li.ourprice {
  font-weight: bold;
}

.cardinfo .carddata ul li .ourprice span {
  color: #4C5844;
}

.carddata p {
  padding: 5px;
}

.carddata h3 {
  font-size: 13px;
}

.cardInfoWrapper .cardinfo {
  width: 260px;
  /*height:319px;*/
}

#detailsView .carddata {
  padding: 10px 10px 0;
  font-size: 13px;
}

.detialHover .carddata {
  position: relative;
}

.results .cardInfoWrapper .carddata div.title,
.results .cardInfoWrapper .carddata .description,
.promotionMain .cardInfoWrapper .carddata div.title,
.promotionMain .cardInfoWrapper .carddata .description {
  word-wrap: break-word;
}

.icon-chart-bar {
  color: #bbb;
}

.listprice a[title="View Sales Data"] > .icon-chart-bar {
  padding-left: 5px;
  font-size: 16px;
}

.cardInfoWrapper .carddata .listprice {
  font-weight: bold;
}

.carddata ul {
  width: auto;
}

.homePagePanel .carddata ul li .name {
  font-weight: normal;
}

#listView .carddata ul li .name {
  margin-left: 0;
  font-size: 13px;
  font-weight: normal;
}

.carddata ul li .value {
  margin-right: 5px;
  text-align: left;
}

/* .listprice = price tag image */
.cart .carddata .listprice {
  margin-top: 4px;
}

/* green auction gavel
 */
.auctionItem a:before {
  content: "\e82b";
  font-family: "fontello";
  font-size: 13px;
  margin-right: 5px;
  vertical-align: top;
}

/* The class that gets added on to a .listprice element if it is on sale
 * green color sale tag
 */
.saleTag a:before,
.saleSticker1 a:before,
.saleSticker2 a:before,
.saleSticker3 a:before {
  content: "\e814";
  font-family: "fontello";
  font-size: 13px;
  margin-right: 5px;
  vertical-align: top;
}

.saleTag .saleText {
  padding: 0px 0 5px;
  font-size: 11px;
}

.percentOff {
  color: #B91F24;
}

/* not logged in */
.carddata .listprice a {
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  color: #00139C;
}
.carddata .listprice a:hover i {
  color: #B91F24;
}

.saleTag a,
.saleSticker1 a,
.saleSticker2 a,
.saleSticker3 a {
  color: #1C8F47 !important;
}
.saleTag a .qty:before,
.saleSticker1 a .qty:before,
.saleSticker2 a .qty:before,
.saleSticker3 a .qty:before {
  content: "\e814";
}

.auctionItem a {
  color: #1C8F47 !important;
}
.auctionItem a .qty:before {
  content: "\e82b";
}

/* red sale tag inserted before price with javscript */
/* logged in + using advanced seller */
/* The number in the corner of the price tag indicating the quantity */
.carddata .qty {
  display: inline;
  font-size: 13px;
  font-weight: normal;
}

.carddata ul li {
  text-align: left;
}

.detailsview .carddata ul li {
  position: relative;
  text-align: center;
  margin-right: 0;
}

.detailscontainer .carddata ul li {
  margin-right: 0;
  text-align: left;
}

.carddata ul li.subscribe a {
  font-size: 11px;
}

#listView .carddata ul li.subscribe {
  margin-left: 0;
  font-size: 13px;
}

#listView .carddata ul li.suggestedprice {
  margin-left: 0;
}

.promotionEditWrapper li.suggestedprice {
  margin-left: 0 !important;
}

.carddata ul li.suggestedprice span.value {
  /*text-decoration:line-through;*/
}

#gvViewAsList .carddata ul li.suggestedprice {
  margin-left: 0;
}

.previousprice {
  text-decoration: line-through;
}

.carddata ul li.serialnumber span {
  font-size: 13px;
  color: #333;
}

.itemdetails .carddata {
  float: left;
  /*width: 250px;*/
}

.cardcontrols .carddata {
  float: left;
  width: 200px;
  padding: 15px;
}

/* Card title */
.carddata .title {
  font-size: 1em;
  font-weight: bold;
  cursor: pointer;
}

.carddata .title a {
  color: #444;
  /*this property is only supported in Webkit browsers 
    (Safari & Chrome) for Mac OS X.*/
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
}

/* Card description */
.carddata .description {
  margin: 5px 0;
}

/* Searchpage list view and text view */
#cardexplorer table {
  border: none;
  width: 100%;
  font-size: 85%;
}

/* Search page thumbs view */
#cardgrid .card {
  float: left;
  padding: 5px;
  margin: 0 auto;
  width: 80px;
  height: 75px;
  text-align: center;
}

/* $Share $Shareimage
============================================================================ */
/* Container for the html markup/forum markup textboxes in
 * the share popup on the card details page
 */
.shareBox {
  margin-bottom: 20px;
}

.shareBox textarea {
  display: block;
}

/*pageControls are in many other pages except search result page*/
.pageControls {
  margin-bottom: 20px;
  margin-right: 40px;
  float: right;
  clear: both;
}

#bottom-searchnav {
  margin: 10px 0;
}

table.pagn {
  margin: 10px 20px 30px;
  float: right;
}

td.noTdPadding {
  padding: 0;
}

/*the gotopage html has been comment out*/
/*.gotopage {
    margin: 10px auto;
}*/
.pagn .searchLabel {
  margin-right: 4px;
  font-size: 13px;
}

.pagn .text {
  width: 40px;
}

.pagn .currentPage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 80px;
  font-size: 13px;
  padding: 0 10px;
  width: 100px;
}

.pagn td.pagenumbers {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 80px;
}

.listPageLinks span,
.listPageLinks a,
.pagn .pagenumbers a {
  background: #fff;
  padding: 5px 10px;
  margin: 0 2px;
  border: 1px solid #dadada;
  color: #1a498f;
  font-size: 13px;
  font-weight: bold;
}

.listPageLinks a:hover,
.pagn .pagenumbers a:hover {
  border: 1px solid #3367c7;
  color: #00139C;
}

.pgfirst,
.pglast {
  padding: 10px;
  font-weight: bold;
  color: #1a498f;
}

.pgfirst:hover,
.pglast:hover {
  text-decoration: underline;
  color: #1a498f;
}

.pgprev,
.pgnext {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #afafaf;
  margin: auto 5px;
}

.pgprev {
  background: url("../gif/btn-prevpage.gif") no-repeat -40px 0;
}

.pgnext {
  background: url("../gif/btn-nextpage.gif") no-repeat -40px 0;
}

.pgprev:hover,
.pgnext:hover {
  border: 1px solid #1a498f;
  position: relative;
}

.pgprev:hover:after,
.pgnext:hover:after {
  content: "Keyboard: Right Arrow";
  position: absolute;
  top: 50px;
  left: -40px;
  font-size: 12px;
  color: #000;
  padding: 2px 5px;
  border: 1px solid #bbb;
  background: #f5f5f5;
  z-index: 80;
  -webkit-white-space: nowrap;
  -moz-white-space: nowrap;
  -ms-white-space: nowrap;
  -o-white-space: nowrap;
  white-space: nowrap;
  border-radius: 3px;
}

.pgprev:hover:after {
  content: "Keyboard: Left Arrow";
}

.pgprev:active {
  background: url("../gif/btn-prevpage.gif") no-repeat;
}

.pgnext:active {
  background: url("../gif/btn-nextpage.gif") no-repeat;
}

.listPageLinks span,
.pagenumbers a:visited.current {
  display: inline;
  font-weight: bold;
  text-decoration: none;
  background: #444444;
  color: #eeeeee;
  border: 1px solid #eee;
}

/* ==========================================================================
  $Card detail view, $Carddetails
  ========================================================================== */
/* $header in card details $iteminfoheader */
.itemInfoHeader {
  padding: 5px 30px;
  background: #eee;
}

.searchmore > a {
  margin-right: 20px;
}
.searchmore .oneGroup {
  margin-right: 20px;
}
.searchmore .oneGroup:first-of-type {
  margin-left: 0;
}
h1.editWikiBtn {
  font-family: arial, sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  margin: 0;
  padding: 10px 30px;
  background: #38404c;
  color: #eee;
}
h1.editWikiBtn a {
  padding: 2px 8px;
  color: #fff;
  border: 0;
  background: #B91F24;
  font-weight: bold;
  text-decoration: none;
  vertical-align: top;
}
h1.editWikiBtn a:hover {
  color: #fff;
  background: #C1272D;
}

/* $Rightheader
========================================================================== */
/* "search for more:" */
.searchmore {
  width: 80%;
  font-size: 13px;
  font-weight: bold;
  margin: 5px 0px;
}

/* showing only items owned by: */
.rightheader {
  float: right;
  text-align: right;
  margin-right: 20px;
}
.rightheader .sparklines {
  margin-top: 5px;
}
.rightheader .sparklines .icon-chart-bar {
  margin-left: 5px;
  color: #B91F24;
}

/**
 * Contains: .detailresults, .addall
 */
/* e.g. "Add all 11 items to cart" */
.addall {
  margin-left: 10px;
}

/* e.g. "Showing only items owned by ... " */
.ownernote {
  font-size: 80%;
}

/* $Itemdetailscontainer, $Detailsview, $Carddetails
========================================================================== */
#itemDetailsContainer {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* A single card */
  /* Two cards */
}
#itemDetailsContainer .detailscontainer {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  #itemDetailsContainer .detailscontainer {
    width: 79vw;
  }
}
@media screen and (min-width: 1440px) {
  #itemDetailsContainer .detailscontainer {
    width: 83vw;
  }
}
#itemDetailsContainer .detailcontainer1 {
  margin-left: auto;
  margin-right: auto;
  width: 380px;
}
#itemDetailsContainer .detailcontainer2 {
  margin-left: auto;
  margin-right: auto;
  width: 780px;
}

.exploreRelated {
  font-size: 14px;
  background: #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.exploreRelated .oneGroup {
  margin: 0 5px;
}

/* $Detailsview */
#itemDetailsContainer .detailsview {
  float: left;
  margin: 5px 0 30px 10px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#itemDetailsContainer .carddata {
  margin: 10px 0px 3px 0;
  min-width: 140px;
}

#itemDetailsContainer .cart {
  text-align: center;
  margin-bottom: 10px;
}

#itemDetailsContainer .carddata .iteminfo {
  font-size: 80%;
  margin-bottom: 5px;
  text-align: center;
}

#itemDetailsContainer .ul {
  font-size: 13px !important;
  font-weight: normal !important;
  color: #333;
}

#itemDetailsContainer .shipping {
  margin-left: 0 !important;
}

#itemDetailsContainer .carddata .askprice {
  text-align: center;
  font-size: 130%;
  font-weight: bold;
  margin-bottom: 10px;
}

#itemDetailsContainer .ownerdetails,
#itemDetailsContainer .carddetails {
  font-size: 12px;
  text-align: center;
}

#itemDetailsContainer ul li span.name {
  width: 105px;
  text-align: right;
}

#itemDetailsContainer ul li span.value {
  text-align: right;
}

#itemDetailsContainer .cardimage {
  float: left;
  width: 378px;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 10px;
}

#itemDetailsContainer .cardcontrols .cartdata {
  float: left;
}

#itemDetailsContainer .stickerprice {
  float: left;
  text-align: center;
  width: 169px;
}

#itemDetailsContainer .listprice {
  text-align: left;
}
#itemDetailsContainer .listprice a {
  font-size: 20px;
}

/* Card detail page Google ads */
.CardDetailsHeaderAd {
  text-align: center;
  margin-left: 5px;
}

.CardDetailsFooterAd {
  text-align: center;
  margin-top: 10px;
}

/* ==========================================================================
  $Item details page, $Itemdetails
  ========================================================================== */
/* $Cart is used on: itemdetails page , carddetails page */
.cardcontrols .cart {
  clear: both;
}

.cart .actionarea a {
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin-top: 5px;
  width: 140px;
  text-align: center;
  color: #B91F24;
  padding: 5px 10px;
  border: 1px solid #c5c5c5;
}
.cart .actionarea a:hover {
  background: #eee;
}

.lt-ie8 .cart .actionarea ul {
  vertical-align: top;
  zoom: 1;
  *display: inline;
}

.detailsview .ownerdetails .watchItem {
  margin-top: 10px;
  padding: 3px 6px;
  font-weight: bold;
}

.detailsview .ownerdetails .watchItem:hover {
  border: 1px solid #c6c6c6;
  background: #f8f8f8;
  padding: 3px 5px;
}

.detailsview .ownerdetails .watchItem:active {
  border: 1px solid #c6c6c6;
  background: #dedede;
  padding: 3px 5px;
}

/* ==========================================================================
  $Browse, $Browseplayers, $Players, $Teams, $hottestplayer 
  ========================================================================== */
/*
* below is for for page directory in Players page.   
*/
/* breadscrum table in "by player" page */
#ctl00_ContentPlaceHolder1_mnuBreadCrumbs {
  display: block;
}
#ctl00_ContentPlaceHolder1_mnuBreadCrumbs a[disabled=true] {
  display: none;
}
#ctl00_ContentPlaceHolder1_mnuBreadCrumbs a[disabled=true]:after {
  content: "";
}

.ctl00_ContentPlaceHolder1_mnuBreadCrumbs_1 {
  font-size: 14px;
}
.ctl00_ContentPlaceHolder1_mnuBreadCrumbs_1:after {
  content: ">";
  color: black;
  padding: 0 5px;
}

#ctl00_ContentPlaceHolder1_mnuBreadCrumbsn2 a {
  color: #444 !important;
}
#ctl00_ContentPlaceHolder1_mnuBreadCrumbsn2 a:hover {
  color: #444;
}
#ctl00_ContentPlaceHolder1_mnuBreadCrumbsn2 a:after {
  content: "";
}

.HotPlayerTeamSetsList {
  width: 74%;
}
.HotPlayerTeamSetsList h2 + a {
  margin-top: 26px;
  margin-left: 30px;
}
.HotPlayerTeamSetsList table {
  width: 100%;
}

/* Select a sport column */
.select-left-column {
  margin-right: 20px;
  width: 23%;
}
.select-left-column li {
  padding-bottom: 10px;
}
.select-left-column li a {
  display: block;
}
.select-left-column li.letter {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}
.select-left-column li.letter a {
  width: 15px;
  padding: 15px 20px;
  text-align: center;
  background: #f2f2f2;
}

.select-right-column {
  width: 74%;
}
.select-right-column table {
  width: 100%;
}
@media screen and (max-width: 1920px) {
  .select-right-column {
    width: 79%;
  }
}
@media screen and (max-width: 1051px) {
  .select-right-column {
    width: 74%;
  }
}

input.selectFromInput {
  width: 99%;
  height: 25px;
}

.first-names > h4,
.last-names > h4 {
  display: inline;
}

.first-names,
.last-names {
  float: left;
  margin: 0 20px 0 0;
}

/* ==========================================================================
  $Manage_Promotions_Create Pages $edit promotion
  ========================================================================== */
.selectPromotion label {
  font-weight: bold;
  margin-bottom: 20px;
}
.selectPromotion label .normal {
  margin-left: 24px;
}

.promotionEditWrapper {
  margin: 10px auto 0;
}
.promotionEditWrapper .carddata, .promotionEditWrapper .cardDetailsTable {
  float: left;
}
.promotionEditWrapper .cardinfo {
  width: auto;
  overflow: hidden;
}
.promotionEditWrapper .carddata {
  overflow: hidden;
  word-wrap: break-word;
  width: 400px;
}
.promotionEditWrapper .carddata .title {
  font-size: 17px;
  font-weight: normal;
}
.promotionEditWrapper .cardDetailsTable {
  width: 160px;
  margin-right: 10px;
}

.createPortSaleTable .promotionitems,
.createPortSaleTable .askingPrice,
.createSaleTable .promotionitems,
.createSaleTable .askingPrice {
  padding: 15px 0;
}
.createPortSaleTable .feature,
.createSaleTable .feature {
  text-align: center;
}

.createSaleTable .discountDropdown {
  text-align: right;
}
.createSaleTable .cardDetailsCell {
  height: 140px;
  vertical-align: top;
}
.createSaleTable .promotionpercentage {
  font-weight: bold;
}
.createSaleTable .promotionlistprice {
  color: #1C8F47;
  font-weight: bold;
}
.createSaleTable .carddata .title a {
  color: #00139C;
}

.createPortSaleTable .promotionitems {
  width: 800px;
}

.editPromotion {
  margin-right: 20px;
}

/* ==========================================================================
  $Promotions user sale/portsale lists Page
  ========================================================================== */
#promotionListContent {
  background: #eee;
}

#promotionsSidebar {
  float: left;
  padding: 0 40px;
}
#promotionsSidebar a {
  display: block;
}
#promotionsSidebar ul {
  margin-bottom: 20px;
}
#promotionsSidebar b {
  color: #00139C;
}
#promotionsSidebar li a {
  display: block;
  padding: 5px 0;
}
#promotionsSidebar h4 a:hover,
#promotionsSidebar li b:hover {
  color: #B91F24;
}

/* Main content area */
#promotionsWrapper {
  width: auto;
  margin-left: 170px;
  overflow: hidden;
  padding-top: 10px;
  background: #eee;
}
#promotionsWrapper .numberOflist {
  font-size: 12px;
  margin-left: 20px;
  margin-top: 7px;
}
#promotionsWrapper .horzmenu {
  width: 65%;
}
#promotionsWrapper .promotionPreview {
  height: 250px;
}

/* Generic style used in different places */
.promotionPreview {
  padding-bottom: 10px;
  background: #fff;
}
.promotionPreview .promotionTitle {
  padding: 7px 0;
  border-bottom: 1px solid #eee;
  color: #007508;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
}
.promotionPreview .promotionImage {
  text-align: center;
  width: 200px;
  padding: 15px 5px;
  height: 140px;
  display: table-cell;
  vertical-align: middle;
}
.promotionPreview .promotionText {
  top: 155px;
  padding: 0 10px;
  font-size: 13px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.promotionPreview:visited {
  background: #eee;
}
.promotionPreview:visited .promotionTitle {
  color: #666;
}

.previewlist {
  margin: 10px 15px 40px 20px;
}

.promotionText .name,
.promotionText .time {
  color: #444;
  font-weight: bold;
}

.promotionText .time {
  font-weight: normal;
}

.promotionNavigation {
  float: right;
  margin-top: 15px;
}

#leftnav, #numnav, #rightnav {
  float: left;
}

#numnav {
  margin: 0 15px;
}

/* ==========================================================================
  $My profile & options, $Profileedit
  ========================================================================== */
.profileedit h2 {
  margin-top: 50px;
  padding-top: 40px;
  padding-left: 40px;
  border-top: 1px solid #ddd;
}
.profileedit h2:first-child {
  margin-top: 0;
  border-top: 0;
}
.profileedit h2 + span {
  margin-left: 40px;
}
.profileedit table {
  margin-top: 20px;
  margin-left: 40px;
}
.profileedit table table {
  margin: 0;
}
.profileedit table table td {
  padding: 0;
}
.profileedit table p {
  margin-bottom: 0;
  margin-top: 5px;
  font-size: 14px;
  padding: 10px;
  background: #eee;
}
.profileedit td {
  padding: 5px 0;
}
.profileedit td.label {
  width: 25%;
  font-weight: bold;
  vertical-align: top;
}
.profileedit table.formtable {
  width: 90%;
}
.profileedit table.formtable input, .profileedit table.formtable textarea {
  width: 400px;
}
.profileedit table.formtable select {
  width: 412px;
}
.profileedit table.formtable input[type=checkbox],
.profileedit table.formtable input[type=radio] {
  width: auto;
}

/* ==========================================================================
  $Cash out
  ========================================================================== */
/* JS Accordion */
#ctl00_ContentPlaceHolder1_acCashOutOptions i {
  margin-right: 20px;
  margin-top: 2px;
  color: #ddd;
}
#ctl00_ContentPlaceHolder1_acCashOutOptions .accordionHeader:hover i {
  color: #B91F24;
}

/* accordionHeader class is only used in cashout accordian */
.accordionHeader {
  cursor: pointer;
}
.accordionHeader i {
  margin-right: 10px;
}

.accordionHeaderSelected {
  cursor: pointer;
}
.accordionHeaderSelected i {
  margin-right: 10px;
  color: #B91F24 !important;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.accordionContent {
  width: 85%;
  padding-left: 35px;
}
.accordionContent .PrettyTable, .accordionContent .userrankings table, .userrankings .accordionContent table, .accordionContent .createPortSaleTable,
.accordionContent .createSaleTable {
  width: 70%;
}
.accordionContent .PrettyTable td, .accordionContent .userrankings table td, .userrankings .accordionContent table td, .accordionContent .createPortSaleTable td,
.accordionContent .createSaleTable td {
  border: 0;
  padding: 5px 0;
}

/* ==========================================================================
  $Membership, Membership $Error
  ========================================================================== */
/** 
 * 'Membership' styling is used on: login page, change password page 
 * More css for these pages in membership.css
 */
.membership {
  padding: 2px;
  border: 1px solid #cfcfcf;
  margin-top: 20px;
  width: 55%;
  background: #fff; /* #f7f6f6 is original*/
}
.membership td.right {
  padding-right: 20px;
}
.membership td.right + td {
  text-align: left;
}
.membership input {
  padding: 5px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 14px;
  margin-bottom: 5px;
  width: 156px;
}
.membership input.button {
  background: #1C8F47;
  border-bottom: 2px solid #177A3C;
  margin: 20px;
  width: 63%;
  margin-right: 107px;
}
.membership input.button:hover {
  background: #1A994A;
}
.membership input.button:active {
  background: #1C8F47;
}

.membership .check * {
  font-size: 90%;
  vertical-align: middle;
}

.membership p {
  margin-bottom: 0;
}

.membershipstep h4 {
  font-weight: normal !important;
  font-size: 14px;
}

.membershipstep div.controls {
  padding: 20px 10px 0;
}

.membership table.center, .membership table.subLocCenter {
  width: 100%;
  margin: 0 auto;
}

.recoverPassword {
  padding: 20px 10px;
  margin: auto;
  text-align: left;
}
.recoverPassword td {
  padding: 5px;
}

.recoverPassword h4 {
  margin: 0 0 5px 0;
}

.recoverPassword .button {
  position: relative;
  left: -30px;
}

/**
 * $Sideblurb
 * Used on the create account page */
.sideblurb {
  float: right;
  width: 40%;
  padding-left: 20px;
}

/* ==========================================================================
  $Shipments
  ========================================================================== */
/* ==========================================================================
  $GiftCertificates
  ========================================================================== */
.certificateSection {
  clear: both;
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

.certificateSection label {
  margin-right: 5px;
}

.certificateSection input,
.certificateSection textarea {
  padding: 5px;
  margin-top: 10px;
  font-size: 13px;
}

.certificatePanel {
  background-color: #fff;
  cursor: pointer;
  -webkit-transition-property: background;
  transition-property: background;
}

.certificateType {
  float: left;
  padding: 10px;
  border: 1px solid #fff;
  background: #fdf4d5;
  margin: 0 25px;
  width: 160px;
  height: 140px;
  text-align: center;
}

.certificateType:hover,
.certificateType.selectedAmount {
  background: #FBE7A4;
  border: 1px solid #ff8f16;
}

.certificateType img {
  display: block;
  margin: 0 auto 10px;
}

.amountBox {
  float: left;
  width: 90px;
  height: 57px;
  padding: 38px 5px 5px;
  margin: 15px 5px 0;
  background: url("../png/gift-certificate-dollar-bg.png");
  text-align: center;
}

.amountBox:hover,
.amountBox.selectedAmount {
  background: url("../png/gift-certificate-dollar-bg-hover.png");
}

.certificateButton {
  float: right;
  margin-top: 10px;
}

.messageSection {
  float: left;
  margin-right: 20px;
}

/** 
 * $Giftcard
 */
.giftCard {
  float: left;
  padding: 10px 0;
  border: 1px solid #333;
  width: 463px;
  height: 218px;
  font-family: Georgia;
}

.giftCard .name {
  float: left;
}

.giftCard .value {
  float: right;
}

.giftCard #logo {
  float: left;
  font-size: 25px;
  color: #cf2031;
}

.giftCard .section {
  padding: 0 33px;
}

#redemptionCode {
  float: right;
  padding-top: 5px;
  color: #494949;
  font-size: 20px;
  text-align: right;
  line-height: 1.4em;
}

#giftAmount {
  padding: 20px 33px;
  margin-top: 15px;
  background-color: #cf2031;
  color: #fff;
  font-weight: bold;
  font-style: italic;
}

#giftAmount .name {
  font-size: 25px;
}

#giftAmount .value {
  font-size: 35px;
}

#message {
  display: block;
  margin-top: 10px;
  padding: 10px 15px 5px 15px;
  min-height: 1em;
  font-size: 20px;
  font-style: italic;
  border-bottom: 1px dashed #888;
  word-wrap: break-word;
  text-align: center;
}

#messageBox {
  width: 19em;
}

#redeem {
  margin-top: 15px;
  height: auto;
  text-align: center;
  font-size: 20px;
  color: #214aa7;
  vertical-align: text-bottom;
}

/* ==========================================================================
  $Footer
  ========================================================================== */
#footer {
  color: #777;
  padding: 50px 20px 20px;
  margin: 0 auto;
  font-size: 0.8em;
  background: #333;
}

#footer a {
  color: #cacccc;
}

#footer a:hover {
  text-decoration: underline;
}

#footer p {
  margin-bottom: 10px;
}

#footer li {
  display: block;
}

#footer li ul li {
  padding: 0;
  margin: 0;
  width: 100%;
}

#footer #wrap {
  min-width: 978px;
  max-width: 1240px;
  margin: 0 auto;
}

.footerColumn {
  text-align: left;
  float: left;
  width: 16%;
}

.footerColumn strong {
  float: left;
  width: 100%;
}

/* ----- $Mobile App Links ----- */
#footer .footerColumn > .applinks {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-inline-grid;
  display: inline-grid;
  gap: 0.75em;
  min-width: 40%;
  width: 80%;
}
#footer .footerColumn > .applinks * {
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  height: 40px;
  max-width: 100%;
  overflow: hidden;
}
#footer .footerColumn > .applinks > * {
  background-color: black;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px #fff solid;
}
#footer .footerColumn > .applinks > .ios {
  background-image: url("../png/badge-app-store.png");
}
#footer .footerColumn > .applinks > .android {
  background-image: url("../png/badge-google-play.png");
}

/* ----- $LEGAL INFORMATION ----- */
.legal {
  clear: both;
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 100%;
}

.legal span.divider {
  display: inline-block;
  position: relative;
  top: 4px;
  height: 15px;
  padding: 0;
  margin: 0 10px;
  border-left: 2px solid #7A7B7B;
}

/* ----- $HORZMENU ----- */
/* Used in: footer, homepage .saleSidebar */
.horzmenu li {
  display: inline;
  padding: 2px;
}

.horzmenu li ul {
  float: left;
}

.horzmenu li ul li {
  display: list-item;
  padding: 2px;
}

.horzmenu li img {
  vertical-align: middle;
}

/* ==========================================================================
  $Column layouts: $Twocol, $Threecol, $Fourcol
  ========================================================================== */
/* Used on: shipping fees page, processing fees page; */
.twocol,
.threecol,
.fourcol {
  margin-top: 20px;
  clear: both;
}

.col {
  float: left;
  padding-bottom: 20px;
}

.col p {
  margin: 0;
}

/* $Twocol: Two column layout */
.twocol .col {
  margin: 2%;
  margin-left: 0;
  width: 46%;
}

/* Three column layout */
.threecol {
  padding-right: 0.5%;
  text-align: center;
}

.threecol h4 {
  clear: both;
  margin-bottom: 10px;
}

.threecol .col {
  padding-left: 0.5%;
  padding-right: 0.5%;
  width: 32%;
}

.threecol .col ul {
  list-style-type: none;
  font-size: 90%;
  padding-left: 18px;
}

.mbInstruction + .threecol .col {
  width: 30%;
  margin-right: 40px;
  text-align: left;
}
.mbInstruction + .threecol .col + .col + .col {
  margin-right: 0;
}
.mbInstruction + .threecol .col h3 {
  font-size: 20px;
  padding: 20px 0;
}
.mbInstruction + .threecol .col ul {
  text-align: left !important;
  margin-top: 20px;
  list-style-type: disc;
}

/* Four column layout */
.fourcol {
  padding-left: 0.5%;
  padding-right: 0.5%;
}

.fourcol .col {
  margin: 0 1%;
  width: 22%;
}

/* ==========================================================================
   $whitepages general style
   ========================================================================== */
.whitepages {
  text-align: left;
  margin: 0 auto 50px;
  min-width: 978px;
  max-width: 1240px;
  background: #fff;
}
.whitepages a {
  text-decoration: none;
}
.whitepages .redbtn, .whitepages.inventoryManager .inventoryToplist input[value="Request Shipment"], .whitepages .checkout-container .checkoutNextEnabled, .checkout-container .whitepages .checkoutNextEnabled, .whitepages .buyNowPrice + input,
.whitepages .makeOfferBox + input, .whitepages .processingfees .col a, .processingfees .col .whitepages a, .whitepages .viewCartBtn, .whitepages .membership input.button, .membership .whitepages input.button {
  font-size: 14px;
}
.whitepages h1 {
  border-bottom: 1px solid #eee;
  margin: 0;
  padding: 25px 0;
  text-align: center;
}
.whitepages h1 a {
  font-size: 26px;
}
.whitepages h2 {
  color: #444;
}
.whitepages h1, .whitepages h2 {
  font-family: arial, sans-serif;
}
.whitepages p {
  line-height: 30px;
}
.whitepages .col {
  padding: 0;
  margin-top: 0;
}
.whitepages .twocol .col + .col {
  margin-right: 0;
}
.whitepages .threecol .col + .col + .col {
  margin-right: 0;
}
.whitepages .fourcol .col + .col + .col + .col {
  margin-right: 0;
}
.whitepages table th {
  background: #38404c;
  color: #fff;
}

.lt-ie9 .whitepages {
  width: 1018px;
}

.whitepages.dashboard {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.whitepages.dashboard h1 {
  border-bottom: 0;
}
@media screen and (max-width: 1336px) {
  .whitepages.dashboard {
    padding: 0 20px;
  }
}
.whitepages.dashboard #dashboardcolumn1 {
  float: left;
  width: 20%;
}
.whitepages.dashboard #dashboardcolumn2 {
  float: left;
  margin: 0 1.5%;
  width: 47%;
}
@media screen and (max-width: 1336px) {
  .whitepages.dashboard #dashboardcolumn2 {
    width: 45%;
  }
}
@media screen and (max-width: 1024px) {
  .whitepages.dashboard #dashboardcolumn2 {
    width: 43%;
  }
}
.whitepages.dashboard #dashboardcolumn3 {
  float: right;
  width: 30%;
}
@media screen and (max-width: 1336px) {
  .whitepages.dashboard #dashboardcolumn3 {
    float: left;
  }
}
@media screen and (max-width: 1024px) {
  .whitepages.dashboard #dashboardcolumn3 {
    float: left;
  }
}
.whitepages.dashboard .dashboardpanel {
  padding: 0;
  border: 1px solid #ddd;
  margin: 0 0 10px;
  width: 100%;
  background-color: #ffffff;
}
.whitepages.dashboard .dashboardpanel a {
  text-decoration: none;
}
.whitepages.dashboard .dashboardpanel h5 {
  background: #f0f0f0;
  border-bottom: 1px solid #ddd;
  padding: 5px 10px;
  margin-bottom: 10px;
}
.whitepages.dashboard #dashboardcolumn2 #ctl00_ContentPlaceHolder1_pnlNoOffers {
  margin-bottom: 0;
}
.whitepages.dashboard .dashboardpanel h5 {
  font-weight: bold;
  padding: 5px;
}
.whitepages.dashboard .dashboardpanel p.footer {
  clear: both;
  background-color: #f4f4f4;
  padding: 5px;
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}
.whitepages.dashboard .dashboardpanel table {
  width: 100%;
  font-size: 90%;
}
.whitepages.dashboard .dashboardpanel table td {
  border-bottom: 1px solid #f0f0f0;
  padding: 2px 10px;
}
.whitepages.dashboard .dashboardpanelspecial {
  padding: 10px;
  display: block;
}
.whitepages.dashboard .dashboardpanelspecial .entries {
  font-size: 34px;
  margin-left: 90px;
}
.whitepages.dashboard .dashboardpanelspecial .entries + span {
  text-align: center;
}
.whitepages.dashboard #dashboardcolumns .columnfooter {
  clear: both;
}

/* Dashboard $sections
========================================================================== */
.section {
  clear: both;
  padding: 0 5px;
  font-size: 90%;
  min-height: 40px;
}

.section ul.menu {
  margin: 5px;
}

.section ul.menu li a {
  display: block;
  padding: 5px;
  background-color: #FFF;
}

.hotmenu {
  color: #B91F24;
}

.section .menu li:last-child a {
  border-bottom: 0;
}

.section ul.menu li a:hover {
  display: block;
  padding: 5px;
  border-bottom-color: #fff;
  border-top-color: #fff;
  background-color: #f1f1f1;
}

.section span.description {
  font-size: 100%;
}

.section span.thumb {
  float: left;
  display: block;
  margin: 5px 5px 0 0;
  width: 90px;
  height: 90px;
  text-align: center;
}

.section span.datetime {
  font-size: 100%;
  width: 100%;
}

.section span.pricemsg {
  color: #004d32;
}

.cardSection {
  padding: 5px;
  border-bottom: 1px solid #ddd;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: -webkit-min-content 1fr;
  -ms-grid-columns: min-content 1fr;
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr;
}
.cardSection#Redeem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cardSection#Redeem p {
  width: 100%;
}
.cardSection .fleft {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/span 2;
}

.cardSection p {
  margin-bottom: 0;
}

.dashboardpanel .section .divPS {
  overflow: auto;
  word-wrap: break-word;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-grid-column: 2;
  grid-column: 2;
}

.h1wrapper {
  position: relative;
  border-bottom: 1px solid #ddd;
  padding: 25px 0 15px;
}
.h1wrapper h1 {
  padding: 0;
  border-bottom: 0;
}
.h1wrapper .pageDirectory {
  text-align: center;
  padding-top: 5px;
}
.h1wrapper .floatSC {
  position: absolute;
  right: 40px;
  top: 10px;
  height: 150px;
  width: 200px;
  background: #fff;
  z-index: 20;
}
.h1wrapper .floatSC .center, .h1wrapper .floatSC .subLocCenter {
  margin-top: 58px;
}
.h1wrapper .floatSC .center h5, .h1wrapper .floatSC .subLocCenter h5 {
  padding-bottom: 5px;
}
.h1wrapper .floatSC .center .availableCreditAmount, .h1wrapper .floatSC .subLocCenter .availableCreditAmount {
  color: #1C8F47;
  font-size: 30px;
  font-weight: bold;
}
.h1wrapper .floatSC .center a, .h1wrapper .floatSC .subLocCenter a {
  clear: both;
  display: block;
  padding-top: 5px;
  font-size: 14px;
}
.h1wrapper .legacyFloatSC {
  position: absolute;
  right: 40px;
  top: 10px;
  height: 150px;
  width: 225px;
  background: #fff;
  z-index: 20;
}
.h1wrapper .legacyFloatSC .center, .h1wrapper .legacyFloatSC .subLocCenter {
  margin-top: 33px;
}
.h1wrapper .legacyFloatSC .center h5, .h1wrapper .legacyFloatSC .subLocCenter h5 {
  padding-bottom: 5px;
}
.h1wrapper .legacyFloatSC .center .availableCreditAmount, .h1wrapper .legacyFloatSC .subLocCenter .availableCreditAmount {
  color: #1C8F47;
  font-size: 30px;
  font-weight: bold;
}
.h1wrapper .legacyFloatSC .center .availableLegacyCreditAmount, .h1wrapper .legacyFloatSC .subLocCenter .availableLegacyCreditAmount {
  font-size: 16px;
  font-weight: bold;
}
.h1wrapper .legacyFloatSC .center a, .h1wrapper .legacyFloatSC .subLocCenter a {
  clear: both;
  display: block;
  padding-top: 5px;
  font-size: 14px;
}

.legacyCredit {
  margin-top: 15px;
}
.legacyCredit h5 {
  line-height: 10px !important;
}

/* Below are specified CSS for each whitepages page
========================================================================== */
/* sell.aspx */
.howtosell h2, .howtosell object, .howtosell embed {
  margin: 0 4% 30px;
  text-align: left;
  font-family: arial, sans-serif;
  font-size: 24px;
  color: #444;
}
.howtosell .twocol, .howtosell .threecol {
  border-top: 1px solid #ddd;
  background: #fff;
}
.howtosell h1 + .twocol {
  border-top: 0;
}
.howtosell .twocol {
  margin-top: 0;
}
.howtosell .twocol p {
  color: #38404B;
}
.howtosell .twocol .circle {
  margin: -10px 20px 15px 0;
  font-family: arial, sans-serif;
  background: #38404c;
  padding: 10px;
  font-size: 22px;
}
.howtosell .twocol .col {
  margin: 0 4%;
  width: 41%;
  padding-bottom: 0;
}
.howtosell .twocol ul {
  font-size: 16px;
  clear: both;
}
.howtosell .twocol li {
  padding: 20px 0;
  color: #444;
}
.howtosell .twocol li:last-child {
  padding-bottom: 0;
}
.howtosell .twocol iframe {
  margin-top: 20px;
  margin-bottom: 20px;
}
.howtosell .wedo .circle {
  margin: -10px 20px 25px 0;
}
.howtosell .savetime .col {
  text-align: center;
  margin-top: 20px;
}
.howtosell .savetime img {
  margin-bottom: 20px;
}
.howtosell .savetime ul {
  margin: 0 0 0 4%;
}
.howtosell .savetime ul li {
  text-align: left;
  color: #666;
  padding: 0;
  margin-right: 100px;
  font-size: 13px;
}
.howtosell .savetime ul li:last-child {
  line-height: 22px;
  margin-top: 4px;
}
.howtosell .savetime ul li .square {
  margin: 0;
  padding: 0;
  width: 3px;
  height: 3px;
  padding: 3px;
  margin-right: 15px;
  margin-top: 6px;
  background: #DED7C4;
}
.howtosell .savetime ul li .dark {
  background: #38404c;
}
.howtosell .savetime ul li .green {
  background: #92D14F;
}
.howtosell .youdo.twocol .circle {
  background: #B91F24;
  color: #fff;
}
.howtosell .youdo.twocol .circle + span {
  position: relative;
  top: -10px;
}
.howtosell .youdo.twocol .col {
  width: 45%;
}
.howtosell .youdo.twocol .col li {
  padding-bottom: 10px;
}
.howtosell .youdo.twocol .col li ul {
  margin-left: 67px;
  margin-bottom: 20px;
  *margin-left: 0;
  *margin-top: 20px;
}
.howtosell .youdo.twocol .col li ul li {
  padding: 0;
  font-size: 14px;
}
.howtosell .youdo.twocol > h2 + .col {
  width: 49%;
  margin-right: 0;
}
.howtosell .youdo.twocol > h2 + .col + .col {
  margin-left: 0;
}
.howtosell .threecol {
  padding-right: 0;
  margin-top: 0;
}
.howtosell .threecol h2 {
  margin-bottom: 50px;
}
.howtosell .threecol .col {
  margin: 10px 1% 2% 4%;
  width: 27%;
  padding: 0;
}
.howtosell .threecol i, .howtosell .threecol h3 {
  display: block;
  font-size: 50px;
  padding-bottom: 30px;
  color: #38404c;
  line-height: 60px;
}
.howtosell .threecol h3 {
  font-size: 40px;
  padding-bottom: 20px;
}
.howtosell .threecol h4 {
  color: #B91F24;
  margin: 10px 0;
}
.howtosell .threecol p {
  padding-left: 0;
  color: #666;
  font-size: 13px;
}

/* createaccount.aspx */
.sellingdiagram {
  width: 450px;
}
.sellingdiagram h3 {
  padding: 10px 10px;
  text-align: center;
  color: #444;
}
.sellingdiagram .twocol {
  text-align: center;
  margin: auto;
  position: relative;
  padding: 20px 4%;
}
.sellingdiagram .twocol:hover {
  background: #eee;
}
.sellingdiagram .twocol:hover i {
  color: #38404c;
}
.sellingdiagram .twocol:hover .circle {
  background: #38404c;
  color: #fff !important;
}
.sellingdiagram .circle {
  position: absolute;
  bottom: -45px;
  z-index: 10;
  left: 48%;
  font-size: 13px;
  padding: 3px;
  background: #ddd;
  color: #333 !important;
}
.sellingdiagram i {
  position: absolute;
  top: 20px;
  left: 10px;
  font-size: 90px;
  color: #ccc;
}
.sellingdiagram .icon-contributor-badge {
  top: 50px;
  left: 0;
}

/* contact us page */
.contactus h2 {
  margin-bottom: 5px;
}
.contactus p {
  margin-bottom: 40px;
}
.contactus .fright {
  width: 500px;
  height: 445px;
}
.contactus .sendFeedback input {
  margin: 2px 0;
}
.contactus .sendFeedback textarea {
  padding: 10px;
  margin-bottom: 10px;
}
.contactus .sendFeedback label {
  display: inline-block;
}

/* $shipping rates $shippingrates.aspx  */
.shippingrate ul {
  margin-top: 15px;
}
.shippingrate .graybg {
  border-bottom: 1px solid #ddd;
}

/* $FAQ */
.FAQ .faqSection {
  display: inline-block;
}
.FAQ .faqSection .clickable, .FAQ .faqSection .hideThisDiv, .FAQ .faqSection .showThisDiv, .FAQ .faqSection #homepage .cardInfoWrapper, #homepage .FAQ .faqSection .cardInfoWrapper {
  font-weight: normal;
  padding: 5px 0;
}
.FAQ .faqSection .clickable i, .FAQ .faqSection .hideThisDiv i, .FAQ .faqSection .showThisDiv i, .FAQ .faqSection #homepage .cardInfoWrapper i, #homepage .FAQ .faqSection .cardInfoWrapper i {
  color: #38404c;
  font-size: 12px;
  margin-right: 5px;
}
.FAQ .faqSection p {
  display: none;
  padding: 20px;
  color: #222;
  background: #eee;
}
.FAQ .selectedQuestion {
  color: #B91F24;
}

.square {
  background: #ddd;
  padding: 2px 6px;
}

/* $Addingyourcards.aspx $ship to comc */
.shipToUs ul {
  margin-top: 20px;
}
.shipToUs .col {
  text-align: left;
}
.shipToUs .twocol .col + .col li {
  border-bottom: 1px solid #ddd;
}
.shipToUs .twocol .col + .col a, .shipToUs .twocol .col + .col span {
  min-width: 50px;
}
.shipToUs .col.clearfix.smallish p {
  line-height: 24px;
}
.shipToUs .unsupported .threecol .col {
  min-height: 180px;
  width: 28%;
  padding: 20px;
  margin: 10px 10px 0 0;
  background: #eee;
}
.shipToUs .graybg .twocol .col {
  width: 48%;
}
.shipToUs .graybg .twocol .col object {
  float: right;
  margin-left: 40px;
}

/* $Grading */
/* fees.aspx */
.processingfees .col {
  margin-right: 40px;
  width: 30%;
}
.processingfees .col li {
  margin-top: 15px;
}
/* challenges/intro.aspx */
.challengeintro .redbtn, .challengeintro .whitepages.inventoryManager .inventoryToplist input[value="Request Shipment"], .whitepages.inventoryManager .inventoryToplist .challengeintro input[value="Request Shipment"], .challengeintro .checkout-container .checkoutNextEnabled, .checkout-container .challengeintro .checkoutNextEnabled, .challengeintro .buyNowPrice + input,
.challengeintro .makeOfferBox + input, .challengeintro .viewCartBtn, .challengeintro .membership input.button, .membership .challengeintro input.button, .challengeintro .processingfees .col a, .processingfees .col .challengeintro a {
  margin-bottom: 20px;
}
.challengeintro .center + .wpall, .challengeintro .subLocCenter + .wpall {
  border-top: 1px solid #ddd;
}
/* topUser.ascx  User Rankings*/
.userrankings .col {
  margin-right: 17px;
}
.userrankings table {
  text-align: left;
}
.userrankings td {
  padding: 5px !important;
}
.userrankings th {
  text-align: left !important;
  color: #fff;
  border-bottom: 0 !important;
}
.userrankings span.rank {
  width: 20px;
}
.userrankings p {
  text-align: left;
}
.userrankings div.fleft {
  margin-right: 20px;
}
.userrankings div.fleft select, .userrankings div.fleft input {
  padding: 5px;
}
.userrankings div.fleft input[type=submit] {
  height: 30px;
}

.historyPoint .icon-chart-bar,
.getSuggestedP .icon-chart-bar,
.howToAddCredit .icon-chart-bar {
  color: #B91F24;
  font-size: 20px;
}
.historyPoint .threecol,
.getSuggestedP .threecol,
.howToAddCredit .threecol {
  padding-right: 0;
  margin-bottom: 20px;
}
.historyPoint .threecol .col,
.getSuggestedP .threecol .col,
.howToAddCredit .threecol .col {
  position: relative;
  text-align: left;
  background: #f8f8f8;
  margin-right: 10px;
  padding: 20px;
  width: 28%;
}
.historyPoint .threecol .col > h3,
.getSuggestedP .threecol .col > h3,
.howToAddCredit .threecol .col > h3 {
  text-align: center;
}
.historyPoint .threecol .col > ul, .historyPoint .threecol .col p, .historyPoint .threecol .col span, .historyPoint .threecol .col b,
.getSuggestedP .threecol .col > ul,
.getSuggestedP .threecol .col p,
.getSuggestedP .threecol .col span,
.getSuggestedP .threecol .col b,
.howToAddCredit .threecol .col > ul,
.howToAddCredit .threecol .col p,
.howToAddCredit .threecol .col span,
.howToAddCredit .threecol .col b {
  font-size: 14px;
}
.historyPoint .threecol .col ul,
.getSuggestedP .threecol .col ul,
.howToAddCredit .threecol .col ul {
  height: 110px;
}
.historyPoint .threecol .col .redbtn, .historyPoint .threecol .col .whitepages.inventoryManager .inventoryToplist input[value="Request Shipment"], .whitepages.inventoryManager .inventoryToplist .historyPoint .threecol .col input[value="Request Shipment"], .historyPoint .threecol .col .checkout-container .checkoutNextEnabled, .checkout-container .historyPoint .threecol .col .checkoutNextEnabled, .historyPoint .threecol .col .buyNowPrice + input,
.historyPoint .threecol .col .makeOfferBox + input, .historyPoint .threecol .col .viewCartBtn, .historyPoint .threecol .col .membership input.button, .membership .historyPoint .threecol .col input.button, .historyPoint .threecol .processingfees .col a, .processingfees .historyPoint .threecol .col a,
.getSuggestedP .threecol .col .redbtn,
.getSuggestedP .threecol .col .whitepages.inventoryManager .inventoryToplist input[value="Request Shipment"],
.whitepages.inventoryManager .inventoryToplist .getSuggestedP .threecol .col input[value="Request Shipment"],
.getSuggestedP .threecol .col .checkout-container .checkoutNextEnabled,
.checkout-container .getSuggestedP .threecol .col .checkoutNextEnabled,
.getSuggestedP .threecol .col .buyNowPrice + input,
.getSuggestedP .threecol .col .makeOfferBox + input,
.getSuggestedP .threecol .col .viewCartBtn,
.getSuggestedP .threecol .col .membership input.button,
.membership .getSuggestedP .threecol .col input.button,
.getSuggestedP .threecol .processingfees .col a,
.processingfees .getSuggestedP .threecol .col a,
.howToAddCredit .threecol .col .redbtn,
.howToAddCredit .threecol .col .whitepages.inventoryManager .inventoryToplist input[value="Request Shipment"],
.whitepages.inventoryManager .inventoryToplist .howToAddCredit .threecol .col input[value="Request Shipment"],
.howToAddCredit .threecol .col .checkout-container .checkoutNextEnabled,
.checkout-container .howToAddCredit .threecol .col .checkoutNextEnabled,
.howToAddCredit .threecol .col .buyNowPrice + input,
.howToAddCredit .threecol .col .makeOfferBox + input,
.howToAddCredit .threecol .col .viewCartBtn,
.howToAddCredit .threecol .col .membership input.button,
.membership .howToAddCredit .threecol .col input.button,
.howToAddCredit .threecol .processingfees .col a,
.processingfees .howToAddCredit .threecol .col a {
  display: block;
  text-align: center;
}
.historyPoint .twocol .col,
.getSuggestedP .twocol .col,
.howToAddCredit .twocol .col {
  width: 60%;
  text-align: left;
}
.historyPoint .twocol .col:first-child,
.getSuggestedP .twocol .col:first-child,
.howToAddCredit .twocol .col:first-child {
  width: 35%;
}
.historyPoint .twocol .col:first-child a img,
.getSuggestedP .twocol .col:first-child a img,
.howToAddCredit .twocol .col:first-child a img {
  float: left;
}
.historyPoint .twocol .col .sparklines,
.getSuggestedP .twocol .col .sparklines,
.howToAddCredit .twocol .col .sparklines {
  float: left;
}
.historyPoint .twocol .col .sparklines:first-of-type,
.getSuggestedP .twocol .col .sparklines:first-of-type,
.howToAddCredit .twocol .col .sparklines:first-of-type {
  margin-right: 80px;
}

.lt-ie9 .getSuggestedP .sparklines {
  float: none;
  clear: both;
  margin-bottom: 20px;
}

.getSuggestedP .col {
  position: relative;
  text-align: center;
  min-height: 350px;
}
.getSuggestedP .col > h3 {
  min-height: 60px;
}
.getSuggestedP .col .redbtn, .getSuggestedP .col .whitepages.inventoryManager .inventoryToplist input[value="Request Shipment"], .whitepages.inventoryManager .inventoryToplist .getSuggestedP .col input[value="Request Shipment"], .getSuggestedP .col .checkout-container .checkoutNextEnabled, .checkout-container .getSuggestedP .col .checkoutNextEnabled, .getSuggestedP .col .buyNowPrice + input,
.getSuggestedP .col .makeOfferBox + input, .getSuggestedP .col .viewCartBtn, .getSuggestedP .col .membership input.button, .membership .getSuggestedP .col input.button, .getSuggestedP .processingfees .col a, .processingfees .getSuggestedP .col a {
  position: absolute;
  bottom: 20px;
  padding: 10px 20px;
  width: 70%;
  display: block;
  margin: auto;
}
.getSuggestedP .col > p {
  line-height: 24px;
}

.PurchaseSC table.creditAmount {
  margin-bottom: 20px;
}
.PurchaseSC table.creditAmount .col {
  width: 230px;
}
.PurchaseSC table.creditAmount td {
  padding: 3px 0;
}
.PurchaseSC table.creditAmount td input[checked=checked] + label {
  color: #B91F24;
}
.PurchaseSC table.creditAmount input {
  margin-left: 0;
}
.PurchaseSC table.creditAmount label {
  font-weight: bold;
}
.PurchaseSC p.smallish {
  margin-top: 20px;
}
.PurchaseSC ol {
  margin-left: 20px;
  margin-bottom: 20px;
}

.redempOptions { /* this is NOT a page name in redeemStoreCredit */
  text-align: center;
  border: 1px solid #ddd;
  border-top: 0;
}
.redempOptions:first-of-type {
  border-top: 1px solid #ddd;
}
.redempOptions .btn, .redempOptions h1.editWikiBtn a, h1.editWikiBtn .redempOptions a {
  margin-bottom: 20px;
}

/* ----Sharing style for promotion pages---- */
.setupyoursale .twocol .col,
.setupyourport .twocol .col {
  width: 32%;
  margin-bottom: 0;
}
.setupyoursale .twocol .col + .col,
.setupyourport .twocol .col + .col {
  width: 66%;
}
.setupyoursale .twocol h3, .setupyoursale .twocol select, .setupyoursale .twocol input,
.setupyourport .twocol h3,
.setupyourport .twocol select,
.setupyourport .twocol input {
  width: 400px;
}
.setupyoursale .twocol select,
.setupyourport .twocol select {
  width: 414px;
}
.setupyoursale .twocol select[name="ctl00$ContentPlaceHolder1$ddSport"],
.setupyourport .twocol select[name="ctl00$ContentPlaceHolder1$ddSport"] {
  width: 210px;
}
.setupyoursale .twocol h3,
.setupyourport .twocol h3 {
  padding-left: 0;
  width: 300px;
  text-align: right;
  padding-bottom: 50px;
}
.setupyoursale .twocol input[value=Import],
.setupyourport .twocol input[value=Import] {
  width: 100px;
}
.setupyoursale .twocol ul.smallish,
.setupyourport .twocol ul.smallish {
  list-style-type: disc;
  margin-left: 15px;
}
.setupyoursale .wpall.graybg,
.setupyourport .wpall.graybg {
  border-bottom: 1px solid #ddd;
}
.setupyoursale .smallish.clear,
.setupyourport .smallish.clear {
  color: #333;
}
.setupyoursale .review ul,
.setupyourport .review ul {
  width: 40%;
}
.setupyoursale .review .btn, .setupyoursale .review h1.editWikiBtn a, h1.editWikiBtn .setupyoursale .review a,
.setupyourport .review .btn,
.setupyourport .review h1.editWikiBtn a,
h1.editWikiBtn .setupyourport .review a {
  margin-right: 10px;
}

/* promotion details in SetupyourSale/Portsale pages and also in Promotion Details  */
.promotionContent {
  overflow: hidden;
}
.promotionContent h2 {
  color: #B91F24;
  margin-bottom: 0;
  margin-top: 0;
  border-bottom: 1px solid #eee;
}
.promotionContent .select-left-column {
  width: 17%;
  padding-left: 40px;
  margin-right: 0;
  font-size: 13px;
}
.promotionContent .select-left-column li {
  padding-bottom: 3px;
}
.promotionContent .select-left-column > ul > li {
  margin-top: 20px;
}
.promotionContent .select-left-column > ul > li > a {
  font-weight: bold;
}
.promotionContent .select-right-column {
  border-left: 1px solid #eee;
}
.promotionContent .statsBar {
  border-bottom: 1px solid #eee;
  margin-bottom: 0;
}
.promotionContent .promotionMain {
  padding: 20px;
}
.promotionContent .promotionMain .cardInfoWrapper {
  *margin-bottom: 20px;
}
.promotionContent .promotionMain .cardinfo {
  padding: 0 5px;
  width: 220px;
}
.promotionContent .promotionMain .cardDetailsTable,
.promotionContent .promotionMain .cardDetailsCell {
  width: 220px;
  vertical-align: middle;
}
.promotionContent .promotionSearch input[type=text] {
  border: 1px solid #ddd;
}
.promotionContent .cardinfo {
  font-size: 13px;
}

.requestShipments {
  margin-bottom: 50px;
}
.requestShipments .fst, .requestShipments .fsb, .requestShipments .fstSub, .requestShipments .fsbBottom {
  border: 0;
  background: none;
}
.requestShipments .wpall {
  border-bottom: 1px solid #eee;
}
.requestShipments .wpall td {
  padding: 5px;
}
.requestShipments .ShippingOptions {
  margin: 0;
}

/* ==========================================================================
   Historysale popup content (click asking price)
   ========================================================================== */
#historyDetails { /* the popup container */ }
#historyDetails table {
  font-size: 13px;
}
#historyDetails .nomb {
  max-height: 180px;
  overflow-y: scroll;
  overflow-x: hidden;
}

/* ==========================================================================
  $Testimonials
  ========================================================================== */
.showmoreContainer {
  height: 800px;
  overflow: hidden;
}
.showmoreContainer .testimonial {
  padding: 5px 40px;
}

.meet,
.showmore {
  text-align: center;
  padding: 10px;
  border-top: 1px solid #ccc;
  background: #f2f2f2;
}
.meet:hover,
.showmore:hover {
  background: #eee;
}
.meet h6,
.showmore h6 {
  display: inline;
}

/* ==========================================================================
  $fees.aspx $Selling rates $Seller rates $procesisng fees
  ========================================================================== */
.whitepages p {
  line-height: 1.5em;
}

.mailbox-fees p {
  margin: 0;
}

.mailbox-labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mailbox-labels h2 {
  margin: 0;
  margin-bottom: 1rem;
}
.mailbox-labels p {
  margin-bottom: 1.75rem;
}

.mailbox-label {
  -webkit-box-shadow: 2px 2px 9px 0px #333;
          box-shadow: 2px 2px 9px 0px #333;
  padding: 1rem;
  margin: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.mailbox-label ul {
  list-style: none;
}

.mailbox-shipping {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mailbox-pack {
  -webkit-box-shadow: 2px 2px 9px 0px #333;
          box-shadow: 2px 2px 9px 0px #333;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1rem;
  margin: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.mailbox-pack ul {
  list-style: disc;
  padding-left: 1.25vw;
}

.mailbox-ship {
  -webkit-box-shadow: 2px 2px 9px 0px #333;
          box-shadow: 2px 2px 9px 0px #333;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1rem;
  margin: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.mailbox-ship ul {
  list-style: disc;
  padding-left: 1.25vw;
}

.trading__container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
  border: 1px solid rgba(0, 0, 0, 0.3);
}

.max-list-price__container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
  border: 1px solid rgba(0, 0, 0, 0.3);
}

.type__header {
  background-color: #B91F24 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-column: 1/span 6;
  line-height: 2rem;
  text-align: center;
}
.type__header h4 {
  color: white;
  text-align: center;
}

.tc {
  border: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-box-flex: 2.01;
      -ms-flex: 2.01;
          flex: 2.01;
}

.cy {
  border: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.comics {
  text-align: center;
}

.type__services {
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-column: 1/span 6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.type__services p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  border: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #232323;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  line-height: 1rem;
  padding: 0.5rem;
}

.highlighted {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.green {
  color: forestgreen !important;
  font-weight: bold;
}

.type__services-heading {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.5) !important;
}

.type__services_inner-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.type__services_inner-wrapper .type__services-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.type__services_inner-wrapper .type__services-description {
  -webkit-box-flex: 5.4;
      -ms-flex: 5.4;
          flex: 5.4;
}

.type__services-title {
  font-weight: bold;
}

.type__services-description {
  -ms-grid-column: 2;
  -ms-grid-column-span: 5;
  grid-column: 2/span 5;
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 0.5rem;
}
.type__services-description p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: space-around;
      -ms-flex-align: space-around;
          align-items: space-around;
  line-height: 1rem;
  text-align: left;
  border: none;
}

.type__services_added-info {
  padding-top: 10px;
}
.type__services_added-info p {
  font-size: 0.8rem;
  line-height: 1rem;
  font-weight: bold;
}

.auctions__container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2fr 1rem 1fr;
  grid-template-columns: 2fr 1fr;
  grid-gap: 1rem;
}

.auctions__description .desc__main {
  color: #707070;
  font-weight: bold;
}
.auctions__description .desc__early-bird {
  color: #C1272D;
  font-style: italic;
}

.auctions__fee-aside {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-gap: 5px;
  text-align: center;
  padding: 0 20px;
}
.auctions__fee-aside .fee-header {
  padding: 5px;
}
.auctions__fee-aside .bg-grey {
  background-color: #D4D4D4;
}
.auctions__fee-aside .fee-main {
  border: 2px solid #C1272D;
  padding: 10px;
  margin: 0 10px;
  color: #C1272D;
  font-weight: bold;
}
.auctions__fee-aside .fee-main .fee-percentage {
  font-size: 2rem;
  font-weight: bold;
}
.auctions__fee-aside .fee-footer {
  padding: 10px;
  font-weight: bold;
}
.auctions__fee-aside p {
  margin: 0;
}

.comics__container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
  border: 1px solid rgba(0, 0, 0, 0.3);
  margin-top: 3vh;
}
.comics__container .type__services_inner-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.comics__container .type__services_inner-wrapper .type__services-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.comics__container .type__services_inner-wrapper .type__services-description {
  -webkit-box-flex: 2.06;
      -ms-flex: 2.06;
          flex: 2.06;
}

.mailbox__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 65%;
  margin-bottom: 1rem;
}
.mailbox__container .type__services-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mailbox__container .type__services-section .services {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mailbox__container .type__services-section .services .type__services .type__services-title {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.mailbox__container .type__services-section .services .type__services p {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mailbox__container .type__services_inner-wrapper {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.mailbox__container .type__services-description {
  -ms-grid-column: 3;
  border: none;
  padding: 0.5rem;
}

table.fees {
  display: block;
  background: #fff;
}
table.fees td {
  padding: 20px 15px;
  height: 100px;
  text-align: center;
  border: 0;
  border: 1px solid #ddd;
}
table.fees td:last-child {
  text-align: left;
  padding-left: 40px;
}
table.fees td:first-child {
  font-weight: bold;
}

.restrictionsClass {
  text-align: left;
}

.levelsCol {
  text-align: left;
  border-right: 1px solid #ddd !important;
  border-bottom: 0;
}

/* ==========================================================================
  $Terms of service, $TOS
  ========================================================================== */
.tos {
  font-size: 90%;
  padding: 5px 30px;
}

.tos .compact {
  border: 1px solid #746858;
  background: #E7E7E7;
  height: 350px;
  overflow: scroll;
}

.tos ol {
  list-style-type: upper-roman;
  margin-left: 20px;
}

.tos li {
  margin: 10px;
}

.tos ol li ol {
  list-style-type: upper-alpha;
}

.tos ol li ol li ol {
  list-style-type: decimal;
}

.tos ol li ol li ol li ol {
  list-style-type: lower-alpha;
}

/* ==========================================================================
  $Ourteam, $About, $Aboutus
  ========================================================================== */
.ourteam p {
  width: 70%;
}

.ourteam h4 {
  clear: both;
  padding-bottom: 0 !important;
  margin-top: 10px;
}

.ourteam h5 {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #444;
  padding: 0 !important;
  color: #333;
}

.ourteam img {
  border: 1px solid #999;
  margin: 10px;
  margin-left: 0;
  padding: 5px;
}

/* ==========================================================================
  Mailbox
  ========================================================================== */
[class*=large] {
  float: left;
  min-height: 1px;
}

.large-12,
.row {
  float: none;
}

.large-1 {
  margin-right: 2%;
}

.large-3 {
  width: 30%;
  margin-right: 5%;
}

.large-8 {
  width: 53%;
}

.large-10 {
  width: 76%;
}

/* ==========================================================================
  $Classifieds Manager and Classifieds
  ========================================================================== */
ul.adsList li a {
  padding: 10px 20px;
  background: #eee;
  color: #333;
  display: inline-block;
}
ul.adsList li a:hover {
  background: #ddd;
}

.classifiedDetails p.graybg {
  padding: 10px 20px;
  line-height: auto !important;
  color: #333;
  word-wrap: break-word;
}

table.classified-extra {
  font-size: 14px;
  color: #000;
}

.cn {
  font-weight: bold;
}

/*Classifieds Manager page*/
.classifiedContainer {
  margin-bottom: 50px;
  padding: 20px;
  border: 1px solid #ddd;
  background: #f2f2f2;
}
.classifiedContainer p {
  padding: 0 !important;
  font-size: 14px;
}

.inset {
  float: right;
}

.inset {
  padding: 20px;
  margin: 0 0 9px 20px;
  background-color: #fff;
}

.inset ul {
  font-size: 90%;
  list-style-type: none;
}

.inset ul li {
  padding: 1px;
}

.inset .classified a {
  margin-bottom: 20px;
  text-decoration: none !important;
}

/*
 * $Resource
 */
.resource {
  width: 70%;
}

.resource a {
  text-decoration: none;
  border-bottom: 1px solid #f0f0f0;
}

.resource h4 {
  font-size: 95%;
}

p.resource-meta {
  padding-top: 0;
  font-size: 80%;
  color: gray;
}

/* ==========================================================================
  $PromotionDetails -- View Promotion Page
  ========================================================================== */
.statsBar {
  font-size: 14px;
  margin-bottom: 20px;
  padding: 20px;
}
.statsBar .statsHeader {
  font-weight: bold;
  border-top: 0;
  margin-bottom: 10px;
}
.statsBar .statsContent ul {
  width: 45%;
  margin-right: 20px;
}
.statsBar .statsContent ul .value {
  float: right;
}
.statsBar .statsContent ul + ul {
  margin-right: 0;
}
.statsBar .statsContent ul .value {
  font-weight: bold;
}
.statsBar .statsContent h3 {
  margin-bottom: 10px !important;
}

/* only in Edit port sale page (editPort_sale.aspx) */
.promotionSettings .statsBar {
  font-size: 16px;
  padding: 20px 0;
}
.promotionSettings .statsContent {
  font-size: 14px;
}
.promotionSettings #slider-range .ui-state-default {
  border: 0;
  background: #38404c;
  font-weight: normal;
  color: #555555;
}

.buyNowPrice,
.makeOfferBox {
  width: 220px;
}
.buyNowPrice {
  font-size: 26px;
  font-weight: bold;
  color: #1C8F47;
}
.buyNowPrice + input {
  width: 150px;
}

.makeOfferBox input {
  height: 24px;
  margin-top: -2px;
  font-size: 16px;
}

/* EditPort_Sale.aspx page Set Up Your Port Sale
============================================================*/
#matchingItems {
  overflow: hidden;
  position: relative;
  bottom: 30px;
  left: 20px;
  float: left;
}
#matchingItems input {
  width: 130px;
  margin-top: 18px;
}

.ajax__calendar {
  line-height: 100%;
}

/* #slider-range  */
#slider-range {
  margin: 20px 10px;
  width: 390px;
  height: 10px;
  border-radius: 0;
}

/* $saleSidebar - homepage classified ads section at bottom
   ========================================================================== */
#saleSidebar .homePagePanel ul {
  padding-bottom: 5px;
  margin-bottom: 5px;
}

#saleSidebar .homePagePanel ul li {
  border-bottom: 1px dotted #afafaf;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

#saleSidebar .homePagePanel ul li:last-child {
  border-bottom: 0;
}

#saleSidebar ul li .name {
  float: left;
  display: block;
  width: 100px;
}

#saleSidebar ul li .value {
  float: left;
  display: block;
  width: 75px;
  text-align: right;
  font-weight: bold;
}

.sidebarPanel .homePagePanel ul li img {
  margin-top: 0px;
}

.sidebarPanel .name {
  font-weight: 400;
}

/* Currently unused, this is for the section on the homepage */
.businessPartners {
  text-align: center;
}

.businessPartners img {
  padding: 10px;
}

#saleItems {
  float: right;
  margin-top: 4px;
  width: 180px;
  height: 740px;
  background-color: #eee;
}

/* ==========================================================================
  $Shopping Cart, $Shoppingcart
  ========================================================================== */
/**
 * $Ordercontainer = a wrapper for the entire content
 * area of the shopping cart page, not including the title
 */
#ordercontainer label {
  padding: 0 0 0 5px;
}
#ordercontainer #shipping-options,
#ordercontainer #shipping-location,
#ordercontainer .cartsummary {
  float: left;
  min-height: 286px;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 1px 1px 0px #ddd;
          box-shadow: 0 1px 1px 0px #ddd;
}
#ordercontainer #shipping-options,
#ordercontainer .cartsummary,
#ordercontainer .shipping-address-wrapper {
  width: 296px;
}
#ordercontainer #shipping-location {
  margin-right: 15px;
}
#ordercontainer .ShippingOptions {
  margin: 0 32px;
}
#ordercontainer .fst {
  text-align: center;
}
#ordercontainer .giftMsg {
  margin-left: 23px;
}
#ordercontainer .giftMsg textarea {
  width: 200px;
}
#ordercontainer .paypalBanner {
  clear: both;
  display: block;
  text-align: right;
}
#ordercontainer .paypalBanner img {
  margin-top: 40px;
}
#ordercontainer .cart-contents {
  margin-top: 40px;
}
#ordercontainer .cart-contents .PrettyTable, #ordercontainer .cart-contents .createPortSaleTable,
#ordercontainer .cart-contents .createSaleTable, #ordercontainer .cart-contents .userrankings table, .userrankings #ordercontainer .cart-contents table {
  margin-top: 5px;
}
#ordercontainer .removeItemsFromCart {
  float: right;
}
#ordercontainer .emptyShoppingCart {
  float: left;
}

.lt-ie9 #shipping-options,
.lt-ie9 #shipping-location,
.lt-ie9 .cartsummary,
.lt-ie9 #payment-options {
  zoom: 1;
}

.ShippingShipOutsideUSA,
.ShippingGiftReceipt {
  font-size: 14px;
  margin: 10px 15px;
}
.ShippingShipOutsideUSA .giftMsg textarea,
.ShippingGiftReceipt .giftMsg textarea {
  width: 260px;
}

.cartsummary {
  margin: 0 15px;
}
.cartsummary li {
  clear: both;
  padding: 10px;
  border-bottom: 1px dotted #ddd;
  font-size: 14px;
  background: #fff;
}
.cartsummary li:last-child {
  border-bottom: 0;
}

.ordersummary {
  float: right;
  width: 400px;
}

.cartsummary p,
.ordersummary p {
  border: 1px solid #d0d0d0;
  border-bottom: none;
  font-size: 80%;
  color: #808080;
}

.ordersummary ul li {
  clear: both;
}

.lt-ie7 .cartsummary ul li,
.lt-ie7 .ordersummary ul li {
  height: 1px;
}

.total {
  color: #B91F24;
}

#payment-options {
  -webkit-box-shadow: 0 1px 1px 0px #ddd;
          box-shadow: 0 1px 1px 0px #ddd;
  text-align: center;
}
#payment-options .redbtn, #payment-options .whitepages.inventoryManager .inventoryToplist input[value="Request Shipment"], .whitepages.inventoryManager .inventoryToplist #payment-options input[value="Request Shipment"], #payment-options .checkout-container .checkoutNextEnabled, .checkout-container #payment-options .checkoutNextEnabled, #payment-options .viewCartBtn, #payment-options .membership input.button, .membership #payment-options input.button, #payment-options .processingfees .col a, .processingfees .col #payment-options a, #payment-options .buyNowPrice + input,
#payment-options .makeOfferBox + input {
  padding: 10px 10px !important;
  border-bottom: 2px solid #a51316;
}
#payment-options h3 {
  text-align: center;
}
#payment-options ul li {
  text-align: center;
  margin: 10px auto;
}
#payment-options ul li a {
  width: 173px;
}
#payment-options p {
  margin: 0;
}

.placeorder {
  margin: 10px auto;
  font-size: 13px;
  text-align: center;
}
.placeorder label {
  padding-left: 3px !important;
}

#more-shipping-options,
.cartNotification {
  font-size: 14px;
}
#more-shipping-options p,
.cartNotification p {
  margin-bottom: 0;
}

[data-click=popup] {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #bbb;
  background: #fff;
  padding: 15px;
  z-index: 100;
  font-size: 14px;
  display: none;
}

#changeShippingOptions a {
  text-indent: 0;
  font-size: 90%;
}

/* empty shopping cart */
.continueshopping {
  margin: 0 auto;
}

/* ==========================================================================
  $Checkout
  ========================================================================== */
.checkout-container {
  clear: both;
}
.checkout-container h1 {
  font-family: arial, sans-serif;
  border-bottom: 0;
}
.checkout-container .wpall {
  background: #38404c;
}
.checkout-container #AmazonAddressWidget > div,
.checkout-container #AmazonWalletWidget > div {
  margin: 20px auto 0 auto !important;
}
.checkout-container #AmazonViewAddressWidget,
.checkout-container #AmazonViewWalletWidget {
  background: #38404c;
}
.checkout-container #AmazonViewAddressWidget {
  padding-right: 0;
}
.checkout-container #AmazonViewWalletWidget {
  padding-left: 0;
}
.checkout-container #leftpane {
  margin-left: 40px;
  width: 600px;
}
.checkout-container #rightpane {
  margin-right: 30px;
  margin-bottom: 50px;
  border: 1px solid #bbb;
  width: 300px;
}
.checkout-container #rightpane .fst {
  text-align: center;
}
.checkout-container #rightpane .cartsummary {
  margin: 0;
}
.checkout-container #rightpane .cartsummary .graybg {
  border-bottom: 1px solid #dadada;
}
.checkout-container #rightpane .ShippingOptions {
  margin-top: 10px;
}
.checkout-container .shoppingCartSummary {
  margin-top: 15px;
  float: left;
  width: 100%;
}
.checkout-container .shoppingCartSummary .PrettyTable, .checkout-container .shoppingCartSummary .createPortSaleTable,
.checkout-container .shoppingCartSummary .createSaleTable, .checkout-container .shoppingCartSummary .userrankings table, .userrankings .checkout-container .shoppingCartSummary table {
  border: 1px solid #38404c;
  border-top: 0px;
}
.checkout-container .shoppingCartSummary div.AspNet-GridView-Pagination {
  margin-bottom: 50px;
}
.checkout-container .checkoutNextDisabled {
  color: #222;
  background: #dadada;
  padding: 10px 35px;
  font-size: 14px;
}
.checkout-container .checkoutNextDisabled:hover {
  cursor: not-allowed;
  background: #dadada;
  color: #222;
}
.checkout-container .checkout-progress .highlighted {
  color: #7F9DB9;
}

/* $ShippingInstructions is commented in shippingOptions.ascx
========================================================================== */
/* $Shipping options and Order Confirmation
========================================================================== */
.checkOutProgressimg {
  display: inline-block;
  margin-top: 15px;
  margin-left: 35px;
}

.ShippingOptions {
  margin: 0 10px;
  width: 260px;
  font-size: 14px;
  border-collapse: collapse;
}
.ShippingOptions thead {
  color: #333;
}
.ShippingOptions th {
  text-align: center;
  font-weight: bold;
  padding: 5px 3px;
  border-bottom: 0;
  border-style: none;
}
.ShippingOptions tbody td {
  margin: 0;
  padding: 2px;
}

.AspNet-DetailsView .AspNet-DetailsView-Data {
  font-size: 90%;
}

.ordersummary ul li {
  height: auto;
}

.discount .AspNet-DetailsView-Name,
.cartsummary .AspNet-DetailsView-Name,
.cartsummary .Name,
.ordersummary .AspNet-DetailsView-Name {
  float: left;
  width: 140px;
  display: block;
}

.lt-ie9 .cartsummary .Name {
  width: 120px;
}

.cartsummary ul li span.AspNet-DetailsView-Value,
.cartsummary ul li span.Value,
.ordersummary ul li span.AspNet-DetailsView-Value {
  display: inline-block;
  width: 105px;
  text-align: right;
}

.ordersummary ul li span.AspNet-DetailsView-Name {
  width: 150px;
}

.ordersummary ul li span.AspNet-DetailsView-Value {
  text-align: left;
  width: 200px;
}

.discount ul li span.AspNet-DetailsView-Name {
  width: 130px;
}

.AspNet-DetailsView-Data ul {
  margin: 0;
  padding: 0;
}

.AspNet-DetailsView-Data li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
}

/*------------$Confirmation.aspx page---------------*/
#ctl00_ContentPlaceHolder1_NormalOrder .orderinfo .ordersummary {
  float: none;
  width: 650px;
  margin: 20px 0;
  border: 1px solid #bbb;
  float: left;
}

#ctl00_ContentPlaceHolder1_NormalOrder .ordersummary ul li {
  background-color: white;
  border-bottom: 1px dotted #dadada;
}

.ordersummary ul li span.AspNet-DetailsView-Name {
  text-align: right;
  padding: 7px;
}

.ordersummary ul li span.AspNet-DetailsView-Name:after {
  content: ":";
}

#ctl00_ContentPlaceHolder1_NormalOrder .ordersummary ul li span.AspNet-DetailsView-Value {
  width: 400px;
  padding: 7px 20px;
  border-left: 1px dotted #dadada;
}

#ctl00_ContentPlaceHolder1_NormalOrder .cartsummary {
  margin: 20px 0 20px 15px;
  padding: 0;
  border-radius: 0;
  border: 1px solid #bbb;
}

#ctl00_ContentPlaceHolder1_NormalOrder .cartsummary ul li {
  padding: 5px;
  border-bottom: 1px dotted #dadada;
  background: white;
}

#ctl00_ContentPlaceHolder1_NormalOrder .cartsummary ul li + li + li + li + li {
  background: #f8f8f8;
  border-bottom: none;
  color: #C1272D;
}

/*-----------end of Order Confirmation page------------*/
/* ==========================================================================
  $Dashboard
  ========================================================================== */
/* $Notifications
========================================================================== */
.blackFridayNotification {
  padding: 10px 10px;
  background: #444;
  text-align: center;
  margin-top: -20px;
  margin-bottom: 40px;
}

.blackFridayNotification a {
  text-decoration: none;
  color: #eee;
}

.blackFridayNotification a:hover {
  text-decoration: underline;
}

.notifications, .chromeframe, #more-shipping-options,
.cartNotification {
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #E8D599;
  background: #FFFFBA;
  clear: both;
  font-size: 14px;
}
.notifications h3, .chromeframe h3, #more-shipping-options h3,
.cartNotification h3, .notifications h4, .chromeframe h4, #more-shipping-options h4,
.cartNotification h4 {
  margin: 0;
}

.chromeframe {
  z-index: 99999;
  text-align: center;
  margin-bottom: 0;
  padding: 5px 0;
}
.chromeframe a {
  color: #B91F24;
}
.chromeframe a:hover {
  text-decoration: underline;
}
.chromeframe:first-child {
  border-bottom: 0;
}

/*table stye in Processing Status Dashboard panel
------------------------------------------------------------*/
#ctl00_ContentPlaceHolder1_pnlProcessingStatus h4 {
  margin: 0;
}

#ctl00_ContentPlaceHolder1_pnlProcessingStatus .dashboardpanel {
  background: #f8f8f8;
}

#ctl00_ContentPlaceHolder1_pnlProcessingStatus .section {
  padding: 0;
}

#ctl00_ContentPlaceHolder1_pnlProcessingStatus .PrettyTable thead, #ctl00_ContentPlaceHolder1_pnlProcessingStatus .createPortSaleTable thead,
#ctl00_ContentPlaceHolder1_pnlProcessingStatus .createSaleTable thead, #ctl00_ContentPlaceHolder1_pnlProcessingStatus .userrankings table thead, .userrankings #ctl00_ContentPlaceHolder1_pnlProcessingStatus table thead {
  border-left: 0;
}

#ctl00_ContentPlaceHolder1_pnlProcessingStatus .PrettyTable thead tr th, #ctl00_ContentPlaceHolder1_pnlProcessingStatus .createPortSaleTable thead tr th,
#ctl00_ContentPlaceHolder1_pnlProcessingStatus .createSaleTable thead tr th, #ctl00_ContentPlaceHolder1_pnlProcessingStatus .userrankings table thead tr th, .userrankings #ctl00_ContentPlaceHolder1_pnlProcessingStatus table thead tr th {
  background: #f8f8f8;
  border-left: 1px solid #dbdbdb;
  color: #222;
  font-size: 100%;
}

#ctl00_ContentPlaceHolder1_pnlProcessingStatus .PrettyTable td, #ctl00_ContentPlaceHolder1_pnlProcessingStatus .createPortSaleTable td,
#ctl00_ContentPlaceHolder1_pnlProcessingStatus .createSaleTable td, #ctl00_ContentPlaceHolder1_pnlProcessingStatus .userrankings table td, .userrankings #ctl00_ContentPlaceHolder1_pnlProcessingStatus table td {
  margin: 0;
  border: 0;
  border-left: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  text-align: center;
}

#ctl00_ContentPlaceHolder1_pnlProcessingStatus .PrettyTable td:first-child, #ctl00_ContentPlaceHolder1_pnlProcessingStatus .createPortSaleTable td:first-child,
#ctl00_ContentPlaceHolder1_pnlProcessingStatus .createSaleTable td:first-child, #ctl00_ContentPlaceHolder1_pnlProcessingStatus .userrankings table td:first-child, .userrankings #ctl00_ContentPlaceHolder1_pnlProcessingStatus table td:first-child,
#ctl00_ContentPlaceHolder1_pnlProcessingStatus .PrettyTable thead tr th:first-child,
#ctl00_ContentPlaceHolder1_pnlProcessingStatus .createPortSaleTable thead tr th:first-child,
#ctl00_ContentPlaceHolder1_pnlProcessingStatus .createSaleTable thead tr th:first-child,
#ctl00_ContentPlaceHolder1_pnlProcessingStatus .userrankings table thead tr th:first-child,
.userrankings #ctl00_ContentPlaceHolder1_pnlProcessingStatus table thead tr th:first-child {
  border-left: 0;
}

/*------------end of table style in processing status dashboard-----------*/
/*$Other Shopping Cart Purchases*/
.ph {
  height: 108px;
  padding: 0 20px 20px 20px;
  -ms-overflow-y: scroll;
  overflow-y: scroll;
  text-overflow: ellipsis;
  white-space: pre-line;
  list-style-position: inside;
  min-width: 418px;
  max-width: auto;
}

.ph li {
  border-bottom: 1px solid #dadada;
  padding: 4px;
}

.ph li a {
  padding-left: 15px;
}

.ph li:nth-child(-n+9) {
  padding-left: 10px;
}

/* ==========================================================================
  $Make offer page, $Offer, $Makeoffer
  ========================================================================== */
/**
 * Make offer page structure:
 *  <table class="gridviewNothingCenter">
 *      <td>
 *          <div class="offer">
 *              <h3>username's items</h3>
 *              <div class="AspNet-GridView">
 *                  <table class="PrettyTable"></table>
 *              </div>
 *              <table class="PrettyTable">
 *                  <tfoot></tfoot>
 *              </table>
 *          </div>
 *      </td>
 *  </table>
 */
table.gridviewNothingCenter {
  width: 100%;
  clear: both;
  margin: 0 auto;
}

.offer {
  margin-top: 50px;
}
.offer .inventoryCardData {
  /*width: 450px;*/
  margin-left: 20px;
}
.offer tfoot td {
  padding: 10px;
  text-align: right;
  font-weight: bold;
  background: #eee;
  border-top: 1px solid #ccc;
  border-bottom: 0;
}
.offer .offerline.PrettyTable a, .offer .offerline.createPortSaleTable a,
.offer .offerline.createSaleTable a, .offer .userrankings table.offerline a, .userrankings .offer table.offerline a {
  font-weight: normal;
}
.offer .offerline.PrettyTable tfoot td, .offer .offerline.createPortSaleTable tfoot td,
.offer .offerline.createSaleTable tfoot td, .offer .userrankings table.offerline tfoot td, .userrankings .offer table.offerline tfoot td {
  background: #bbb;
  border-bottom: 1px solid #ddd;
}
.offer .listPageLinks {
  margin: 0;
  padding: 10px 20px;
  float: none;
  text-align: right;
  background: #eee;
  border-right: 0;
  border-left: 0;
}
.offer .listPageLinks span {
  background: #fff;
  color: #333;
  border: 1px solid #888;
}
.offer .price {
  min-width: 80px;
  text-align: center;
}

.listPageLinks {
  margin: 20px 0 20px 20px;
  float: right;
  clear: both;
}

.offer .PrettyTable .viewOfferFooter, .offer .createPortSaleTable .viewOfferFooter,
.offer .createSaleTable .viewOfferFooter, .offer .userrankings table .viewOfferFooter, .userrankings .offer table .viewOfferFooter {
  background-color: #f8f8f8;
}

/**
 * An asp.net skin for listTable's container table with no styling
 * except for horizontal centering
 */
.listTable {
  width: 100%;
  margin-top: 10px;
  font-size: 95%;
  border: 1px solid #bbb;
  border-bottom-width: 0;
}

.listTable th {
  background: #E4E4E4;
  padding: 4px;
  text-align: center;
  white-space: nowrap;
}

.listTable th a:hover {
  text-decoration: underline;
}

tr.listPageLinks td {
  border: 0;
  padding: 0 0 2px 5px;
}

.listTable td.frontimage,
.listTable td.backimage {
  height: 74px;
  width: 74px;
}

.listTable td.setname {
  width: 127px;
}

.listTable td.description {
  width: 174px;
}

.listTable td.remove {
  width: 66px;
}

.listTable td.maxpercentoff {
  width: 74px;
}

.listTable th,
.listTable td {
  padding: 4px;
  border-bottom: 1px solid #cfcfcf;
}

.listTable tfoot td {
  border: 0;
}

.listTable td {
  background: #fdfdfd;
}

.addAllCardsFromSeller input[value="Add all cards from this seller"] {
  padding: 5px;
}

input[value="Remove all cards from this seller"] {
  margin-left: 20px;
  padding: 5px;
}

/* Used on: shopping cart page, make offer page */
.noItemsInCart,
.alreadyLoggedIn {
  margin: 20px;
  text-align: center;
}

/* ==========================================================================
  $Offerhistory
  ========================================================================== */
.acceptedOffer {
  color: #1C8F47;
}

/* ==========================================================================
  $Inventory, $Manageinventory 
  ========================================================================== */
.whitepages.inventoryManager .wpall {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-device-width: 1024px) {
  .whitepages.inventoryManager .wpall .wpall, .whitepages.inventoryManager .wpall .wpside, .whitepages.inventoryManager .wpall #ctl00_ContentPlaceHolder1_mnuBreadCrumbs {
    padding-left: 0;
    padding-right: 0;
  }
}
.whitepages.inventoryManager .inventoryToplist {
  float: right;
}
.whitepages.inventoryManager .inventoryFilter {
  margin-bottom: 0 !important;
  width: auto;
  border-bottom: 0;
  padding: 10px 40px;
}
@media screen and (max-width: 1024px) {
  .whitepages.inventoryManager .inventoryFilter {
    padding-right: 35px;
  }
}
.whitepages.inventoryManager .inventoryFilter li {
  margin-right: 20px;
  font-size: 14px;
  display: inline;
}
.whitepages.inventoryManager .inventoryFilter li input, .whitepages.inventoryManager .inventoryFilter li select {
  background: #f5f5f5;
  font-size: 14px;
}
.whitepages.inventoryManager .inventoryFilter li input:hover, .whitepages.inventoryManager .inventoryFilter li select:hover {
  color: #333;
}
.whitepages.inventoryManager .inventoryFilter li + li + li {
  margin-right: 0;
}
.whitepages.inventoryManager .inventoryError,
.whitepages.inventoryManager .inventoryWarning {
  color: #B91F24;
}

.lt-ie9 .whitepages.inventoryManager {
  padding: 10px 0px;
}
.lt-ie9 .whitepages.inventoryManager li {
  margin-right: 0;
}

.image.center.thumbnail, .image.thumbnail.subLocCenter {
  float: left;
  height: 75px;
  width: 75px;
  padding: 5px 0;
}
.image.center.thumbnail:last-child, .image.thumbnail.subLocCenter:last-child {
  margin-right: 10px;
}

.inventoryCardData {
  overflow: hidden;
}

.InventoryInfo {
  padding: 15px 0px !important;
}
.InventoryInfo + td {
  width: 330px;
}
.InventoryInfo + td table {
  margin: auto;
}
.InventoryInfo .saleHistoryLink {
  margin-right: 5px;
  margin-top: 25px;
}
.InventoryInfo .saleHistoryLink .icon-chart-bar {
  font-size: 20px;
  color: #B91F24;
}
.InventoryInfo .suggestedPrices {
  margin-left: 160px;
  clear: both;
}

.lt-ie9 .InventoryInfo .inventoryCardData {
  /*width: 400px;*/
  overflow: hidden;
}
.lt-ie9 .InventoryInfo .suggestedPrices, .lt-ie9 .InventoryInfo .goingRate {
  margin-left: 150px;
}

.playerName {
  font-weight: bold;
}

#ACOHLink {
  margin-left: 50px;
}

.InventoryAskP,
.inventoryBtns {
  float: left;
  height: 32px;
  line-height: 32px;
}

.inventoryBtns input {
  vertical-align: top;
}

.goingRate {
  margin-left: 160px;
}

.lt-ie9 .goingRate {
  left: 150px;
}

.pendingSale {
  color: #555;
}

.notForSale {
  color: #00139C;
}

.priceNotSet, .mustBeGraded, .itemLocked,
.priceTooLow, .priceTooHigh, .commandFailed {
  color: #C1272D;
}

/* ==========================================================================
  $SubmitForGrading.aspx and $ItemDetails.aspx(purchase now/relist page)
  ========================================================================== */
/* .itemDetailsLeftCol and .itemDetailsRightCol are used for above pages */
.submitForGrading li.selectService {
  margin-bottom: 20px;
  width: 49%;
  text-align: center;
  border: 1px solid #38404c;
}
.submitForGrading li.selectService a {
  height: 170px;
  display: block;
}
.submitForGrading li.selectService span {
  display: block;
  background: #38404c;
  padding: 5px;
  color: #fff;
}
.submitForGrading li.selectService img {
  margin: auto;
  height: 90px;
  padding-top: 20px;
}

.weeklyOrMonthly {
  display: block;
  cursor: pointer;
  color: #444;
  /*&:hover { color: #444; }*/
}
.weeklyOrMonthly span {
  display: block;
  padding: 5px;
}
.weeklyOrMonthly span:first-child {
  font-weight: bold;
}
.weeklyOrMonthly .BGprice {
  font-weight: bold;
  font-size: 20px;
  color: #1C8F47;
}

.selectedOffering {
  border: 1px solid #00139C;
  background: #fafafa;
  color: #00139C;
  /*display:inline-block;*/
  vertical-align: top;
  box-shadow: 0 2px 2px #bbb;
  -webkit-box-shadow: 0 2px 2px #bbb;
  cursor: default;
  /*background: #f8f8f8;*/
}
.selectedOffering:hover {
  color: #00139C;
}

.itemDetailsLeftCol {
  width: 30%;
  background: #fff;
}
.itemDetailsLeftCol .cardinfo {
  margin-right: 0;
  width: auto;
}
.itemDetailsLeftCol .cardDetailsCell {
  text-align: left;
}

.itemDetailsRightCol {
  width: 69%;
}
.itemDetailsRightCol table.updatePrice {
  border: 0;
}
.itemDetailsRightCol table.updatePrice td {
  padding: 10px;
  border: 1px solid #ddd;
}
.itemDetailsRightCol table.updatePrice .inventoryAction {
  width: 150px;
}

#ddSport {
  width: 200px;
}

/* ==========================================================================
  $SubmissionWizzard.aspx
  ========================================================================== */
/*below is for remove button. */
.removeSG {
  font-size: 25px;
  background: gray;
  width: 30px;
  height: 38px;
}

.addGroup {
  display: block;
  text-align: center;
  border: 1px solid #eee;
  border-top: 0;
  padding: 5px;
  background: #f0f0f0;
  font-size: 14px;
}

/*step 4 below*/
#ctl00_ContentPlaceHolder1_pnlStep4 td {
  padding: 10px;
  font-size: 16px;
}
#ctl00_ContentPlaceHolder1_pnlStep4 td .red {
  font-size: 14px;
  margin-top: 10px;
  line-height: 16px;
}
#ctl00_ContentPlaceHolder1_pnlStep4 ul li {
  width: 24%;
}

.subLocWarn {
  color: #B91F24;
}

.step5 .SWslips {
  margin-top: 20px;
}
.step5 .SWslips img {
  padding-left: 20px;
}
.step5 .SWslips .slipInfo {
  width: 40%;
  float: left;
}
.step5 textarea {
  border: 0;
  font-size: 16px;
}

/* $Print styles
  ========================================================================== */
@media print {
  #headerWrapper,
  #footer {
    display: none;
  }
}
/*  perhaps the table in search result?
=====================================================*/
/*Text View's table in search result*/
#textView table {
  border-collapse: collapse;
  font-family: Arial, sans-serif;
}

#textView .AspNet-GridView tr {
  background: #fff;
}

#textView tr.AspNet-GridView-Alternate {
  background: #eee;
}

#textView td {
  height: 48px;
  padding: 3px 15px;
  border-left: 1px solid #ddd;
}

#textView .setName + .right {
  padding-left: 0px;
}

#textView td:first-child {
  border-left: 0;
}

/*.PrettyTable tr.odd td,
.PrettyTable th,
.PrettyTable tr.AspNet-GridView-Alternate td,
#cardexplorer table th,
#cardexplorer table tr.AspNet-GridView-Alternate td {
     background:#e4e4e4; 
}*/
/*----------$list view in search result page------------*/
#listView {
  min-width: 738px;
  margin: 0 5% 0 10px;
}
@media screen and (max-width: 1100px) {
  #listView {
    margin: 0 80px 0 0;
  }
}

#listView tr td {
  height: 155px !important;
  border-bottom: 1px solid #dbdbdb !important;
  padding: 5px 0;
  vertical-align: top;
}

#listView .carddata {
  padding: 5px 0;
  overflow: hidden;
}

#listView .carddata .listViewImg {
  float: left;
  height: 145px !important;
  overflow: hidden;
  padding-top: 0 !important;
  width: 170px;
  text-align: center;
  display: block;
  vertical-align: middle;
}

#listView .listViewInfo {
  width: 400px;
  float: left;
  overflow: hidden;
  word-wrap: break-word;
}
@media screen and (max-width: 1115px) {
  #listView .listViewInfo {
    float: none;
  }
}

#listView thead {
  display: none;
}

#listView .col,
#listView tr {
  background: none;
}

#listView li.savings,
#listView li.ourprice,
#listView li.suggestedprice {
  font-size: 12px !important;
  font-weight: normal;
  color: #555;
}

.PrettyTable tbody td table tr td, .createPortSaleTable tbody td table tr td,
.createSaleTable tbody td table tr td, .userrankings table tbody td table tr td {
  border: none;
}

td.price {
  width: auto;
  text-align: right;
}

td.saleprice {
  width: 90px;
  text-align: right;
}

#cardexplorer table tbody .right {
  padding: 4px 5px;
  width: 70px;
}

/* $External links, $businessPartnerLinks
============================================================================ */
/** 
 * BBB, McAfee, and PayPal links
 * Used on: addcredit, shopping cart
 */
.businessPartnerLinks {
  margin-top: 40px;
  clear: both;
  background-color: #ffffff;
  padding: 10px 20px;
  border: 1px solid #ddd;
}

.businessPartnerLinks p {
  margin: 10px 0;
}

.businessPartnerLinks #bigbbblinkimg {
  padding: 0px;
  border: none;
}

.businessPartnerLinks #paypallinkimg {
  border-width: 0;
}

/* ==========================================================================
  $Error page
  ========================================================================== */
.lightWrapper #footer {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.errorNotification {
  margin: 0 auto;
  width: 370px;
  background-color: #BFCDDB;
  border: 1px solid #6d7f98;
  padding: 5px;
}

/* ==========================================================================
  $addcredit.aspx
  ========================================================================== */
.addCreditPanel {
  position: relative;
}

/* ==========================================================================
  $Modal popup, $Popup $submissionwizzard popup $referralpopup
  ========================================================================== */
/* Modal popup */
.popupControl {
  background-color: #AAD4FF;
  position: absolute;
  visibility: hidden;
  border-style: solid;
  border-color: Black;
  border-width: 2px;
}

.modalBackground {
  background-color: #333;
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.modalPopup {
  background-color: white;
  padding: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.modalPopup h4 {
  margin: 5px 0 !important;
}

.modalPopup .popupBody {
  height: 400px;
  width: 705px;
  overflow: auto;
  border: 1px solid #555;
}

.popupRow {
  border-top: 1px solid white;
  border-bottom: 1px solid #bbb;
  background: #f5f5f5;
}

.popupBody .leftColumn {
  padding: 10px;
  width: 530px;
  word-wrap: break-word;
  display: inline-block;
  vertical-align: top;
}

.popupBody .leftColumn div a {
  text-decoration: underline;
  padding: 5px 0;
}

.popupBody .rightColumn {
  text-align: center;
  width: 133px;
  word-wrap: break-word;
  display: inline-block;
  vertical-align: top;
}

.popupBody .rightColumn a {
  text-decoration: underline;
}

.modalPopup input[type=submit] {
  margin-top: 5px;
}

/* report error popup */
.reportErrorList .makecolumn {
  margin: 0 20px 0 0 !important;
}

#txtBoxComments {
  width: 100%;
  display: block;
}

/* ==========================================================================
  $Referral Program
  ========================================================================== */
.referralPopup {
  background-color: #fff;
  width: 500px;
  padding-bottom: 10px;
}
.referralPopup h3 {
  margin: 0;
  padding-top: 0;
  padding-bottom: 5px;
}
.referralPopup p {
  margin: 0;
}
.referralPopup p + ul {
  margin: 0;
}
.referralPopup input {
  margin-top: 5px !important;
  margin-left: 20px;
}
.referralPopup .referralSection {
  overflow: hidden;
}
.referralPopup .socialMediaLinks,
.referralPopup .referralSection textarea {
  margin-top: 5px;
  float: left;
  display: block;
}
.referralPopup .socialMediaLinks {
  position: relative;
  left: 10px;
}

/* ==========================================================================
  $??????
  ========================================================================== */
span.owner {
  color: #1C8F47;
}

span.playerset {
  color: #B91F24;
}

.hoverthing {
  margin: -5px;
  padding: 5px;
  background: #ffe79c !important;
}

input.openid {
  background: #fff url("../gif/openid-icon-small.gif") center left no-repeat;
  border: 1px solid #ABADB3;
  padding: 3px 3px 3px 17px;
}

.openid {
  background: transparent url("../gif/openid-icon-small.gif") center left no-repeat;
  margin-left: 10px;
  padding-left: 20px !important;
}

span.statusShipIt {
  background: url("../gif/stamp.gif") no-repeat center left transparent;
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.cardcontrols {
  float: left;
  width: 500px;
}

.searchprefs {
  margin: 5px 0;
  padding: 5px 0;
}

.title {
  font-size: 85%;
  margin: 5px 0;
}

.invite td.label {
  font-size: 90%;
  padding-right: 5px;
  text-align: right;
}

ul.addressinfo {
  float: left;
  margin: 10px 10%;
}

#ctl00_UpdateProgressSearch {
  display: inline;
}

/* AspNet-GridView */
tr.AspNet-GridView-Edit td {
  background-color: #ffeca2 !important;
  border-top: 1px solid #e5cf7b;
  border-bottom: 1px solid #e5cf7b;
}

tr.AspNet-GridView-Edit td.textboxcol input {
  width: 60px;
}

.AspNet-GridView td.editcol, tr.AspNet-GridView-Edit td.editcol {
  width: 50px;
  text-align: center;
}

th.highlight {
  background: #F5DCA0 !important;
}

tr.AspNet-GridView-Alternate td.highlight {
  background: #ffeaaa !important;
}

td.highlight {
  background: #ffffdf !important;
}

#Login .membership {
  width: 100%;
  border: 0;
  margin-top: 0;
}
#Login .membership input {
  width: 200px;
}
#Login .membership td.right {
  padding-right: 0;
}
#Login .controls {
  padding: 0;
}
#Login .button[value="Sign In"] {
  width: 97%;
  margin: 10px 0;
}

.restrictions {
  width: 500px;
}

/*----------------blow is jQuery UI css ----------------*/
.ui-menu-item {
  /* IE10 fix */
  list-style-image: url(data:0) !important;
  list-style-type: none;
}

.inventoryAction .ui-menu .ui-menu-item a {
  white-space: nowrap;
  padding: 5px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  font: arial, sans-serif;
}

/*----------action btn in inventory managment--------------
--------style below is for future menu flyout js -----------*/
.inventoryAction .ddmenu {
  padding: 0;
  border: 0;
  background: none;
}
.inventoryAction .ddmenu > li {
  list-style-image: url(data:0); /*ie10 fix*/
  overflow: hidden;
}
.inventoryAction li a {
  display: none; /*prevent showing list while page's loading*/
}
.inventoryAction .submenu {
  width: 145px;
  font-size: 14px !important;
  font-family: arial, sans-serif !important;
  border: 1px solid #ccc;
  padding: 0;
  -webkit-box-shadow: 0 1px 1px 0 #ddd;
          box-shadow: 0 1px 1px 0 #ddd;
}

.inventoryAction .ui-state-hover,
.inventoryAction .ui-widget-content .ui-state-hover,
.inventoryAction .ui-widget-header .ui-state-hover,
.inventoryAction .ui-state-focus,
.inventoryAction .ui-widget-content .ui-state-focus,
.inventoryAction .ui-widget-header .ui-state-focus {
  border-top: 0;
  border-bottom: 0;
  border-right: 0;
  border-left: 0;
}

.inventoryAction .ui-corner-all {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

.inventoryAction .ui-menu .ui-menu-item > a.ui-state-focus,
.inventoryAction .ui-menu .ui-menu-item > a.ui-state-active {
  margin: 0;
  border: 1px solid #b0b0b0;
  background: #ededed;
  display: block;
}

.inventoryAction .ui-menu .ui-menu-item ul a.ui-state-focus,
.inventoryAction .ui-menu .ui-menu-item ul a.ui-state-active {
  border: 0;
}

.inventoryAction .ui-state-focus {
  border: 0;
}

.inventoryAction ul[style] {
  border: 1px solid #bbb;
  z-index: 10;
}

/* ==========================================================================
   Few Global styles need to be placed at bottom for preventing from '!important' 
   ========================================================================== */
#content > div h3, #content > div h4, #content > div h5, #content > div h6 {
  margin: 0;
}

.icon-contributor-badge {
  font-size: 18px;
  margin-right: 3px;
  margin-left: 3px;
  color: #9DB2BE;
  vertical-align: middle;
}

.icon-amazon {
  font-size: 18px;
  margin-right: 3px;
  margin-left: 3px;
  color: #FFA700;
  vertical-align: middle;
}

.red-badge {
  color: #B91F24 !important;
}

/*-------------------------------------------------------------
 *Media Query have to put at the end for overwriting other rules
  ------------------------------------------------------------*/
/*  Arial menu in dashboard is way too thin in Chrome,
    This targets Chrome and Safari only*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #dashboardcolumn1 {
    font-weight: bold;
    font-size: 14px;
  }
}
@media screen and (max-width: 640px) {
  a.jumpBtn {
    display: none !important;
  }
  .pgprev:hover:after,
  .pgnext:hover:after {
    content: "";
  }
  .pgprev:hover:after {
    content: "";
  }
}
/* jQuery FlexSlider v2.2.0 http://www.woothemes.com/flexslider/ Copyright 2012 WooThemes Free to use under the GPLv2 license. http://www.gnu.org/licenses/gpl-2.0.html Contributing author: Tyler Smith (@mbmufffin) */
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0 auto;
  padding: 0;
}

.flexslider .slides {
  height: auto;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: auto;
  display: block;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
  content: " ";
  display: table;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: table;
  *zoom: 1;
}

* html .slides {
  height: 1%;
  *zoom: 1;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
  width: 100%;
  height: auto;
  background: none;
  border: 0;
  position: relative;
  zoom: 1;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.flexslider .slides {
  zoom: 1;
}

.carousel li {
  margin-right: 5px;
}

/* Direction Nav */
.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 0;
  opacity: 0;
  cursor: pointer;
  color: #eee;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.flex-direction-nav .flex-prev {
  left: 0px;
}

.flex-direction-nav .flex-next {
  right: 0px;
  text-align: right;
}

.flexslider:hover .flex-prev {
  opacity: 0.7;
  left: 80px;
}

.flexslider:hover .flex-next {
  opacity: 0.7;
  right: 80px;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
}

.flex-direction-nav a:before {
  font-family: "fontello";
  font-size: 40px;
  content: "\e803";
  zoom: 1;
}

.flex-direction-nav a.flex-next:before {
  content: "\e804";
  zoom: 1;
}

/* Pause/Play */
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}

.flex-pauseplay a:before {
  font-family: "fontello";
  font-size: 40px;
  content: "\e803";
}

.flex-pauseplay a:hover {
  opacity: 1;
}

.flex-pauseplay a.flex-play:before {
  content: "\e803";
}

/* Control Nav */
.flex-control-nav {
  width: auto;
  position: absolute;
  bottom: 10px;
  right: 80px;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 15px;
  height: 15px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
  background: #C1272D;
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: 0.7;
  cursor: pointer;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}
.bannerWrapper {
  height: 360px;
  z-index: 20;
}

/* ==========================================================================
   Lightbox css
   ========================================================================== */
body:after {
  content: url(../png/close.png) url(../gif/loading.gif) url(../png/prev.png) url(../png/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../gif/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
}

.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  cursor: pointer;
  /* Trick IE into showing hover */
  display: block;
}

.lb-prev {
  left: 0;
  float: left;
}

.lb-prev:hover {
  background: url(../png/prev.png) left 48% no-repeat;
}

.lb-next {
  right: 0;
  float: right;
}

.lb-next:hover {
  background: url(../png/next.png) right 48% no-repeat;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #bbbbbb;
}

.lb-data .lb-details {
  width: 40%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-stockImage {
  width: 40%;
  float: left;
  text-align: left;
  line-height: 1.1em;
  display: none;
}

.lb-stockImage-caption {
  font-size: 20px;
  color: #bbb;
  line-height: 1.1em;
}
.lb-stockImage-caption:hover {
  color: #eee;
  cursor: pointer;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
.lb-data .lb-caption:hover {
  color: #eee;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../png/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/**
 * Customized css for lightbox-2.6-customized.js
 */
.lb-data .lb-caption {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.1em;
  cursor: pointer;
}

.lightbox .lb-image {
  cursor: pointer;
}

/* end of lightbox css */
/* ==========================================================================
   sparklinejs popup css
   ========================================================================== */
.jqstooltip {
  background: #333 !important;
}

.jqsfield {
  font-size: 13px !important;
}

/* ==========================================================================
   landing pages landingpages $sport cards redirected landingpages for SEO
   ========================================================================== */
.landingpages {
  background: #fff;
}
.landingpages a {
  text-decoration: none;
}
.landingpages .twocol,
.landingpages .threecol,
.landingpages .fourcol {
  padding: 20px 40px 20px;
  margin-top: 0;
  width: 938px;
}
.landingpages .twocol .col,
.landingpages .threecol .col,
.landingpages .fourcol .col {
  margin: 0;
}
.landingpages h1 + br + .col {
  width: 45%;
  height: 332px;
}
.landingpages .fourcol.clear .col {
  position: relative;
  width: 21%;
  margin-right: 10px;
  padding: 15px !important;
  background: #ddd;
  color: #333;
  border: 0;
}
.landingpages .fourcol.clear .col:hover {
  background: #B91F24;
  color: #fff;
}
.landingpages .fourcol.clear .col:hover h3 {
  color: #fff;
}
.landingpages .fourcol.clear .col:hover i {
  color: #C1272D;
}
.landingpages .fourcol.clear .col i {
  font-size: 80px;
  color: #d2d2d2;
  position: absolute;
  left: 170px;
  bottom: 0px;
}
.landingpages .fourcol.clear h3 {
  font-weight: bold;
}
.landingpages .fourcol.clear h3 span {
  font-weight: normal;
}
.landingpages .fourcol {
  padding-top: 0;
}
.landingpages .fourcol h3, .landingpages .fourcol h4 {
  font-weight: normal;
}
.landingpages .fourcol .col {
  width: 24%;
  padding: 0 !important;
  background: none;
}
.landingpages .fourcol .col:hover {
  background: none;
  color: inherit;
}
.landingpages .fourcol .col h3 a {
  padding-top: 5px;
  display: block;
}
.landingpages h2 {
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
}
.landingpages h2 a {
  color: #333;
  display: block;
}
.landingpages h2 a:hover {
  color: #B91F24;
}
.landingpages h1 a {
  color: #333;
  display: block;
}
.landingpages h1 a:hover {
  color: #B91F24;
}
.landingpages h3 {
  font-weight: normal;
  line-height: 30px;
  color: #444;
}
.landingpages p {
  padding: 0;
}
.landingpages .paninilogo {
  margin-top: 32px;
  display: block;
}
.landingpages .threecol .col {
  width: 31%;
}
.landingpages .threecol .col + .col + .col {
  margin-right: 0;
}
.landingpages .threecol h2, .landingpages .threecol .col {
  text-align: left;
  padding-left: 0;
  margin-right: 10px;
}
.landingpages .threecol h2 img, .landingpages .threecol .col img {
  margin-bottom: 15px;
}
.landingpages .featuredcards h3 {
  font-weight: bold;
}
.landingpages .featuredcards .col {
  width: 20%;
  margin-right: 40px;
}
.landingpages .featuredcards .col p {
  color: #666;
  font-size: 14px;
}
.landingpages .featuredcards .col + .col {
  width: 75%;
  margin-right: 0;
}
.landingpages .redbtn, .landingpages .viewCartBtn, .landingpages .membership input.button, .membership .landingpages input.button, .landingpages .processingfees .col a, .processingfees .col .landingpages a, .landingpages .buyNowPrice + input,
.landingpages .makeOfferBox + input, .landingpages .checkout-container .checkoutNextEnabled, .checkout-container .landingpages .checkoutNextEnabled, .landingpages .whitepages.inventoryManager .inventoryToplist input[value="Request Shipment"], .whitepages.inventoryManager .inventoryToplist .landingpages input[value="Request Shipment"] {
  margin-top: 5px;
}

.hideThisDiv, .showThisDiv {
  position: absolute;
  left: 47%;
  height: 9px;
}

.hideThisDiv {
  bottom: -9px;
}

/* Player's intro panel in search result page */
.landingpageHeader {
  position: relative;
  background: #eee;
  background: #38404c;
}
.landingpageHeader .twocol, .landingpageHeader .fourcol {
  padding: 0 20px;
}
.landingpageHeader .twocol .col, .landingpageHeader .fourcol .col {
  margin: 0;
  padding: 0;
  margin-right: 5px;
  margin-bottom: 5px;
}
.landingpageHeader .twocol {
  display: none;
}
.landingpageHeader .twocol .col {
  width: 60%;
}
.landingpageHeader .twocol .col + .col {
  width: 38%;
  margin-top: 10px;
}
.landingpageHeader .twocol p {
  font-size: 13px;
  color: #bbb;
  margin-bottom: 10px;
}
.landingpageHeader .twocol p a {
  color: #F39D5A;
  text-decoration: none;
}
@media screen and (max-width: 1279px) {
  .landingpageHeader .twocol .col {
    width: 100%;
    font-size: 13px;
  }
  .landingpageHeader .twocol .col + .col object {
    display: none;
  }
  .landingpageHeader .twocol p {
    width: 100%;
  }
}
.landingpageHeader i {
  position: absolute;
  right: -35px;
  top: 0px;
  font-size: 80px;
  color: #eee;
}
@media screen and (max-width: 1280px) {
  .landingpageHeader i {
    display: none;
  }
}
.landingpageHeader .fourcol.clearfix {
  margin: 15px 0 10px 0;
  padding-left: 0;
}
.landingpageHeader .fourcol.clearfix a.col {
  margin-left: 0;
  margin-top: 0;
  position: relative;
  width: 20%;
  padding: 10px;
  min-height: 50px;
  background: #fff;
  overflow: hidden;
  color: #444;
}
.landingpageHeader .fourcol.clearfix a.col h6 {
  position: relative;
  z-index: 10;
}
.landingpageHeader .fourcol.clearfix a.col:hover i {
  color: #ddd;
}
@media screen and (max-width: 1280px) {
  .landingpageHeader .fourcol.clearfix a.col {
    padding: 5px;
    background: #eee;
    min-height: 24px;
    width: auto;
  }
  .landingpageHeader .fourcol.clearfix a.col h6:first-child {
    display: none;
  }
  .landingpageHeader .fourcol.clearfix a.col:hover {
    color: #B91F24;
  }
}
@media screen and (max-width: 1351px) {
  .landingpageHeader .featuredItems.clear {
    display: none;
  }
}
.landingpageHeader h3 {
  font-weight: normal;
  color: #eee;
  padding-bottom: 5px;
}
.landingpageHeader .cardInfoWrapper {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid #38404c;
}
.landingpageHeader .cardInfoWrapper .title {
  display: none;
  text-align: center;
}
.landingpageHeader .cardInfoWrapper .carddata {
  text-align: center;
}
.landingpageHeader .cardInfoWrapper .cardinfo {
  width: auto;
}
.landingpageHeader .cardInfoWrapper .cardinfo .cardDetailsTable {
  width: auto;
  text-align: center;
  padding: 10px 0;
}
.landingpageHeader .cardInfoWrapper .cardinfo .cardDetailsCell {
  height: auto;
  width: 160px;
  height: 140px;
}
.landingpageHeader .cardInfoWrapper .description {
  color: #fff;
  margin: 0;
  width: 160px;
  display: block;
}
.landingpageHeader .cardInfoWrapper .listprice {
  display: none;
}

.privacy__list {
  list-style-type: circle;
}

.privacy__header {
  text-align: center;
}

.privacy__grid-container {
  display: -ms-grid;
  display: grid;
  margin-bottom: 1rem;
  border: 1px solid black;
}
.privacy__grid-container .privacy__grid-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 200px 1fr 280px;
  grid-template-columns: 200px 1fr 280px;
}
.privacy__grid-container .privacy__grid-row .privacy__grid-header {
  border: 1px solid black;
  margin: 0;
  padding: 1rem;
  text-align: center;
}
.privacy__grid-container .privacy__grid-row .privacy__grid-type {
  border: 1px solid black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 1rem;
  text-align: center;
}
.privacy__grid-container .privacy__grid-row .privacy__grid-desc {
  border: 1px solid black;
  padding: 1rem;
}
.privacy__grid-container .privacy__grid-row .privacy__grid-setting {
  border: 1px solid black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem;
  text-align: center;
}

.sales:hover .sale__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sales:hover .sale__pointer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sale__container {
  position: relative;
}
.sale__container .sale__pointer {
  display: none;
  width: 25px;
  height: 25px;
  position: absolute;
  border: 1px solid gray;
  left: 60px;
  top: -4px;
  z-index: 99;
  background: gray;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.sale__container .sale__text {
  cursor: default;
  color: #00139C;
  margin: 0;
}
.sale__container .sale__info {
  display: none;
  position: absolute;
  border-radius: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 100;
  width: 165px;
  padding: 5px;
  border: 1px solid gray;
  background: white;
  left: 70px;
  top: -32px;
}
.sale__container .sale__info .sale__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.sale__container .sale__info p {
  color: black;
  margin: 0;
}

.credit:hover .credit__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.credit:hover .credit__pointer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.credit__container {
  position: relative;
}
.credit__container .credit__details {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: -5px;
  left: 30px;
}
.credit__container .credit__pointer {
  display: none;
  width: 25px;
  height: 25px;
  border: 1px solid gray;
  z-index: 99;
  background: gray;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.credit__container p {
  cursor: default;
  color: #00139C;
  margin: 0;
}
.credit__container .credit__info {
  display: none;
  border-radius: 5px;
  position: absolute;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 100;
  width: 195px;
  text-align: left;
  padding: 5px;
  border: 1px solid black;
  background: white;
  right: 10px;
  top: -30px;
}
.credit__container .credit__info .credit__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.credit__container .credit__info p {
  color: black;
  margin: 0;
}

.inventory__details-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: initial;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.inventory__details-container .inventory__credit {
  margin-left: 4px;
  margin-right: 4px;
  position: relative;
}
.inventory__details-container .inventory__credit .inventory__details {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: -35px;
}
.inventory__details-container .inventory__credit .inventory__credit-text {
  margin-right: 4px;
}
.inventory__details-container .inventory__credit .inventory__pointer {
  display: none;
  width: 25px;
  height: 25px;
  border: 1px solid gray;
  z-index: 99;
  background: gray;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.inventory__details-container .inventory__credit .inventory__text {
  cursor: pointer;
  font-weight: bold;
  color: #00139C;
  margin: 0;
}
.inventory__details-container .inventory__credit .inventory__info {
  display: none;
  border-radius: 5px;
  position: absolute;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 100;
  width: 165px;
  padding: 5px;
  top: -75px;
  right: -75px;
  border: 1px solid gray;
  background: white;
}
.inventory__details-container .inventory__credit .inventory__info .inventory__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.inventory__details-container .inventory__credit .inventory__info p {
  color: black;
  margin: 0;
}

.inventory__credit:hover .inventory__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.inventory__credit:hover .inventory__pointer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cookie__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
  color: white;
}
.cookie__container .cookie__banner {
  border: 1px solid black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 0.5rem;
  background-color: rgba(0, 0, 0, 0.664);
  position: relative;
}
.cookie__container .cookie__banner .cookie__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.cookie__container .cookie__banner .cookie__text .privacy-link {
  text-decoration: none;
  color: red;
}
.cookie__container .cookie__banner .cookie__text .privacy-link:hover {
  color: #bbb;
}
.cookie__container .cookie__banner .cookie__text .redbtn, .cookie__container .cookie__banner .cookie__text .viewCartBtn, .cookie__container .cookie__banner .cookie__text .membership input.button, .membership .cookie__container .cookie__banner .cookie__text input.button, .cookie__container .cookie__banner .cookie__text .processingfees .col a, .processingfees .col .cookie__container .cookie__banner .cookie__text a, .cookie__container .cookie__banner .cookie__text .buyNowPrice + input,
.cookie__container .cookie__banner .cookie__text .makeOfferBox + input, .cookie__container .cookie__banner .cookie__text .checkout-container .checkoutNextEnabled, .checkout-container .cookie__container .cookie__banner .cookie__text .checkoutNextEnabled, .cookie__container .cookie__banner .cookie__text .whitepages.inventoryManager .inventoryToplist input[value="Request Shipment"], .whitepages.inventoryManager .inventoryToplist .cookie__container .cookie__banner .cookie__text input[value="Request Shipment"] {
  height: 35px;
  border-radius: 5px;
}
.cookie__container .cookie__banner .cookie__text p {
  font-size: 1rem;
  margin: 0 !important;
}

.ua__changes ul > li {
  list-style-type: disc;
}

.shipping-address-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  float: left;
  min-height: 286px;
  margin-bottom: 10px;
}

#payment-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 296px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#payment-options.cartbuttons {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  min-width: 286px;
}

.shipping-address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
  padding: 10px;
}
.shipping-address input {
  margin-top: 10px;
  width: 100%;
}

.shipping-extras {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left;
  width: 100%;
  padding-top: 10px;
}
.shipping-extras p {
  padding-left: 10px;
  margin: 0;
}
.shipping-extras .creditcard {
  margin-top: 5px;
  text-align: center;
}

.shipping-form {
  padding: 10px;
}

.shipping-inputs {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 8rem 1fr;
  grid-template-columns: 8rem 1fr;
  padding-bottom: 5px;
}
.shipping-inputs p {
  text-align: right;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  padding-right: 10px;
  margin: 0;
}

.shipping-controls {
  -ms-grid-column: 2;
  grid-column: 2;
}
.shipping-controls p {
  padding-top: 5px;
  color: red;
  font-style: italic;
  font-weight: bold;
  text-align: left;
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding-bottom: 5px;
}

.email-optin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.email-optin input {
  margin: 0;
  width: auto;
}
.email-optin label {
  padding-left: 5px;
}

#ctl00_ContentPlaceHolder1_CountryDropdown, #ctl00_ContentPlaceHolder1_StateDropDownList {
  width: 100%;
}

.shipping-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.shipping-name p {
  padding-right: 5px;
}

.shipping-city {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.shipping-city p {
  padding-right: 5px;
}

.shipping-location-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.shipping-location-wrapper .cartsummary {
  -webkit-box-shadow: 0 1px 1px 0px #ddd;
          box-shadow: 0 1px 1px 0px #ddd;
}
.shipping-location-wrapper .cartsummary .fst {
  text-align: center;
}

.shipping-location-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  margin: 1rem auto;
  padding: 1rem;
  border: 1px solid #333;
}
.shipping-location-container .shipping-inputs {
  -ms-grid-columns: 5.5rem 5px 1fr 5px 1fr;
  grid-template-columns: 5.5rem 1fr 1fr;
  grid-gap: 5px;
}
.shipping-location-container #ctl00_ContentPlaceHolder1_CountryDropdown {
  grid-column: 2/-1;
}

.emptySavedSearchContainer {
  margin: 30px 15px;
  padding: 15px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 80px 10px 1fr;
  grid-template-columns: 80px 1fr;
  grid-gap: 10px;
  border: 1px solid lightgray;
}

.emptySavedSearch__imageContainer {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.emptySavedSearch__imageContainer i {
  font-size: 48px;
  color: #787878;
}

.emptySavedSearch__contentContainer {
  padding-top: 15px;
}
.emptySavedSearch__contentContainer h2 {
  font-size: 20px;
  margin: 0;
  margin-bottom: 20px;
  font-weight: bold;
}
.emptySavedSearch__contentContainer p {
  font-size: 14px;
}

.savedSearchContainer {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  margin: 15px;
}
.savedSearchContainer th {
  background-color: transparent !important;
  color: black !important;
  padding-left: 5px;
  font-size: 16px;
}
.savedSearchContainer tr {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 150px;
  grid-template-columns: 1fr 150px;
  padding: 10px;
  border: 1px solid lightgray;
}
.savedSearchContainer tr:first-child {
  border: none;
}

.savedSearchNotificationsContainer {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 5px 1fr;
  grid-template-columns: auto 1fr;
  grid-gap: 5px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.savedSearchNotificationsContainer input {
  background-color: transparent !important;
  border: none !important;
  text-align: left;
  font-size: 16px;
}
.savedSearchNotificationsContainer i {
  font-size: 24px;
}

.savedSearchLink {
  padding-bottom: 15px;
  font-size: 16px;
}
.savedSearchLink .search {
  font-size: 16px;
}

.savedSearchDeleteBtn {
  margin-left: 15px !important;
  background-color: transparent !important;
  border: none !important;
}

.searchAWS__savedSearchLink {
  font-size: 14px;
  color: GrayText;
  padding-left: 5px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 16px 5px auto;
  grid-template-columns: 16px auto;
  grid-gap: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.searchAWS__savedSearchLink i {
  font-size: 16px !important;
}

.savedPlayers {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: -webkit-max-content 5px auto;
  -ms-grid-columns: max-content 5px auto;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  grid-gap: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cardDetailsTitle {
  background: #f2f2f2;
  font-weight: bold;
  padding: 10px 30px 8px 30px;
}
.cardDetailsTitle h1 {
  margin: 0;
  font-size: 16px;
  font-family: arial, sans-serif;
  font-weight: bold;
  display: inline;
}

.flex-column {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-row {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.add-credit-list ol > li {
  margin-bottom: 10px;
}
.add-credit-list ol > li ul > li {
  list-style-type: initial;
  margin-left: 18px;
}

.promotionBids {
  margin: 10px auto;
  width: 500px;
}

.mergeCart {
    margin: 10px;
}

/* ==========================================================================
   $SmartBanner
========================================================================== */
.smartbanner {
  position: absolute;
  top: 0;
  left: 0;
  overflow-x: hidden;
  width: calc(100% + 15px);
  display: -ms-grid;
  display: grid;
  -webkit-column-gap: 0.5em;
     -moz-column-gap: 0.5em;
          column-gap: 0.5em;
  -ms-grid-rows: calc(144px + 2rem);
  -ms-grid-columns: minmax(3em, auto) 0.5em minmax(3em, auto) 0.5em 2fr 0.5em minmax(4em, auto);
      grid-template: calc(144px + 2rem)/repeat(2, minmax(3em, auto)) 2fr minmax(4em, auto);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  background-color: #f3f3f3;
  height: calc(144px + 2rem);
}
.smartbanner, .smartbanner *, .smartbanner::after, .smartbanner::before, .smartbanner *::after, .smartbanner *::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #666;
  font-size: 2rem;
}
.smartbanner__icon {
  width: 144px;
  height: 144px;
  border-radius: 15px;
  background-size: 144px 144px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
          box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
}
.smartbanner__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: inherit;
  overflow-y: hidden;
  -ms-grid-column-align: left;
      justify-self: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.smartbanner__info * {
  line-height: 1.2;
}
.smartbanner__info__author, .smartbanner__info__price {
  font-size: smaller;
}
.smartbanner__info__title {
  color: #000;
  font-size: 1.2em;
  font-weight: bolder;
  margin-bottom: 0.4em;
}
.smartbanner__button {
  display: block;
  border: 1px rgba(20, 116, 252, 0.5) solid;
  border-radius: 4rem;
  margin: 0 0.75em;
  padding: 0.5em 1em;
  font-size: 1.2em;
  text-align: center;
  text-decoration: none;
}
.smartbanner__button, .smartbanner__button * {
  color: #1474fc;
}
.smartbanner__exit {
  display: block;
  margin: 0;
  border: 0;
  width: 100%;
  padding: 1em;
}
.smartbanner__exit::before {
  content: "\e5cd";
  font-family: "Material Icons";
  font-size: 1.2em;
  text-align: center;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #666;
}
.smartbanner.smartbanner--android {
  background-color: #333;
}
.smartbanner.smartbanner--android * {
  color: #ddd;
}
.smartbanner.smartbanner--android .smartbanner__exit::before {
  color: #eee;
}
.smartbanner.smartbanner--android .smartbanner__button {
  background: rgb(1, 135, 95);
  font-weight: bolder;
  border: none;
  border-radius: 6px;
}
.smartbanner.smartbanner--android .smartbanner__icon {
  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
          box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
}
.smartbanner.smartbanner--android .smartbanner__info__title {
  color: #fff;
}
/*# sourceMappingURL=core.css.map */