/*-----------------------------------------------------------------------------
	Theme Name	: Getinthemixuk
	Theme URL	: http://stores.ebay.co.uk/Getinthemixuk
	Description	: Theme for Getinthemixuk. Designed By eSellerSolutions. All Rights Reserved.
	Version		: 3.0
	Tags		: eBay Shop
	Author		: ESS
	Author URL	: http://www.esellersolutions.com
	Created		: June 23 2016
	License		: eSeller Solutions own this theme. Do Not Copy!
-------------------------------------------------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

*{ font-family: 'Open Sans', sans-serif; text-align:left; outline:none; border:0; }
body{ margin:0; padding:0; color:#333; }

p{ margin:0 0 10px; }

.eclear{ clear:both; height:0; line-height:0; font-size:0; text-indent:-9999px; white-space:nowrap; }


a, #topSearch input.search-text, #searchbtn{ 
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
text-decoration:none;
}

 a:visited {
    text-decoration: underline;
  }

.essBody{ text-align:center; }
.ess-wrapper{ text-align:center; }

.main-head, #ess-foot, .our-brands, .join, #foot-links{ text-align:center; }

.userNote{ text-align:center; background:#fff; }
.bx-wrapper{ position:relative; }

#essHeader ul, #essHeader ul li, .ess-colLeft ul, .ess-colLeft ul li{ margin:0; padding:0; list-style-type:none; }

/*End General elements */

/* Hidden Elements
   ----------------------------- */
#aboutESS{ display:none}

/* essHeaderContainer */

