@import 'https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css';

/*
Copyright �2016 Frooition Ltd. All rights reserved.
The following HTMLand CSS Styling may not be used or reproduced in whole or in part, without the prior permission of Frooition, www.frooition.com.
All eBay graphics not owned by eBay or eBay associations are the property of the eBay account owner and may not be used without their written authorisation.
Any person or group of persons found to be in breach of this notice may face legal action.
*/

/*<========== GENERAL STYLING (contains: background, header, flash, subheader, repeater & footer) ==========>*/

/*<-- background -->*/
#background {
	 background: url(https://shared.froo.com/FTT/themes/11310131/files/shared_background.png);
}
a:focus { outline: none; }

/*<-- repeater -->*/
div#container {
	width: 980px;
	margin: 0px auto;
}

/*<-- header -->*/
div#header {
	display: block;
	background: url(https://shared.froo.com/FTT/themes/11310131/files/shared_header.png);
	height: 182px;
	width: 980px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
}

.homelogo {
	display: block;
	top: 50px;
	left: 40px;
	position: absolute;
	border: none;
}

.homelogo img {
    max-height: 103px;
    width: auto;
	border: none;
}

div#centerpane {
    padding: 0px;
	margin: 0px 0px 0px 0px;
    width: 980px;
	background: url(https://shared.froo.com/FTT/themes/11310131/files/shared_repeater.png);
}

div#top {
    padding: 20px 0px 0px 0px;
	margin: 0px;
    width: 980px;
	background: none;
	position: relative;
}

/*<-- footer -->*/
div#footer {
	display: block;
	background: url(https://shared.froo.com/FTT/themes/11310131/files/shared_repeater.png);
	height: 30px;
	width: 980px;
	clear: both;
}

/*<========== ITEM DETAILS  ==========>*/

#itemdetails {
    float: right;
    margin: 0px 40px 20px 0px;
    padding: 0;
    width: 430px;
}

.itemtitle {
	display: block;
	font-family: Tahoma, Geneva, sans-serif;
	color: #333333;
	font-size: 24px;
	line-height: 26px;
	text-transform: none;
	text-align: left;
    margin: 0px 0px 15px 0px;
	padding: 0px 0px 15px 0px;
	border-bottom: 3px dotted #e6e6e6;
}

#sma_description {
	font-family: Tahoma, Geneva, sans-serif;
	color: #333333;
	font-size: 14px;
	line-height: 18px;
	text-transform: none;
	text-align: left;
    margin: 0px 0px 0px 0px;
}

/*<========== About Designer Tab  ==========>*/

#abouttab {
	display: block;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0;
    width: 310px;
}

.abouttabheader {
	line-height: 31px;
	text-align: left;
	text-indent: 20px;
	text-transform: uppercase;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #333;
	background: #fff;
	position: relative;
	padding: 0px 0px;
	height: 32px;
	width: 290px;
	margin: 0px 0px 0px 0px;
	border-top: 2px solid #e6e6e6;
	border-bottom: 2px solid #e6e6e6;
}

.abouttabcontent {
	margin: 0px 0px 40px 0px;
	padding: 15px 20px 15px 20px;
	width: 250px;
	background: #f1f1f1;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333;
	height: 295px;
	overflow: auto;
}

.clear {
	display: block;
	clear: both;
}

/* -------------------------------------------------------- */
/* Tab Layout Styling; */
/* -------------------------------------------------------- */
#tabs {
display: block;
position: relative;
width: 570px;
min-height: 300px; /* This part sucks */
clear: both;
margin: 0px 40px 40px 40px;
float: left;
}

#tabs .tablinks {
float: left;
}

ul.tablinks {
    width: auto;
}

#tabs .tablinks label {
cursor: pointer;
}

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

#tabs .content {
position: absolute;
top: 40px;
left: 0;
background: none;
right: 0;
bottom: 0;
padding: 0px;
height: 325px;
overflow: auto;
display: none;
border: 1px solid #dbdbdb;
}

#tabs [type=radio]:checked ~ label {
z-index: 2;
}

#tabs [type=radio]:checked ~ label ~ .content {
z-index: 0;
display: block;
}

pre.tabcontent {
	width: auto;
 	white-space: -moz-pre-wrap;
 	white-space: -pre-wrap;
 	white-space: -o-pre-wrap;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin: 0px 0px;
	padding: 15px 20px;
	word-wrap: break-word;
	white-space:normal;
	background: url(tab_content.gif) repeat;
	color: #333;
	text-indent: 0px;
	z-index: 0;
	height: 288px;
}

