/* COPYRIGHT Froo.com LTD 2016 - Frooition client:  170402*/


@import url(https://fonts.googleapis.com/css?family=Noto+Serif:400,400i,700|Playfair+Display:400,700,900);
@import 'https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css';
/* Header Css */


#background * {
  box-sizing: border-box;
}


#header,
#subheader,
div.subheader,
div.boxtitle,
#froocredit,
div.boxcontent,
div.left-col,
div.right-col,
div.top-bar,
div.footer,
#more_items_content,
#leftpane,
#rightpane,
#showcase ul,
ul.tablinks,
#largeimage,
#design,
#customhtml,
#descriptiontitle,
#ImageID {
  display: block;
}


.hidden,
.mobile_only {
  display: none;
  /* RESET FOR NO SUBS */
}


.frooition-container .header-wrapper,
.frooition-container .subheader-wrapper,
.frooition-container .left-col,
.frooition-container .right-col,
.frooition-container .creditlink,
.frooition-container .footer-wrapper,
.frooition-container .boxcontent,
.frooition-container #showcase,
.frooition-container #tab1,
.frooition-container #descriptiontitle {
  display: block;
}


.clear {
  clear: both;
}


#background {
  font-size: 10px;
  background-color: #fff;
}


.page {
  width: 100%;
  font-family: 'Noto Serif', Arial, Helvetica, sans-serif;
  background: none;
  color: #31334f;
}


.page td,
.page .g-std {
  font-family: 'Noto Serif', Arial, Helvetica, sans-serif;
}


.cols {
  background: none center center;
}


.col-wrapper {
  background: none center center;
}


.accent {
  color: #bb9d12;
}


div.row {
  width: 1200px;
  margin: auto;
}


h1,
h2,
h3,
h4,
h5,
h6 {
  width: 100%;
  font-family: PlayFair Display, Arial, Helvetica, sans-serif;
}


.frooition-container .g-novisited a:visited {
  outline: none;
}


.frooition-container a {
  text-decoration: none;
}


.frooition-container a:link {
  outline: none;
}


.frooition-container a:visited {
  outline: none;
}


.frooition-container a:active {
  outline: none;
}


.frooition-container a:hover {
  text-decoration: underline;
  outline: none;
}


a.homelink {
  display: block;
  width: 247px;
  height: 113px;
  background: url("https://cdn.frooition.com/170402/files/logo.png") no-repeat;
  position: absolute;
  top: 10px;
  left: 0px;
}


.header-wrapper {
  background: none center bottom;
}


div#header {
  float: none;
  position: relative;
  background: none center center;
  height: 144px;
  /* End Header */
}


div#header ul.headerlinks {
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: absolute;
  right: 0;
  top: 10px;
  font-size: 1.2em;
  font-style: italic;
  padding: 0 10px 15px 370px;
  border-bottom: 1px solid #ddd;
}


div#header ul.headerlinks li {
  display: inline-block;
  margin: 0px 10px;
}


div#header ul.headerlinks li {
  display: inline-block;
  margin: 0px 16px;
}


div#header ul.headerlinks li a {
  color: #514f64;
  padding: 0px;
  text-decoration: none;
}


div#header ul.headerlinks li a:hover {
  color: #57aecc;
}


.subheader-wrapper {
  background: none;
  border: none;
}


.subheader {
  position: relative;
  z-index: 10;
  background: none;
  height: 0;
}


.header ul.horizontal-nav,
.header ul#nav {
  padding: 0px;
  margin: 20px 0;
  list-style: none;
  height: 40px;
  width: 880px;
  position: absolute;
  right: 0;
  bottom: 20px;
  overflow: hidden;
}


.header ul.horizontal-nav li,
.header ul#nav li {
  float: left;
  border: none;
  height: 100%;
  line-height: 28px;
  transition: background 0.2s ease-out;
}


.header ul.horizontal-nav li:hover,
.header ul#nav li:hover {
  background: #f0f0f0;
}


.header ul.horizontal-nav li:hover a,
.header ul#nav li:hover a {
  color: #bb9d12;
  text-decoration: none;
}


