html, body{
overflow-x: hidden;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing: grayscale;
}
body{
font-size: 14px;
line-height: 1.528571;
color: #5C5C5C;
background-color: #fff;
text-align: left; padding:20px 0;
}
.wrapper {
width: 100%;
max-width: 100%;
margin: 0 auto;
position: relative;
z-index: 2;
}
::-moz-selection {
background: #f5f5f5;
color: #333;
}
::selection {
background: #88BD92; /*Was #f5f5f5*/
color: #fff; /*was #333*/
}
/* TEXT */
a{
font-weight: 500;
outline: none;
}
a:hover,a:focus{
color: #fff000;
text-decoration: none;
outline: none;
}
p{
margin: 0 0 10px;
font-family: 'Open Sans','Arial', sans-serif;
text-rendering: optimizelegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.8em;
}
@-moz-document url-prefix() {
p {}
}
h1, h2, h3, h4, h5, h6{
font-family: 'Open Sans','Arial', sans-serif;
text-rendering: optimizelegibility;
line-height: 1em; /*Changed from 1.5em*/
letter-spacing: -0.5px !important;
font-weight: normal;
-webkit-font-smoothing: antialiased;
}
img {
max-width: 100%;
}
h1{
line-height: normal; /*Changed from 0.9em*/
font-size: 24px;
}
.header{background:#fff; overflow:hidden;}
.headerlink {margin:10px 0; text-transform:uppercase;}
.headerlink2{float:right; margin:20px 10px 0 0; background:url(../eBay%20Listing/images/addicon.png) no-repeat 0 5px; padding-left:10px;}
.headerlink1 a, .headerlink2 a{color:#000; font-size:13px; font-weight:600; text-transform:lowercase; margin-left:10px; font-family: 'Open Sans','Arial', sans-serif; text-transform:uppercase;}
.logo{margin:10px 0 25px 12px;}
.promoIcon { margin: 0; overflow: hidden; border:1px solid #DDD; margin:10px 0 20px;}
.promoIcon img { max-width: inherit; width: auto;}
.verifiedimg {
float: right;
margin-right:20px;
margin-top: 25px;
}
.header h3 {
color: #333;
font: bold 24px/28px "Open Sans","Arial",sans-serif;
margin: 50px 0 0;
text-transform: uppercase;
}
.header-right{margin-top:10px;}
.searchBlock { background:url(../eBay%20Listing/images/search-bg.png) no-repeat 0 0; float: right; padding:14px 15px 0 0; overflow: hidden; width: 379px; margin-top:0px;}
.searchBlock input#textfield { background: transparent none repeat scroll 0 0; border: 0 none; color: #000; height: 38px; margin-left: 0; margin-top: 0; padding: 0 0 0 40px; width: 282px;}
.searchBlock input.search-icon { float: right; margin-right: 0px; margin-top: 0px;}
.searchBlock form { margin: 0;}
.searchBlock input.search-icon {
float: right;
margin-right: 0px;
margin-top: 0px;
}
.navigation {
display: inline-block;
float: none;
width: 100%; background:#000;
}
.top-menu li.home { background: rgba(0, 0, 0, 0) url("../eBay Listing/images/home-icon.png") no-repeat scroll 0 17px; text-indent: -9000px; padding-right: 0 !important;}
.top-menu li.home a{ display:block;}
.bodyPan {
display: inline-block;
margin-top: 15px;
width: 100%;
}
.product-descrioption {
display: inline-block;
width: 100%;
}
.left-banner{
margin-bottom:10px;
}
.left-block{margin-bottom:10px;}
.left-block h2 { background: #000 none repeat scroll 0 0;margin: 0; font: 400 24px/47px "Open Sans","Arial",sans-serif; color: #fff; padding:0 0 0 10px;}
.left-block ul {background:#fdfdfd url(../eBay%20Listing/images/category-bg.jpg) repeat-x 0 100%; border:1px solid #cfcfcf; border-top:0;}
.left-block ul li {font:400 16px/41px "Open Sans","Arial",sans-serif; color:#000; border-bottom:1px dotted #333; padding:0 0 0 10px;}
.left-block ul li a{ color:#000; text-decoration:none;}
.left-block ul li:last-child{ border:0;}
.left-block ul li a:hover{ color:#219c2c; text-decoration:none;}
.specialOffer{}
.specialOffer h2 { background: #000 none repeat scroll 0 0;margin: 0; font: 600 26px/47px "Open Sans","Arial",sans-serif; color: #fff; padding:0 0 0 10px; text-transform:uppercase;}
.right-pan{
border-top:5px solid #4a4a4a;
}
.right-pan h2 {
color: #282828;
font:700 24px/28px "Open Sans","Arial",sans-serif;
margin: 10px 0;
text-transform: uppercase;
}
.prevImageContainerLeft {
margin-right:0px; display:inline-block; width:100%;
}
.prev_thumb221 img {
border: 1px solid #ddd;
height: 106px;
margin: 10px 7px 10px 0;
width: 106px;
}
#bigImage > img {
border: 1px solid #ddd;
height: auto;
width: 100%;
}
.topsearch {
background: #fff none repeat scroll 0 0;
border-radius: 15px;
float: right;
margin-right: 15px;
margin-top: 9px;
padding: 4px 12px;
}
.topsearch form input {
border: 0 none;
}
.topsearch form {
margin: 0;
}
.topsearch form button {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #ccc;
border-image: none;
border-style: none none none solid;
border-width: 0 0 0 1px;
}
.footer{ padding:10px 10px;}
.footerBottom{background:#FFF;padding:5px 0;}
.titleText h1 {
color: #5e5c5c;
font-size: 17px;
font-weight: bold;
margin: 0;
padding: 0px 0 10px;
text-transform: uppercase;
}
.footer ul { float: left; width: 50%;}
#description p.price { font-family:"Open Sans","Arial",sans-serif; font-weight:bold;font-size:34px; color:#219c2c; padding-bottom:10px; margin:0; }
#description p.price span { text-decoration:line-through; color:#333; font-size:30px;}
.price { font-family:"Open Sans","Arial",sans-serif;font-weight:bold;font-size:26px;color:#ad0000;padding-bottom:10px; }
.size { font-family:"Open Sans","Arial",sans-serif;font-weight:400;color:#777777;padding-bottom:10px;font-size:14px; }
.avail { font-family:"Open Sans","Arial",sans-serif;font-weight:400;color:#777;padding-bottom:10px;font-size:16px; }
.avail span { color:#f68121; }
.desc { font-size:16px;font-family:"Open Sans","Arial",sans-serif;color:#777; }
.desc ul li{ color:#5c5c5c; list-style-type:disc; margin-left:25px; margin-bottom:5px; font-size:17px;}
.desc p{color:#5c5c5c; font-size:17px;}
.shipping {
background: #000000 none repeat scroll 0 0;
display: inline-block;
margin: 0;
padding: 10px 0;
width: 100%;
}
.shipping p {
color: #a1a1a1;
font-family: oswald;
font-size: 19px;
font-style: italic;
font-weight: normal;
line-height: 30px;
margin-bottom: 0;
text-transform: uppercase;
}
.shipping p span {
display: block;
font-size: 23px;
font-weight: bold;
line-height: 22px;
}
.shipping img {
float: left;
margin-right: 10px;
}
#showcase {
float: left;
margin: 5px 0;
text-align: center;
width: 100%;
}
#showcase ul {
display: block !important;
float: left;
list-style: outside none none;
margin: 0;
padding: 0;
width: auto;
}
#showcase li.button.eaf {
margin: 15px 0;
padding-left: 48px;
width: 187px;
background-attachment: scroll;
background-color: rgba(0, 0, 0, 0);
background-image: url(../eBay%20Listing/images/buyitbg.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}
#showcase li.button, #showcase li.button a {
color: #de0a71;
float: left;
font: bold 12px/20px arial;
height: 49px;
margin: 0 1px 8px 0;
width: 150px;
}
.cont {
color: #5c5c5c;
font-size: 14px;
}
.demo {
margin:15px 0 0;
}
.newletter-bg {
background: #dd0000 none repeat scroll 0 0;
padding: 10px;
margin-top:15px;
}
select {
display: none;
}
.newsletterbox p {
color: #fff;
float: left;
font-size: 13px;
text-align: left;
width: 321px;
}
.subscribebtn {
background: #219c2c none repeat scroll 0 0;
color: #fff !important;
display: block;
font: 400 14px/28px "Open Sans","Arial",sans-serif;
margin: 10px 0 0;
padding: 6px 14px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 116px;
}
.subscribebtn:hover{ color:#FFF; background:#000;}
.newsletterbox > h2 {
color: #fff;
display: inline;
font-size: 17px;
font-weight: bold;
line-height: 34px;
margin: 0 10px 0 0;
padding: 0;
text-transform: uppercase;
}
.footer-sec { background: #090910 none repeat scroll 0 0; margin-top: 20px; padding: 20px 0;}
.ft-media p {
color: #fff;
float: left;
font-size: 14px;
line-height: 34px;
margin-right: 10px;
text-transform: uppercase;
text-align: right;
font-weight:bold;
margin-bottom:0px;
}
.ft-media ul {
float: left;
}
ul, li {
/*list-style-type: none;*/
margin: 0;
padding: 0;
}
.ft-media ul li {
float: left;
margin: 0 1px;
}
.ft-media ul li .ft-face {
background: transparent url("https://ebaydesigns.s3.amazonaws.com/newtech/store/images/ftr-social-img.jpg") no-repeat scroll 0 0;
display: block;
height: 34px;
width: 34px;
}
.footer h3 { color: #fff; font-size: 18px; font-weight: 600; margin: 0 0 15px; padding: 0; text-transform: uppercase; position:relative;}
.footer h3::before {
background: #219c2c none repeat scroll 0 0;
bottom: 0;
content: "";
height: 2px;
position: absolute;
width: 70px;
}
.ft-social > img { float: left; margin: 0 10px 0 0;}
.ft-social a {color: #fff;}
.footer p { color:#FFF; font-weight:400; font-size:14px;line-height:18px; padding-bottom:20px; }
.footer ul li { color: #FFF;font: 400 14px/28px "Open Sans","Arial",sans-serif; margin: 0 5px 0 0;}
.footer ul li.ph-number {
height: 22px;
line-height: 22px;
background-repeat:no-repeat;
}
.footer ul li.mailids{
height: 22px;
line-height: 22px;
background-repeat:no-repeat;
}
.footer ul li a {
color: #FFF;
}
.footer ul li a:hover {
color: #219c2c;
text-decoration:underline;
}
.copyright-bg {background-color:#FFF; padding:5px 0; font-family: 'Open Sans','Arial', sans-serif; line-height:26px; font-size:17px;}
.copyright-bg p { color: #000; font-size: 14px; margin: 0;}
.copyright-bg span { color:#ca0d13; }
/*=============================================== Easy responsive tabs ===================================================================*/
.resp-tabs-list li {
color: #fff;
cursor: pointer;
display: inline-block;
font-family: open sans;
font-size: 16px;
font-weight: 400;
line-height: 16px;
list-style: outside none none;
margin: 0;
padding: 12px 15px;
text-transform: uppercase;
}
.resp-tab-item.resp-tab-active {
background: #ad0000 none repeat scroll 0 0;
}
.resp-tabs-list li:hover {
background: #ad0000 none repeat scroll 0 0;
}
.resp-tab-item {
background: #272727 none repeat scroll 0 0;
}
.resp-tabs-container {
background-color: #fff;
clear: left;
padding: 0;
}
h2.resp-accordion {
cursor: pointer;
padding: 5px;
display: none;
}
.promo-banner{
margin:20px 0;
}
.resp-tab-content {
display: none;
padding: 15px;
}
.resp-tab-active {
border: medium none;
margin-bottom: -1px !important;
padding: 12px 15px !important;
}
.resp-tab-active {
border-bottom: none;
background-color: #00aff0;
color:#fff !important;
}
.resp-content-active,
.resp-accordion-active { display: block; }
.resp-tab-content {
border-color: #ddd #e0dede #e0dede;
border-style: solid;
border-width: 1px;
}
h2.resp-accordion {
background: #272727 none repeat scroll 0 0;
font-size: 16px;
text-transform:uppercase;
font-weight:bold;
border: 1px solid #ddd;
border-top: 0px solid #ddd;
margin: 0px;
padding: 10px 15px;
color:#FFF;
}
h2.resp-tab-active {
border-bottom: 0px solid #ddd !important;
margin-bottom: 0px !important;
padding: 10px 15px !important;
}
h2.resp-tab-title:last-child {
border-bottom: 12px solid #ddd !important;
background: blue;
}
/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
float: left;
width: 30%;
}
.resp-vtabs .resp-tabs-list li {
display: block;
padding: 15px 15px !important;
margin: 0;
cursor: pointer;
float: none;
}
.resp-vtabs .resp-tabs-container {
padding: 0px;
background-color: #fff;
border: 1px solid #ddd;
float: left;
width: 68%;
min-height: 250px;
border-radius: 4px;
clear: none;
}
.resp-vtabs .resp-tab-content { border: none; }
.resp-vtabs li.resp-tab-active {
border: 1px solid #ddd;
border-right: none;
background-color: #fff;
position: relative;
z-index: 1;
margin-right: -1px !important;
padding: 14px 15px 15px 14px !important;
}
.resp-arrow {
width: 0;
height: 0;
float: right;
margin-top: 3px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 12px solid #ddd;
}
h2.resp-tab-active span.resp-arrow {
border: none;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 12px solid #fff;
}
/*-----------Accordion styles-----------*/
h2.resp-tab-active { background: #ad0000 !important; }
.resp-easy-accordion h2.resp-accordion { display: block; }
.resp-easy-accordion .resp-tab-content { border: 1px solid #ddd; }
.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #ddd !important; }
.resp-jfit {
width: 100%;
margin: 0px;
}
.resp-tab-content-active { display: block; }
h2.resp-accordion:first-child { border-top: 1px solid #ddd !important; }
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
ul.resp-tabs-list { display: none; }
h2.resp-accordion { display: block; }
.resp-vtabs .resp-tab-content { border: 1px solid #ddd; }
.resp-vtabs .resp-tabs-container {
border: none;
float: none;
width: 100%;
min-height: initial;
clear: none;
}
.resp-accordion-closed { display: none !important; }
.resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #ddd !important; }
}
/*-------------------Slide & Tab Start---------------------------- */
* {
margin: 0;
padding: 0;
}
.slider {
margin: 0 auto;
padding-top: 100%;
position: relative;
width: 100%;
}
.slider > img {
position: absolute;
left: 0;
top: 0;
width: 100%;
border: solid 1px #ccc;
padding: 5px;
height:100%;
}
.slider input[name='slide_switch'] {
display: none;
}
.slider label {
border: 1px solid #b3b3b3;
cursor: pointer;
float: left;
margin: 15px 14px 0 0px;
opacity: 0.6;
}
.slider label img {
display: block; width:70px; height:70px;
}
.imagesect {margin: 0 auto;width: 100%;}
.imgbox, .desBox {display: inline-block;width: 100%;}
.slider input[name='slide_switch']:checked+label {
border-color: #666;
opacity: 1;
}
.slider input[name='slide_switch'] ~ img {
opacity: 0;
/*transform: scale(1.1);*/
}
.slider input[name='slide_switch']:checked+label+img {
opacity: 1;
transform: scale(1);
}
.product-details{background:#fbfbfb; border:1px solid #d9d9d9; height:320px; overflow:auto; padding:10px;}
.product-details p{ font:normal 14px/20px "Open Sans","Arial",sans-serif; color:#777777; margin-bottom: 5px;}
.product-details p strong{color:#272727}
.product-details h5{font:600 18px/22px "Open Sans","Arial",sans-serif; color:#272727; margin:0 0 10px 0;}
#tabContainer input {
visibility: hidden;
}
#tabContainer label {
background: #333333 none repeat scroll 0 0;
border-radius: 0;
color: #fff;
cursor: pointer;
display: block;
float: left;
padding:8px 30px;
text-align: center;
text-transform: uppercase;
margin:0 0.25em 0 0; font-size:16px;
}
#tabContainer input:hover + label {
background: #272727 none repeat scroll 0 0;
color: #fff;
}
#tabContainer {
margin-top: 15px;
}
#tabContainer input:checked + label {
background: #219c2c none repeat scroll 0 0;
color: #fff;
margin-bottom: 0;
position: relative;
display: block;
padding:8px 30px;
}
#content {
background: #fff none repeat scroll 0 0;
border: 1px solid #e0dede;
border-radius: 0;
min-height:1148px;
position: relative;
width: 100%;
z-index: 5;
overflow: auto;
}
#content ul{ margin:0;}
#content ul > li {
color: #333; font:400 14px/22px "Open Sans","Arial",sans-serif;
list-style-image: url("../eBay Listing/images/thik.jpg");
margin: 5px 0 0 24px;
padding-left: 10px;
}
#content div.hidediv {
opacity: 0;
padding: 1em;
position: absolute; width:100%;
z-index: -100;/*
transition: all linear 0.1s;
*/
}
#content-1 p {
clear: both;
margin-bottom: 1em;
}
#content-1 p.left img {
float: left;
margin-right: 1em;
}
#content-1 p.last {
margin-bottom: 0;
}
#content-2 p {
/*float: left;*/
}
#content-2 p.column-right {
margin-left: 3%;
}
#content-2 p img {
display: block;
margin: 0 auto 1em auto;
}
#content-3 p, #content-3 ul {
margin-bottom: 1em;
}
#content-3 ul {
margin-left:0;
}
#content-4 p, #content-4 ul {
margin-bottom: 1em;
}
#content-4 ul {
margin-left: 2em;
}
#tabContainer input#tab-1:checked ~ #content #content-1, #tabContainer input#tab-2:checked ~ #content #content-2, #tabContainer input#tab-3:checked ~ #content #content-3, #tabContainer input#tab-4:checked ~ #content #content-4, #tabContainer input#tab-5:checked ~ #content #content-5 {
opacity: 1;
z-index: 100;
}
input.visible {
visibility: visible !important;
}
.tabPanel {
background: #eeeeee none repeat scroll 0 0;
}
#content p { font:400 14px/22px "Open Sans","Arial",sans-serif; color:#333;margin-bottom:10px;}
#content h4 { font:700 20px/30px "Open Sans","Arial",sans-serif; color:#000;margin-bottom:20px;}
#content p strong{ font:600 16px/22px "Open Sans","Arial",sans-serif; color:#000;}
#content strong{ font:600 16px/22px "Open Sans","Arial",sans-serif; color:#000;}
#content table td{font:400 14px/22px "Open Sans","Arial",sans-serif !important; color:#333;}
/*-------------------Slide & Tab End----------------------------*/
.top-menu ul {
list-style-type:none;
margin:0;
padding:0;
}
/*Create a horizontal list with spacing*/
.top-menu li {
background: rgba(0, 0, 0, 0) url("../eBay Listing/images/nav-bdr.jpg") no-repeat scroll 0 20px;
display:inline-block; padding-left:6px; margin-right: 40px;/*changed from 20*/
}
/*Style for menu links*/
.top-menu li a {
color: #fff;
display: block;
font: 600 16px/20px "Open Sans","Arial",sans-serif;
padding: 15px 10px 15px 13px; text-transform:uppercase;
}
/*Hover state for top level links*/
.top-menu li a:hover {
color: #219c2c;
}
/*Style for dropdown links*/
.top-menu li:hover ul a {
background: #f3f3f3;
color: #2f3036;
height: 40px;
line-height: 40px;
}
/*Hover state for dropdown links*/
.top-menu li:hover ul a:hover {
background: #19c589;
color: #fff;
}
/*Hide dropdown links until they are needed*/
.top-menu li ul {
display: none;
}
/*Make dropdown links vertical*/
.top-menu li ul li {
display: block;
float: none;
}
/*Prevent text wrapping*/
.top-menu li ul li a {
width: auto;
min-width: 100px;
padding: 0 20px;
}
/*Display the dropdown on hover*/
.top-menu ul li a:hover + .hidden, .hidden:hover {
display: block;
}
/*Style 'show menu' label button and hide it by default*/
.top-menu .show-menu {
text-decoration: none;
color: #FFF;
background: transparent;
text-align: left;
padding: 10px 0;
display: none;
margin-bottom:0;
font-weight:bold;
cursor:pointer; text-transform: uppercase;
}
.top-menu .show-menu .icon-th-list{ margin-right:5px;}
/*Hide checkbox*/
.top-menu input[type=checkbox]{
display: none;
}
/*Show menu when invisible checkbox is checked*/
.top-menu input[type=checkbox]:checked ~ #menu{
display: block;
}
/*Responsive Styles*/
@media screen and (max-width : 767px){
/*Make dropdown links appear inline*/
.top-menu ul {
position: static;
display: none;
}
/*Create vertical spacing*/
.top-menu li {
margin-bottom: 1px;
padding:5px 0px 5px 20px;
}
/*Make all menu links full width*/
.top-menu ul li, li a {
width: 100%;
font-size:14px;
display: inline-block;
}
/*Display 'show menu' link*/
.top-menu .show-menu {
display:block; margin: 0 10px;
}
}
.banner img {
margin-bottom: 20px;
}
.prodBox { display: inline-block; width: 100%;}
.clearfix::after{
clear: both;
content: "";
display: table;
}
input[type="checkbox"], input[type="radio"] {
display: none;
}
.ess-gallery .img-box {
border: 1px solid #dddddd;
width: 100%;
margin-left: auto;
margin-right: auto;
float: left;
transition: transform .2s;
z-index: 99999;
}
/*.ess-gallery .img-box:hover {
transform: scale(1.5);
}*/
.img-holder {
text-align: center;
overflow: hidden;
background: #fff;
display: none;
}
#imgView1:checked ~ .img-box #content1, #imgView2:checked ~ .img-box #content2, #imgView3:checked ~ .img-box #content3, #imgView4:checked ~ .img-box #content4, #imgView5:checked ~ .img-box #content5, #imgView6:checked ~ .img-box #content6, #imgView7:checked ~ .img-box #content7, #imgView8:checked ~ .img-box #content8, #imgView9:checked ~ .img-box #content9, #imgView10:checked ~ .img-box #content10, #imgView11:checked ~ .img-box #content11, #imgView12:checked ~ .img-box #content12, #imgView13:checked ~ .img-box #content13, #imgView14:checked ~ .img-box #content14, #imgView15:checked ~ .img-box #content15, #imgView16:checked ~ .img-box #content16, #imgView17:checked ~ .img-box #content17, #imgView18:checked ~ .img-box #content18, #imgView19:checked ~ .img-box #content19, #imgView20:checked ~ .img-box #content20 {
display: block;
}
.essTabs *, .img-holder .lightbox::before {
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.img-holder .imgBox {
text-align: center;
height:470px;
overflow: hidden;
background: #fff;
display: block;
position: relative;
}
.img-holder img {
text-align: center;
display: inline-block;
border: 0;
max-width: 90%;
max-height: 90%;
}
.imgBox img {
bottom: 0;
height: auto;
left: 0;
margin: auto;
max-height: 90%;
max-width: 90%;
position: absolute;
right: 0;
top: 0;
width: auto;
}
.img-holder .lightbox:before {
content: "";
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
opacity: 0;
visibility: hidden;
overflow: hidden;
z-index: 999;
}
.enlarge {
padding: 10px 0;
text-align: center;
border-top: 1px solid #dddddd;
}
/*-----------------------------------------------------------------------------------
POPUP GALLERY
-----------------------------------------------------------------------------------*/
@-webkit-keyframes zoom {
from { -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); opacity: 0; }
to { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}
@keyframes zoom {
from { -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); opacity: 0; }
to { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}
.img-holder .lightbox:before { content: ""; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); opacity: 0; visibility: hidden; overflow: hidden; z-index: 999; }
.img-holder input:checked ~ .lightbox:before { position: fixed; opacity: 1; visibility: visible; top: 0; }
.img-holder input:checked ~ .lightbox { position: static; cursor: zoom-out; }
.img-holder input:checked ~ .lightbox .img-popup { position: absolute; top: 10vh; left: 0; right: 0; bottom: 0; margin: 0 auto; border: 10px solid #333; background-color: #fff; z-index: 9999; width: 90%; width: calc(100% - 30px); max-width: 800px; max-height: 600px; -webkit-animation: zoom 0.5s ease-out; animation: zoom 0.5s ease-out; }
.img-holder input:checked ~ .lightbox .img-popup:after { content: ""; cursor: pointer; display: block; width: 40px; height: 40px; background: url(../eBay%20Listing/svg/icon-close.svg) center center no-repeat #fff; -webkit-background-size: contain; background-size: contain; position: absolute; top: 5px; right: 5px; }
.essBody [id^="popup"]:checked ~ .popup-bg { background-color: red; height: 10px; }
.thumb { font-size: 0; text-align: left; width:100%; margin-left:0px; float:left }
.thumb label { display: inline-block; width:100px; }
.thumb label .box { cursor: pointer; cursor: cell; border: 1px solid #dddddd; overflow: hidden; text-align: center; position: relative; margin: 7px 15px 15px 0; height: 100px; }
.thumb .imgBox:first-child .box{ margin-left:0}
.thumb label img { display: inline-block; border: 0; }
#trapezoid {
border-bottom: 100px solid red;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
height: 0;
width: 100px;
}
#title > h1 {
color: #357535;
font-size: 22px;
font-weight: 600;
margin: 0 0 10px 0;
width: auto;
}
#description p strong { color: #272727; font-size: 18px;}
.new_box{
border-bottom: 150px solid #cf000b;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
width:445px;
height:0;
display:inline-block;
}
#description p {
color: #000;
width: auto;
}
.brandNew {
background: #fff;
padding-top: 0;
padding-right: 0;
padding-left: 0;
padding-bottom: 0;
min-height: 0px;
}
.brandNew h3 {
background: #219c2c;
font: 600 24px/44px "Open Sans","Arial",sans-serif;
color: #fff;
padding: 0 0 0 10px;
margin: 0;
min-height: 0px;
}
.brandNew-inner{ padding:0 10px 10px;}
.brandNew-inner h4 {font:600 24px/26px "Open Sans","Arial",sans-serif; color:#000; padding:0; margin:0 0 10px 0;}
.brandNew-inner p {font:400 20px/26px "Open Sans","Arial",sans-serif; color:#000; padding:0; margin:0 0 10px 0;}
.brandNew-inner ul > li { font:400 15px/29px "Open Sans","Arial",sans-serif; color:#000;
list-style-image: url("../eBay Listing/images/thik.jpg");
margin: 5px 0 0 24px;
padding-left:5px;
}
.store {
text-align: center;
padding-top:30px;
}
.new_box > h1 {
color: #fff;
font-size: 29px;
font-weight: bold;
padding-top: 10px;
padding-bottom:0px;
text-align: center;
text-transform: uppercase;
margin:0;
}
.new_box > h2 {
color: #fff;
font-size: 43px;
font-weight: bold;
padding: 0;
text-align: center;
text-transform: uppercase;
margin:0;
}
.new_box > h3 {
color: #fff;
font-size: 16px;
font-weight: bold;
padding: 0;
text-align: center;
text-transform: uppercase;
margin:0;
}
.imgBoxdesc {
position: relative;
}
.imgBoxdesc span {
position: absolute;
bottom: 50px;
left: 50px;
width: 70%;
}
.imgBoxdesc span font {
display: inline-block;
width: 100%;
}
.imgBoxdesc span font.smallfont {
font-size: 21px;
color: #FFF;
font-weight: bold;
margin-bottom:15px;
}
.imgBoxdesc span font.largefont {
font-size: 27px;
font-weight: bold;
color: #FFF;
margin-bottom:15px;
}
.imgBoxdesc span font.xsmallfont {
color: #FFF;
font-size: 15px;
margin-bottom:15px;
}
#content-2 table td {
padding: 5px;
}
.extraspace {
float: right;
margin-top: 13px;
}
#content-1 p.prodinfobox {
width: 31.333%;
margin-right: 30px;
float: left;
clear: none;
text-align: justify;
}
#content-1 p.prodinfobox.end{ margin-right:0px;}
p.prodinfobox img {
width: 100%;
}
#content-1 p img {
width: auto;
}
.prodinfobox {min-height: 674px;}
.prodinfobox h2 {
font-size: 19px;
font-weight: 700;
color: #219c2c;
}
.prodinfobox p{}
.redimg{ text-align:center; margin-top:30px;}
.prodinfobox img {
width: 100%;
}
.prodinfozigzag {
display: inline-block;
width: 100%;
}
.prodinfozigzag h2 {
font-size: 18px;
font-weight: 700;
color: #219c2c;
}
.compinfo {
text-align: center; margin-top:30px;
}
.compinfo p {
display: inline-block;
padding: 15px 30px;
margin: 0 10px;
border: 2px solid #77EE2C;
border-radius: 10px;
font-weight: 700 !important;
font-size: 22px !important;
}
.compinfo p span {
font-weight: normal !important;
font-size: 14px !important;
display: block;
text-align: left;
}
.listheading{margin: 90px auto 70px;
border: 0px;
font-variant-ligatures: none;
font-variant-numeric: inherit;
font-variant-east-asian: inherit;
font-stretch: inherit;
font-size: 13px;
line-height: inherit;
font-family: open_sans, sans-serif;
vertical-align: baseline;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 1px;
background: rgb(204, 204, 204);
color: rgb(0, 0, 0);}
.listheading h2{
padding-right: 15px;
padding-left: 15px;
line-height: inherit;
vertical-align: baseline;
letter-spacing: 0.05em;
background: rgb(255, 255, 255);
text-align: center;
}
.prodinfoboxnorm{display:inline-block; width:100%; margin-bottom:15px;}
.prodinfoboxnorm h2 {
font-size:19px;
font-weight:700;
color:#219c2c;
margin-top:0px;
}
.imghovertext{
font-family: Roboto, sans-serif;
padding: 2.5em;
position: relative;
filter: none !important;
}
.absolimg{
font-family: Roboto, sans-serif;
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
overflow-y: hidden;
background-size: cover;
opacity: 0.99;
transform: translate3d(0px, 0px, 0px);
background-image: url("https://cdn.cnetcontent.com/syndication/mediaserverredirect/ac281b11ff4cda126215179f2a996059/original.png");
background-position: right center;
background-attachment: scroll;
background-repeat: no-repeat;
filter: none !important;
}
.absoltext {
font-family: Roboto, sans-serif;
position: relative;
display: block;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
width: calc(40% + 3.3em);
margin-right: auto;
filter: none !important;
background: rgba(255, 255, 255, 0.38);
padding: 1.6em;
}
.absoltext h3 {
margin-top: 0;
font-size: 17px;
line-height: 22px;
color: #FFF;
}
.absoltext span {
color: #FFF;
font-size: 12px;
line-height: 19px;
}
.prodinfoboxnorm .label{color: #000; line-height: 3; font-size: 100%;}
/*Paul's Edits/*
@media screen and (max-width: 360px) {
.redimg {
max-width: auto;
}
}
/* Shine Mouseover Effect on Image */
.img-popup img {
position: auto;
}
.img-popup figure::before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.img-popup figure:hover::before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
#content h4 {
text-align: center;
background-color: #219c2c;
line-height: 45px;
}
.tabset {
padding-top: 10px;
} /*I added this don't forget*/
.tabset > input[type="radio"] {
position: absolute;
left: -200vw;
}
.tabset .tab-panel {
display: none;
}
.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6),
.tabset > input:nth-child(13):checked ~ .tab-panels > .tab-panel:nth-child(7){
display: block;
}
/*
Tab Styling
*/
body {
font: 16px/1.5em "Overpass", "Open Sans", Helvetica, sans-serif;
color: #333;
font-weight: 300;
}
.tabset > label {
position: relative;
display: inline-block;
padding: 15px 15px 25px;
border: 1px solid transparent;
border-bottom: 0;
cursor: pointer;
font-weight: 600;
}
.tabset > label::after {
content: "";
position: absolute;
left: 15px;
bottom: 10px;
width: 75%;
height: 4px;
background: #8d8d8d;
}
.tabset > label:hover,
.tabset > input:focus + label {
color: #219c2c;
}
.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
background: #219c2c;
}
.tabset > input:checked + label {
border-color: #ccc;
border-bottom: 1px solid #fff;
margin-bottom: -1px;
}
.tab-panel {
padding: 30px 0;
border-top: 1px solid #ccc;
}
.footer-list { /*Remove bullets from links in footer*/
list-style-type: none;
}
.move-list { /*Moves bullet points into view on condition tab*/
padding-left: 45px;
}
.move-list li {
margin: 0 0 10px;
font-family: 'Open Sans','Arial', sans-serif;
text-rendering: optimizelegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.8em;
}
/*The below add the labels to the bullet points for Conditions*/
.brand-new {
list-style-image: url("https://freemanmedia.co.uk/test/grade-new.png");
}
.gold {
list-style-image: url("https://freemanmedia.co.uk/test/grade-gold.png");
}
.silver {
list-style-image: url("https://freemanmedia.co.uk/test/grade-silver.png");
}
.refurb {
list-style-image: url("https://freemanmedia.co.uk/test/grade-bronze.png");
}