pre.tabcontent a { color:#333 !important; text-decoration: underline;}

ul.tablinks {
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	height: 40px;
	display: block !important;
	cursor: pointer;
	z-index: 0;
	top: 0px;
}

ul.tablinks li {
	display: inline;
	float: left;
	margin: 0px 2px 0px 0px;
	padding: 0;
	z-index: 0;
}

ul.tablinks li a, ul.tablinks li span {
	display: block;
	width: 136px;
	padding: 0px 0px;
	height: 39px;
	line-height: 39px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size: 14px;
	z-index: 1;
	border: 1px solid #dbdbdb;
	pointer-events: none;
}

ul.tablinks li a  {
	background: #e6e6e6;
	color: #323232;
}

ul.tablinks li a:hover, #tabs [type=radio]:checked ~ label li  a,  ul.tablinks li span {
	background: #fff;
	color: #323232;
	position: relative;
	border-bottom: 1px solid #fff;
}

div.tabtitle, div.tabbase, h4.tabtitle {
	display: none;
}


/*<========== Frooition Credit link colours ==========>*/

#design {
	margin: 30px 0px 40px 0px;
	width: 100%;
	text-align: center;
	display: block;
}

#design div {
	width: 197px;
	background: url(https://shared.froo.com/FTT/themes/11310131/files/global_logo.gif) no-repeat;
	/* background: url(https://shared.froo.com/FTT/shared_img/global_logo.gif) no-repeat; */
	margin: 0px auto;
}

#design div a {
display: block;
width: 230px;
height: 63px;
}

#design strong {
display: none;
}

#seo { display: none; }

.breaker {
	display: block;
	height: 1px;
	width: 100%;
	clear: both;
	/*background-color: #bbbbbb;*/
	margin: 10px 0px;
}



/* ----------------------------------------------- */
/* Font overrides for description */
#sma_description, 
.descriptionbody,
.descriptionbody p,
.descriptionbody b,
.descriptionbody a,
.descriptionbody span,
.descriptionbody table,
.descriptionbody tr,
.descriptionbody td,
.descriptionbody h1,
.descriptionbody h2,
.descriptionbody h3,
.descriptionbody h5,
.descriptionbody h5
 {
	font-family: Tahoma, Geneva, sans-serif;
	color: #333333;
}

#sma_description, 
.descriptionbody,
.descriptionbody p,
.descriptionbody b,
.descriptionbody a,
.descriptionbody span,
.descriptionbody table,
.descriptionbody tr,
.descriptionbody td
 {
	font-size: 14px;
	line-height: 18px;
	text-transform: none;
    margin: 0px 0px 0px 0px;
}



/* Font overrides for tabs */
pre.sma_tabcontent, div.sma_tabcontent, pre.tabcontent, div.tabcontent {
    font-family: Tahoma, Geneva, sans-serif !important;
	color: #333333 !important;
}
  
  

/* Fix for sellers with double height tab titles */
ul.tablinks li {display: block;float: left;margin: 0px 2px 0px 0px;padding: 0;z-index: 2;vertical-align: baseline;height: 54px;position: relative;width: 138px;}

ul.tablinks li a, ul.tablinks li span {display: table-cell;width: 136px;padding: 8px 0px;height: auto;line-height: 18px;text-align: center;text-decoration: none;text-transform: uppercase;font-family: Tahoma, Geneva, sans-serif;font-weight: normal;font-size: 14px;z-index: 0;border: 1px solid #dbdbdb;position: absolute;left: 0px;bottom: 0px;}

ul.tablinks li a:hover, #tabs [type=radio]:checked ~ label li a, ul.tablinks li span {background: #fff;color: #323232;border-bottom: 1px solid #fff;position:absolute;}

#tabs .content {top: 53px;}

#abouttab {margin: 16px 0px 0px 0px;}
  
  

/*<========== Promo ==========>*/

.more {
	display: block;
	width: 900px;
	height: 209px;
	margin: 0px 40px 0px 40px;
	padding: 10px 0px;
	border-top: 2px solid #e6e6e6;
	border-bottom: 2px solid #e6e6e6;
	position: relative;
	z-index: 1;
}

.moreheader {
	text-align: center;
	text-transform: none;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size: 30px;
	line-height: 32px;
	color: #403e3e;
	background: #fff;
	position: relative;
	padding: 30px 0px;
	width: 166px;
	margin: 0px 50px 0px 0px;
	border-right: 3px dotted #e6e6e6;
	float: left;
	height: 159px;
}


#sma_promo_widget, #sma_promo_inner  {
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
	background: none;
	z-index: 2;
	position: relative;
} 

#sma_promo_widget{
	margin: 0px 0px 0px 166px;
} 

.nspromoitem{
	display: none;
	width: 150px;
	height: 200px;
	float: left;
	background-size: 100% auto;
}

#promo_default {
    display: block;
    font-size: 12px;
    height: 200px;
    line-height: 200px;
    padding: 0px;
    text-decoration: underline;
    width: 100%;
	font-family: "oswald",Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #000;
	text-align: center;
	font-weight: bold;
}