.header ul.horizontal-nav li a,
.header ul#nav li a {
  font-size: 13px;
  text-transform: none;
  font-weight: bold;
  color: #514f64;
  font-family: 'Noto Serif', Arial, Helvetica, sans-serif;
  padding: 5px 14px;
  display: block;
  height: 100%;
  transition: color 0.3s ease-out;
}


.header ul.horizontal-nav li ul,
.header ul#nav li ul {
  display: none;
  position: absolute;
  width: 200px;
  height: auto;
  background: #f0f0f0;
  padding: 5px 0px;
  z-index: 350;
}


.header ul.horizontal-nav li ul li,
.header ul#nav li ul li {
  display: inline-block;
  width: 100%;
  padding: 0;
}


.header ul.horizontal-nav li ul li a,
.header ul#nav li ul li a {
  color: #31334f !important;
  font-size: 10px;
  font-weight: normal;
  text-transform: none;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 10px;
  text-decoration: none;
}


.header ul.horizontal-nav li ul li a:hover,
.header ul#nav li ul li a:hover {
  text-decoration: none;
}


.header ul.horizontal-nav li ul li:hover,
.header ul#nav li ul li:hover {
  background: #ddd;
}


.header ul.horizontal-nav li ul li ul,
.header ul#nav li ul li ul {
  display: none !important;
}


.header ul.horizontal-nav li:hover > ul,
.header ul#nav li:hover > ul {
  display: block;
}


ul#nav li {
  display: none;
}


.cols ul.categories,
.cols .boxlinks {
  font-size: 1.1em;
  font-weight: normal;
  padding: 0px;
  margin: 5px 0px;
  list-style: none;
}


.cols ul.categories ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}


.cols ul.categories li {
  padding: 0px;
  margin: 0px;
  display: block;
}


.cols ul.categories li a,
.cols .boxlinks a {
  text-align: left;
  background: none;
  display: block;
  border-top: none;
  border-bottom: 1px solid #ddd;
  color: #514f64;
  text-decoration: none;
  padding: 5px 5px 5px 10px;
  line-height: 20px;
  width: 100%;
  height: auto;
}


.cols ul.categories li a:hover,
.cols .boxlinks a:hover {
  background: #57aecc;
  color: #fff;
  border-top: none;
  border-bottom: 1px solid #ddd;
  text-decoration: none;
}


.cols ul.categories li:first-child,
.cols .boxlinks:first-child {
  border-top: none;
}


.cols ul.categories li:first-child:hover,
.cols .boxlinks:first-child:hover {
  border-top: none;
}


.cols ul.subCats li a {
  padding: 5px 5px 5px 12px;
}


.cols ul.subSubCats li a {
  padding: 5px 5px 5px 12px;
}


#categories a:after {
  color: #514f64;
  font-size: 10px;
  font-weight: normal;
}


#categories a:hover:after {
  color: #fff;
}


#shoppages.boxtitle {
  display: none;
}


.right-col ul.brands li,
.left-col ul.brands li {
  width: 100%;
  padding: 0px;
  margin: 0px;
}


.right-col ul.brands li img,
.left-col ul.brands li img {
  max-width: 100%;
}


#categories a {
  display: none;
}


#more_items_base {
  clear: both;
}


.right-col a.nspromoitem,
.left-col a.nspromoitem {
  display: none;
  background-position: center center;
  width: auto;
  height: 200px;
  margin-bottom: 5px;
}


.boxtitle,
#descriptiontitle {
  margin: 10px 0px 0px 0px;
  padding: 8px 10px;
  background: none;
  color: #31334f;
  font-family: PlayFair Display, Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  text-transform: uppercase;
  height: auto;
  border-bottom: 1px solid #bb9d12;
}


#categories .boxtitle,
#helpful_links,
.categories .boxtitle,
.categories h2.boxtitle,
.pages .boxtitle {
  background: none;
  color: #31334f;
}


.boxcontent,
.cols .search .searchform {
  padding: 5px;
  background: none;
  background-position: center bottom;
  color: #514f64;
  font-size: 1.1em;
  border-top: none;
  border-bottom: 0px solid #ddd;
  border-left: 0px solid #ddd;
  border-radius: 0px 0px 0px 0px;
  border-right: 0px solid #ddd;
}


