/*-----------------------------------------------------------------------------
	Theme Name	: 
	Theme URL	: 
	Description	: Theme for bestofficeuk Designed By eSellerSolutions. All Rights Reserved.
	Version		: 3.0
	Tags		: eBay Item
	Author		: ESS
	Author URL	: http://www.esellersolutions.com
	Created		: Aug 26 2016
	License		: eSeller Solutions own this theme. Do Not Copy!
-------------------------------------------------------------------------------*/

/*
-----------------------------------------------------------------------------------
ESS Custom Font
-----------------------------------------------------------------------------------*/

@import url(../fonts/font.css);


.essBody *{ outline:0;}

.essBody{ font-size: 13px; font-family: 'Myriad Web'; }

img{ border:0; }

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

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

/*Reset*/
.essWrap * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.essWrap *:before,
.essWrap *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.essBody ul{ margin:0; padding:0; }
.essBody ul li{ list-style-type:none; }

.essBody a{ text-decoration:none; }
.essBody p{ margin:0 0 10px; }

/*
-----------------------------------------------------------------------------------
ESS eBay Layout fixed width
-----------------------------------------------------------------------------------*/
.essWrap, .fixed-width{ width:1000px; margin-left:auto!important; margin-right:auto!important; }



.pull-left{ float:left; }
.pull-right{ float:right; }

.clearfix:after,
.fourth-carousel:after{ clear: both; content: ""; display: table; }

.essBody img{ max-width:100%; display:inline-block; }

.pagecontainer{  }

.essBody{ color:#333; }



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


/*
-----------------------------------------------------------------------------------
ESS Block Title
-----------------------------------------------------------------------------------*/
.ess-page .block-title{background: #231f20;  color:#fff; font-weight:normal; font-size:13px; padding:10px !important; line-height:16px; margin:0; text-transform:uppercase; text-align:left; }
.ess-page .block-title *{ font-weight:normal; font-size:13px; display:inline-block; }



/*
-----------------------------------------------------------------------------------
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; max-width:100%; }
.promo-widget a img{ display:block; margin-bottom:0; }
.promo-widget a img, .promo-widget img:last-child, .promo-widget a:last-child{ margin-bottom:0; }

/*
-----------------------------------------------------------------------------------
ESS Left column
-----------------------------------------------------------------------------------*/
.ess-colLeft{ width:22%; float:left; padding-right:15px;  overflow:hidden; }
.ess-side-promo{ }
.lBox{ margin-bottom:15px; }
.lBox .pad{ border:1px solid #e6e6e6; border-top:0; }
.lBox.shop-catz ul li{ font-size:13px; position:relative; padding:0px 5px; margin:0;  }
.lBox.shop-catz ul li:last-child{ border-bottom:0; }

.lBox.shop-catz ul li a{  display:block; color:#444; padding:9px 12px; padding-left: 18px; position: relative; }

.lBox.shop-catz ul li a:before{
	content: "";
	background:url(../images/arw-catz-list.png) no-repeat;
	width: 12px; height: 10px; display: inline-block; 
	position: absolute;
	top: 50%;
	left:5px;
	margin-top: -4px;
}

.lBox.shop-catz ul li a{
background-color: #fff; border-bottom:1px solid #ddd;}

.lBox.shop-catz ul li a:hover{ color: #ec5f94;}


/*
-----------------------------------------------------------------------------------
ESS Left Feedback
-----------------------------------------------------------------------------------*/
#fdback{ color:#000; font-size:12px; margin-bottom:15px; }
#fdback .pad{ padding:15px; 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 .btn-theme{ margin-top:12px; }


/*
-----------------------------------------------------------------------------------
ESS Table Box
-----------------------------------------------------------------------------------*/
.sm-tableBox,
.tableBox{ display:table; width:100%; border-spacing:0; }
.tb-fixed{ table-layout:fixed;  }

.table-row{ display:table-row; }
.sm-table-cell,
.sm-tableBox > *,
.table-cell, .tableBox > *{ display:table-cell; vertical-align:middle; }

.text-right{ text-align:right; }
.text-left{ text-align:left; }
.text-center{ text-align:center; }
.text-upper{ text-transform:uppercase; }
.text-normal{ font-weight:normal; }

.inline-block{ display:inline-block; }

.divider{ height:1px; background-color:#ddd; margin:30px 0!important; }

.show-mobile{ display:none!important; }


.essBody{ padding:0; background:#e6e6e6 ; }
.ess-outer{ }
.ess-wrapper{ }
.ess-page { background:#fff; padding:15px; box-shadow:0 0 18px rgba(0, 0, 0, 0.2); }
.has-bg .ess-page{ padding:15px; }
.ess-page.shadow{ box-shadow:0 0 10px #ddd; }

.ess-col-main{ width:63.7778%; float:left; }
.col-mdl{ float:left; width:83.5%; }