/*
IMPORTANT NOTES: (PLEASE READ CAREFULLY!)

1. DO NOT MODIFY the system styles section, it is generated by the system,
   your modifications will be overwritten. If you want to change the stylesheet
	 template, modify the ew.less in the "themes" subfolder under the installed
	 directory. Only modify the ew.less if you have the necessary knowledges in
	 CSS and LESS.
	 
2. DO NOT REMOVE THE FOLLOWING COMMENTS:
   
   BEGIN_USER_STYLES
   END_USER_STYLES
	 
	 You MUST write your styles between these two comment lines below, styles
   outside this user styles section will be discarded.
	 
3. If you want to override the system styles, you can copy the styles to the
   User Styles Section, or you can use a separate user stylesheet.

*/
/*BEGIN_SYSTEM_STYLES*/
@font-face {
  font-family: 'ew';
  src: url('ppfonts/ew.eot?t39no9');
  src: url('ppfonts/ew.eot?#iefixt39no9') format('embedded-opentype'), url('ppfonts/ew.woff?t39no9') format('woff'), url('ppfonts/ew.ttf?t39no9') format('truetype'), url('ppfonts/ew.svg?t39no9#ew') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'ew';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
input,
textarea {
  width: auto;
}
.breadcrumb {
  display: table;
}
.icon-first:before {
  content: "\f100";
}
.icon-last:before {
  content: "\f101";
}
.icon-prev:before {
  content: "\f104";
}
.icon-next:before {
  content: "\f105";
}
.icon-arrow-left:before {
  content: "\e615";
}
.icon-arrow-down:before {
  content: "\e616";
}
.icon-arrow-up:before {
  content: "\e617";
}
.icon-arrow-right:before {
  content: "\e618";
}
.ewIcon {
  font-size: 16px;
  text-shadow: none;
  display: block;
}
/* Layout */
.ewFooterRow {
  padding: 10px;
}
/* Menu */
.ewMenuRow .navbar {
  border-radius: 0;
}
#ewCatMenu {
  margin-right: 0;
}
#ewMenuRow .ewLogo {
  padding: 0;
}
/* desktop */
@media (min-width: 768px) {
  .form-control {
    width: auto;
  }
  .ewNavbar {
    background-image: none;
  }
  .navbar-nav > li:hover > .dropdown-menu {
    display: block;
  }
  li.dropdown-submenu span.icon-arrow-down {
    display: none;
  }
  .dropdown-submenu {
    position: relative;
  }
  ul.nav.navbar-nav .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
  }
  .dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }
  ul.nav.navbar-nav .dropdown-submenu > a:before {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
  }
  .dropdown-submenu:hover > a:after {
    border-left-color: #ffff;
  }
  .dropdown-submenu.pull-left {
    float: none;
  }
  .dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
  }
  ul.nav.navbar-nav.navbar-right .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: -100%;
    max-width: 160px;
    margin-top: -6px;
    margin-right: -5px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
  }
  ul.nav.navbar-nav.navbar-right .dropdown-submenu > a:before {
    display: block;
    content: " ";
    float: left;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    border-right-color: #999;
    margin-top: 5px;
    margin-right: 10px;
  }
  ul.nav.navbar-nav.navbar-right .dropdown-submenu > a:after {
    display: none;
    content: " ";
    float: left;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    border-right-color: #999;
    margin-top: 5px;
    margin-right: 10px;
  }
  ul.nav.navbar-nav.navbar-right .dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
  }
  .ewUpdatePriceOnChange,
  .ewUpdatePriceOnClick {
    width: auto;
  }
  .ewListThumb {
    width: 130px;
    vertical-align: top;
    padding-left: 15px;
    padding-right: 15px;
  }
  .ewListInfo {
    vertical-align: top;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  #ewShippingDetails {
    width: auto;
  }
}
li.dropdown .open > a,
li.dropdown .open > a:hover,
li.dropdown .open > a:focus {
  background-color: inherit;
}
#mobile-collapse .nav .open > a,
#mobile-collapse .nav .open > a:hover,
#mobile-collapse .nav .open > a:focus {
  background-color: inherit;
}
/* mobile */
@media (max-width: 767px) {
  #ewMobileMenu .ewMenuLink {
    position: absolute;
    right: 0;
  }
  #ewMobileMenu .ewMenuLink + .ewDropdown {
    margin-right: 43px;
  }
  #ewMobileMenu .ewDropdown .icon-arrow-down {
    margin-left: 5px;
  }
  #ewMobileMenu .open > .ewDropdown > .icon-arrow-down:before {
    content: "\e617";
  }
  .ewListThumb {
    width: 130px;
    vertical-align: top;
    padding-left: 15px;
    padding-right: 15px;
  }
  .ewListInfo {
    vertical-align: top;
    padding-left: 15px;
    padding-right: 15px;
  }
  .ewImage {
    max-width: 100%;
  }
  .ewViewThumb,
  .ewViewInfo {
    display: block;
  }
  .ewItemTable .form-group label.control-label,
  .ewMultiColumn .form-group label.control-label {
    text-align: right;
  }
}
/* Pager */
.ewPager {
  border: 0;
  border-spacing: 0;
  margin-bottom: 18px;
}
.ewPager .pagination {
  display: block;
  margin: 0;
}
.ewPagerGroup,
.ewPagination {
  float: left;
  padding-right: 20px;
  margin-bottom: 10px;
}
.ewPrevNext {
  float: left;
  display: table;
}
.ewPagerGroup span,
.ewRec {
  float: left;
}
.ewPager [class^="icon-"],
.ewPrevNext [class^="icon-"] {
  margin: 0;
  vertical-align: text-bottom;
}
ul.pagination li.ewAIndex a,
ul.pagination li.ewAIndex a:hover,
ul.pagination li.ewAindex a:focus {
  font-weight: bold;
  cursor: pointer;
}
.ewPageIndexSelected {
  padding: 2px;
  border: 1px solid #CBCBCB;
}
.pagination li.disabled a,
.pagination li.disabled a:hover,
.pagination li.disabled a:focus {
  cursor: default;
}
/* Table/Form */
.ewStdTable {
  width: 100%;
  border: 0;
  border-spacing: 0;
}
.ewStdTable > tbody > tr > td {
  padding: 5px;
}
button.btn.btn-primary,
button.ewRemove.btn.btn-default.btn-sm {
  vertical-align: top;
}
.ewTable0Summary,
.ewTable1Summary {
  font-weight: bold;
}
.ewTable2Header {
  font-weight: bold;
  /* header font weight */
  vertical-align: top;
}
.ewForm {
  margin-left: 15px;
}
.ewTop {
  vertical-align: top;
}
.ewNowrap {
  white-space: nowrap;
}
select[name=pageno] {
  border-right: 0px;
  min-width: 50px;
}
div.control-label[id^=pp_amount_] {
  text-align: left;
}
input[name=quantity],
input[name^=quantity_] {
  width: 45px;
  display: inline-block;
}
.ewMultiColumn.row {
  padding-top: 10px;
  padding-bottom: 10px;
}
#ewShipForm input.form-control {
  width: 100%;
}
.ewItemTable {
  width: 100%;
  margin-left: -15px;
  margin-right: -15px;
}
.ewViewThumb {
  width: 130px;
  vertical-align: top;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 10px;
}
.ewViewInfo {
  vertical-align: top;
  padding-left: 15px;
  padding-right: 15px;
}
.ewMultiColumn .ewImage {
  max-width: 100%;
}
.ewCustomName {
  text-align: right;
}
.ewImage {
  margin: 1px;
}
/* Cart */
.ewCartGrp {
  width: inherit;
}
/* message */
.ewHidden {
  display: none;
}
.ewSoldOut {
  padding: 10px;
  display: inline-block;
}
.ewClientTemplate {
  display: none;
}
/* twitter typeahead */
.input-group .twitter-typeahead {
  width: 100% !important;
  vertical-align: middle;
}
#keyword.tt-input {
  border-radius: 4px 0 0 4px;
}
.tt-hint {
  color: #777777;
}
.tt-dropdown-menu {
  width: auto;
  min-width: 160px;
  /*max-height: 160px;
	overflow-y: auto;*/
  /* Comment out for Scrollable Dropdown Menu */
  z-index: 10001;
  position: relative;
  margin-top: 1px;
  padding: 5px 0;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.tt-suggestion {
  padding: 3px 20px;
}
.tt-suggestion p {
  margin: 0;
}
.tt-suggestion.tt-cursor {
  color: #ffffff;
  background-color: #428bca;
}
#cboxOverlay {
  background: #000 none;
  opacity: 0.5 !important;
}
/*END_SYSTEM_STYLES*/