.boxcontent a:hover,
.cols .search .searchform a:hover {
  color: #31334f;
  text-decoration: none;
}


.boxcontent a {
  color: #514f64;
}


.boxcontent a a:hover {
  color: #31334f;
  text-decoration: none;
}


.boxlinks {
  border: none;
}


.boxbase {
  display: none;
}


.cols .search form input.searchbox,
.cols .search #search form input.searchbox {
  padding: 5px;
  height: 30px;
  border: 1px solid #ddd;
  width: 100%;
  margin-bottom: 5px;
}


.cols .search form input.submitbox,
.cols .search #search form input.submitbox {
  background: #31334f;
  border-radius: 0px;
  border: none;
  padding: 5px;
  height: 30px;
  width: auto;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}


.cols .search form input.submitbox:hover,
.cols .search #search form input.submitbox:hover {
  background: #57aecc;
}


#showcase,
.itemtitle,
.item-details {
  display: block;
}


#showcase h3,
.itemtitle h3,
.item-details h3 {
  color: #31334f;
  font-family: PlayFair Display, Arial, Helvetica, sans-serif;
  font-size: 2.4em;
  margin: 10px 0px 20px;
  line-height: 1.6em;
}


#showcase::after,
.itemtitle::after,
.item-details::after {
  clear: both;
  content: " ";
}


.leftarrow,
.rightarrow {
  display: none;
  height: 100%;
  top: 0px;
  width: 10%;
  position: absolute;
  z-index: 5;
  padding: 1%;
  cursor: pointer;
  opacity: 0.4;
}


.leftarrow:hover,
.rightarrow:hover {
  opacity: 0.7;
}


.leftarrow span,
.rightarrow span {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 35px;
  color: #eee;
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
}


.leftarrow {
  left: 15px;
  text-align: left;
}


.leftarrow span:before {
  content: "\f0a8";
  font-family: "fontawesome";
}


.rightarrow {
  right: 15px;
  text-align: right;
}


.rightarrow span:before {
  content: "\f0a9";
  font-family: "fontawesome";
}


.g_image:first-child .leftarrow {
  display: none;
}


.rightarrow[data-next-image=""],
.rightarrow[data-next-image="<!-- missing"] {
  display: none;
}


.g_image .thumbimage li {
  border: 1px solid #ccc;
  width: 76px;
  height: 76px;
  margin-bottom: 5px;
  transition: opacity 0.5s;
  opacity: 1;
  position: relative;
  cursor: pointer;
  color: #fff;
  text-align: center;
  position: relative;
  display: block;
  padding: 1px;
  background: #fff;
}


.g_image .thumbimage li:hover {
  opacity: 0.7;
}


.g_image .thumbimage li img {
  max-width: 72px;
  max-height: 72px;
  width: auto;
  height: auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}




#gallery [type=radio]:checked ~ .thumbimage li {
  border: 1px solid #bb9d12;
}


#gallery_outer_1,
#gallery_outer_3 {
  position: relative;
  clear: both;
  margin: 0px 0px 20px 0px;
}



.g_image [type=radio] {
  display: none;
}


.mainimage {
  position: absolute;
  top: 0px;
  margin: 0px 0px 0px 0px;
  background: rgba(0, 0, 0, 0);
  overflow: hidden;
  text-align: center;
  opacity: 0;
  cursor: pointer;
  animation-name: lightboxout;
  animation-duration: 0.5s;
}


@keyframes lightbox {
  from {
    opacity: 0;
    transform: scale(0);
  }


  to {
    opacity: 1;
    transform: scale(1);
  }
}


@keyframes lightboxout {
  from {
    transform: scale(1.5);
  }


  to {
    background: rgba(0, 0, 0, 0);
    transform: scale(1);
  }
}


#gallery [type=radio]:checked ~ .thumbimage {
  color: #fff;
  z-index: 1;
}


#gallery [type=radio]:checked ~ .mainimage {
  opacity: 1;
  z-index: 2;
  padding: 0px 0px 0px 0px;
}


#gallery_outer_1 .g_image[data=""] {
  display: none;
}


#gallery [type=checkbox]:checked ~ .mainimage {
  right: 0px;
  z-index: 100;
  background: #fff;
}


