@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,700,800);
@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
*{ padding:0px; margin:0px; box-sizing:border-box;}
#slider img, #header-section, #shipping-box img, .container img, #page-content img, #footer img{ max-width:100%; height:auto; vertical-align:top; border:0px;}
a{ text-decoration:none; color:#267fb0; transition: all 300ms ease-out 0s;}
a:hover{ text-decoration:none;}
.clear{ clear:both; line-height:0;}
div{ display:block; min-height:1px;}
div:after, ul:after, ol:after{ clear:both; line-height:0; content:""; visibility:hidden; display:block;}
ul, ol{ list-style-type:none;}
div.left-footer, div.left-footer > a {color: white; font-size: 13px !important;}
#tab_2 > p > br {display: none;}
div.shipping-box2 div span a, div.shipping-box2 div a {color: #267fb0;}
div.shipping-box div a, div.shipping-box span a  {color: white;}
#header-section{ margin:15px 0 0;}
#search-box { max-width:300px; margin:20px auto 0;  border-radius: 19px 19px 19px 19px;}
#search-box .btn{ font-size:20px;}
.menu{ display:none;}
#navigation-section{ margin-top:12px;}
#navbtn{ display:none;}
#navigation-section ul li a .glyphicon{ line-height:50px;}
#navigation-section ul{ list-style-type:none;}
#navigation-section ul li{ float:left; border:solid 1px #eaeaea;}
#navigation-section ul li a{ color:#2a84b5; display:block; font:400 15px/50px  'Raleway', sans-serif; padding:0 39px 0 41px; text-transform:uppercase;}
#navigation-section ul li a:hover, #navigation-section ul li.active > a{ background:#2a84b5; color:#fff;}
#navigation-section ul li:last-child a{ color:#c40000;}
#content2 > div > p > br {display: none !important;}
#navigation-section ul li{ position:relative;}
#navigation-section ul li ul{ display:none; position:absolute; left:0; top:100%; width:240px; background:#fff; z-index:99;}
#navigation-section ul li ul li ul{ left:100%; top:0;}
#navigation-section ul li ul li{ float:none;}
#navigation-section ul li:hover > ul{ display:block;}
#navigation-section ul li ul li a{ font:400 13px/30px  'Raleway', sans-serif; padding:0 5px;}
#navigation-section ul li > ul li:last-child a{ color:#2a84b5;}
#navigation-section ul li > ul li:last-child a:hover{ background:#2a84b5; color:#fff;}
#navigation-section ul li.open2 > a{ background:#2a84b5; color:#fff;}
#content1 > div > ul {
    list-style-type: disc;
    padding: 0 0 0 40px;
    color: #898989;
    font: 14px/20px Arial,Helvetica,sans-serif;
}
#content2 > div > p > table{
      color: #898989;
    font: 14px/20px Arial,Helvetica,sans-serif;
}
#navigation-section .category{ display:none;}
.bannertext-section p{ text-align:center; font:400 14px/16px 'Raleway', sans-serif; color:#000000;}
.bannertext-section p span{font:600 14px/16px 'Raleway', sans-serif; text-transform:uppercase;}
.bannertext-section{ margin:20px 0 0;}

#slider{ padding:20px 0; position:relative; max-width:1230px !important;}
#slider ul{ list-style-type:none; margin:0;}
#slider ul li+li{ display:none;}
#slider ul.flex-direction-nav li{ position:absolute; top:50%; margin:-40px 0 0; width:30px; height:80px; background-size:100%;}
#slider ul.flex-direction-nav li a{ cursor:pointer; width:100%; height:100%; display:block; font-size:0;}
#slider ul.flex-direction-nav li.flex-nav-prev{ left:-40px;}
.flex-nav-prev a:before{ bottom:0; color:#267fb0; content:"\e079";  font:900 39px/80px "Glyphicons Halflings";  left: 0;   top: 0; position:absolute; text-shadow:0 0 5px #fff;}
#slider ul.flex-direction-nav li.flex-nav-next{ right:-40px; display:block;}
.flex-nav-next a:before{ bottom:0; color:#267fb0; content:"\e080"; font:900 39px/80px "Glyphicons Halflings"; right: 0;  top: 0; position:absolute;text-shadow:0 0 5px #fff;}
.shipping-box{ background:#ae1819; box-sizing:border-box; float:left; width:33.33333%; text-align:center; font:400 18px/20px 'Raleway', sans-serif; padding:10px 0; color:#fff;}
.shipping-box > div{ padding:5px 0 5px 75px; position:relative; text-align:left; min-height:44px; display:inline-block;}
.shipping-box span{ font:700 24px/24px 'Raleway', sans-serif; display:block; text-transform:uppercase;}
.shipping-box+.shipping-box{ border-left:1px solid #fff;}
.shipping-box img{ position:absolute; left:0; top:0;}

#shipping-box2{ margin:25px 0 0;}
.shipping-box2{ background:#fff; box-sizing:border-box; float:left; width:33.33333%; text-align:center; font:400 18px/20px 'Raleway', sans-serif; padding:10px 0; color:#267fb0; border-top:1px solid #267fb0; border-bottom:1px solid #267fb0;}
.shipping-box2 > div{ padding:5px 0 5px 75px; position:relative; text-align:left; min-height:44px; display:inline-block;}
.shipping-box2:first-child{ border-left:1px solid #267fb0;}
.shipping-box2:last-child{ border-right:1px solid #267fb0;}
.shipping-box2 span{ font:700 24px/24px 'Raleway', sans-serif; display:block; text-transform:uppercase;}
.shipping-box2 img{ position:absolute; left:0; top:0;}


#photo-section{ margin-top:20px;}
#photo-section > div{ width:calc(100% / 3 - 10px); float:left;}
#photo-section > div+div{ margin:0 0 0 15px;}
#photo-section img{ width:100%;}
#left-section{ float:left; width:265px; padding:25px 0 0;}
#right-section{ float:left; width:100%; margin:0 0 0 15px; padding:25px 0 0;}
/* -------category-------- */
.heading-left{font:400 20px/46px "Raleway",sans-serif; color:#fff; text-transform:capitalize; text-indent:15px; background:#267fb0;}
.category{ background:#f3f5f6;}
#navigation-section .category{ box-shadow:0 -2px 3px #333; margin:5px 0 0;}
#navigation-section .in .category li{ display:block !important;}
.category .jqx-tree-dropdown-root{ border:1px solid #e0e0e0; border-top:0; }
.category ul{ background:#fff; margin:0;}
.category ul ul{ padding:0 2px 2px; background:#edf4f8;  display:none;}
.category ul ul ul{ padding:0 2px 2px; background:#b3d1e1; display:none;}
.category ul li.open > ul, .category ul li.open2 > ul{ display:block;}
.category ul li{ border-top:1px solid #e0e0e0;}
.category ul li a{font:400 15px/38px "Raleway",sans-serif; display:block; padding:0 0 0 25px; background-image:url(../images/arrow4.png); background-position:10px 12px; background-repeat:no-repeat; color:#4e94ba;}
.category ul li:hover > a, .category ul li.active > a{ background-color:#4e94ba; color:#fff;  background-image:url(../images/arrow44.png); text-decoration:none;}
.category ul li.hasmenu > a{font:400 15px/38px "Raleway",sans-serif; display:block; padding:0 15px; background-image:/*url(../images/category-icon.png),*/ url(../images/arrow4.png); background-position:/*10px 50%, */calc(100% - 10px) 15px; background-repeat:/*no-repeat, */no-repeat; color:#4e94ba; cursor:pointer;}
.category ul li.hasmenu:hover > a{font:400 15px/38px "Raleway",sans-serif; display:block; padding:0 15px; background-image:/*url(../images/category-icon2.png), */url(../images/arrow44.png); background-position:/*10px 50%, */calc(100% - 10px) 15px; background-repeat:/*no-repeat, */no-repeat; color:#fff;background-color:#4e94ba;}
.category ul li.hasmenu.open > a, .category ul li.hasmenu.open2 > a{font:400 15px/38px "Raleway",sans-serif; display:block; padding:0 15px; background-image:/*url(../images/category-icon2.png), */url(../images/arrow55.png); background-position:/*10px 50%, */calc(100% - 10px) 15px; background-repeat:/*no-repeat, */no-repeat; color:#fff;background-color:#4e94ba;}
.category ul li ul li a{font:400 15px/34px "Raleway",sans-serif;}
.category ul li ul li ul li a{ color:#000;} 
.category .ttl, .category .all_cats{ display:none;}
.r3_c{ border:0 !important;}
.category ul li:hover > ul{ display:block;}

.category .show { background:url(../images/arrow4.png) no-repeat 50% 50%; cursor:pointer; float:right; height:16px; position:relative; width:20px; z-index: 99; margin:11px 3px 0 0; display:none !important;} 
.category .hide { background:url(../images/arrow44.png) no-repeat 50% 50%; cursor:pointer; float:right; height:16px; position:relative; width:20px; z-index: 99; margin:11px 3px 0 0; display:none;}
.category .zd-categories ul li a, #navigation-section .category .zd-categories ul li a{font:400 15px/38px "Raleway",sans-serif; display:block; padding:0 15px; background-image:/*url(../images/category-icon.png),*/ url(../images/arrow4.png); background-position:/*10px 50%, */calc(100% - 10px) 15px; background-repeat:/*no-repeat, */no-repeat; color:#4e94ba; cursor:pointer;}
.category .zd-categories ul li a:hover, #navigation-section .category .zd-categories ul li a:hover{font:400 15px/38px "Raleway",sans-serif; display:block; padding:0 15px; background-image:/*url(../images/category-icon2.png), */url(../images/arrow55.png); background-position:/*10px 50%, */calc(100% - 10px) 15px; background-repeat:/*no-repeat, */no-repeat; color:#fff;background-color:#4e94ba;}
.category .zd-categories ul li a.active, #navigation-section .category .zd-categories ul li a.active{font:400 15px/38px "Raleway",sans-serif; display:block; padding:0 15px; background-image:/*url(../images/category-icon2.png), */url(../images/arrow55.png); background-position:/*10px 50%, */calc(100% - 10px) 15px; background-repeat:/*no-repeat, */no-repeat; color:#fff;background-color:#4e94ba;}
.category .zd-categories ul.lev3 li a, #navigation-section .category .zd-categories ul.lev3 li a{ color:#000;}
.category .zd-categories ul.lev3 li a:hover,.category .zd-categories ul.lev3 li a.active, #navigation-section.category .zd-categories ul.lev3 li a:hover, #navigation-section .category .zd-categories ul.lev3 li a.active{ color:#fff;} 
#LeftPanel > table{ display:none;}
#LeftPanel > table+table{ display:table;}
.zd-categories{ border:1px solid #e0e0e0; border-top:0;}
.category .cnt{ display:none;}
/* -------category-------- */
.heading{ font:300 23px/36px 'Roboto', sans-serif; color:#404040; border-bottom:1px solid #7f7f7f;}
.heading-right{ float:right; font:400 15px/30px 'Roboto', sans-serif; text-transform:none; padding:5px;}
.heading-right select{ border:1px solid #888888; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(../images/select.png) no-repeat calc(100% - 5px) 50% #fff; cursor:pointer; padding:0 24px 0 0; height:26px; margin:0 0 0 5px;}
.prouct-listing > div {    margin: 20px 0 0;}
.product-names {    color: #1b1b1b;    font: 400 18px/20px "Raleway",sans-serif;    padding: 5px 0;}
.prices {    color: #074e98;    font: 400 18px/20px "Raleway",sans-serif;    padding: 6px 0 1px;}
.footer-section{ background:#4a4a4a; padding:15px; margin:25px 0 0;}
.footer-section ul li{ float:left;}
.footer-section ul li+li{ background:url(../images/saparater.jpg) no-repeat 0 50%;}
.footer-section ul li a{font:400 13px/28px 'Raleway', sans-serif; text-transform:uppercase; color:#fff; padding:0 7px;}
.footer-section ul li:first-child a{ padding-left:0;}
.powerby{font:400 13px/15px 'Raleway', sans-serif; color:#fff; clear:both; text-align:center;}
.left-footer{ float:left;}
.right-footer{ float:right; padding:0 0px 0 0;font:400 14px/28px 'Raleway', sans-serif; color:#fff; text-transform:uppercase;}
/* -------related products-------- */
.jcarousel-container{ position:relative; padding:0 22px; min-height:294px; margin:0 auto;}
.jcarousel-clip{  overflow:hidden; position:relative;}
.jcarousel-container .jcarousel-prev{ left:0; background:url(../images/prev1.png) no-repeat; position:absolute; top:50%; margin:-17px 0 0; width:22px; height:35px; background-size:100%; border:0; cursor:pointer; font-size:0;}
.jcarousel-container .jcarousel-prev:before{ content:"\e257"; position:absolute; left:0; top:0;  font: 400 24px/26px 'Glyphicons Halflings'; color:#074e98;}
.jcarousel-container .jcarousel-next{ right:0;background:url(../images/next1.png) no-repeat; position:absolute; top:50%; margin:-17px 0 0; width:22px; height:35px; background-size:100%; border:0; cursor:pointer; font-size:0;}
.jcarousel-container .jcarousel-next:before{ content:"\e258"; position:absolute; left:0; top:0;  font: 400 24px/26px 'Glyphicons Halflings'; color:#074e98;}
.jcarousel-clip ul{ list-style-type:none;}
.jcarousel-clip ul li {  margin:0 5px; width:279px; color:#000; background:#fff; text-align:center; float:left;}
.jcarousel-clip ul li img{ border:solid 1px #CCC;}
.jcarousel-clip ul li img{ max-width:100%; display:block; margin:0 auto;}
.jcarousel-clip .rel-img {    display: block;     overflow: hidden;}
.jcarousel-clip .rel-title{   color: #000;    font: 400 14px/16px "Raleway",sans-serif;    padding: 15px 0 0;    text-align: center;}
.jcarousel-clip .rel-price {    color: #46a5db;    padding: 6px 0 0;}
.jcarousel-clip .buy-now{ border:1px solid #000; color:#000; display:none; font:400 14px/28px "Raleway",sans-serif; margin:15px 0 0; padding:0 15px;    text-transform:uppercase;}
/* -------related products-------- */
#content-section h1{ color:#267fb0;font:400 20px/30px "Raleway",sans-serif; margin:0 0 15px;}
#content-section h2{font:300 30px/40px "Raleway",sans-serif; color:#000; border-bottom:1px solid #ccc;}
#content-section h4{ color:#0c0c0c; font:normal 14px/18px Arial, Helvetica, sans-serif; margin:0 0 10px;}
#details-section ul{ margin:0 0 15px;}
#details-section ul li{ padding:2px 0 2px 20px; background:url(../images/listing.png) no-repeat 0 8px;}


#details-section{ width:620px; float:right; padding:10px 0 0;}
.gallery-section { overflow: hidden; position:relative; text-align:center; max-width:560px; float:left; padding:10px 0 0;}
.gallery-section ul{ list-style-type:none;  margin:0;}
.gallery-section:after, .gallery-section div:after, .gallery-section ul:after{  clear: both; content: ""; display: block; line-height: 0; visibility: hidden;}
.gallery-section img{ border: 0 none;  height: auto;  max-width: 100%; vertical-align: middle;}
.product-img-box{ display:block; overflow:hidden; position:relative; border:1px solid #d1d1d1;}
.product-img-box ul li+li{ display:none;}
.product-thumb {  padding:20px 0;  z-index: 999;}
.product-thumb ul{ margin:0;}
.product-thumb ul li {  float: left; padding:5px !important;  text-align: center;  width:25%; box-sizing:border-box;}
.product-thumb ul li:nth-child(4n+1){ clear:left;}
.product-thumb ul li img {  border:1px solid #d1d1d1; box-sizing:border-box;}
.zoomContainer {    left: 0 !important;    top: 0 !important;}
#slider_holder{ height:auto;}
#details #slider_holder ul{ margin:0;}  
#details #slider_holder ul li{ padding:0; background:none;} 

#tab_panel{ padding:5px 0 0; clear:both;}
.idTabs{ display:block; margin:0 0 -1px;}
.idTabs li{ float:left; padding:0 3px 0 0;}
.idTabs li:last-child{ padding-right:0;}
.idTabs li a{ font:400 16px/50px "Raleway",sans-serif; color:#fff; padding:0 52px; display:block;  background:#267fb0; border-radius:5px 5px 0 0;  text-transform:uppercase; border:1px solid #267fb0; border-bottom:0;}
.idTabs li a:hover, .idTabs li a.selected{ color:#267fb0; background:#fff; text-decoration:none; border:1px solid #ccc; border-bottom:0;}

.accordion-heading{ font:400 16px/40px "Raleway",sans-serif; color:#267fb0; padding:0 5px; display:none;  background:#fff; border-radius:5px;  text-transform:uppercase; border:1px solid #ccc; margin:0 0 2px; text-align:center; cursor:pointer;}
.accordion-heading:hover{ color:#fff; background:#267fb0; border:1px solid #267fb0;}
.accordion-heading.ui-accordion-header-active{ color:#fff; background:#267fb0;border-radius:5px 5px 0 0; border:1px solid #267fb0;}

.tab_container{ border:1px solid #cdcdcd; border-radius:0 3px 3px 3px; padding:10px 20px 20px; box-shadow:0 0 2px #ccc; background:#fff;}
#tab_panel .tab_container h1{ font:normal 18px Arial, Helvetica, sans-serif; color:#07060c; border-bottom:1px solid #d4d4d4; padding:0 0 6px; margin:0 0 8px;}
#tab_panel p{ font:normal 14px/20px Arial, Helvetica, sans-serif; color:#898989; padding:10px 0 0;}
#tab_panel h2{ font:bold 18px/20px Arial, Helvetica, sans-serif; color:#666666; padding:15px 0 0;}
#tab_panel h3{ font:bold 14px/16px Arial, Helvetica, sans-serif; color:#5b382b; padding:15px 0 0;}
.price{ color:#267fb0; font:bold 37px/40px Arial, Helvetica, sans-serif;}
.price .old{ color:#000; font:normal 24px/40px Arial, Helvetica, sans-serif; text-decoration:line-through; display:inline-block; float:left; padding:0 10px 0 0;}
.boynow{ background:#267fb0; color:#fff; border-radius:10px; font:300 24px/50px "Raleway",sans-serif; padding:0 20px; margin:15px 0 0; display:inline-block; cursor:pointer;}
.boynow:hover{color:#267fb0; background:#fff; box-shadow:0 0 5px #267fb0;}
/* -------for ebay-------- */
#page-content{ width:1200px; margin:0 auto;}
#LeftPanel{ width:265px;}
.stBadge{ min-width:inherit !important;}
.stBadge > img{ display:none;}
table{ width:100%; border-collapse: collapse;  border-spacing: 0;}
.stBadge {    margin-top:0!important;    min-width:inherit !important;}
#fpcap{ background:#fff; padding:6px 5px; text-align:left;}
#fpcap .countClass, #fpcap .matchClass, #fpcap .keywordClass{font:300 23px/36px 'Roboto', sans-serif!important; color:#404040!important; display:inline-block!important; letter-spacing:1px;background:#fff; padding:0 3px;}
.ctrlbr {    border-bottom: 0 none !important;    float: right;    margin: -40px 0 0;    padding: 0 10px 0 0 !important;}
.r3_cm{ padding:0 !important; border:0 !important;}
.v4stabl, .cmpBr, .ctrlbr .cur img, table.gallery table.fixed div.time2, .iippl{  display: none;}
span.pdmt .label {    float: left;    padding:3px; color:#000; display:none;}
.ctrlbr .cur {    background:url(../images/select.png) no-repeat calc(100% - 5px) 50% #fff; border: 1px solid #888888;    color: #000;    float: right;    padding:3px 24px 3px 3px;}
td#CentralArea span.pdmt{ display:inline-block; padding:0 !important; float:right;}
span.pdmt .cur{ color:#666 !important;}
.rs-pview{ padding:0 !important;}
.fixed tr td{ display:none;}
.fixed tr td+td{ width:100%; display:block;}
.gallery{ text-align:center;}
.mi{ display:none;}
td.details a{ color:#333;}
.fixed span{ display:block; letter-spacing:1px; color: #074e98;    font: 400 18px/20px "Raleway",sans-serif;    padding: 6px 0 1px;}
.gallery .details a{   color: #1b1b1b;    font: 400 18px/20px "Raleway",sans-serif;    padding: 5px 0; display:block;}
.gallery .details a:hover{ text-decoration:none !important;}
table.gallery div.ttl{ margin:0;}
#footer-section+img{ display:none;}
.ess_holiday, .r3_t, .r3_bl{ display:none;}
.ctrlbr > span.pdmt:first-child{ display:none!important;}
.itemseparator{ display:none;}
.grid td.left{ border-left:0px;}
table.gallery{  padding:10px;  box-sizing:border-box;}
table.gallery td img.before{ display:none;}
table.gallery td.picture{ padding:0!important; border: 1px solid #ddd; transition: all 300ms ease-out 0s;}
/*table.gallery:hover td.picture{ box-shadow:0 0 5px #333;}*/ 
table.gallery td.picture div{ margin:5px auto !important; display:block; width:98% !important; max-width:98% !important; min-height:142px; }
table.gallery td.picture div img{ height:auto; max-height:218px;   max-width: 100%; max-width:calc(100% - 2px); -webkit-transition: all 1s ease; -moz-transition: all 1s ease;  -o-transition: all 1s ease;  -ms-transition: all 1s ease; transition: all 1s ease;}
td.gallery{ padding:10px 7px !important;}
/*tr.ess_holiday+tr > td{ padding:35px 0 0;}*/
td#CentralArea div.dynpg{ border-bottom:1px solid #ccc;}
.v4acpcont+.v4acpcont{ display:block;}
.v4acp{ display:none;}
table.v4midBox{ border:none !important;}
body a:link, body .g-novisited a:visited{ text-decoration:none !important;}
table.v4midBox tr.v4acp_mid td.v4mid{ padding:0 !important;}
/* -------for ebay-------- */
#navbar-collapse-main #nav-btn {    display: none;}
#navbar-collapse-main input[type="checkbox"] {    display: none;}

.slider-wrap{ margin:0;}
.slider  .img-details{ position: absolute; left: 0; top: 0; -webkit-transition: all 0.25s; transition: all 0.25s;
 text-align:center; z-index:2; border: 1px solid #ccc; overflow: hidden; background: #FFF; height:560px; width:560px; box-sizing:border-box;}
.slider .grid-wrapper {  -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;  flex-wrap: wrap; position:relative; margin:0 auto; height:560px; width:560px; box-shadow:0 0 3px #999;}

 .slider{	width: 100%;	display:inline-block;	position:relative;	padding:0px;}
.slider .grid-item {  height: 20%;  width: 20%;  position:relative;  z-index:2;  background:#ccc;  opacity:0;  float:left}
.slider .grid-item:hover:nth-of-type(5n + 1) ~ .img-details img{ left: 0px; }
.slider .grid-item:hover:nth-of-type(5n + 2) ~ .img-details img { left: -25%; }
.slider .grid-item:hover:nth-of-type(5n + 3) ~ .img-details  img{ left: -50%; right:auto;}
.slider .grid-item:hover:nth-of-type(5n + 4) ~ .img-details  img{ right: -25%; left:auto; }
.slider .grid-item:hover:nth-of-type(5n + 5) ~ .img-details  img{ right: 0%; left:auto; }
.slider .grid-item:hover:nth-of-type(1n + 1) ~ .img-details img { top: 0px; }
.slider .grid-item:hover:nth-of-type(1n + 6) ~ .img-details  img{ top: -25%; }
.slider .grid-item:hover:nth-of-type(1n + 11) ~ .img-details img { top:-50%; bottom:auto;}
.slider .grid-item:hover:nth-of-type(1n + 16) ~ .img-details  img{ bottom:-25%; top:auto;}
.slider .grid-item:hover:nth-of-type(1n + 21) ~ .img-details  img{ bottom:0;  top:auto;}
.slider .grid-item ~ .img-details img{ position:absolute; top:0; left:0; max-width:100%}
.slider .grid-item:hover ~ .img-details img{  width: 150%;  height:auto;  max-width:150%;  max-height:150%}
.slider input[name='slide_switch'] { display: none;}
.slider label { margin: 13px 0.5% 0; cursor: pointer; transition: all 0.5s; opacity: 1; float:left; width:24%; height:100px;}
.slider span {  text-align:center; display:block; border: 1px solid #ccc; height:100%; width:100%;}
.slider span img{ max-width:100%; max-height:100%; height:auto; width:auto; vertical-align:middle;}
.slider #id1 + label, .slider #id5 + label,.slider #id9 + label,.slider #id13 + label,.slider #id17 + label{ clear:left;}
.slider  span:has(img[src=""]){display:none;}
.slider label img[src=""]{display:none} 
.slider label img{display:none }
.slider label img{display:block !important; margin:0 auto;}
.slider input[name='slide_switch'][value != ""] + label {display:  inline-block !important}
.slider input[name='slide_switch'][value != ""] + label + .img-details{display:  inline-block !important}
.slider input[name='slide_switch'][value=""] + label{display: none !important}
.slider input[name='slide_switch'][value=""] + label + .img-details{display:  none !important}
.slider input[name='slide_switch']:checked+label { opacity: 1;}
.slider input[name='slide_switch']:checked+label span, .slider span:hover { border-color: #ccc; }
.slider input[name='slide_switch'] ~ .img-details { opacity: 0; display:none;}
.slider input[name='slide_switch']:checked + label + .img-details { opacity: 1; display:inline-block; z-index:1;}
.slider label + .img-details { opacity: 1; display:block; z-index:1;}
.img-details {  transition: all 300ms ease-out 0s;}
.img-details img{ transition: all 300ms ease-out 0s;}
.slider .grid-item:nth-child(5n+1){ clear:left;}
.tab-content{ padding:30px 0; clear:both;}
.tab-content > label{ background: #fff;  border-radius: 4px 4px 0 0; color: #333; display:inline-block;font: 400 14px/47px "Roboto",sans-serif;   padding:0 28px; margin-bottom:0; cursor:pointer; text-transform:capitalize; height:47px; text-align:center;}
.tab-content input[type="radio"]{ display:none;}
.tab-content input[type="radio"]:checked+label, .tab-content > label:hover, .tab-content > a:hover{ background: #267fb0;  border:none; color:#fff; margin-bottom:0;}
.tab-content > div{ display:none;}
.accordion-content{ border:1px solid #d6d6d6; border-radius:0 0 4px 4px; padding:1px 15px 10px;}
.accordion-heading{ font:400 16px/30px 'Raleway', sans-serif; padding:1px 18px; color:#313131; border-radius:4px 4px 0 0; border:1px solid #ececec; cursor:pointer; background:#c9cfcd;}
.accordion-heading.ui-accordion-header-active{ color:#fff; background:#77c9b5; border:1px solid #3c1706;}
.accordion-content p{  color: #898989;  font: 14px/20px Arial,Helvetica,sans-serif;  padding: 10px 0 0;}
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5, #tab6:checked ~ #content6   {    display: block;}
#navigation #nav-btn { display:none;}
#navigation input[type="checkbox"]{ display:none;}
@media only screen and (max-width: 1198px) {
#navigation-section ul li a{padding: 0 23px;}
#slider ul.flex-direction-nav li.flex-nav-prev{ left:-16px;}
#slider ul.flex-direction-nav li.flex-nav-next{ right:-16px;}
#left-section{ float:left; width:265px; padding:25px 0 0;}
#right-section{ float:left; width:660px; margin:0 0 0 15px; padding:25px 0 0;}
.footer-section{ text-align:center;}
.left-footer, .right-footer{ display:inline-block; float:none;}
.powerby{ padding:10px 0 0;}
.jcarousel-clip ul li {  margin:0 5px; width:214px; color:#000; background:#fff; text-align:center; float:left;}

#details-section {  width:460px;}
.slider .grid-wrapper, .slider .img-details{  height:460px;  width:460px;}
/* -------for ebay-------- */
#page-content{ width:970px;}
/* -------for ebay-------- */
}
@media only screen and (max-width: 990px) {

#navigation-section ul li a {    padding: 0 7px;}
.shipping-box span, .shipping-box2 span {  font: 700 20px/20px "Raleway",sans-serif;}
.shipping-box img, .shipping-box2 img{ top:10px; width:45px;}
.shipping-box > div, .shipping-box2 > div {   padding: 5px 0 5px 50px;}
#left-section{ float:left; width:250px; padding:25px 0 0;}
#right-section{ float:left; width:455px; margin:0 0 0 15px; padding:25px 0 0;}
#slider ul.flex-direction-nav li.flex-nav-prev{ left:12px;}
#slider ul.flex-direction-nav li.flex-nav-next{ right:12px;}
.jcarousel-clip ul li {  margin:0 5px; width:215.3px; color:#000; background:#fff; text-align:center; float:left;}
.slider .grid-wrapper, .slider .img-details{  height:460px;  width:460px; float:none; margin:0 auto;}
#details-section {  width:auto; float:none;}
.idTabs li a{ padding:0 40px;}
/* -------for ebay-------- */
#fpcap .countClass, #fpcap .matchClass, #fpcap .keywordClass{ font-size:16px !important;}
#page-content{ width:750px;}
/* -------for ebay-------- */
#details-section {    width:100%; float:none;}
.gallery-section{  width:100%; float:none; margin:0 auto;}

}
@media screen and (max-width: 767px) {
.menu{ float:left; font:700 15px/34px  'Raleway', sans-serif; margin:8px 0; display:block;}
.navbar-header{ padding:0 15px;}
.navbar-nav{ margin:0;}
#navigation-section ul li a .glyphicon{ line-height:40px;}
.navbar-toggle{ background:#2a84b5; margin-right:0; float:left;}
.navbar-toggle .icon-bar{ background:#fff;}
#navigation-section ul li{ float:none; border:solid 1px #eaeaea;}
.in li, .in{ display:block;}
#navigation-section ul li a{ color:#2a84b5; display:block; font:400 15px/40px  'Raleway', sans-serif; padding:0 20px; text-transform:uppercase; letter-spacing:1px;}
#navigation-section ul li a:hover, #navigation-section ul li a.active{ background:#2a84b5; color:#fff;}
#navigation-section ul li ul, #navigation-section ul li ul li ul{ position:relative; left:auto; width:100%; padding:0 3px;}  
#navigation-section ul li:hover > ul{ display:none;}
#navigation-section ul li.open > ul{ display:block;} 
#navigation-section ul li.hasmenu > a{ cursor:pointer;}


.shipping-box{ float:none; width:100%; padding:5px 0;}
.shipping-box+.shipping-box{ border-top:1px solid #fff; border-left:0px solid #fff;}
.shipping-box2{ float:none; width:100%; padding:5px 0; border-left:1px solid #267fb0;  border-right:1px solid #267fb0;}
.shipping-box2+.shipping-box2{ border-top:0;}
.shipping-box{border-left:1px solid #267fb0; border-right:1px solid #267fb0}
#left-section{ display:none;}
#right-section{ float:none; width:auto; margin:0; padding:25px 0 0;}
.heading{ text-align:center;}
.heading-right{ text-align:center; float:none;}
.left-footer{ display:none;}
.bannertext-section span{ display:block;}
.container{ padding-left:5px; padding-right:5px;}
[class*="col-"], .navbar-collapse{ padding-left:5px; padding-right:5px;}
.row {  margin-left: -5px;  margin-right: -5px;}
.logo{ text-align:left;}
.logo img{ max-width:80%}
#search-box { float:right;   margin:8px 0; width:300px;}
.navbar-collapse{ clear:both;}

.jcarousel-container{ width:556px;}

.jcarousel-clip ul li { width:246px;}
.idTabs{ display:none;}
.tab_container{ padding:5px 10px 5px;}
.accordion-heading{ display:block; text-align:center; }
#tab_panel {    clear: both;    padding:25px 0 0;}
/* -------for ebay-------- */
#page-content{ width:100%;}
#LeftPanel, #LeftPanel+td{ display:none;}
#LeftPanel+td+td{ display:block;}
.ess_content_area > tbody > tr > td { display:block; float:none; width:100%;}
.stBadge{ min-width:inherit;}
.dynpg, .itemseparator{ display:none; text-align:center;}
td.gallery{display: block;    float: none;    width: auto; padding:7px !important;}
.r3_cm{ padding:0 !important;}
.gallery tr, .gallery tbody{ display:block;}
.gallery > tbody{ display:block;}
table.gallery td.picture{ padding:10px 0 !important; display:block; text-align:center; height:auto;}
table.gallery td.picture div{ min-height:inherit;}
.grid td.left{ border-left:0 !important;}
td.details{ display:block;}
td#CentralArea span.pdmt{ display:inline-block; padding:0 !important; float:none; margin:0;}
td#CentralArea{ text-align:center;}
tr.ess_holiday+tr > td{ padding:0;}
.ctrlbr {    border-bottom: 0 none !important;    float: none;    margin:10px auto 0;    padding: 0 10px 0 0 !important;}
#fpcap{ text-align:center;}
/* -------for ebay-------- */
#navigation-section .category{ display:block;}
#navbar-collapse-main #nav-btn {
    background: #2a84b5 url("../images/navigation.png") no-repeat scroll 50% 50%;
    border-radius: 4px;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 34px;
    margin: -70px 0 10px;
    width: 44px; float:right;
}
#navbar-collapse-main input[type="checkbox"] + ul {
    display: none;
}
#navbar-collapse-main input[type="checkbox"]:checked + ul {
    display: block;
}
.logo img {
    max-width: 50%;
} 
}
@media only screen and (max-width: 482px) {

#photo-section > div{ width:100%; float:none;}
#photo-section > div+div{ margin:10px 0 0;}
#search-box { float:right;   margin:8px 0; width:100%;}

.jcarousel-container{ width:310px;}
.jcarousel-clip ul li { width:256px;}
#navbar-collapse-main #nav-btn {  margin: -60px 0 10px;}


}

@media only screen and (max-width: 462px) {
	.slider .grid-wrapper, .slider .img-details{  height:300px;  width:300px; float:none; margin:0 auto;}
.tab-content > label{ float:none; margin:3px 0 0; display:block;}
.slider label {  height:60px;}
}