/* Selection Color */
::-moz-selection{ background: #eee; color: #666; text-shadow: none; }
::selection{ background: #eee; color: #444; text-shadow: none; }

.essWide{ text-align:center; }
.essWrap{ width:1000px; margin:0 auto; }

/*
-----------------------------------------------------------------------------------
ESS Header
-----------------------------------------------------------------------------------*/
.header-top{ color:#5f6565; font-size:11px; margin-top:20px; height:30px; line-height:30px; background:#e5e5e5; text-transform:uppercase; }
.welcome-msg{ float:left; }

.top-nav{ margin-top:10px; float:right; }
.top-nav ul{ margin:0; padding:0; }
.top-nav li{ float:left; border-right:1px solid #5f6565; }
.top-nav li a{ float:left; display:inline-block; color:#5f6565; font-size:11px; text-decoration:none; padding:0 10px; line-height:12px; }
.top-nav li a:hover{ color:#ff5400 ; }
.top-nav li:last-child{ border-right:0; }
.top-nav li:last-child a{ padding-right:0; }

.header-right{ float:right; }



.main-head{ padding:15px 0; }
.shoplogo{ float:left; margin:0}
.shoplogo a{ display:block; }
.shoplogo img{ border:0; display:block; }

.joinLinks{ float:right; }
.joinLinks a{ color:#000!important; font-size:11px; text-decoration:none; display:inline-block; margin-left:22px; text-transform:uppercase }
.joinLinks a.cls1{ background:url(../images/icon-jointlinks1.png) 0 center no-repeat; padding-left:20px; }
.joinLinks a.cls2{ background:url(../images/icon-jointlinks2.png) 0 center no-repeat; padding-left:20px; }
.joinLinks a.cls3{ background:url(../images/icon-jointlinks3.png) 0 center no-repeat; padding-left:20px; }
.joinLinks a:hover{ color:#ff5400!important; }

.contact-info{ float:right; text-align:right}
.contact-info{ text-align:left; font-size:14px; display:inline-block; color:#000!important; text-decoration:none; margin:12px 25px 0 0}
.contact-info p{ color:#ff5400; font-size:22px;text-align:right; }
.contact-info h2{/*background:url(../images/top-phn-icon.png) left center no-repeat;*/ padding:0 0 0 15px;font-size:13px; margin:0; font-weight:bold; color:#000; text-transform:uppercase}



#topSearch{ float:right; margin-top:16px; }
#topSearch form{ margin:0; padding:0; float:left; position:relative; }
#topSearch input.search-text{ margin:0; height:25px; line-height:25px; padding:5px 34px 5px 10px; border:1px solid #acacac!important; background:#fff; font-size:13px; color:#626262; width:340px; float:left;  }
#topSearch input.active{ border-color:#f7834a!important; color:#666; }

#searchbtn{ border:0!important; width:34px; height:38px; position:absolute; right:0px; top:1px; color:#fff; font-size:0; font-weight:bold; text-transform:uppercase; background:url(../images/icon-search.png) center center no-repeat; cursor:pointer; margin:0; }
#searchbtn:hover{ }


/*
-----------------------------------------------------------------------------------
Top-Info
-----------------------------------------------------------------------------------*/

.top-info{ color:#000; text-align:center;}

.top-info .box{ float:left; width:20%; font-size:14px; text-transform:capitalize; color:#000; line-height:50px; font-weight:bold; border:1px solid #d6d6d6; margin-right:8px; text-align:center}
.top-info .box.tle{ font-size:18px; color:#34777f; text-transform:none; line-height:28px; text-align:right; }
.top-info .box.tle span{ color:#cd1314; font-size:18px; text-transform:none; }
.top-info a{ color:#000!important;}
.top-info a:hover{ color:#4b15a9!important; text-decoration:none; }
.top-info .cls1{ width:326px; height:50px;  }
.top-info .cls2{ width:326px; height:50px;  }
.top-info .cls3{ width:326px; height:50px;  margin:0}

.top-info .cls1 span{  background:url(../images/infoicon1.png) 0 center no-repeat; padding-left:23px;   }
.top-info .cls2 span{  background:url(../images/infoicon2.png) 0 center no-repeat; padding-left:20px;  }
.top-info .cls3 span{  background:url(../images/infoicon3.png) 0 center no-repeat; padding-left:20px; margin:0;   }



/*price*/

.pricingCustom{float:left;padding:0 0 0 10px; display:block; border:1px solid #CCCCCC; border-width:1px 0; background:#f7f7f7; width:100%; margin:5px 0 0 0}
/*.pricingCustom a{border:none; padding:10px 30px; background:#000; text-transform:uppercase; font-size:20px; color:#fff; font-weight:bold; margin:0; height:auto; width:auto;}
.pricingCustom a:hover{border:none;  padding:10px 30px; background:#ffcc00; color:#333; font-weight:bold; margin:0; height:auto; width:auto;}*/
.pricingCustom span{ display:block; font-weight:bold; margin-bottom:10px;}
span.rrp{ font-size:15px; color:#77787c;}
span.rrpValue{ text-decoration:line-through; display:inline-block; padding: 0 0 0 0px;}
/*span.ourprice{ font-size:20px; color:#333;}*/
span.ourprice{ font-size:2px; color:#333; display: none;}
.pricingCustom span.mdl{display:none !important;}

.button-buy{float:left; display:inline-block; margin:20px 0 20px; }
.button-buy a{padding:10px 45px; color:#fff!important; font-size:16px; background:#ff5400; border-radius:3px; text-transform:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; border:1px solid #00509d;

background: -moz-linear-gradient(90deg, #00509d 0%, #0079bc 100%);/* FF3.6+ */
background: -webkit-gradient(linear, 90deg, color-stop(0%, #00509d), color-stop(100%, #0079bc));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(90deg, #00509d 0%, #0079bc 100%);/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(90deg, #00509d 0%, #0079bc 100%);/* Opera 11.10+ */
background: -ms-linear-gradient(90deg, #00509d 0%, #0079bc 100%);/* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00509d', endColorstr='#0079bc', GradientType='0'); /* for IE */
background: linear-gradient(0deg, #00509d 0%, #0079bc 100%);/* W3C */


}
.button-buy a:hover{opacity:.7;}


/*
-----------------------------------------------------------------------------------
ESS Block Title
-----------------------------------------------------------------------------------*/
.block-title{ font-weight:normal; height:36px; line-height:36px; background:#555; color:#fff; font-size:15px; text-transform:uppercase; padding:0 12px; margin:0; }
.mdl-Box .block-title{ background:#ff5400}
.block-title span{ display:block; font-size:14px; }
.mdl-Box .titleblack{ background:#555}
.lScroll .block-title{ background:#ff5400}
/* Contents */
#essContentsContainer{ padding:15px 0; text-align:center; }

.mdl-Box{ font-size:13px; margin-bottom:15px; }
.mdl-Box .pad{ padding:15px; border:1px solid #e6e6e6; border-top:0; }
.mdl-Box p{ font-size:13px; }

/*
-----------------------------------------------------------------------------------
ESS Right column
-----------------------------------------------------------------------------------*/
.ess-colRight{ width:130px; float:right; }
.rBox{ margin-bottom:13px; }
.rBox .pad{ padding:42px 10px; text-align:center; border:1px solid #e6e6e6; border-top:0; }
.rBox.rScroll .block-title{ font-size:12px; }

/*
-----------------------------------------------------------------------------------
ESS Side Promo Banners
-----------------------------------------------------------------------------------*/
.promo-widget{ text-align:center; }
.promo-widget *{ vertical-align:top; }
.promo-widget a{ display:inline-block; margin-bottom:15px; }
.promo-widget img{ display:inline-block; margin-bottom:15px; }
.promo-widget a img{ display:block; margin-bottom:0; }
.promo-widget a img, .promo-widget img.lst, .promo-widget a.lst{ margin-bottom:0; }

/*
-----------------------------------------------------------------------------------
ESS Left column
-----------------------------------------------------------------------------------*/
.ess-colLeft{ width:200px; float:left; }
.catz .block-title{ }
.lBox{ margin-bottom:13px; }
.lBox .pad{ border:1px solid #e6e6e6; border-top:0; background:#fff; }
.lBox.catz .pad{ }
.lBox.catz ul{ margin:0; padding:0; list-style-type:none; }
.lBox.catz ul li{ margin:0; padding:0; list-style-type:none; border-bottom:1px dashed #e6e6e6; }
.lBox.catz ul li:last-child{ border-bottom:0; }
.lBox.catz ul li a{ display:block; font-size:13px; color:#6f624f; font-weight:normal; padding:7px 10px;  padding-left:20px; background:url(../images/arw-catz-list.png) 10px 12px no-repeat; }
.lBox.catz ul li a:hover{ text-decoration:none; background-color:#f8f8f8; }


/*
-----------------------------------------------------------------------------------
ESS Left Feedback
-----------------------------------------------------------------------------------*/
#fdback{ color:#000; font-size:12px; margin-bottom:13px; }
#fdback .pad{ padding:13px; border:1px solid #e6e6e6; border-top:0; background:none; }
#fdback .inr-pad{ height:200px; overflow:hidden; }
#fdback p{ margin:0; padding:8px 0; }
#fdback p span{ text-transform:uppercase; font-weight:bold; }
#fdback a.mre{ text-decoration:none; display:block; width:100px; padding:0 10px; height:26px; line-height:26px; background:url(../images/arw-readmore.png) 94% center no-repeat #555; color:#fff; font-weight:bold; margin-top:10px; }
#fdback a.mre:hover{ background-color:#ff5400; }


#promo-btn{ height:34px; margin-top:15px; }
#promo-btn a{ float:left; background:#f2f2f2; color:#888; font-size:14px; height:32px; line-height:32px; text-decoration:none; border:1px solid #eee;  width:194px; margin-left:10px; margin-bottom:15px; }
#promo-btn a#ask{ margin-left:0; }
#promo-btn a#ask i{ background:url(../images/icon-ask.png) center center no-repeat; }
#promo-btn a#watch i{ background:url(../images/icon-watch.png) center center no-repeat; }
#promo-btn a#tellafriend i{ background:url(../images/icon-user.png) center center no-repeat; }
#promo-btn a i{ float:left; margin-right:10px; text-indent:-9999px; height:100%; width:40px; border-right:1px solid #eee; }
#promo-btn a span{ }
#promo-btn a:hover{ color:#ff5400; background-color:#fff!important; }
#promo-btn a:hover i{ }

.col-mdl{ margin:0 0 0 15px; padding:0; border:0; float:left; width:640px;}

.enlarge{ padding:10px 0; text-align:center; border:1px solid #e6e6e6; border-top:0; }
.enlarge.left{ width:450px; margin:0 auto; }
.enlarge span{ display:inline-block; background:url(../images/icon-zoom.png) right center no-repeat; padding-right:18px; font-size:11px; text-transform:uppercase; color:#555; }

.itemTitle{ height:50px; padding:0 46px 10px 0; border-bottom:1px solid #e6e6e6; margin-bottom:15px; background:url(../images/icon-tag.png) 99% center no-repeat; }
.itemTitle *{ height:50px; margin:0; padding:0; color:#333; font-weight:normal; font-size:18px; line-height:normal;  }

.ess-gallery{ text-align:center; }
.img-box{ }


.img-holder{ width:450px; text-align:center; height:450px; border:1px solid #e6e6e6; overflow:hidden; margin:0 auto; }
.img-holder img{ text-align:center; display:inline-block; border:0; }

.img-holder *{ vertical-align:middle; }
.img-holder .mdl { width:1px; height:100%; display:inline-block; }
.img-holder a{  }

.thumb{ text-align:center; font-size:0; margin-top:6px; }
.thumb *{ vertical-align:middle; }
.thumb .mdl { width:1px; height:100%; display:inline-block; }
.thumb .thumbbox{ display:inline-block; }
.thumb a{ display:inline-block; margin:6px; border:1px solid #e6e6e6; height:92px; width:92px; overflow:hidden; text-align:center; }
.thumb img{ display:inline-block; }

.itemDescriptionC{ color:#333; font-size:13px; line-height:normal; overflow:auto; }
.itemDescriptionC p{}
.itemDescriptionC ol, .itemDescriptionC ul{ margin:5px 0; padding-left:20px; }
.itemDescriptionC ol li{ display:block; list-style:decimal; line-height:24px; }
.itemDescriptionC ul li{ list-style-type:disc; line-height:24px; }
.itemDescriptionC ul li li{ list-style-type:circle; }
.itemDescriptionC h3{ margin-top:0; }



#tabs{ width: 644px; }
#tabnav{ position: relative; margin: 0; padding: 0; height:32px; border-bottom:3px solid #ff5400; background:#555; }
#tabnav li, #essTabs .acrdn{ float:left; list-style-type: none; padding:0; }
#tabnav li a, #essTabs .acrdn{ float:left; white-space:nowrap; display: block; text-decoration: none; height:32px; line-height:32px; padding:0 12px; font-weight:normal; color:#fff; background-color:#555; text-align:center; font-size:12px; text-transform:uppercase; }
#tabnav .ui-tabs-active a, #tabnav a.selected, #essTabs .acrdn:hover, #essTabs .acrdn:focus, #essTabs .acrdn.active{ color:#fff; background-color:#ff5400; }


.slot-data{ padding:15px; border:1px solid #e6e6e6; border-top:0; background-color:#fff; font-size:13px; color:#555;  line-height:18px; display:none; }
.slot-data p{ padding:0 0 10px 0; margin:0; color:#333!important;}
.slot-data a{ color:#000; text-decoration:none;}
.slot-data a:hover{ color:#644376; }
.slot-data ol, .slot-data ul{ margin:5px 0; padding-left:20px; }
.slot-data ol li{ display:block; list-style:decimal; line-height:24px; }
.slot-data ul li{ list-style-type:disc; line-height:24px; }
.slot-data ul li li{ list-style-type:circle; }
.slot-data h3{ margin:0 0 3px 0; color:#333; font-weight:bold; }

.slot-data .readmore{ text-decoration:none; padding:0 26px 0 10px; height:26px; line-height:26px; background:url(../images/icon-readmore.png) 94% center no-repeat #ff5400; color:#fff; margin-top:10px; display:inline-block; text-transform:uppercase; }
.slot-data .readmore:hover{ background-color:#000; color:#fff; }


.promo-img{ text-align:center; }

/*
-----------------------------------------------------------------------------------
ESS highslide
-----------------------------------------------------------------------------------*/
.highslide-wrapper{ -webkit-box-shadow: 0px 0px 42px 5px rgba(0,0,0,0.33); -moz-box-shadow: 0px 0px 42px 5px rgba(0,0,0,0.33); box-shadow: 0px 0px 42px 5px rgba(0,0,0,0.33); border: 1px solid #ddd!important;
*border: 4px solid #000!important; }
.highslide-wrapper, .highslide-outline{ background: #FFFFFF; }
.highslide-caption{ padding: 5px; border-top: 1px solid #ddd; }
.highslide-loading{ color: black; border: 1px solid black; background-color: white; background-image: url(../images/highslide/loader.white.gif); }
.highslide-html{ background: none; }
.highslide-header ul a{ background-image: url(../images/highslide/controlbar-text-buttons.png); padding-left: 16px; display: inline-block; height: 16px; }
.highslide-header ul li span{ display: none; }
.highslide-header .highslide-move{ display: none; }
.highslide-header .highslide-close a{ background-position: 0 -221px; }

/*
-----------------------------------------------------------------------------------
ESS Footer
-----------------------------------------------------------------------------------*/
.our-brands{ height:80px; overflow:hidden; padding-bottom:15px; }
.our-brands .pad{ background:#fff; border:1px solid #ddd; }
.our-brands .inr-pad{ margin:20px 54px; background:#fff; }
.our-brands ul{ margin:0; padding:0; }
.our-brands ul li{ height:40px; width:180px; margin:0; padding:0; list-style-type:none; text-align:center; float:left; }
.our-brands ul li img{width:100%; }
.our-brands ul li a{ display:block; text-align:center; }
.our-brands .bx-controls a{ position:absolute; top:0; z-index:100; width:25px; height:100%; line-height:100%; text-indent:-999999px; background:url(../images/arw-brands.png) 0 center no-repeat; }
.our-brands .bx-controls .bx-next{ right:-41px; background-position:right center; }
.our-brands .bx-controls .bx-prev{ left:-41px; }

.join{ height:42px; background:#e5e5e5; line-height:42px; }
.join p{ font-size:16px; color:#343338; margin:0; padding:0; text-transform:uppercase; font-weight:bold }
.join span{ float:left; }
.join a{ float:right; margin:5px 0; line-height:32px; background:#ff5400; font-size:13px; color:#fff!important; text-transform:uppercase; padding:0 15px; }
.join a:hover{ text-decoration:none; background:#ff5400; color:#fff!important; }

#ess-foot{  }
#foot-links{ padding:20px 0 10px; }
#foot-links .col{ float: left; }

#foot-links .list1{ width:200px; }
#foot-links .list2{ width:180px;  }
#foot-links .list3{ width:200px;  }
#foot-links .list4{ width:220px;  }
#foot-links .list5{ border:0; padding:0; margin:0; float:right; width:198px;  }

#foot-links h6{ margin:0 0 8px; padding:0; color:#000; font-weight:600; font-size:14px; text-transform:uppercase; }
#foot-links ul.lvl2{ margin-left:20px; }
#foot-links ul{ padding:0; margin:0; float:left; }
#foot-links ul li{ color:#000; margin:0; font-size:13px; list-style:none; line-height:20px; }
#foot-links ul li a{ color:#000; font-size:13px; text-decoration:none; }
#foot-links .lnk a{ display:block; color:#000; font-weight:bold; text-decoration:underline; }
#foot-links ul li.adrs{ background:url(../images/icon-map.png) left 4px no-repeat; padding-left:30px; margin-bottom:5px; }
#foot-links ul li.reg{ padding-left:25px;  }
#foot-links ul li.num{ background:url(../images/icon-phone.png) left 0 no-repeat; padding-left:30px; margin-bottom:5px; line-height:19px; }
#foot-links ul li.num span{ }
#foot-links ul li.email a{ background:url(../images/icon-mail.png) left center no-repeat; padding-left:30px; text-transform:none; }
#foot-links ul li a:hover{ color:#ff5400; text-decoration:none; }

/*
-----------------------------------------------------------------------------------
ESS Copyright
-----------------------------------------------------------------------------------*/
.footerBot{ background:#fff; text-align:center; margin:20px 0 5px; }
#ess-foot .footerBot .essWrap{ width:1000px; }
.footerBot *{ font-family:Arial, Helvetica, sans-serif!important; }
.cpyright{ color:#000; font-size:11px; height:35px; }
.cpyright .txt{ font-size:11px; float:left; margin-top:10px; }
.cpyright a{ color:#000!important; text-decoration:none; }
.cpyright a:hover{ color:#ff5400!important; }

.dsgn{ float:right; margin:5px 0 3px!important; width:205px; }
.dsgn span{ padding:5px 0; float:left; display:block; }
.dsgn a{ font-weight:bold; background:url(../images/icon-ess24x24.png) left center no-repeat; padding:5px 0 5px 48px; height:14px; float:right; display:block; }