#gallery [type=checkbox]:checked ~ .mainimage img {
  display: block;
  margin: 0px auto;
}


#gallery [type="checkbox"]:checked ~ .mainimage span {
  display: none;
}


.mainimagecb {
  display: none;
}


#gallery_outer_1,
#gallery_outer_1 .mainimage,
#gallery_outer_1 #gallery,
#gallery_outer_1 .mainimage div {
  height: 405px;
  width: auto;
}


#gallery_outer_1 .mainimage {
  left: 112px;
  min-width: 828px;
}


#gallery_outer_1 #gallery {
  box-sizing: border-box;
  clear: both;
  overflow-y: auto;
  overflow-x: hidden;
  direction: rtl;
  padding: 0px 5px 0px 8px;
  margin: 0px;
}


@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #gallery_outer_1 #gallery {
    padding: 0px 0px 0px 20px;
  }
}


@supports (-ms-accelerator:true) {
  #gallery_outer_1 #gallery {
    padding: 0px 0px 0px 10px;
  }
}


#gallery_outer_1 div#gallery::-webkit-scrollbar {
  width: 8px;
  height: 20px;
}


#gallery_outer_1 div#gallery::-webkit-scrollbar-button {
  background-color: #ccc;
}


#gallery_outer_1 div#gallery::-webkit-scrollbar-track {
  background-color: #ccc;
}


#gallery_outer_1 div#gallery::-webkit-scrollbar-track-piece {
  background-color: #ccc;
}


#gallery_outer_1 div#gallery::-webkit-scrollbar-thumb {
  height: 90px;
  background-color: #bb9d12;
  border-radius: 3px;
}


#gallery_outer_1 div#gallery::-webkit-scrollbar-corner {
  background-color: #f00;
}


#gallery_outer_1 div#gallery::-webkit-resizer {
  background-color: #666;
}


#gallery_outer_1 .g_image {
  float: Left;
  clear: both;
}


#gallery_outer_1 .g_image .thumbimage {
  margin: 0px 0px 5px 0px;
}


#gallery_outer_1 .mainimage img {
  max-height: 100%;
  max-width: 100%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


#gallery_outer_2 .g_image {
  max-width: 100%;
  height: auto;
  text-align: center;
  padding: 5px 0px;
}


#gallery_outer_2 .g_image img {
  max-width: 100%;
}


#gallery_outer_2 .g_image[data=""] {
  display: none;
}


#gallery_outer_3 {
  height: auto;
  width: 100%;
}


#gallery_outer_3 .mainimage,
#gallery_outer_3 .mainimage div {
  height: 500px;
  width: 100%;
}


#gallery_outer_3 #gallery {
  height: auto;
  width: 100%;
  padding-top: 500px;
}


#gallery_outer_3 .mainimage {
  left: 0px;
}


#gallery_outer_3 #gallery {
  box-sizing: border-box;
  text-align: center;
}


#gallery_outer_3 .g_image {
  display: inline-block;
  height: 76px;
  margin-bottom: 5px;
}


#gallery_outer_3 .g_image .thumbimage {
  margin: 10px 3px;
}


#gallery_outer_3 .g_image .thumbimage li {
  margin-right: 3px;
}


#gallery_outer_3 .mainimage img {
  max-height: 100%;
  max-width: 100%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


#gallery_outer_3 .g_image[data=""],
#gallery_outer_1 .g_image[data*="<!-- missing"],
#gallery_outer_2 .g_image[data*="<!-- missing"],
#gallery_outer_3 .g_image[data*="<!-- missing"] {
  display: none;
}


.center-col .boxtitle,
#descriptiontitle {
  background: none;
  color: #31334f;
  height: auto;
  font-size: 1.6em;
  margin-bottom: 0px !important;
  margin: 10px 0px 0px 0px;
  padding: 8px 10px;
  font-family: PlayFair Display, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  border-bottom: 1px solid #bb9d12;
}


#description {
  clear: both;
  margin-bottom: 10px;
}

#certificatetitle {
    background: none;
    color: #31334f;
    height: auto;
    font-size: 1em;
    margin-bottom: 0px !important;
    margin: 10px 0px 0px 0px;
    padding: 8px 10px;
    font-family: PlayFair Display, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    border-bottom: 1px solid #bb9d12; }
  }

