@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css); img{max-width:100%} html, body, ul, li, h1, h2, h3, h4, h5, h6, img, p { color: #777; font-family: "Open Sans", sans-serif; margin: 0; padding: 0; } .clear {clear:both} body { font-size: 14px; letter-spacing: 0.2px; background-image:url(https://ebay.yooneekstore.com/images/bg.jpg); background-color:#FFF; background-repeat:repeat;} .helper {display: inline-block;height: 100%;vertical-align: middle;} /*IMAGE GALLERY*/ #gallery_div {width:821px;height: auto;text-align:center;float:left;margin-top: 30px;margin-bottom: 34px;} .gallery_div_in * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .gallery_div_in *:before, .essWrap *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gallery_div_in input[type="checkbox"], .gallery_div_in input[type="radio"] { display: none; } .gallery_div_in {width: 70%;margin: 0 auto;} .gallery_div_in .img_sec1 { background-color: #fff;width: 100%;} .img-container {display: none;width: 100%;} .img-container .lbl {cursor: zoom-in;text-align: center;padding-bottom: 100%;overflow: hidden;background: #fff;display: block;position: relative;} .img-zoom { background-color: #fff; bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 100%; } .img_sec2 {font-size: 0;margin-left: 0px;margin-right: 0px;text-align: center;width: 100%;} .img_sec2 label {width: 13%;padding: 0 2px;display: inline-block;margin-top: 10px;} .img_sec2 label .box { cursor: pointer; cursor: cell; border: 1px solid #e6e6e6; background-color: #fff; overflow: hidden; text-align: center; position: relative; padding-bottom: 100%; } .img_sec2 label img { display: inline-block; border: 0; } #main_image1:checked ~ .img_sec1 #content1, #main_image2:checked ~ .img_sec1 #content2, #main_image3:checked ~ .img_sec1 #content3, #main_image4:checked ~ .img_sec1 #content4, #main_image5:checked ~ .img_sec1 #content5, #main_image6:checked ~ .img_sec1 #content6, #main_image7:checked ~ .img_sec1 #content7, #main_image8:checked ~ .img_sec1 #content8, #main_image9:checked ~ .img_sec1 #content9, #main_image10:checked ~ .img_sec1 #content10 {display: block;width: 100%;} .checkbox{display:none;} @-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-container .lbl_box: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-container input:checked ~ .lbl_box:before { position: fixed; opacity: 1; visibility: visible; top: 0; } .img-container input:checked ~ .lbl_box { position: static; cursor: zoom-out; } .img-zoom { -webkit-animation: zoomOut 0.5s ease-out; animation: zoomOut 0.5s ease-out; } .img-container input:checked ~ .lbl_box .img-zoom {border: 7px solid #333;margin: 0 auto;z-index: 9999;max-width: 700px;max-width: 700px;height: 700px;webkit-animation: zoom 0.5s ease-out;animation: zoom 0.5s ease-out; margin-top: 21%;} .img-container input:checked ~ .lbl_box .img-zoom::after { font-family: FontAwesome; content: "\f057"; font-size: 30px; color: #d10000; cursor: pointer;display: block;position: absolute;top: 7px;right: 10px } .lbl img {bottom: 0;height: auto;left: 0;margin: auto;max-height: 100%;max-width: 100%;position: absolute;right: 0;top: 0;width: auto;text-align: center;} /*IMAGE GALLERY*/ /*TOP BANNER*/ .topbanner {margin:0 auto; height:auto; width:1060px } /*TOP BANNER */ .banner {margin:0 auto; height:auto; width:1060px } /*SLIDER START*/ #slider_main_div { width:1060px; height: 400px; margin:0 auto ;padding-top: 0px; } @keyframes slidy { 0% { left: 0%; opacity:1 } 20% { left: 0%; opacity:1 } 40% { left: -100%;opacity:1 } 60% { left: -100%;opacity:1 } 80% { left: -200%; opacity:1 } 90% { left: -200%; opacity:1 } 100% { left: -200%; } } figure { margin: 0 } #captioned-gallery { overflow: hidden; } figure.slider { position: relative; width: 500%; animation: 10s slidy infinite;} figure.slider figure { width: 20%; float:left } /*SLIDER END*/ /*MENU START*/ .main_manu_div {margin:0 auto;height:44px;width:1060px;margin-top: 0px;margin-bottom: 3px;} .menubar-menu-up { background: rgb(40,40,40); background: -moz-linear-gradient(top,  rgba(40,40,40,1) 0%, rgba(22,22,22,1) 100%); background: -webkit-linear-gradient(top,  rgba(40,40,40,1) 0%,rgba(22,22,22,1) 100%); background: linear-gradient(to bottom,  rgba(40,40,40,1) 0%,rgba(22,22,22,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282828', endColorstr='#161616',GradientType=0 );} .menubar-menu-up { width:1060px; height:44px; float:left;  } .menubar-menu{ width:840px; height:44px; float:left ;} .toggle, [id^=drop] { display: none; } .menubar-menu nav:after { content:""; display:table; clear:both; } .menubar-menu nav ul { margin:0px } .menubar-menu nav ul li { display:inline-block; float: left; line-height:32px; border-right: 1px solid rgba(0, 0, 0, 0.27);} .menubar-menu nav ul li:last-child {  border-right:none} .menubar-menu nav ul li a { display:block; padding:6px 21px; color:#FFF; font-size:15px; font-family: "Open Sans", sans-serif; text-decoration:none; font-weight:normal; text-transform:uppercase } .menubar-menu nav ul li a:hover { color:#FFF ; background-color:#054c80;-o-transition:.7s; -ms-transition:.7s; -moz-transition:.7s; -webkit-transition:.7s; transition: .7s; } .favourite {width:220px; height:44px; float:left} .favourite a {display: block; padding: 12px 5px 10px 22px; color: #FFF; font-size: 15px; font-family: "Open Sans", sans-serif; text-decoration: none; font-weight: normal; text-transform: uppercase;} .favourite a:before { font-family: FontAwesome; content: "\f004"; font-size: 19px; color: #fff; position: relative; padding-right: 7px; bottom: -2px; } /*MENU END*/ .content{ margin:0 auto; width:1060px; height:auto; background-color:#000; padding-top:3px; } /*TITLE STYLES START*/ .content_wrap { margin: 0 auto 3px auto; padding: 0; overflow: hidden; background: #fff; border: 0px solid #ddd; height:auto; } .content_category { width:230px; border-left: none; border-top:none} .content_pages { width:230px; border-left: none; border-top:none} .content_gallery { width:821px; } .content_description { width:821px; } .content_policies { width:821px; } .content_featured_categories { width:821px; } .content_title_outer { padding: 7px 0px 7px 0px; border-bottom: 1px solid #f0f0f0; float:left; background-color:#212121; width: 100%; } .content_title { padding-left: 15px; font: 400 15px "Open Sans", sans-serif; color: #f5f5f5; text-transform: uppercase;  } .category_title {  } .pages_title {} .description_title {  } .policies_title p { color: #f5f5f5;  } .featured_categories_title {} .content_title  span { color: #111; } /*TITLE STYLES END*/ /*LEFT SECTION START*/ .left_bar{ width:230px; height:auto; float:left; padding-left:3px} .left_content { display:block; padding:0px 0px 4px 0px; width:228px; height:auto; float:left } .left_content .ula { width: 230px;list-style: none;padding: 0px ;margin-top: 0px;margin-left: 0px;display: block;} .left_content .lia { position: relative;display: block;height: 30px;line-height: 30px; border-bottom:none; background-color:#fbfbfb; border-bottom: 1px solid #F4F4F4; } .left_content .lia:hover { background-color:#FAF8F8; color:#1A5997; cursor:pointer } .left_content .lia:last-child { border-bottom: 0px} .left_content .lia a img { width:24px; float:left; padding:4px 0px 0px 17px; } .left_content .aa { text-indent: 15px; text-align: left; text-decoration: none; font: 12px 'Open Sans', sans-serif; display: block; height: 28px; color:#000; text-transform:uppercase; line-height:29px; } .left_content .aa:hover {  } .payment { margin:0px 10px 4px 0px; float:left; width:230px; height:302px; background-image:url(https://ebay.yooneekstore.com/images/secure_payment.png) } .left1 { margin:6px 10px 4px 0px; float:left; width:230px; height:auto; } /*LEFT SECTION END*/ /*MIDDLE SECTION START*/ .middle_bar{ width:821px; height:auto; float:left; margin-left:3px} /*MIDDLE SECTION END*/ /*FEATURED CATEGORIES START*/ #fc_main_div { width:100%; height:auto; float:left; padding-bottom: 15px; } #img_div {width: 268px; height: 183px; float:left; } #img {  float:left ;padding: 13px 0px 0px 16px; width: 254px;} #img:hover {  opacity:0.8;} /*FEATURED CATEGORIES END*/ /*DESCRIPTION CONTENT START*/ .title_new { width:821px; height:auto; background-color:#fbfbfb;margin:0 auto; float:left; margin:0px 0px 0px 0px; border-bottom: 1px solid #f0f0f0;} .title_new .dv1 { padding:20px 10px 20px 30px} .title_new .dv1 p {  font-family: "Open Sans", sans-serif; font-size:24px; font-weight:bold; color:#383838; padding:5px 10px 5px 0px; text-align:center} .description_content { width:821px; height:auto; background-color:#fff;margin:0 auto; float:left; margin:0px 0px 0px 0px; border-bottom: 1px solid #f0f0f0;} .description_content .dv1 { padding:20px 20px 20px 20px} .description_content #dv1nw { padding: 15px 15px 15px 15px; } .description_content .dv1 p { font-family: "Open Sans", sans-serif; font-size:24px; font-weight:bold; color:#383838; padding:5px 10px 5px 0px; text-align:center} .description_content .dv2 { background-color:#f9f9f9; margin-right:0px; border:0px; padding:0px; border:1px solid #e8e8e8 } .description_content .dv2 p { font-family: "Open Sans", sans-serif; font-size:15px; font-weight:normal; color:#424242; padding:0px; text-align:left; padding:20px;letter-spacing: 0px } .description_content .dv1 h3 {  font-family: "Open Sans", sans-serif; font-size:18px; padding:15px 0px 9px 20px; color:#424242 } .description_content .dv1 .dv3 { background-color:#; margin-left:37px; border:0px; padding:0px } .description_content .dv1 .dv3 ul li {  font-family: "Open Sans", sans-serif; font-size:14px; line-height:1.7; color:#424242} .dv3 ul li { font-size:14px } #des_content_nw { padding: 20px 20px 20px 20px; } #des_content_nw p { padding:0px 0px 0px 0px } /*DESCRIPTION CONTENT END*/ /*POLICIES CONTENT START*/ .policies_content { width:821px; height:auto; background-color:#FFFFFF;margin:0 auto; float:left; margin:0px 0px 0px 0px} .tabbed_content { width:799px; height:auto;background-color:#FFFFFF;margin:0 auto; padding:10px} .tabbed {margin: 0 auto; min-width: ; max-width: ; font: 16px "Open Sans", sans-serif;; margin-bottom:10px; width: 806px;} .tcontent {background: #FFFFFF; color: #111; font: 14px "Open Sans", sans-serif;; width:796px; border: 1px solid #ddd;  border-top: none;} .tcontent > div {display: none; padding: 20px 25px 20px; background-color:#fff } .tabbed input {display: none;} .tabbed label {display: inline-block; padding: 12px 1px 12px 0px; font-weight: normal; text-align: center;background: #fff; color:#000; width:19%; border: 1px solid #ddd; text-transform:uppercase;font-family: "Open Sans", sans-serif;} label:hover {color: #000; cursor: pointer;} input:checked + label {background: #054c80; color: #fff;; width:19%; text-transform:uppercase;font-family: "Open Sans", sans-serif;} .tabbed label img { float:left; padding-right:5px; width:30px } #content1 ul img { position:relative; right:-2px; bottom:-10px; width:205px } #tab1:checked ~ .tcontent #content1, #tab2:checked ~ .tcontent #content2, #tab3:checked ~ .tcontent #content3, #tab4:checked ~ .tcontent #content4, #tab5:checked ~ .tcontent #content5{display: block;} .tabbed_scroll {width: 747px;height: 150px;overflow:auto;padding-right: 24px;text-align:justify;font-size: 15px;line-height: normal;font-family: "Open Sans", sans-serif;color:#424242;} .tabbed_scroll ul { margin-left:17px; list-style:inherit } .tabbed_scroll ul li {text-align: justify; font: 400 15px "Open Sans", sans-serif;  color: #777;} /*POLICIES CONTENT END*/ /*FOOTER START*/ .footer{ width:1058px; height:56px; margin:0 auto; margin-top:15px; background-color:#111 } .footer_div1 { width:184px; height:56px; background-color:#; float:left; } .footer_div1 .dv1_p1 { font-size:21px; color:#999; float:left; font-family:'Oswald', sans-serif; font-weight:bold; padding: 10px 0px 0px 14px; } .footer_div1 .dv1_p2 { font-size:16px; color:#999; float:left; font-family:'Oswald', sans-serif; padding:16px 7px 0px 8px; } .footer_div2 { width:305px; height:56px; background-color:#; float:left; margin-right: 8px; } .footer_div2 .dv2_a1 {font-size:15px; color:#CCC; float:left; font-family:'Oswald', sans-serif; padding: 6px 21px 8px 21px; text-decoration: none; float: left; background-color: #3c3c3c; border-radius: 4px; margin: 10px 0px 0px 0px; text-transform:uppercase } .footer_div2 .dv2_a2 {font-size:15px; color:#CCC; float:left; font-family:'Oswald', sans-serif; padding: 6px 12px 8px 12px; text-decoration: none; float: left; background-color: #3c3c3c; border-radius: 4px; margin: 10px 0px 0px 10px;text-transform:uppercase } .footer_div2 .dv2_a1:before { font-family: FontAwesome; content: "\f0e0"; font-size: 15px; color: #e1e1e1; position: relative; padding-right: 10px; bottom: 1px; } .footer_div2 .dv2_a2:before { font-family: FontAwesome; content: "\f090"; font-size: 18px; color: #e1e1e1; position: relative; padding-right: 10px; bottom: -1px; } .footer_div2 .dv2_a1:hover {background-color:#111;; background-color:#111;-o-transition:.7s; -ms-transition:.7s; -moz-transition:.7s; -webkit-transition:.7s; transition: .7s;} .footer_div2 .dv2_a2:hover {background-color:#111;; background-color:#111;-o-transition:.7s; -ms-transition:.7s; -moz-transition:.7s; -webkit-transition:.7s; transition: .7s;} .footer_div3 { width:550px; height:56px; background-color:#; float:left;  margin-right: 8px; } .footer_div4 { width:112px; height:56px; background-color:#; float:right; background-image:url(https://merkrv.com/ebay/Tem8/PIC/logo_nw2.png) ;background-repeat: no-repeat; background-position: 0px 9px;} /*Animation*/ .scroll-right { height: 50px; overflow: hidden; position: relative; right: -px; } .scroll-right p { font-size: 13px; position: absolute; width: 100%; height: 100%; margin: 0; line-height: 60px; text-align: center; font-family:'Oswald', sans-serif; -moz-transform:translateX(100%); -webkit-transform:translateX(100%); transform:translateX(100%); -moz-animation: scroll-left 15s linear infinite; -webkit-animation: scroll-left 15s linear infinite; animation: scroll-left 15s linear infinite; } @-moz-keyframes scroll-left { 0%   { -moz-transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); } } @-webkit-keyframes scroll-left { 0%   { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); } } @keyframes scroll-left { 0%   { -moz-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); } } /*Animation*/ /*FOOTER END*/ @media (max-width: 1060px) { .banner { width:100%; float:left } .banner img { width:100%; float:left } .topbanner { height:auto; width:100% } .topbanner img { height:auto; width:100% } /*IMAGE GALLERY*/ #gallery_div {width: 100%;height:auto;padding-top: 10px;padding-bottom: 25px;margin: 0 auto;} .gallery_div_in { width: 50%; } /*IMAGE GALLERY*/ .description_content .dv1 {padding: 15px 10px 15px 10px;} .tabbed_scroll { width:100% } /*MENU*/ .main_manu_div {height:41px} .menubar-menu-up { width:100%; height:auto } .main_manu_div { width:100% } .menubar-menu{ width:100%; height:auto ;} nav { margin: 0; background-color:#2b2b2b } .toggle + a, .menu { display: none; } .toggle { display: block; background-color: #000; padding:9px 20px 9px 20px; color:#FFF; font-size:17px; text-decoration:none; border:none; text-transform:uppercase} .toggle:hover { background-color: #000; color:#FFF } [id^=drop]:checked + ul { display: block; background-color:#000} nav ul li { display: block; width: 100%; } nav ul ul .toggle, nav ul ul a { padding: 0 40px; } nav ul ul ul a { padding: 0 80px; } nav a:hover, nav ul ul ul a { background-color: #111; opacity:0.9 } nav ul li ul li .toggle, nav ul ul a, nav ul ul ul a{ padding:14px 20px; color:#FFF; font-size:17px; } nav ul li ul li .toggle, nav ul ul a { background-color: #212121; } nav ul ul { float: none; position:static; color: #ffffff; } nav ul ul li:hover > ul, nav ul li:hover > ul { display: none; } nav ul ul li { display: block; width: 100%; } nav ul ul ul li { position: static; } nav a { padding: 6px 44px 6px 20px; } .menubar-menu nav ul li a {padding: 6px 28px 6px 21px;} .favourite {display:none} /*MENU*/ .content{ width:100%;  padding-top:0px; border:0px} .left_bar{ display:none } .content_wrap {border-left:none; border-right:none;  background: #FFF; } .content_gallery { width:100%; } .content_description { width:100%; } .content_policies { width:100%; } .content_featured_categories { width:100%; } .content_title_outer { width:100%; } .description_title { height:auto } .middle_bar{ width:100%; margin-left:0px } .tabbed label {padding: 10px 0px 10px 0px; width:100%; border: 1px solid #f1f1f1;} .description_title{ width:100%; height:auto; margin:0 auto; margin:0px 0px 0px 0px} .description_content { width:100%; height:auto; margin:0 auto; padding:0px; border:0px} .policies_content { width:100% } .tabbed_content { width:100% } .policies_title{ width:100%; height:25px; margin:0 auto; margin:0px 0px 0px 0px} .policies_content { width:100%; height:auto; margin:0 auto; float:left; margin:10px 0px 0px 0px} .tcontent {width:100%} .tabbed_content { width:100%; height:auto; margin:0 auto; padding:0px} .tabbed { width:100% } input:checked + label {width:100%} .footer{ width:100%;  background-color:#fbfbfb; margin:0px; height:auto; float:left } .footer_div1 { display:none } .footer_div2 { display: none; } .scroll-right { height:30px;  } .footer_div3 { width:100%; height:auto; margin-right: 0px;} .footer_div4 { display:none } .scroll-right { background-color: #212121;padding: 3px 0px 6px 0px; } .scroll-right p { line-height: 28px; font-size: 13px; color:#d3d1d1 } } @media all and (max-width : 768px) { #des_content_nw p { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .description_content .dv1 p { font-size:20px } /*IMAGE GALLERY*/ #gallery_div { height:auto; } /*IMAGE GALLERY*/ } @media (max-width: 600px) { .toggle:before { font-family: FontAwesome;  content: "\f0c9"; padding-right: 8px;} .description_content .dv1 p { font-size:16px } #des_content_nw p  { font-size:13px } .description_content .dv1 h3 { font-size: 15px;} .description_content .dv1 .dv3 ul li { font-size:13px } .tabbed_scroll { font-size:13px } /*IMAGE GALLERY*/ #gallery_div { padding-top: 0px;padding-bottom: 20px } .img_sec2 label { margin-top: 5px;} /*IMAGE GALLERY*/ } @media (max-width: 420px) { .toggle { text-align:center } }