#promo_default a {
	color: #000;
}


 #gallery_outer_1, #gallery_outer_2, #gallery_outer_3{
    display: block;
}

.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=""] {
  display: none; }

.g_image .thumbimage li {
  border: 1px solid #ccc;
  width: 100px;
  height: 100px;
  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.5; }
  .g_image .thumbimage li img {
    max-width: 96px;
    max-height: 96px;
    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 #666; }

#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; }

.mainimagecb {
  display: none; }

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

#gallery_outer_1 .mainimage {
  left: 140px;
  min-width: 480px; }

#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: #083b56;
  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%; }

#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; }

 /* Overall Gallery width and height; */
#gallery_outer_3{
	height: auto;
	width: 430px;
	float: left;
	margin: 0px 40px 0px 40px;
	position: relative;
}
  
#gallery_outer_3 .mainimage, #gallery_outer_3 .mainimage div {
  height: 350px;
  width: 100%; }

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

#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: 104px;
  margin-bottom: 5px; 
  vertical-align: bottom;}

#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%; }

    #gallery_outer_3 #gallery [type=checkbox]:checked ~ .mainimage, #gallery_outer_1 #gallery [type=checkbox]:checked ~ .mainimage {
      animation-name: lightbox;
      animation-duration: 0.5s;
      padding: 0px;
      position: fixed;
      width: 100vw;
      left: 0px;
      right: 0px;
      height: 100vh;
      background: rgba(0, 0, 0, 0.6); }
      #gallery_outer_3 #gallery [type=checkbox]:checked ~ .mainimage > div, #gallery_outer_1 #gallery [type=checkbox]:checked ~ .mainimage > div {
        background: #fff;
        position: static;
        box-sizing: content-box;
        top: 0px;
        max-height: 80vh;
        width: 100%;
        height: auto;
        max-width: 60vw;
        margin: auto;
        margin-top: 10vh;
        padding: 10px;
        box-shadow: 0px 5px 13px rgba(0, 0, 0, 0.4);
        border-radius: 6px; }
        #gallery_outer_3 #gallery [type=checkbox]:checked ~ .mainimage > div img, #gallery_outer_1 #gallery [type=checkbox]:checked ~ .mainimage > div img {
          max-height: 80vh; }
        #gallery_outer_3 #gallery [type=checkbox]:checked ~ .mainimage > div::after, #gallery_outer_1 #gallery [type=checkbox]:checked ~ .mainimage > div::after {
          background: #fff none repeat scroll 0 0;
          border-radius: 6px;
          color: #666;
          content: "Click to close";
          font-size: 16px;
          padding: 4px;
          position: relative;
          bottom: 8px; } 

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

  /* Hide thumbs if there is only 1 */
  #gallery  div:only-child li {
    display: none;
}
  pre.sma_tabcontent {
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-family: 'arial';
}


ul.sma_tablinks .sma_tabcontent a {
    background: none;
}

ul.sma_tablinks .sma_tabcontent a, ul.sma_tablinks .sma_tabcontent a:hover, ul.sma_tablinks .sma_tabcontent span {
    display: inline;
    font-size: inherit;
    font-weight: normal;
    height: auto;
    line-height: normal;
    text-decoration: underline;
    text-indent: 0px;
    width: auto;
}
/*<========== Promo ==========>*/

.more {
	display: block;
	width: 900px;
	height: 209px;
	margin: 0px 40px 0px 40px;
	padding: 10px 0px;
	border-top: 2px solid #e6e6e6;
	border-bottom: 2px solid #e6e6e6;
	position: relative;
	z-index: 1;
}

.moreheader {
	text-align: center;
	text-transform: none;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size: 30px;
	line-height: 32px;
	color: #403e3e;
	background: #fff;
	position: relative;
	padding: 30px 0px;
	width: 166px;
	margin: 0px 50px 0px 0px;
	border-right: 3px dotted #e6e6e6;
	float: left;
	height: 159px;
}


#sma_promo_widget, #sma_promo_inner  {
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
	background: none;
	z-index: 2;
	position: relative;
} 

#sma_promo_widget{
	margin: 0px 0px 0px 166px;
} 

.nspromoitem{
	display: none;
	width: 150px;
	height: 200px;
	float: left;
	background-size: 100% auto;
}

#promo_default {
    display: block;
    font-size: 12px;
    height: 200px;
    line-height: 200px;
    padding: 0px;
    text-decoration: underline;
    width: 100%;
	font-family: "oswald",Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #000;
	text-align: center;
	font-weight: bold;
}

#promo_default a {
	color: #000;
}

#ds_div #container div[typeof="Product"] span[property="description"], #ds_div #sma_container div[typeof="Product"] span[property="description"]{
	display: block; 
}