#description #descriptioncontent {
  padding: 10px;
  background: none;
  border: 0px solid #ddd;
  border-top: none;
  font-size: 1.2em;
  font-family: 'Noto Serif', Arial, Helvetica, sans-serif;
  border-radius: 0px 0px 0px 0px;
  color: #514f64;
}


#description #descriptioncontent ul {
  padding-left: 30px;
  margin: 12px 0px;
}


#description #descriptioncontent ul li {
  list-style: outside;
  display: list-item;
  margin: 0px;
}


#description #descriptioncontent a {
  color: #31334f !important;
  text-decoration: underline;
}


#description #descriptioncontent img {
  max-width: 100% !important;
  height: auto !important;
}


#description #descriptioncontent table {
  max-width: 100% !important;
}


#description #descriptioncontent .row {
  width: 100%;
}


@keyframes tabOut {
  from {
    opacity: 1;
  }


  to {
    opacity: 0;
  }
}


@keyframes tabIn {
  from {
    opacity: 0;
  }


  to {
    opacity: 1;
  }
}


div#tabs {
  margin: 10px 0px 0px 0px;
  display: block;
}


div#tabs [type=radio] {
  display: none;
}


div#tabs label.mobile_tab {
  display: none;
}


div#tabs label li {
  font-size: 1.2em;
  font-family: 'Noto Serif', Arial, Helvetica, sans-serif;
  border-radius: 0px 0px 0px 0px;
  display: block;
  float: left;
  cursor: pointer;
  width: 19.8%;
  text-align: center;
  background: #31334f;
  padding: 10px 0px;
  margin-right: 1px;
  transition: all 0.5s;
  font-weight: 700;
}


div#tabs label li a {
  color: #fff;
  text-decoration: none;
}


div#tabs [type=radio]:checked + label li,
div#tabs label li:hover {
  background: #57aecc;
}


div#tabs [type=radio]:checked + label li a,
div#tabs label li:hover a {
  color: #fff;
}


div#tabs #tab-1:checked ~ .content1,
div#tabs #tab-2:checked ~ .content2,
div#tabs #tab-3:checked ~ .content3,
div#tabs #tab-4:checked ~ .content4,
div#tabs #tab-5:checked ~ .content5 {
  display: block;
}


div#tabs #tab-1:checked ~ .content1 .tabcontent,
div#tabs #tab-2:checked ~ .content2 .tabcontent,
div#tabs #tab-3:checked ~ .content3 .tabcontent,
div#tabs #tab-4:checked ~ .content4 .tabcontent,
div#tabs #tab-5:checked ~ .content5 .tabcontent,
div#tabs #tab-1:checked ~ .content1 h4,
div#tabs #tab-2:checked ~ .content2 h4,
div#tabs #tab-3:checked ~ .content3 h4,
div#tabs #tab-4:checked ~ .content4 h4,
div#tabs #tab-5:checked ~ .content5 h4 {
  animation-name: tabIn;
  animation-duration: 1.2s;
}


div#tabs .content {
  border-radius: 0px 0px 0px 0px;
  animation-duration: 0.5s;
  clear: both;
  padding: 10px;
  border: 0px solid #ddd;
  background: none;
  display: none;
}


div#tabs .content h4.tabtitle {
  display: none;
}


div#tabs .content .tabcontent {
  white-space: normal;
  padding: 0px;
  margin: 0px;
  font-size: 1.2em;
  display: block;
  font-family: 'Noto Serif', Arial, Helvetica, sans-serif;
  line-height: 22px;
  color: #514f64;
}


div#tabs .content .tabcontent a {
  color: #31334f;
  text-decoration: underline;
}


div#tabs label li a {
  display: block;
  pointer-events: none;
}


.center-col {
  /*
#more_items {
text-indent: -999em;
position: relative;
}


#more_items::after {
text-indent: 0;
content: "ITEMS YOU MAY LIKE";
position: absolute;
display: block;
top: 0px;
}
*/
}


.center-col .brands li {
  display: block;
  float: left;
  margin: 0;
  overflow: hidden;
  width: 20%;
  padding: 4px 2px;
}


.center-col .brands li:first-child {
  padding-left: 0px;
}


.center-col .brands li:last-child {
  padding-right: 0px;
}


.center-col .brands li img {
  max-width: 100%;
}


.center-col .brands li:last-child::after {
  clear: both;
}


.center-col a.nspromoitem {
  display: none;
  background-position: center center;
  float: left;
  width: 23%;
  margin: 10px;
  margin: 1%;
  height: 200px;
}


#magento_gallery img {
  max-width: 100%;
}


.m2e-gallery img {
  max-width: 100%;
}


#magento_gallery_thumbs .gallery-column-view .gallery-thumbnail {
  width: 13%;
}


#magento_gallery_thumbs .gallery-thumbnail li {
  border: 1px solid #bb9d12;
}


#magento_gallery_thumbs .gallery-column-view .gallery-image {
  width: 86%;
}


#magento_gallery_thumbs .gallery-column-view .gallery-image img {
  max-width: 100%;
}


#magento_gallery_thumbs .m2e-gallery .preview-container.vertical {
  width: 13%;
  text-align: center;
}


#magento_gallery_thumbs .m2e-gallery .current.vertical {
  width: 86%;
  text-align: center;
}


div#footer.footer {
  background: none center top;
  color: #514f64;
  font-size: 1.2em;
  height: 95px !important;
  position: relative;
  margin-bottom: 20px;
}


div#footer.footer .footer-logo {
  position: absolute;
  width: 170px;
  height: 77px;
  top: 10px;
  left: 20px;
  background: url("https://cdn.frooition.com/170402/files/footer_logo.png");
}


div#footer.footer ul {
  position: absolute;
  right: 0;
  top: 10px;
  font-size: 12px;
  font-style: italic;
  padding: 30px 10px 10px 370px;
  border-top: 1px solid #ddd;
}


div#footer.footer ul li {
  display: inline-block;
  margin: 0px 16px;
}


div#footer.footer ul li a {
  color: #514f64;
  padding: 0px;
  text-decoration: none;
}


div#footer.footer ul li a:hover {
  color: #57aecc;
}


.creditlink-wrapper .creditlink {
  padding-bottom: 3px;
  text-align: right;
  font-family: Arial;
  font-weight: normal;
  font-size: 11px;
}


.creditlink-wrapper .creditlink,
.creditlink-wrapper .creditlink a strong,
.creditlink-wrapper .creditlink a {
  color: #31334f;
  font-weight: normal;
  text-decoration: none;
}


.creditlink-wrapper .creditlink b,
.creditlink-wrapper .creditlink a strong b,
.creditlink-wrapper .creditlink a b {
  color: #bb9d12;
  font-weight: bold;
}


.creditlink-wrapper .creditlink,
.creditlink-wrapper .creditlink div#design {
  display: block;
}


div#design {
  display: block;
}


#backup,
#ns_copyright,
#seo {
  display: none;
}


.creditlink a,
.creditlink a:link,
.creditlink a:visited {
  color: #31334f;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
}


.creditlink a strong,
.creditlink a:link strong,
.creditlink a:visited strong {
  color: #bb9d12;
}


.creditlink a:hover,
.creditlink a:link:hover,
.creditlink a:visited:hover {
  color: #bb9d12;
  text-decoration: none;
}


#background #design {
  background: #fff;
  width: 100%;
  text-align: center;
  padding: 10px;
}


#background #design div {
  width: 200px;
  margin: auto;
  height: 63px;
  overflow: hidden;
  text-indent: -400px;
  font-size: 0em;
  background-size: 100% auto;
  background-image: url('https://global.frooition.com/freedom/ebay_global/img/global_logo_2x.png');
}


.creditlink {
  font-size: 11px;
  text-align: right;
  margin-bottom: 5px !important;
  width: 1200px;
  margin: auto;
}


.topbar-wrapper,
.cols #leftpane.left-col > *,
.cols #rightpane.right-col > *,
#base_custom_content,
#top_custom_content,
.creditlink-wrapper .creditlink,
.header > *,
.header a,
.subheader-wrapper,
.subheader *,
.subheader a,
.footer *,
.footer a,
.frooition-container .subheader-wrapper,
.item-details h3,
.frooition-container #descriptiontitle {
  display: none;
}
.bannerheader {
  display:none;
}

.mobile_only {
  display: block;
}


.item-details,
.alt_image_gallery,
.alt_tabs,
.crosspromotion {
  float: none;
  padding: 0px;
  width: 100%;
}


#background {
  background-color: #fff;
}


.page {
  background: none;
}


.template div#header {
  background: url("https://cdn.frooition.com/170402/files/mobile_header.jpg") center no-repeat;
  background-size: 100% auto;
  height: 0px;
  padding-bottom: 33%;
}


div#footer.footer {
  background: url("https://cdn.frooition.com/170402/files/mobile_footer.jpg") center no-repeat;
  background-size: 100% auto;
  height: 0px !important;
  padding-bottom: 25%;
}


.center-col .boxtitle,
.boxtitle,
h2.boxtitle,
#descriptiontitle {
  background: none;
  border-bottom: 1px solid #bb9d12;
  height: auto;
  padding: 8px 10px;
  font-size: 0.9em;
}


.header-wrapper,
.footer-wrapper {
  background: none;
}


#showcase h3,
.itemtitle h3 {
  text-align: center;
}


@keyframes slide {
  from {
    left: 100%;
  }


  to {
    left: 0%;
  }
}


#gallery_outer_1,
#gallery_outer_3 {
  height: auto;
}


#gallery_outer_1 .g_image,
#gallery_outer_3 .g_image {
  width: 100%;
  height: auto;
}


#gallery_outer_1 #gallery,
#gallery_outer_3 #gallery {
  height: auto;
  padding: 0px;
}


#gallery_outer_1 .mainimage,
#gallery_outer_3 .mainimage {
  display: none;
  position: static;
  animation: none;
  max-width: 100%;
  height: auto;
  min-width: 0px;
}


#gallery_outer_1 .mainimage div img,
#gallery_outer_3 .mainimage div img {
  max-width: 100%;
  height: auto;
  position: relative;
  top: 0px;
  transform: none;
}


#gallery_outer_1 #gallery [type="radio"]:checked ~ .mainimage,
#gallery_outer_3 #gallery [type="radio"]:checked ~ .mainimage {
  display: block;
}


#gallery_outer_1 .mainimage,
#gallery_outer_3 .mainimage,
#gallery_outer_1 #gallery,
#gallery_outer_3 #gallery,
#gallery_outer_1 .mainimage div,
#gallery_outer_3 .mainimage div {
  height: auto;
}


#gallery_outer_1 .g_image .thumbimage,
#gallery_outer_3 .g_image .thumbimage {
  display: none;
}


#gallery [type=radio]:checked ~ .mainimage div img {
  animation-name: slide;
  animation-duration: 0.4s;
}


#gallery_outer_3 .g_image {
  margin-bottom: 0;
}


.leftarrow,
.rightarrow {
  width: 50%;
  display: block;
}


.leftarrow span,
.rightarrow span {
  font-size: 45px;
}


div#tabs {
  margin: 10px 0px;
}


div#tabs label {
  display: none;
}


div#tabs label li {
  width: 100%;
  margin-bottom: 3px;
  position: relative;
  background: #31334f;
  font-size: 0.9em;
  padding: 10px;
  text-align: left;
  text-decoration: none;
  float: none;
}


div#tabs label li a {
  color: #fff;
}


div#tabs label li::after {
  content: "\f0fe";
  font-family: "fontawesome";
  color: #fff;
  position: absolute;
  right: 10px;
  top: 13px;
}


div#tabs label.mobile_tab {
  display: block;
}


div#tabs .content {
  margin-bottom: 7px;
  position: relative;
  top: -3px;
}


div#tabs #tab-1:checked ~ .label-tab-1 li,
div#tabs #tab-2:checked ~ .label-tab-2 li,
div#tabs #tab-3:checked ~ .label-tab-3 li,
div#tabs #tab-4:checked ~ .label-tab-4 li,
div#tabs #tab-5:checked ~ .label-tab-5 li,
div#tabs label li:hover {
  background: #57aecc;
}


div#tabs #tab-1:checked ~ .label-tab-1 li::after,
div#tabs #tab-2:checked ~ .label-tab-2 li::after,
div#tabs #tab-3:checked ~ .label-tab-3 li::after,
div#tabs #tab-4:checked ~ .label-tab-4 li::after,
div#tabs #tab-5:checked ~ .label-tab-5 li::after,
div#tabs label li:hover::after {
  content: "\f146";
  color: #fff;
}


div#tabs #tab-1:checked ~ .label-tab-1 li,
div#tabs #tab-2:checked ~ .label-tab-2 li,
div#tabs #tab-3:checked ~ .label-tab-3 li,
div#tabs #tab-4:checked ~ .label-tab-4 li,
div#tabs #tab-5:checked ~ .label-tab-5 li,
div#tabs label li:hover,
div#tabs #tab-1:checked ~ .label-tab-1 li a,
div#tabs #tab-2:checked ~ .label-tab-2 li a,
div#tabs #tab-3:checked ~ .label-tab-3 li a,
div#tabs #tab-4:checked ~ .label-tab-4 li a,
div#tabs #tab-5:checked ~ .label-tab-5 li a,
div#tabs label li:hover a {
  color: #fff;
}


#more_items {
  margin-top: 10px;
  clear: both;
}


.cols #leftpane.left-col,
.cols #rightpane.right-col {
  width: 100%;
}


.cols #leftpane.left-col froocrosspromo,
.cols #rightpane.right-col froocrosspromo,
.cols #leftpane.left-col #more_items_content,
.cols #rightpane.right-col #more_items_content,
.cols #leftpane.left-col #more_items,
.cols #rightpane.right-col #more_items {
  display: block;
}


#more_items_content a.nspromoitem {
  width: 48%;
  margin: 1%;
  background-size: auto 100%;
  float: left;
  height: 200px;
  padding-bottom: 60%;
}


div#centerpane.center-col,
div.row {
  width: 100%;
}


.cols {
  display: flex;
  flex-direction: column;
}


.cols .center-col {
  order: 1;
}


.cols .left-col {
  order: 2;
}


.cols .right-col {
  order: 3;
}


#description #descriptioncontent img,
#description #descriptioncontent table {
  max-width: 100% !important;
  margin: 0 auto;
  height: auto !important;
}


#description #descriptioncontent table {
  width: 100% !important;
}


#magento_gallery_thumbs .gallery-column-view .gallery-thumbnail {
  width: 100%;
  margin-bottom: 10px;
}


#magento_gallery_thumbs .gallery-thumbnail li {
  display: inline-block;
}


#magento_gallery_thumbs .gallery-column-view .gallery-image {
  width: 100%;
}


@media (min-width: 1px) {
  #background,
  #container {
    font-size: 20px;
  }


  #showcase h3,
  .itemtitle h3 {
    font-size: 1em;
    line-height: 1.1em;
  }


  div#tabs .content .tabcontent,
  #description #descriptioncontent {
    font-size: 0.7em;
  }


  #description #descriptioncontent {
    padding: 10px 0px;
    border: none;
  }


  .leftarrow span,
  .rightarrow span {
    font-size: 1.8em;
    height: auto;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    background: #000;
  }


  .leftarrow span {
    border-radius: 0px 10px 10px 0px;
    padding: 10px 4px 10px 0px;
  }


  .rightarrow span {
    border-radius: 10px 0px 0px 10px;
    padding: 10px 0px 10px 4px;
  }


  .rightarrow {
    right: 0px;
    padding: 0px;
  }


  .leftarrow {
    left: 0px;
    padding: 0px;
  }


  .leftarrow span:before {
    content: "\f053";
  }


  .rightarrow span:before {
    content: "\f054";
  }


  .cols {
    background-size: 200% auto;
  }


  #background #design div {
    height: 77px;
    width: 240px;
    background-size: 100% auto;
  }
}


font {
  font-size: inherit;
}


#description #descriptioncontent font {
  font-size: initial;
}




table.auctionFont td span[style*="color"] {
   font-size: 13px;
}

/* Added 1/24/18 */

.split-2 > div {
      text-align: center;
      margin-top: 15px;
    }