/* Webfont: DBHeavent */
@font-face {
    font-family: 'db_heaventregular';
    src: url('db_heavent_v3.2_0.woff2') format('woff2'),
         url('db_heavent_v3.2_0.woff') format('woff');
             font-style: normal;
    font-weight: normal;
   /* text-rendering: optimizeLegibility;*/
}



article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
:focus {
outline: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/*
 * Removes default margin.
 */
body {
  margin: 0;
  font-size: 20px;
}

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: none;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
  /* text-decoration: none!important; */
  transition: all .2s ease-in;
}
/* a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #2f9ee5;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} */

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */
h1 {
  font-size: 24px;
}
.line-height-20 {
  line-height: 20px!important;
}
/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: 600;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Removes border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ============================================ *
 * Reset
 * ============================================ */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* Prevent tap highlight on iOS/Android */
  -webkit-text-size-adjust: 100%;
  /* Prevent automatic scaling on iOS */

}

body {
  background: #FFFFFF;
  color: #000000;
  line-height: 1;
  font-family: 'db_heaventregular';
  font-size: 1.3rem;

}
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con, .se-pre-con-2 {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 99%;
	height: 100%;
	z-index: 9999;
	/* background: url(../../images/Preloader_21.gif) center no-repeat #fff; */
  background: rgba(255, 255, 255, .5);
  display: block;
  padding-top: 15%;
  opacity: 0.5;
}
.se-pre-con-2 {
	padding-top: 48px;
  display: none;
}

.se-pre-con img, .se-pre-con-2 img {
  margin: auto;
  vertical-align: middle;
  width: 168px;
  height: auto;
  -webkit-animation: anim 1s infinite linear;
  animation: anim 1s infinite linear;
}
.se-pre-con-2 img {
  animation:none;
}
@-webkit-keyframes anim {
  from {-webkit-transform: rotateY(0deg);}
  to {-webkit-transform: rotateY(360deg);}
}

@keyframes anim {
  from {transform: rotateY(0deg);}
  to {transform: rotateY(360deg);}
}



html,
body,
img,
fieldset,
abbr,
acronym {
  border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  /*font-size: 100%;*/
  font-weight: 400;
}

th,
code,
cite,
caption {
  font-weight: 400;
  font-style: normal;
  text-align: left;
}

address {
  font-style: normal;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

img {
  display: block;
}

ol,
ul {
  list-style: none;
}

ol.list-style-disc,
ul.list-style-disc {
  list-style: disc;
}

q:before,
q:after {
  content: '';
}

input:focus,
input[type="search"]:focus {
  outline:none;
}

input[type="search"] {
  -webkit-appearance: none;
  /* 1 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /* 2 */
  box-sizing: border-box;
}

/* ============================================ *
 * Base Styles
 * ============================================ */
@-ms-viewport {
  width: device-width;
}

@-o-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

a, button {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

body,
button,
input,
select,
table,
textarea {

  color: #636363;
  line-height: 1.5;
}

a {
  color: #2f9ee5;
  text-decoration: none;
}

a:hover {
  color: #2f9ee5;
  text-decoration: underline;
}

a:focus {
  /* outline-color: #3091c2;
  color: #143d52; */
}
a.active {
  color: #2f9ee5!important;
}
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* ============================================ *
 * Typography
 * ============================================ */
h1, .h1 {
  margin: 0;
  color: #2f9ee5;
  font-size: 26px;
  font-weight: 500;
  font-style: normal;
  line-height: 1;
  text-rendering: optimizeLegibility;

}

h2, .h2 {
  margin: 0;
  margin-bottom: 0.5em;

  font-size: 22px;
  font-weight: 500;
  font-style: normal;
  line-height: 1.2;
  text-rendering: optimizeLegibility;

}

h3, .h3 {
  margin: 0;
  margin-bottom: 10px;
  color: #636363;
  /*font-size: 20px;*/
  font-weight: 500;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;

}

h4, .h4 {
  margin: 0;
  margin-bottom: 10px;
  color: #636363;
  /*font-size: 18px;*/
  font-weight: 500;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;

}

h5, .h5 {
  margin: 0;
  margin-bottom: 10px;
  color: #636363;

  /*font-size: 16px;*/
  font-weight: 500;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;

}

h6, .h6 {
  margin: 0;
  margin-bottom: 5px;
  color: #636363;

  /*font-size: 12px;*/
  font-weight: 500;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;

}
p {
    /*font-size: 20px;*/
    line-height: 20px;
    font-weight: 400;
}

p {
    margin-bottom: 20px;
}
p {
    margin: 0 0 10px;
}
p.indent {
  text-indent: 30px;
}

.padding-left-20 {
	padding-left: 20px !important;
}
.padding-left-50 {
	padding-left: 50px !important;
}
.padding-top-5 {
	padding-top: 5px !important;
}
.padding-top-10 {
	padding-top: 10px !important;
}
.padding-top-15 {
	padding-top: 15px !important;
}
.padding-top-20 {
	padding-top: 20px !important;
}
.padding-top-25 {
	padding-top: 25px !important;
}
.padding-top-30 {
	padding-top: 30px !important;
}
.padding-top-35 {
	padding-top: 35px !important;
}
.padding-top-40 {
	padding-top: 40px !important;
}
.padding-top-45 {
	padding-top: 45px !important;
}
.padding-top-50 {
	padding-top: 50px !important;
}
.padding-top-60 {
	padding-top: 60px !important;
}
.padding-bottom-20 {
  padding-bottom: 20px !important;
}
.margin-bottom-0 {
	margin-bottom: 0 !important;
}
.margin-bottom-5 {
	margin-bottom: 5px !important;
}
.margin-bottom-10 {
	margin-bottom: 10px !important;
}
.margin-bottom-15 {
	margin-bottom: 15px !important;
}
.margin-bottom-20 {
	margin-bottom: 20px !important;
}
.margin-bottom-25 {
	margin-bottom: 25px !important;
}
.margin-bottom-30 {
	margin-bottom: 30px !important;
}
.margin-bottom-35 {
	margin-bottom: 35px !important;
}
.margin-bottom-40 {
	margin-bottom: 40px !important;
}
.margin-bottom-50 {
	margin-bottom: 50px !important;
}
.margin-bottom-60 {
	margin-bottom: 60px !important;
}
.margin-bottom-65 {
	margin-bottom: 65px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}
.margin-top-10 {
	margin-top: 10px !important;
}

.margin-left-0 {
  margin-left: 0 !important;
}
.margin-right-0 {
  margin-right: 0 !important;
}

.margin-right-8 {
  margin-right: 8px!important;
}
.margin-right-15 {
  margin-right: 15px!important;
}
.margin-right-20 {
	margin-right: 20px !important;
}
.margin-left-10 {
  margin-left: 10px !important;
}
.margin-left-15 {
  margin-left: 15px !important;
}
.margin-left-20 {
	margin-left: 20px !important;
}

.padding-left-0 {
  padding-left: 0 !important;
}
.padding-right-0 {
  padding-right: 0 !important;
}
.padding-top-0 {
  padding-top: 0 !important;
}
.padding-bottom-0 {
  padding-bottom: 0 !important;
}
.padding-right-30 {
	padding-right: 30px !important;
}
.margin-right-10 {
	margin-right: 10px !important;
}
.text-align-right {
  text-align: right;
}
.float-left-width-auto {
    float: left;
    width: auto;
}
.float-right-width-auto {
    float: right;
    width: auto;
}
.border-bottom-1 {
    border-bottom: 1px solid #2f9ee5;
}
.border-bottom-2 {
    border-bottom: 2px solid #2f9ee5;
}
.bg-white {
  background-color: #fff!important;
}
.nobg {
  background: none!important;
}
.padding-left-desktop-20 {
  padding-left: 20px !important;
}
.padding-left-desktop-50 {
  padding-left: 50px !important;
}

.btn-22 {
  color: #fff;
  padding: 4px 25px;
  display: inline-block;
  background: #f83f37;
  border: solid 1px #f83f37;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}


@media only screen and (max-width: 800px) {
  .padding-left-desktop-20 {
  	padding-left: 0px !important;
  }
  .padding-left-desktop-50 {
  	padding-left: 0px !important;
  }
}

/* ============================================ *
 * Shared Classes
 * ============================================ */



.pagging_div{
	width: 30%;
	margin: 0 auto;
  	text-align: center;
  	display: block;
  	padding-top: 20px;
}

.pagging_section{
  width: 35px;
    height: 35px;
    float: left;
    padding-left: 0;
    margin-left: 5px;
    text-align: center;
    border: solid #F0F0EB 0px;
    color: #B8B8B8;
    line-height: 34px;
}
.pagging_section.prev, .pagging_section.next, .pagging_section.prev a, .pagging_section.next a {
    width: 70px!important;
    border-radius: 21px;
    background:none!important;
    border: none!important;
    float: left;
}

.pages a {
  display: none;
}
.pagging_section a{
  display: block;
float: left;
  width: 35px!important;
  height: 35px!important;
  transition: all .3s ease-in-out!important;
}
.pagging_section a:hover{
  background-color: #2f9ee5!important;
  color: #ffffff!important;
transition: all .3s ease-in-out!important;
}

.pagging_section_selected{
	background-color: #2f9ee5!important;
	color: #ffffff;
  border-radius: 35px;
}

.section_type{
	float:left;
	vertical-align:middle;
}

.section_display{
	float:right;
	vertical-align:middle;
}

.section_pagging{
	margin-left:10px;
	margin-right:10px;
	float:right;
	vertical-align:middle;
}

.address-list address {
  margin-bottom: 1em;
}

.availability {
  margin-bottom: 0;
  font-size: 20px;

}

.availability .label {
  display: none;
}

.availability.in-stock {
  color: #11b400;
}

.availability.available-soon,
.availability.out-of-stock {
  color: #df280a;
}

.availability-only {
  color: #df280a;
  margin-bottom: 10px;
}
.color33353d{
  color: #33353d;
}
.color636363{
  color: #636363;
}
.color2f9ee5{
  color: #2f9ee5;
}
.detail_17px{
  font-size: 17px;
  line-height: 20px;
}
.indent_45px{
  text-indent: 45px;
}
.no-border{
  border: 0px!important;
}
.line-bg{
  background: url(../../images/line_bg.png) center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 50px;
}
@media only screen and (max-width: 800px) {
  .line-bg{
    width: 99%;
  }
  #frm .line-bg{
    width: 94%;
  }
}
.error {
    color: #FF0000;
    /*font-size: 12px;*/
    display: none;
}
.center-text{
  text-align: center;
}

/* -------------------------------------------- */
/* Page Titles */
/* -------------------------------------------- */
.page-title h1,
.page-title h2,
.product-name h1,
.product-name .h1 {
  font-size: 28px;
  line-height:35px;
  font-family: 'db_heaventregular';
  font-weight: 600;
  color: #0072a2;
  border-bottom: 0px solid #E6E6E6;
  padding-bottom: 3px;
  margin-bottom: 15px;
  padding-top: 10px;
}
.page-title h3,
.product-name h3 {

  font-size: 17px;
  line-height:35px;
  font-family: 'db_heaventregular';
  font-weight: 500;
  color: #2f9ee5;
  border-bottom: 1px solid #2f9ee5;
  padding-bottom: 3px;
  margin-bottom: 15px;
}
.h-cat-title{
  padding-left: 45px;
  background: url("../../skin/frontend/gibthai/default/images/title-icon.png");
  background-repeat: no-repeat;
  background-size: contain;
      margin-bottom: 10px;
      font-weight: 600;
    text-align: left;
}
@media only screen and (max-width: 800px) {
    .h-cat-title {
        padding-left: 30px;
        font-size: 20px;
    }
}
.text-w-border{
  padding: 20px;
  margin-bottom: 20px;
  border: 1px solid #e0e0e0;
}
/* -------------------------------------------- *
 * Block Module
 */
.block,
.col-left-first {
  margin-bottom: 20px;
}

.col-left-first .block:last-of-type {
  margin-bottom: 0;
}

.block-title {
  position: relative;
  padding: 10px 0 0;
  margin-bottom: 5px;
  border-top: 1px solid #cccccc;
}
.block-title h2,
.block-title h3,
.block-title strong {
  margin: 0;
  margin-bottom: 10px;
  color:#000;
  font-size:30px;
  font-family: 'db_heaventregular';
  font-weight: 500;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;

  margin-bottom: 0;

  font-weight: 600;
}
.block-title small {
  font-size: 100%;
  font-weight: 400;
  color: #a0a0a0;
}

body:not(.customer-account) .block:first-child .block-title {
  border-top: none;
  padding-top: 0;
}

.block-subtitle {
  font-weight: 500;
  margin-bottom: 7px;
}

.block-content {
  margin-top: 5px;
}

.block-content.unpad {
  padding: 0;
}

.block-content li.item {
  margin: 0 0 10px 9px;
}

.block-content li.item:last-child {
  margin-bottom: 0;
}

.block .actions {
  margin: 10px 0 0;
}
.block .actions:after {
  content: '';
  display: table;
  clear: both;
}
.block .actions a {
  float: left;
}
.block .actions .button {
  float: right;
}

.col-left .block .actions .button ~ a,
.col-right .block .actions .button ~ a {
  line-height: 33px;
  margin-right: 5px;
}

@media only screen and (max-width: 800px) {
  .sidebar .block:not(.block-layered-nav) {
    margin-bottom: 0;
  }
  .sidebar .block:not(.block-layered-nav) .block-title {
    padding: 0;
    margin-top: 0;
    border-bottom: none;
    border-top: none;
    margin-bottom: 0;
  }
  .sidebar .block:not(.block-layered-nav) .block-title > strong {
    margin: 0;
    margin-bottom: 10px;
    color: #636363;
    font-family: 'db_heaventregular';
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;

    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-weight: 400;
    margin-bottom: 0px;
    padding: 7px 10px 7px 24px;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    position: relative;
    background-color: #f4f4f4;
    display: block;
    width: 100%;
    cursor: pointer;
    border-bottom: 0;
  }
  .sidebar .block:not(.block-layered-nav) .block-title > strong:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #3399cc;
    border-right: none;
    left: 10px;
    top: 50%;
    margin-top: -3px;
  }
  .sidebar .block:not(.block-layered-nav) .block-title > strong:hover {
    background-color: #ececec;
  }
  .sidebar .block:not(.block-layered-nav) .block-title.active > strong {
    margin: 0;
    margin-bottom: 10px;
    color: #636363;
    font-family: 'db_heaventregular';
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;

    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-weight: 400;
    margin-bottom: 0px;
    padding: 7px 10px 7px 24px;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    position: relative;
    background-color: #f4f4f4;
  }
  .sidebar .block:not(.block-layered-nav) .block-title.active > strong:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid #3399cc;
    border-bottom: none;
    left: 10px;
    top: 50%;
    margin-top: -3px;
  }
  .sidebar .block:not(.block-layered-nav) .block-title.active > strong:hover {
    background-color: #ececec;
  }
  .sidebar .block:not(.block-layered-nav) .block-content {
    padding: 10px;
    margin-top: 0;
    border-width: 0 1px;
    border-style: solid;
    border-color: #cccccc;
  }
  .sidebar .block:last-of-type {
    border-bottom: 1px solid #cccccc;
  }
}

#login-form {display:block; width:100%; margin-top:-15px;}
#login-form .am-form-block {width:590px; max-width:100%;}
#login-form .amform-block-account-container {width:250px; margin:auto;}

#login-form  .button:hover{opacity:0.8;}
#login-form .amform-block-account-container .button {background:#FFB300;}

#block_loginbyemail #email, #block_loginbyemail #password {
  border: none!important;
    border-bottom: 1px solid #2f9ee5!important;
    width: 100%!important;
    height: 40px!important;
    max-width: 100%!important;
}
/* -------------------------------------------- *
 * Secondary Navigation
 */
.block-account .block-title,
.block-cms-menu .block-title {
  padding-top: 0;
  border-top: none;
}
.block-account .block-title {
  display:none;
}
.block-account .block-content{
  background:#fff;
  border:solid 1px #DADADA;
  padding:0 10px;
  float:left;
  width:100%;
  margin:0px;
}

.block-account li,
.block-cms-menu li {
  float:left;
  width:100%;
  margin:5px 0;
}
.block-account a{
  padding:8px 8px 8px 55px;
  line-height:30px;
  position:relative;
  display:block;
  font-size:22px;
  font-family: 'db_heaventregular';
  color:#000;
  opacity:0.7;
  background:url(../../skin/frontend/gibthai/default/images/icon-myaccount.png) no-repeat 10px 5px;
}
.block-account a.account {
  background-position:10px 5px;
}
.block-account a.account_edit {
  background-position:10px -56px;
}
.block-account a.address_book {
  background-position:10px -117px;
}
.block-account a.orders {
  background-position:10px -177px;
}
.block-account a.wishlist,
.block-account a.shoppinglist {
  background-position:10px -237px;
}
.block-account li.current a{
  background-color:#F1F1F1;
  opacity:1;
}

.block-account li a:hover,
.block-cms-menu li a:hover {
  opacity:1;
  text-decoration:none;
}


/* 404 Page */
.page-not-found,
.cart-empty{max-width:70%; margin:8% auto; text-align:center;}
.page-not-found h1,
.cart-empty h1{font-size:60px; font-family: 'db_heaventregular'; color:#000000;}
.page-not-found h3,
.cart-empty h3{font-size:24px; font-family: 'db_heaventregular'; color:#000000;}
.page-not-found .back-to-home,
.cart-empty .back-to-home{margin:18px 0 0; padding:18px 0 0; border-top:1px solid #e6e6e6;}

/* ============================================ *
 * Buttons
 * ============================================ */
/* Secondary Buttons */
button:focus{outline:none;}
.cart .buttons-set .button,
.cart-table .button,
.sidebar .actions .button,
.button.button-secondary {
  background: #dddddd;
  color: #636363;
  padding: 7px 15px;
}
.cart .buttons-set .button:hover,
.cart-table .button:hover,
.sidebar .actions .button:hover,
.button.button-secondary:hover {
  background: #d0d0d0;
  cursor: pointer;
}
.cart .buttons-set .button:active,
.cart-table .button:active,
.sidebar .actions .button:active,
.button.button-secondary:active {
  background: #c4c4c4;
  color: #636363;
}
.cart .buttons-set .button:focus,
.cart-table .button:focus,
.sidebar .actions .button:focus,
.button.button-secondary:focus {
  color: #636363;
  background: #c4c4c4;
  outline: none;
}

.sidebar .actions button.button {
  white-space: normal;
}

/* Primary Buttons */
.button,
.cart-table .product-cart-actions .button,
#co-shipping-method-form .buttons-set .button,
.footer .button {
  background: #2f9ee5;
  display: inline-block;
  padding: 7px 15px;
  border: 0;
  color: #FFFFFF;
  font-size: 22px;
  font-weight: 400;
  font-family: 'db_heaventregular';
  line-height: 19px;
  text-align: center;

  vertical-align: middle;
  white-space: nowrap;
}
.button:hover,
.cart-table .product-cart-actions .button:hover,
#co-shipping-method-form .buttons-set .button:hover,
.footer .button:hover {
  opacity:0.8;
  cursor: pointer;
}

a.button {
  text-decoration: none;
}

a.button:hover {
  color: #FFFFFF;
}

/* Disabled - class for anchor, state for form elements */
.button.disabled,
.button:disabled {
  background: #C8C8C8;
  opacity: 0.6;
  cursor: not-allowed;
}

/* Adjacent buttons */
.button + .button {
  margin-left: 5px;
}

.button2 {
  border: 0;
  padding: 0 5px;
  margin: 0;
  background: transparent;
  cursor: pointer;
  vertical-align: middle;
}


@media only screen and (max-width: 800px) {
  .col2-set .buttons-set .button,
  .col2-set .buttons-set .button2 {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .col2-set .buttons-set .back-link {
    display: none;
  }
  .col2-set .buttons-set .required {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  .buttons-set .button {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 7px;
  }
  .buttons-set .back-link {
    /* display: none; */
  }
  .buttons-set .required {
    display: none;
  }
}
#login-form  .button,
.button40 {
    font-size:12px;
    padding: 10px ;
    text-decoration:none;
    display:block;
    font-weight:bold;
    cursor: pointer;
    color: #FFFFFF;
    font-family: 'db_heaventregular';
    font-size:26px;
    line-height:25px;
    min-width: 250px;
    text-align: center;
    vertical-align: top;
    overflow:hidden;
    text-transform:uppercase;
    background:#2f9ee5;
}
#topcontrol{
    z-index:999;
    background:#2f9ee5;
    width:40px;
    height:40px;
    text-align:center;
    font-size:24px;
    position:fixed;
    bottom:-100px;
    right:10px;
    cursor:pointer;
    overflow:auto;
    opacity:0.7;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    box-shadow: 0 3px 6px 1px rgba(0,0,0,0.07);
}

#topcontrol:before{width:40px;height:40px;line-height:40px;color:#FFF}
#topcontrol:hover{opacity:1}

#topcontrol:before, #topcontrol:hover::before {
  -webkit-animation: topcontrol-blocks 1s linear .5s infinite alternate;
  animation: topcontrol-blocks 1s linear .5s infinite alternate;
}
@-webkit-keyframes topcontrol-blocks {
      0%   {line-height: 40px;}
      25%  {line-height: 20px;}
      50%  {line-height: 0;}
      75%  {line-height: 20px;}
      100% {line-height: 40px;}
}


/* -------------------------------------------- *
 * Home Promotion
 */

.wm-content-floor {
    border: 1px solid #ddd;
    overflow: hidden;
    border-top: none;
    margin-bottom: 0px;
}
.wm-showroom {
    width: 100%;
    float: left;
    position: relative;
}
#promo-banner-1{
  float: left;
  width: 390px;
}
#promo-banner-2{
  float: left;
  width: 588px;
}
#promo-banner-3{
  float: left;
  width: 200px;
}
.wm-showroom.layout-1 .banner-1 {
    float: left;
    width: 390px;
    height: 390px;
    left: 0;
    top: 0;
    border: 1px solid #ddd;
    border-left: none;
}
.wm-showroom.layout-1 .banner-2 {
    float: left;
    width: 294px;
    height: 220px;
    left: 390px;
    top: 0;
    border: 1px solid #ddd;
    border-left: none;
        border-bottom: none;
}
.wm-showroom.layout-1 .banner-3 {
    float: left;
    width: 294px;
    height: 220px;
    left: 590px;
    top: 0;
    border: 1px solid #ddd;
    border-left: none;

        border-bottom: none;
}
.wm-showroom.layout-1 .banner-4 {
    float: left;
    width: 147px;
    height: 170px;
    left: 390px;
    top: 220px;
    border: 1px solid #ddd;
    border-left: none;
}
.wm-showroom.layout-1 .banner-5 {
    float: left;
    width: 147px;
    height: 170px;
    left: 523px;
    top: 220px;
    border: 1px solid #ddd;
    border-left: none;
}
.wm-showroom.layout-1 .banner-6 {
    float: left;
    width: 147px;
    height: 170px;
    left: 656px;
    top: 220px;
    border: 1px solid #ddd;
    border-left: none;
}
.wm-showroom.layout-1 .banner-7 {
    float: left;
    width: 147px;
    height: 170px;
    left: 656px;
    top: 220px;
    border: 1px solid #ddd;

    border-left: none;
}
.wm-showroom.layout-1 .banner-8 {
    float: left;
    width: 200px;
    height: 390px;
    left: 788px;
    top: 0;
    border: 1px solid #ddd;
    border-left: none;
    border-right: none;
}
.other-menu{
  position:relative;
  float: left;
  width: 76%;
}

@media only screen and (max-width: 800px) {
  .other-menu{
    position:relative;
    float: left;
    width: 100%;
  }

  #promo-banner-1{
    float: left;
    width: 100%;
  }
  #promo-banner-2{
    float: left;
    width: 100%;
  }
  #promo-banner-3{
    float: left;
    width: 100%;
  }
  .wm-showroom.layout-1 .banner-1 {
    width: 100%;
    height: auto;
    border-right: none;
    border-bottom: none;
  }
  .wm-showroom.layout-1 .banner-2, .wm-showroom.layout-1 .banner-3 {
    width: 50%;
    height: auto;
  }
  .wm-showroom.layout-1 .banner-4, .wm-showroom.layout-1 .banner-5, .wm-showroom.layout-1 .banner-6, .wm-showroom.layout-1 .banner-7 {
    width: 25%;
    height: auto;
  }
  .wm-showroom.layout-1 .banner-8 {
      width: 100%;
      height: auto;
  }


}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #promo-banner-1{
    width: 33.1%;
  }
  #promo-banner-2{
    width: 49.9%;
  }
  #promo-banner-3{
    width: 16.9%;
  }

}
@media only screen and (max-width: 800px) and (orientation:landscape) {
  #promo-banner-1{
    width: 33%;
  }
  #promo-banner-2{
    width: 50%;
  }
  #promo-banner-3{
    width: 17%;
  }


}
/* -------------------------------------------- *
 * Paypal Button
 */
.paypal-logo.paypal-after {
  float: left;
}

.paypal-after .paypal-or {
  float: left;
}

.paypal-or {
  line-height: 34px;
  margin: 0px 10px 5px;
}

.paypal-after .paypal-button {
  float: left;
}

.paypal-button {
  line-height: 0px;
}

.paypal-button img {
  display: inline;
}

@media only screen and (max-width: 740px) {
  .paypal-or {
    line-height: 20px;
  }

  .paypal-logo,
  .paypal-or,
  .paypal-button {
    text-align: center;
    width: 100%;
    display: block;
    margin-right: 0;
    margin-left: 0;
    float: none;
  }
}
/* -------------------------------------------- *
 * Button Sets
 */
.buttons-set {
  clear: both;
  margin: 10px 0 0;
  text-align: left;
}
.buttons-set p.required {
  margin: 0;
  margin-left: 0px;
  line-height: 33px;
  float: left;
  width:100%;
  text-align:left;
}
.buttons-set .back-link {
  float: left;
  margin: 0;
  line-height: 33px;
}
.buttons-set a:not(.button) {
  line-height: 20px;
  display: inline-block;
  padding: 5px;
  color:#000;
}

.buttons-set:after {
  content: '';
  display: table;
  clear: both;
}

.my-account .buttons-set button.button {
  float:left;
  min-width:250px;
  height:45px;
  color:#fff;
  font-size:26px;
}

/* -------------------------------------------- *
 * Icons
 */
.icon-sprite, .btn-remove2, .ratings .rating-box, .ratings .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid,
.sorter > .view-mode .list, .skip-nav .icon, .skip-search .icon, #search_mini_form .search-button:before, .skip-account .icon, .product-view .sharing-links a, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating {
  background-image: url(../../skin/frontend/gibthai/default/images/icon_sprite.png);
  background-repeat: no-repeat;
  text-indent: -9999px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  .icon-sprite, .btn-remove2, .ratings .rating-box, .ratings .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid,
  .sorter > .view-mode .list, .skip-nav .icon, .skip-search .icon, #search_mini_form .search-button:before, .skip-account .icon, .product-view .sharing-links a, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating {
    background-image: url(../../skin/frontend/gibthai/default/images/icon_sprite%402x.png);
    background-size: 100px 1000px;
  }
}
/* -------------------------------------------- *
 * Breadcrumbs
 */
.breadcrumbs {
  overflow: hidden;
  margin: 15px 0 15px;
}

.breadcrumbs li {
  float: left;
  /*font-size: 20px;*/
  font-family: 'db_heaventregular';
  line-height:20px;
  text-transform: capitalize;
  color:#2f9ee5;
}

.breadcrumbs a {
  float: left;
  color: #2f9ee5;
  /*font-size: 20px;*/
  font-weight: 400;
}

.breadcrumbs a:hover {
  color: #2f9ee5;
}

.breadcrumbs strong {
  color: #2f9ee5;
  font-weight: 400;
  /*font-size: 20px;*/
}

.breadcrumbs span {
  float: left;
  padding: 0 7px;
}

/* -------------------------------------------- *
 * Button - Remove / Previous
 */
.btn-remove,
.btn-previous {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #ddd;
  text-align: center;
  /* Hide text */
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  position: relative;
}

.btn-remove:hover,
.btn-previous:hover {
  background-color: #000;
  border-color: #000;
}

.btn-remove:after {
  content: 'X';
  color: #000;
  height: 20px;
  line-height: 20px;
  width: 100%;
  font-size: 10px;
  font-family: Arial, "Helvetica Neue", Verdana, Arial, sans-serif;
  font-weight: 500;
}
.btn-remove:hover:after {
  color: #FFFFFF;
  text-decoration: none;
}

.btn-remove2 {
  background:url(../../skin/frontend/gibthai/default/images/exit.png) no-repeat center center;
  width: 17px;
  height: 17px;
  border: none;
  vertical-align: top;
  background-size: contain;
}

.btn-remove2:after {
  display: none;
}
.btn-remove2:hover {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.btn-previous:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid #3399cc;
  border-left: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -2px;
  margin-top: -4px;
}
.btn-previous:hover:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid white;
  border-left: none;
}

.block-layered-nav .currently .btn-remove,
.block-layered-nav .currently .btn-previous,
.mini-products-list .btn-remove,
.mini-products-list .btn-previous,
#compare-items .btn-remove,
#compare-items .btn-previous {
  float: right;
  margin-left: 6px;
}

/* -------------------------------------------- *
 * Cart notice base shipping type
 */
.notice-base-shipping {
  color: black;
  background-color: #f9ebe6;
}

.notice-base-shipping > li {
  position: relative;
  margin-bottom: 5px;
  padding: 7px 10px 7px 20px;
  font-size: 20px;
}

/* -------------------------------------------- *
 * Checkout Agreements
 */
.checkout-agreements li {
  margin-bottom: 20px;
}

.cart .agree{
  background:#f5f5f5;
  padding:15px;
}
.cart .agreement-content.skip-active  {
  top:0px;
  left:0px;
  position:fixed;
  width:100%;
  height:100%;
  background-color:none;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);
  z-index: 99999;
}
.cart .agreement-box-content{
  position:absolute;
  width:730px;
  max-width:90%;
  background:#fff;
  padding:30px 50px;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  text-align:center;
}
.cart .agreement-box-content .button2 {
  min-width:200px;
}
.cart .agreement-box-content h4 {
  font-size:30px;
  color:#000;
  text-transform:none;
  font-family: 'db_heaventregular';
  line-height:30px;
}
.cart .agreement-box-content .popup {
  float:left;
  width:100%;
  background:#F9F9F9;
  padding:10px;
  max-height:325px;
  overflow-y:auto;
  font-size:15px;
  color:#767676;
  margin-bottom:25px;
  border: solid 1px #E6E6E6;
  text-align: left;
}
.cart .agreement-box-content .popup p {
  margin-bottom:15px;
}
.cart .agreement-box-content .button-accept{
  background:#2f9ee5;
}
.agreement-box-content h2 {
    font-family: 'IBM Plex Sans Thai' !important;
    font-size: 30px;
}
.agreement-box-content li:before {
    content: "\2022";
    display: block;
    position: absolute;
    left: 0;
}
.agreement-box-content li {
    position: relative;
    padding-left: 15px;
    margin-left: 10px;
}
.agreement-box-content h3 {
    margin-left: 10px;
}
.agreement-box-content ul {margin-left: 20px;}
/* -------------------------------------------- *
 * CVV Security Code
 */
.cvv-what-is-this {
  margin-left: 10px;
  font-size: 20px;
  line-height: 24px;
}

/* -------------------------------------------- *
 * Container
 */
.main-container,
.footer-container {
 float:left;
 width:100%;
}

.main-container:after,
.footer-container:after {
  content: '';
  display: table;
  clear: both;
}

.footer-container {
  padding-top: 0px;
  margin-top:10px;
}
.cms-index-index .footer-container  {margin-top:0px;}


/* -------------------------------------------- *
 * Column Layouts
 */
.main:after,
.col-wrapper:after {
  content: '';
  display: table;
  clear: both;
}

.col-left,
.col-right,
.col-main {
  padding: 0 10px;
}

.col-left {
  float: left;
  width: 25%;
  padding-left: 0;
  /* Remove the 15px padding */
  clear: left;
}
.col-left img {
  max-width: 100%;
}

.col-right {
  float: right;
  width: 25%;
  padding-right: 0;
  /* Remove the 15px padding */
}
.col-right img {
  max-width: 100%;
}

.col-main {
  float: left;
  width: 75%;
}

.col1-layout .col-main {
  float: none;
  width: auto;
  padding: 0;
  /* Remove the 15px padding */
}

.col2-left-layout .col-main {
  float: right;
  padding-right: 0;
  /* Remove the 15px padding */
}

.col2-right-layout .col-main {
  padding-left: 0;
  /* Remove the 15px padding */
}

.col3-layout .col-right {
  width: 20.83333%;
}
.col3-layout .col-wrapper {
  float: left;
  width: 79.16667%;
}
.col3-layout .col-wrapper .col-main {
  float: right;
  width: 73.68421%;
}
.col3-layout .col-wrapper .col-left {
  width: 26.31579%;
}

@media only screen and (max-width: 1000px) {
  .col3-layout .col-right {
    float: left;
    clear: left;
    padding-left: 0;
    padding-right: 10px;
    width: 25%;
  }
  .col3-layout .col-wrapper {
    float: right;
    width: 100%;
  }
  .col3-layout .col-wrapper .col-main {
    float: right;
    width: 75%;
  }
  .col3-layout .col-wrapper .col-left {
    width: 25%;
  }
}
@media only screen and (max-width: 800px) {
  .col-left,
  .col-right,
  .col-main,
  .col1-layout .col-left,
  .col1-layout .col-right,
  .col1-layout .col-main,
  .col2-left-layout .col-left,
  .col2-left-layout .col-right,
  .col2-left-layout .col-main,
  .col2-right-layout .col-left,
  .col2-right-layout .col-right,
  .col2-right-layout .col-main,
  .col3-layout .col-wrapper .col-left,
  .col3-layout .col-right,
  .col3-layout .col-wrapper .col-main {
    padding: 0;
    float: none;
    width: auto;
    width:100%;
    float:left;
  }

  .col3-layout .col-wrapper {
    float: none;
    width: auto;
  }

  .col-main {
    float: none;
    width: auto;

  }
  .margin-top-20{
    margin-top: 20px;
  }

  .col-main .col-left {
    padding: 0;
    /* On product listing pages, the left column gets moved inside col-main on small viewports */
  }
}
/* Content Columns */
.col2-set {
  width: 100%;
}
.col2-set .col-1,
.col2-set .col-2 {
  width: 50%;
  padding: 20px;
}
@media only screen and (max-width: 800px) {
  .col2-set .col-1,
  .col2-set .col-2 {
    padding: 10px;
  }
}
.col2-set .col-1 {
  float: left;
  padding-left: 0;
}
.col2-set .col-2 {
  float: right;
  padding-right: 0;
}
@media only screen and (max-width: 479px) {
  .col2-set .col-1,
  .col2-set .col-2 {
    float: none;
    width: auto;
    border: 0;
    padding-right: 0;
    padding-left: 0;
  }
}
.col2-set .narrow {
  width: 33%;
}
.col2-set .wide {
  width: 65%;
}
.col2-set:after {
  content: '';
  display: table;
  clear: both;
}

/* -------------------------------------------- *
 * Top Container
 */
@media only screen and (min-width: 801px) {
  .top-container {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 30px;
  }
}
/* -------------------------------------------- *
 * Global Site Notice
 */
.global-site-notice {
  background: #676157;
  color: #e6e6e6;
  font-size: 11px;
}
.global-site-notice .notice-inner {
  padding-left: 120px;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  line-height: 11px;
  min-height: 40px;
  padding-top: 14.5px;
  padding-bottom: 14.5px;
  background-image: url("../../skin/frontend/gibthai/default/images/demo-logo.png");
  background-position: left;
  background-repeat: no-repeat;
}
.global-site-notice p {
  margin-bottom: 0;
}
.ui-dialog-title{
  color: #2eb7ed;
}
/* -------------------------------------------- *
 * Promotional Message Banner
 */
.promo-msg {
  color: #3399cc;
  text-align: center;
  margin: 10px;

  font-family: 'db_heaventregular';
}

/* -------------------------------------------- *
 * Grid
 */
.grid:after {
  content: '';
  display: table;
  clear: both;
}

/* -------------------------------------------- *
 * Messages
 */
.success {
  color: #11b400;
}

.error {
  color: #df280a;
  font-weight: 500;
  display: none;
}

.notice {
  color: #e26703;
  font-weight: 500;
}

/* -------------------------------------------- *
 * Messages
 */
.messages, .messages ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 30px 20px 20px;
}
ul.messages {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  display: block;
  z-index: 9010;
  background: rgba(0,0,0, 0.6);
}
ul.messages > li {
  position: absolute;
  left: 50%;
  top: 30%;
  width: 450px;
  margin-left: -225px;
  background: #fff url(../../skin/frontend/gibthai/default/images/bg-msg-title.gif) top left repeat-x;
  text-align: center;
  z-index: 9040;
  max-height: 480px;
  padding: 20px 0 0;
}
ul.messages > li.success-msg:after, ul.messages > li.error-msg:after, ul.messages > li.note-msg:after, ul.messages > li.notice-msg:after {
  position: absolute;
  top: 0;
  right: -35px;
  width: 27px;
  height: 27px;
  cursor: pointer;
  z-index: 8040;
  content: "";
  background: url(../../skin/frontend/gibthai/default/images/close.png) center center no-repeat;
}
ul.messages > li.success-msg:before,
ul.messages > li.error-msg:before,
ul.messages > li.notice-msg:before,
ul.messages > li.note-msg:before {
  background-position: left center;
  padding-left:30px;
  background-repeat: no-repeat;
  font-family:'PSL-EmpirePro';
  font-size:24px;
  color:#363636;
}
ul.messages > li.success-msg:before {
  background-image: url(../../skin/frontend/gibthai/default/images/i_msg-success.gif);
  content: "Success";
}

.th ul.messages > li.success-msg:before {
  background-image: url(../../skin/frontend/gibthai/default/images/i_msg-success.gif);
  content: "ดำเนินการเสร็จสิ้น";
}
ul.messages > li.error-msg:before {
  background-image: url(../../skin/frontend/gibthai/default/images/i_msg-error.gif);
  content: "Error";
}

.th ul.messages > li.error-msg:before {
  background-image: url(../../skin/frontend/gibthai/default/images/i_msg-error.gif);
  content: "เกิดความผิดพลาด";
}
ul.messages > li.notice-msg:before,
ul.messages > li.note-msg:before {
  background-image: url(../../skin/frontend/gibthai/default/images/i_msg-note.gif);
  content: "Notice";
}

.th ul.messages > li.notice-msg:before,
.th ul.messages > li.note-msg:before {
  background-image: url(../../skin/frontend/gibthai/default/images/i_msg-note.gif);
  content: "แจ้งให้ทราบ";
}
.messages li li {
  position: relative;
  /* margin-bottom: 5px; */
  padding: 0;
  /* background: #f4f4f4; */
  font-size: 20px;
}

.messages li li:before {
  top: 50%;
  left: 0;
  margin-top: -6px;
}

.messages .error-msg li {
  color: black;
  /* border-left: 5px solid #df280a;
  background-color: #faebe7; */
}

.messages .error-msg li:before {
  /* content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #df280a;
  border-right: none; */
}

.messages .notice-msg li {
  color: black;
  /* border-left: 5px solid #e26703;
  background-color: #f9ebe6; */
}

.messages .notice-msg li:before {
  /* content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #e26703;
  border-right: none; */
}

.messages .success-msg li {
  color: black;
  /* border-left: 5px solid #11b400;
  background-color: #eff5ea; */
}

.messages .success-msg li:before {
  /* content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #11b400;
  border-right: none; */
}

/* Reset style for messsage */
/*** Shopping List Message *****/
#messages_shoppinglist{}
#messages_shoppinglist ul.messages{
  position: static;
  background: #FFFFFF;
  z-index: 1;
  padding: 0;
  overflow: inherit;
  height:70px;
}
#messages_shoppinglist ul.messages > li{
  position: static;
  width: auto;
  margin: 0;
  padding: 0;
  /* left: 0; */
  background: 0 none;
  max-height: 0;
}
#messages_shoppinglist ul.messages > li ul{
  padding:0;
}
.shoppinglist-popup .button-container{
/*  position: absolute;
  z-index: 9999;
  bottom: 15px; */
}

@media only screen and (min-width: 915px) {
  .order-list-grid .col-1 {
    width: 30%;
  }

  .order-list-grid .col-2 {
    width: 50%;
    padding-right: 20px;
  }

  .order-list-grid .col-3 {
    clear: none;
    width: 20%;
    padding-top: 0;
  }
}
/* -------------------------------------------- *
 * Page Popup
 */
.page-popup {
  padding: 20px;
  background: #FFFFFF;
  height: auto;
}

.page-popup h1 {
  margin: 0 0 0.5em;
  font-size: 36px;
}

/* -------------------------------------------- *
 * Payment Methods
 */
.payment-methods {
  margin-bottom: 20px;
}

.payment-methods dt {
  padding: 5px 0;
}

.payment-methods dd {
  padding-top: 10px;
}

.payment-methods .form-list {
  position: relative;
  display: inline-block;
  max-width: 100%;
  margin: 5px 15px 15px;
  padding: 15px;
  border: 1px solid #cccccc;
  background: #f4f4f4;
}

.payment-methods .form-list:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #cccccc;
  border-top: none;
  top: -11px;
  left: 30px;
}

.payment-methods .form-list:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #f4f4f4;
  border-top: none;
  top: -10px;
  left: 30px;
}

.payment-methods .form-list li:last-child {
  margin-bottom: 0;
}

/* -------------------------------------------- *
 * Please Wait (Loading Indicator)
 */
.please-wait {
  display: inline-block;
  margin-left: 10px;
  margin-top: 5px;
  line-height: 24px;
  height: 24px;
  white-space: nowrap;
  /* Prevent the linebreak in the HTML from causing layout issues */
}
.please-wait img {
  float: left;
  margin-right: 5px;
  width: 24px;
}

/* -------------------------------------------- *
 * Price Box - Standard
 */
.price-box {
  margin: 7px 0;
/*    */
}
.catalog-category-view .products-grid .item .price-box .regular-price {
    padding-top: 18px;
}
.price-box p {
  margin-bottom: 0;
}

.price-notice {
  color: #a0a0a0;
}

.price-box .price {
  color: #EC0000;
  font-size: 16px;
}

.price-box .price,
.price {
/*    */
}

.price-box .price-label {
  color: #a0a0a0;
  white-space: nowrap;
/*   font-family: 'db_heaventregular'; */
}

.price-box .minimal-price-link {
  padding-left: 1em;
  color: #3399cc;
  display: block;
  /* We want this to show on its own line, otherwise the layout looks funky */
}
.price-box .minimal-price-link .label {
  color: #a0a0a0;
}
.products-list .item .box-price-list .price-box .minimal-price-link,
.products-grid .item .product-info .price-box .minimal-price-link{display: none;}

/* -------------------------------------------- *
 * Price Box - Special
 */
.price-box .old-price,
.price-box .special-price {
  display: inline-block;
}
.price-box .old-price .price-label,
.price-box .special-price .price-label {
  display: none;
}
.price-box .old-price .price,
.price-box .special-price .price {
  display: inline-block;
}

.price-box .old-price .price {
  color: #a0a0a0;
  text-decoration: line-through;
}

.price-box .special-price {
  color: #3399cc;
}
.price-box .special-price .price-label {
  color: #D84D3C;
}

/* -------------------------------------------- *
 * Price Box - Taxes
 */
.price-box .price-excluding-tax,
.price-box .price-including-tax {
  display: block;
}

span.weee {
  display: block;
}

/* -------------------------------------------- *
 * Tier Prices
 */
.product-pricing,
.tier-prices,
.tier-prices-grouped {
  display: inline-block;
  padding: 4px 8px;
  background: #FBF4DE;
  border: 1px solid #E2D4C7;
  margin-top: 7px;
}
.product-pricing li,
.tier-prices li,
.tier-prices-grouped li {
  font-size: 12px;
}
.product-pricing .benefit,
.tier-prices .benefit,
.tier-prices-grouped .benefit {
  font-style: italic;
}
.product-pricing .price,
.tier-prices .price,
.tier-prices-grouped .price {
  font-weight: 500;
}

/* ============================================ *
 * Item Options
 * ============================================ */
.item-options {
  font-size: 20px;
  font-family: 'db_heaventregular';
}
.item-options:after {
  content: '';
  display: table;
  clear: both;
}
.item-options dt {
  float: left;
  clear: left;
  font-weight: 600;
  padding-right: 5px;
  font-style: italic;
}
.item-options dt:after {
  content: ': ';
}
.item-options dd {
  float: left;
  padding-left: 10px;
  margin: 0 0 6px;
}

.truncated,
.truncated a.dots {
  cursor: help;
}

.truncated a.details {
  cursor: help;
  height: 16px;
  line-height: 16px;
}
.truncated a.details:hover {
  text-decoration: none;
}

.truncated .truncated_full_value {
  position: relative;
  z-index: 300;
}

.truncated .truncated_full_value .item-options {
  display: none;
  position: absolute;
  z-index: 300;
  width: 200px;
  padding: 8px;
  border: 1px solid #3399cc;
  background-color: #F6F6F6;
  top: 21px;
  left: -100px;
}
.truncated .truncated_full_value .item-options:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #3399cc;
  border-top: none;
  left: 97px;
  top: -7px;
}

.truncated .truncated_full_value .item-options > p {
  font-weight: 500;

  margin-bottom: 8px;
}

.truncated .show .item-options {
  display: block;
}

@media only screen and (max-width: 479px) {
  .truncated {
    cursor: inherit;
  }
  .truncated a.details {
    display: none;
  }
  .truncated .truncated_full_value .item-options {
    display: block;
    position: static;
    z-index: 1;
    width: 100%;
    border: none;
    background-color: transparent;
  }
  .truncated .truncated_full_value .item-options p {
    float: none;
  }
  .truncated .truncated_full_value .item-options:after {
    display: none;
  }
}
/* -------------------------------------------- *
 * Printer Friendly Page
 */
.page-print {
  width: 6.5in;
  margin: 20px;
  background: #FFFFFF;
}


/* -------------------------------------------- *
 * Add to links
 */
.add-to-links {
  margin: 7px 0;
}
.add-to-links a {
  display: inline-block;
  padding: 0px 3px 3px;
}

.add-to-links .separator {
  display: none;
}

/* -------------------------------------------- *
 * Product Image
 */
.product-image,
.no-touch .product-img-box .product-image:not(.zoom-available):hover {
  position: relative;
  display: block;
}


/* -------------------------------------------- *
 * Ratings
 */
.ratings {
  margin: 7px 0;
}
.ratings .rating-box,
.ratings .rating-links {
  margin: 5px 0;
}
.ratings .rating-box {
  width: 110px;
  height: 18px;
  background:url(../../skin/frontend/gibthai/default/images/rating1.png) no-repeat;
  overflow: hidden;
}
.ratings .rating-box .rating {
  float: left;
  height: 18px;
  background:url(../../skin/frontend/gibthai/default/images/rating.png) no-repeat;
}
.ratings .amount {
  display: block;
  margin: 5px auto;
}
.ratings .rating-links .separator {
  margin: 0 3px;
}

/* -------------------------------------------- *
 * Standard Formatted Text Block
 */
.std p {
/*   margin: 0 0 1.5em; */
}

.std ol {
  list-style: decimal outside;
  margin-bottom: 1.5em;
}

.std ol li {
  margin-left: 2em;
}

/* .std ul {
  list-style: disc outside;
  margin-bottom: 1.5em;
} */

/* .std ul li {
  margin-left: 2em;
} */

.std .note {
  color: #a0a0a0;
  font-size: 20px;
}

/* -------------------------------------------- *
 * Tabs
 */
.tabs {
  margin-bottom: 10px;
  background: #FFFFFF;
}
/* -------------------------------------------- *
 * Custome service
 */
.envicon {
  display: inline-block;
  max-height: 30px;
  margin-bottom: -8px;
  margin-left: 5px;
}
.custom-service-order img {
  display: inline-block;
  margin-bottom: -8px;
}
.custom-service-order img.inline-img {
  display: inline-block;
  margin-bottom: -18px;
}
.custom-service-order ul li {

}
.custom-service-order ol li {
  list-style-type: decimal;
  margin-left: 20px;
  line-height: 40px;
}


.center-full-width {
  width: 100%;
  text-align: center;
}
.select-file {
  border: 1px solid #ddd;
    padding: 7px;
    max-height: 40px;
    border-radius: 6px 0 0 6px;
}
.submit-file-btn {

  width: 80px;
    height: 40px;
    border: 0;
    background: none;
    /* background: url(../../skin/frontend/gibthai/default/images/icons.png) no-repeat 10px -114px; */
    background: #2f9ee5;
    border-radius: 0 6px 6px 0;
    color: #fff;
    text-transform: capitalize;
}
@-moz-document url-prefix() {
    .submit-file-btn  {
        height: 37px;
    }
    .select-file {
      padding: 3px 3px 4px 3px;
    }
}
@media only screen and (max-width: 800px) {
    .custom-service-order img{
          max-width: 60px;
    }
    .select-file {
      max-width: 50%;
      padding: 6px;
    }
    .submit-file-btn {
      max-height: 39px;
    }
}

/* -------------------------------------------- *
 * Repiar Service
 */

#frm input[type=email],
#frm input[type=search],
#frm input[type=number],
#frm input[type=password],
#frm input[type=tel],
#frm input[type=text] {
  height: 40px;
  padding: 0 8px;
  border-radius:0px;
}

#frm input[type=email],
#frm input[type=search],
#frm input[type=number],
#frm input[type=password],
#frm input[type=tel],
#frm input[type=text],
#frm textarea {
  width: 285px;
  max-width: 100%;
  border: 1px solid #2f9ee5;
}

.refreshcaptcha {
    width: 5%;
}

.style1{
/*  font-size: 20px;
  font-weight: 400;*/
}
.note {
  font-size: 11px;
}
#frm br {
  content: "";
  margin: 11px;
  display: block;
  margin-bottom: -20px;
}
#frm tr {
 height: 50px;
}
#fault {
  width: 100%!important ;
}
#service_search {
  padding-top: 5px;
  text-align: center;
}
#service_search input[type=text]{
  width: 100%;
  height: 40px;
  padding-right: 40px;
  font-family: 'db_heaventregular';
  font-size: 19px;
  color:#000;
  border-color:#DADADA;
  box-shadow: 0 0 0 0 transparent;
  transition: box-shadow 0.3s ease-in-out;
  padding-left: 37px;
  max-width: 220px;
  border-radius: 6px;
  font-weight: 400;
}
#service_search .button{
  height: 40px;
  border-radius: 6px;
}

@media only screen and   (max-device-width : 667px) {
  #frm tr {
   height: auto;
  }
 #frm td {
   margin: 5px 0 5px 0;
 }

  #frm table td{
      width: 100%!important;
      float: left;
  }


  #frm input[type=email],
  #frm input[type=search],
  #frm input[type=number],
  #frm input[type=password],
  #frm input[type=tel],
  #frm input[type=text],
  #frm textarea {
    width: 94%;
  }

  .refreshcaptcha {
      width: 5%;
  }
  #fault {
    width: 94%!important ;
  }
}


/* -------------------------------------------- *
 * Training center
 */
.gtc-banner-1{
  float: left;
  width: 33.33%;
  padding: 5px;
}
.gtc-banner-2{
  float: left;
  width: 25%;
  padding: 5px;
}
.gtc-banner-1 img, .gtc-banner-2 img{
  width: 100%;
}
.gtc-overlay{
  background: url('../../images/gtc_banner_2_bg.png') no-repeat;
  background-size: cover;
  position: absolute;
  width: 208px;
  height: 101px;
  padding-top: 76px;
    padding-left: 17px;
    font-size: 20px;
}
.gtc-overlay a{

}
.gtc-overlay span{
  margin-left: 17px;
  color: #fff;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
}
.training-contact{
  background: url('../../images/gtc_map_icon_1.png') left top no-repeat;
  background-size: 20%;
}
.training-contact div{
    float: left;
    width: 40%;
}
.training-contact div:first-of-type{
  margin-left: 20%;
}
.doctor-small{
  position: absolute;
  right: -78px;
}
.schedule-item{
  float: left;
  width: 100%;
  border: 1px solid #c1c1c1;
  border-radius: 0;
  /* border-bottom: 10px solid #2f9ee5; */

  margin-bottom: 20px;
  box-shadow: 0 3px 10px 1px rgba(0,0,0,0.1);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: relative;
}
 .schedule-item:hover{
   border: solid 1px #ddd!important;
   box-shadow: none;
   -webkit-transition: all 0.2s ease;
   transition: all 0.2s ease;
 }
.schedule-item-inner{
  float: left;
  width: 100%;
  border-radius: 0;
  padding: 8px;
  background-color: #fff;
  border-bottom: 0px solid #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.schedule-item-img{
  float: left;
  width: 32%;
  margin-right: 20px;
}
.schedule-item-date{
  font-size: 20px;
  font-weight: 400;
  float: left;
  width: 48%;
  background: url(../../images/gtc_cal_icon.png) no-repeat left center;
  background-size: 5%;
  padding-left: 32px;
  height: 25px;
  line-height: 24px;
}
.schedule-item-location{
    font-size: 20px;
    font-weight: 400;
    float: left;
    width: 64%;
    background: url(../../images/gtc_location_icon.png) no-repeat left top;
    background-size: 4%;
    padding-left: 32px;
    height: 38px;
    line-height: 14px;
    font-weight: 400;
    margin-top: 3px;
}
.schedule-item p {
  width: 63%;
  float: left;
  font-size: 20px;
  line-height: 17px;
}
@media only screen and (max-width: 767px) {
  .schedule-item p {
    width: 100%;
  }
}
.schedule-item h4{
  font-size: 20px;
  font-weight: 500;
}
.schedule-item-ribbon{
  position: absolute;
      width: 32%;
      margin-top: 0;
      bottom: 8px;
}
.schedule-item-ribbon img{
  width: 100%;
}
.schedule-item .box-price-list {
  width: auto;
      float: right;
      position: absolute;
      right: 6px;
      top: 87%;
}
.schedule-item .read-more {
    background-color: #2f9ee5;
    border-radius: 126px;
    width: 50px;
    height: 50px;
    line-height: 13px;
    padding-top: 11px;
    text-decoration: none;
    text-align: center;
    border: 1px solid #2f9ee5!important;
    transition: all .2s ease-in-out;
    bottom: 0;
color: #fff;
font-size: 12px;
float: left;
}
.schedule-item .read-more:hover {
  transition:all .2s ease-in-out;
  border: 1px solid #707070!important;
  background-color: #fff;
  color: #2f9ee5;
  text-decoration: none!important;
}
.gtc-btn-detail{
  font-size: 11px;
  background-color: #2f9ee5;
  color: #fff;
  padding: 2px 11px;
  border-radius: 10px;
  -webkit-box-shadow: 3px 3px 1px 0px rgba(0,102,168,1);
  -moz-box-shadow: 3px 3px 1px 0px rgba(0,102,168,1);
  box-shadow: 3px 3px 1px 0px rgba(0,102,168,1);
}
.gtc-btn-detail:hover{
  color: #fff;
  background-color: #0066a8;
  text-decoration: none;
}
.training-schedule-detail {
    font-size: 20px!important;
    width: 68%;
    font-weight: 200;
    line-height: 20px;
}
.training-schedule-detail p{
    font-size: 20px!important;
    width: 68%;
    font-weight: 200;
    line-height: 20px;
    margin: 3px;
}
.training-schedule-detail th{
  color: #fff;
  padding: 3px;
}
.training-schedule-register{
  width: 100%;
}
.training-schedule-register th{
  color: #fff;
  padding: 3px;
}
.training-remark{
  width: 100%;
  margin: auto;
  background-color: #F5F5F5;
  padding: 15px 70px;
  text-align: center;
  margin-top: 20px;
  color: #2f9ee5;
  border-radius: 6px;
  border: 1px solid #e5e5e5;
}
#salename{
  width: 50%!important;
}
.gtc-download-btn{
  background: url('../../images/download_btn.png') top center no-repeat;
  padding-top: 50px;
  margin: 20px;
  float: left;
  background-size: 55%;
  max-width: 101px;
font-size: 20px;
}
.gtc-register-btn{
  background: url('../../images/register_btn.png') top center no-repeat;
  padding-top: 50px;
  margin: 20px;
  float: left;
  background-size: 55%;
  max-width: 101px;
font-size: 20px;
}
.gtc-check-btn{
  background: url('../../images/check_btn.png') top center no-repeat;
  padding-top: 50px;
  margin: 20px;
  float: left;
  background-size: 55%;
  max-width: 101px;
font-size: 20px;
}
.gtc-workshop-condition-bg{
  position: absolute;
  background: url('../../images/gtc_condition_bg.png') top center no-repeat;
  right: -70px;
  width: 349px;
  background-size: contain;
  padding: 30px;
  padding-right: 61px;
  color: #fff;
  height: 522px;
}
.gtc-seminar-condition-bg{
  position: absolute;
  background: url('../../images/text_seminar.png') top center no-repeat;
  right: -70px;
  width: 349px;
  background-size: contain;
  padding: 30px;
  color: #fff;
  height: 272px;
}
.gtc-seminar-condition-bg strong{
color: #fff;
float: right;
margin-left: 40%;
width: 64%;
text-align: center;
font-size: 20px;
}
.gtc-condition-title{
    float: right;
    width: 108px;
    margin-right: -11px;
    text-align: center;
}
.gtc-condition-detail{
  font-size: 12px;
}

.training-schedule-status-detail{
  font-size: 20px;
  width: 100%;
}
.training-schedule-status-detail th{
  color: #fff;
  text-align: center;
}
.training-schedule-status-detail th:first-of-type{
  border-radius: 6px 0 0 0 ;
}
.training-schedule-status-detail th:last-of-type{
  border-radius:  0 6px 0 0 ;
}
.training-schedule-status-detail td{
  border:1px dashed #2f9ee5;
  padding: 3px;
}
.training-schedule-transfer-detail table{
  width: 80%;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .training-schedule-transfer-detail table{
    width: 100%;
    margin: auto;
  }
  .training-schedule-transfer-detail #file{
    width: 100%;
  }
}
.training-schedule-transfer-detail a.button{
padding: 10px 25px;
}
.training-schedule-transfer-detail td{
    line-height: 53px;
}
.training-schedule-transfer-detail #frm input[type=email],
.training-schedule-transfer-detail #frm input[type=search],
.training-schedule-transfer-detail #frm input[type=number],
.training-schedule-transfer-detail #frm input[type=password],
.training-schedule-transfer-detail #frm input[type=tel],
.training-schedule-transfer-detail #frm input[type=text],
.training-schedule-transfer-detail #frm textarea,
.training-schedule-transfer-detail #frm select  {
  width: 100%;
  max-width: 100%;
  border: 1px solid #69c4ff;
  min-height: 40px;
  padding: 0 8px;
  border-radius:0px;
  height: 40px;
}
.training-schedule-transfer-detail #frm select  {
  padding-top: 10px;
}
.training-schedule-transfer-detail #frm textarea  {
  height: auto!important;
}
.input-name{
  background: url('../../images/icon-name.png') right center no-repeat;
  background-size: 5%;
  background-position-x: 99%;
}
.input-phone{
  background: url('../../images/icon-phone.png') right center no-repeat;
  background-size: 5%;
  background-position-x: 99%;
}
.training-schedule-transfer-detail #frm select  {
  -webkit-appearance: none; appearance: none /*menulist*/ !important;
  background: url('../../images/icon-select.png') right center no-repeat;
  background-size: 5%;
  background-position-x: 99%;
}
.input-pocket{
  background: url('../../images/icon-pocket.png') right center no-repeat;
  background-size: 5%;
  background-position-x: 99%;
}
.input-calendar{
  background: url('../../images/icon-calendar.png') right center no-repeat;
  background-size: 5%;
  background-position-x: 99%;
}
.input-time{
  background: url('../../images/icon-time.png') right center no-repeat;
  background-size: 5%;
  background-position-x: 99%;
}

#imagecode{
  clear: both;
  width: 253px!important;
  margin-top: 10px;

}


.training-schedule-register #frm input[type=email],
.training-schedule-register #frm input[type=search],
.training-schedule-register #frm input[type=number],
.training-schedule-register #frm input[type=password],
.training-schedule-register #frm input[type=tel],
.training-schedule-register #frm input[type=text],
.training-schedule-register #frm textarea,
.training-schedule-register #frm select  {
  width: 100%;
  max-width: 100%;
  border: 1px solid #69c4ff;
  min-height: 40px;
  padding: 0 8px;
  border-radius:0px;
  height: 40px;
  font-weight: 400;
}
.training-schedule-register #frm select  {
  padding-top: 10px;
}
.training-schedule-register #frm textarea  {
  height: auto!important;
}
.training-schedule-register a.button{
  padding: 10px 25px;
}
.training-schedule-register td{
  padding-right: 15px;
}
.training-schedule-register #frm br {
  content: "";
  margin: 11px;
  display: block;
  margin-bottom: -10px;
}
.col-gtc-step {
  position: relative;
  float: left;
  width: 25%;
  min-height: 241px;
}
.col-gtc-step h3 {
  color: #000;
  text-align: center;
  padding-top: 80%;
}
.col-gtc-step-0 {
  background: url('../../images/gtc-step_01.png') right center no-repeat;
  background-size: contain;
}
.col-gtc-step-1 {
  background: url('../../images/gtc-step_02.png') right center no-repeat;
  background-size: contain;
}
.col-gtc-step-2 {
  background: url('../../images/gtc-step_03.png') right center no-repeat;
  background-size: contain;
}
.col-gtc-step-3 {
  background: url('../../images/gtc-step_04.png') right center no-repeat;
  background-size: contain;
}
.col-gtc-step-4 {
  background: url('../../images/gtc-step_05.png') right center no-repeat;
  background-size: contain;
}
.col-gtc-step-5 {
  background: url('../../images/gtc-step_06.png') right center no-repeat;
  background-size: contain;
}
.col-gtc-step-6 {
  background: url('../../images/gtc-step_07.png') right center no-repeat;
  background-size: contain;
}
.col-gtc-step-7 {
  background: url('../../images/gtc-step_08.png') right center no-repeat;
  background-size: contain;
}
.col-gtc-step-8 {
  background: url('../../images/gtc-step_09.png') right center no-repeat;
  background-size: contain;
}
.col-gtc-step-9 {
  background: url('../../images/gtc-step_10.png') right center no-repeat;
  background-size: contain;
}
.col-gtc-step-10 {
  background: url('../../images/gtc-step_11.png') right center no-repeat;
  background-size: contain;
  width: 50%;
}
.col-gtc-step:hover .gtc-step-overlay {
  height: 100%;
  padding: 5%;
  left: 0;
}
.gtc-step-overlay {
  position: absolute;
  width: 100%;
  background: rgba(47,158,229,0.9);
  border-radius: 4px;
  padding: 0;
  color: #fff;
  height: 0;
  transition: .3s ease;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 0;
  line-height: 20px;
}
.gtc-step-overlay a {
  color: #fff;
}
.gtc-step-overlay span {
  font-size: 20px;
  text-align: center;
  word-wrap: break-word;
  position: absolute;
  top: 50%;
  left: 10px;
  width: 90%;
  transform: translateY(-50%);
}
.yellow {
  color: #fff200;
}
.col-gtc-step h2 {
  color: #000;
  text-align: center;
  padding-top: 11%;
  font-size: 18px;
  padding-left: 15%;
}
.col-gtc-step p {
  color: #fff;
  text-align: center;
  padding-top: 1%;
  font-size: 20px;
  padding-left: 30%;
}



@media only screen and (max-width: 991px) {
  .GTC-Logo{
    width: 40%!important;
  }
  .training-schedule-register td {
    padding-right: 15px;
    width: 100%;
    float: left;
    }
  .gtc-overlay{
    background-size: cover;
    position: absolute;
    width: 23%;
    height: 90px;
    padding-top: 68px;
    padding-left: 17px;
    font-size: 10px;
  }
  .gtc-overlay a{

  }
  .gtc-overlay span{
    margin-left: 17px;
    color: #fff;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
  }
  .doctor-small {
      right: -5%;
  }

  .col-gtc-step {
    position: relative;
    float: left;
    width: 50%;
    min-height: 234px;
  }
  .col-gtc-step-10 {
    width: 100%;
  }
  .col-gtc-step h3 {
    padding-top: 85%;
  }
  .col-gtc-step p {
    color: #fff;
    text-align: center;
    padding-top: 1%;
    font-size: 11px;
    padding-left: 30%;
    line-height: 16px;
  }




}
@media only screen and (max-width: 991px) {
  .gtc-workshop-condition-bg {
    position: relative;
    /* background-color: #2f9ee5; */
    right: 0;
    width: 100%;
    background-size: contain;
    padding: 30px;
    /* padding-right: 0; */
    color: #fff;
    height: auto;
    clear: both;
    background: none;
    background-color: #2f9ee5;
    margin-bottom: 20px;
  }
  .gtc-seminar-condition-bg {
      position: relative;;
      right: 0;
      width: 100%;
      background-size: contain;
      padding: 26px;
      color: #fff;
      height: 252px;
      clear: both;
      padding-top: 60px;
  }
  .gtc-condition-title {
      float: none;
      width: 100%;
      margin-right: 0;
      text-align: left;
  }
}
@media only screen and (max-width: 767px) {
    .training-schedule-transfer-detail td {
      line-height: 24px;
  }
    .GTC-Logo{
      width: 100%!important;
      text-align: -webkit-center;
    }
    .gtc-banner-1, .gtc-banner-2{
      width: 100%;
      position: relative;
    }
    .training-contact{
      background-size: 30%;
    }
    .training-contact div{
        float: left;
        width: 100%;
    }
    .training-contact div:first-of-type{
      margin-top: 8%;
      margin-bottom: 5%;
      margin-left: 0;
    }
    .gtc-overlay {
        background-size: cover;
        padding-top: 37%;
        padding-left: 8%;
        font-size: 5vw;
        height: 95%;
        width: 100%;
        position: absolute;
    }
    .gtc-overlay span {
        margin-left: 10%;
    }
    .schedule-item-ribbon{
      position: absolute;
          width: 100%;
          margin-top: 0;
          top: -3px;
    }
    .doctor-small{
      display: none;
    }
    .schedule-item{
      float: left;
      width: 100%;
      border: 1px solid #c1c1c1;
      border-radius: 0;
      /* border-bottom: 10px solid #2f9ee5; */

      margin-bottom: 20px;
      box-shadow: 0 3px 10px 1px rgba(0,0,0,0.1);
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
      position: relative;
    }
     .schedule-item:hover{
       border: solid 1px #ddd!important;
       box-shadow: none;
       -webkit-transition: all 0.2s ease;
       transition: all 0.2s ease;
     }
    .schedule-item-inner{
      float: left;
      width: 100%;
      border-radius: 0;
      padding: 8px;
      background-color: #fff;
      border-bottom: 10px solid #fff;
    }
    .schedule-item-img{
      float: left;
          width: 100%;
          margin-right: 0;
          margin-bottom: 20px;
    }
    .schedule-item-date{
      background-size: 11%;
        height: 31px;
        line-height: 33px;
        padding-left: 11%;
        font-size: 3vw;
    }
    .schedule-item-location{
      width: 100%;
          background-size: 6%;
          height: 44px;
          line-height: 14px;
          padding-left: 11%;
          font-size: 3vw;
    }
    .schedule-item h4{
      font-size: 18px;
      font-weight: 500;
      line-height: 21px;
    }

    .schedule-item .box-price-list {
      width: auto;
float: right;
position: relative;
right: 11px;
bottom: 0;
margin-top: -7px;
    }

    .gtc-workshop-condition-bg {
      position: relative;
      /* background-color: #2f9ee5; */
      right: 0;
      width: 100%;
      background-size: contain;
      padding: 30px;
      /* padding-right: 0; */
      color: #fff;
      height: auto;
      clear: both;
      background: none;
      background-color: #2f9ee5;
      margin-bottom: 20px;
    }
    .gtc-seminar-condition-bg {
        position: relative;;
        right: 0;
        width: 100%;
        background-size: contain;
        padding: 26px;
        color: #fff;
        height: 252px;
        clear: both;
        padding-top: 60px;
    }
    .gtc-condition-title {
        float: none;
        width: 100%;
        margin-right: 0;
        text-align: left;
    }
    .training-schedule-detail {
        font-size: 20px;
        width: 100%;
    }
    .training-schedule-detail table{
          width: 100%;
    }


}
/* -------------------------------------------- *
 * Contact us
 */
.contactus-panel-left {
  -webkit-box-shadow: -5px 0px 13px 0px rgba(194,194,194,0.5);
  -moz-box-shadow: -5px 0px 13px 0px rgba(194,194,194,0.5);
  box-shadow: -5px 0px 13px 0px rgba(194,194,194,0.5);
}
.contactus-icon li a img {
  width: 100%;
}

.contactus-speech-bubble {
  position: absolute;
  background: #2f9ee5;
  border-radius: 0;
  margin-left: 39px;
  padding: 17px;
  height: 100px;
  width: 330px;
  display: none;
  -webkit-box-shadow: 0px 0px 13px 0px rgba(194,194,194,1);
-moz-box-shadow: 0px 0px 13px 0px rgba(194,194,194,1);
box-shadow: 0px 0px 13px 0px rgba(194,194,194,1);
}
.contactus-speech-bubble h2 {
  color: #fff;
  /*font-size: 20px;*/
  font-weight: 400;
}
.contactus-speech-bubble h2 strong {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
.contactus-speech-bubble:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40%;
	width: 0;
	height: 0;
	border: 29px solid transparent;
	border-right-color: #2f9ee5;
	border-left: 0;
	margin-top: -20px;
	margin-left: -20px;
}
.contact-social-link {
  margin-top: 10px;
}
.contact-social-icon {
  max-width: 30px;
  margin-top: 10px;
}
.contact-social-icon img {
  width: 100%;
}
/* #con1 {
  margin-top: 16px;
}
#con2 {
  margin-top: 76px;
}
#con3 {
  margin-top: 136px;
}
#con4 {
  margin-top: 196px;
}
#con5 {
  margin-top: 256px;
}
#con6 {
  margin-top: 316px;
}
#con7 {
  margin-top: 376px;
} */
@media only screen and (max-width: 767px) {
  .contactus-speech-bubble {
    margin-left: 20px;
    padding: 11px;
    height: 100px;
    width: 72%;
  }
  /* #con1 {
    margin-top: 2px;
  }
  #con2 {
    margin-top: 50px;
  }
  #con3 {
    margin-top: 100px;
  }
  #con4 {
    margin-top: 150px;
  }
  #con5 {
    margin-top: 200px;
  }
  #con6 {
    margin-top: 250px;
  }
  #con7 {
    margin-top: 300px;
  } */

}
/* -------------------------------------------- *
 * Toolbar
 */
.toolbar {
  padding:6px 0;
  position: relative;
  border-bottom:solid 1px #E6E6E6;
  margin-bottom:25px;
}
.toolbar:after {
  content: '';
  display: table;
  clear: both;
}

.pager-no-toolbar {
  margin-bottom: 10px;
}

.pager-no-toolbar ~ .pager-no-toolbar {
  margin-top: 10px;
}

.toolbar,
.pager {
  font-family: 'db_heaventregular';
  color: #000;
  line-height: 25px;
  font-size: 20px;
}

.toolbar label,
.pager-no-toolbar label {
  font-weight: 400;
  text-transform: capitalize;
}
.pager .limiter label {
  float:left;
  margin:5px 10px 5px 0;
  line-height:25px;
}
.pager-no-toolbar  {
  float:left;
  width:100%;
  margin:5px 0;
}
.pager-no-toolbar .amount{
  float:left;
  line-height: 25px;
  margin: 5px 0;
}
.pager-no-toolbar .limiter{
  float:right;
}
.toolbar-left {
  float: left;
  margin-bottom: 2px;
}

.toolbar-left label ,
.toolbar-right label {
  float: left;
  margin-right: 15px;
  color:#767676;
  /*font-size: 20px;*/
  font-family: 'db_heaventregular';
  line-height:25px;
  padding:5px 0;
  font-weight: 400;
}

.toolbar-right > .sort-by {
  float: left;
  margin-right: 5px;
  height: 30px;
      width: 50%;
}
.toolbar-right > .sort-by .sort-by-switcher {
  width: 30px;
  height: 30px;
  display: inline-block;
  text-indent:-9999px;
  display:none;
}
.toolbar-right > .sort-by .sort-by-switcher--asc {
  background-position: 4px -542px;
}
.toolbar-right > .sort-by .sort-by-switcher--asc:hover {
  background-position: -46px -542px;
}
.toolbar-right > .sort-by .sort-by-switcher--desc {
  background-position: 4px -567px;
}
.toolbar-right > .sort-by .sort-by-switcher--desc:hover {
  background-position: -46px -567px;
}

.toolbar-right {
    float:right;
    margin-top: 10px;
    width: 70%;
}
.toolbar-left > .view-mode {
  float: right;
  margin:10px 0;

}
.toolbar-left > .view-mode label {
  /* display:none; */
      margin-top: -5px;
}
.toolbar-right .sort-by select, .toolbar-right .limiter select {
  /*height: 32px;*/
  width: 125px;
}

.toolbar-right .sort-by .select, .toolbar-right .limiter .select  {
  width: 67%;
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
    .toolbar-right .sort-by .select, .toolbar-right .limiter .select  {
      width: 60%;
    }
}
.toolbar-right .sort-by .select select ,.toolbar-right .limiter .select select {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    padding: 5px 5px;
    outline: 0;
    border: 1px solid #c0c0c0;
    border-radius: 0px;
    background: #fff;
    color: #797979;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-left: 20px;
    background-color: #fff;
}
.toolbar-right .sort-by .select_arrow, .toolbar-right .limiter .select_arrow {
    position: absolute;
    top: 11px;
    right: 15px;
    width: 0;
    height: 0;
    border: solid #2f9ee5;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.toolbar-right .sort-by .select select:hover ~ .select_arrow,
.toolbar-right .sort-by .select select:focus ~ .select_arrow {
    border-top-color: #26262;
}
.toolbar-right .sort-by .select select:disabled ~ .select_arrow {
    border-top-color: #CCCCCC;
}

.toolbar-left > .view-mode .grid,
.toolbar-left > .view-mode .grid-1,
.toolbar-left > .view-mode .list {
  float: left;
  width: 28px;
  height: 28px;
  transition:0.3s;
  -moz-transition:0.3s;
  -webkit-transition:0.3s;
  text-indent:-9999px;
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 28px;
}
.toolbar-left > .view-mode .grid {
  margin-right: 5px;
  background:url(../../images/view-as-1.png) no-repeat;
  background-size: cover;
}
.toolbar-left > .view-mode .grid-1 {
  margin-right: 5px;
  background:url(../../images/view-as-2-white.png) no-repeat;
  background-size: cover;
  background-color: #2f9ee5;
  border: 1px solid #2f9ee5;
}
.toolbar-left > .view-mode .list {
  background:url(../../images/view-as-3.png) no-repeat;
  background-size: cover;
}
.toolbar-left > .view-mode strong.grid,
.toolbar-left > .view-mode a.grid:hover,
.toolbar-left > .view-mode a.grid-1:hover,
.toolbar-left > .view-mode a.list:hover {
  background-color: #2f9ee5;
  border: 1px solid #2f9ee5;
}
.toolbar-left > .view-mode strong.grid, .toolbar-left > .view-mode a.grid:hover {
  background:#2f9ee5 url(../../images/view-as-1-white.png) no-repeat;
  background-size: cover;
}
.toolbar-left > .view-mode strong.grid-1, .toolbar-left > .view-mode a.grid-1:hover {
  background:#2f9ee5 url(../../images/view-as-2-white.png) no-repeat;
  background-size: cover;
}
.toolbar-left > .view-mode strong.list, .toolbar-left > .view-mode a.list:hover {
  background:#2f9ee5 url(../../images/view-as-3-white.png) no-repeat;
  background-size: cover;
}

.toolbar-right .limiter {
  float: left;
  height: 30px;
  line-height: 30px;
  margin-right:10px;
}

.toolbar-right .amount,
.toolbar-right .limiter,
.toolbar-right .pages {
  margin-bottom: 5px;
  width: 45%;
  float: left;
}
.toolbar-right .amount.pull-right,
.toolbar-right .limiter.pull-right,
.toolbar-right .pages.pull-right {
  float: right;
}

.toolbar .pages  {display:none;}
.toolbar-bottom .toolbar .pages  {display:block; width:100%; margin: 0px; padding:20px 0; }
.toolbar-bottom .toolbar .toolbar-container {float:left; width:100%; padding-top:7px; border-top:solid #E6E6E6 1px;}

.pages {
  /* float: right;
  overflow: hidden;
  margin-left: 15px;
  text-align:center; */
  display: table;
    margin: 0 auto;
    list-style: none;
    background-color: #f4f4f4;
    padding: 5px 4px;
    border-radius: 30px;
    border-width: 0;
}
.pages .pages-content {display:inline-block;}
.pages ol { float:left;}
.pages strong {
  float:left; line-height:25px;  margin-right:8px;
}


.pages li {
  float: left;
  margin-right:5px;
}

.pages a,
.pages .current,
.pages li >span  {
  width:35px;
  height:35px;
  border-radius:100%;
  text-align:center;
  line-height:33px;
  border:solid 1px #E6E6E6;
  color:#767676;
  font-size:19px;
  font-family: 'db_heaventregular';
  /* display:block; */
}
.pages a:hover,
.pages .current,
.pages .current:hover {
  color: #fff;
  background-color:#2f9ee5;
  border-color:#2f9ee5;
  text-decoration:none;
}

.pages .next,
.pages .previous {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: transparent;
  position: relative;
  background:url(../../skin/frontend/gibthai/default/images/arrow-right.png) no-repeat center center;
  border:none;
  width:15px;
  height:25px;
}
.pages .next:hover,
.pages .previous:hover {
  border:none;
  background-color:transparent;
}
.pages .previous{
  -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.pages .previous.disable,
.pages .next.disable {opacity:0.5;}

.main-bottom {float:left; width:100%; font-size:14px; color:#767676;}
.category-description  {}
.category-description h3.title { font-size:20px; color:#000; font-family: 'db_heaventregular'; margin:10px 0;}


@media only screen and (max-width: 479px) {
  .pager .amount--has-pages {
    display: none;
  }

  .pages {
    float: left;
  }

  .limiter label {
    /* display: none; */
  }
}
@media only screen and (max-width: 800px) {
  .col1-layout .sorter,
  .col1-layout .pager {
    width: 100%;
  }
  .col1-layout .pager {
    float: left;
    clear: both;
  }
  .col1-layout .pager .pages {
    float: left;
    margin-left: 0;
  }
  .col1-layout .pager .count-container {
    float: right;
  }
  .toolbar-right,
  .toolbar-bottom .toolbar-left{
    /* display:none; */
        width: 100%;
  }

  .category-products .toolbar{
    padding:0px;
    margin:0px 0 10px;
    position:relative;
    border:none;
  }
  .category-products .toolbar .sort-by.cat-toobar{
position: absolute;
    top: 0;
    right: 0;
    border: solid 1px #DADADA;
    width: calc(97% + 11px);
    text-align: center;
    padding: 5px;
    margin: 0px;
    height: auto;
  }
  .sort-by.cat-toobar >ul{
    display:none;
    position: absolute;
    top: 40px;
    width: calc(100% + 2px);
    right: -1px;
    text-align: left;
    background:#fff;
    border: solid 1px #DADADA;
    z-index:9;
  }
  .sort-by.cat-toobar >ul a{
    display:block;
    padding:10px 35px;
    line-height:30px;
    color:#000;
    font-size:22px;
  }
  .sort-by.cat-toobar >ul a:hover{
    text-decoration:none;
    color:#000;
    background:#F0F0F0;
  }
  .sort-by.cat-toobar >ul li.active a{
    background:#2f9ee5;
    color:#fff;
  }
  .category-products .products-grid,
  div.block-related-category .aw-arp-block-content,
  .product-view .block-related .block-content{
    width:calc(100% + 20px);
    margin-left:-10px;
    padding:0px;
    margin-top: 40px;
  }

  .category-description .category-description-content {
    float:left;
    width:100%;
  }
  .category-description.show-short .category-description-content{
    height:100px;
    overflow:hidden;
  }

  .category-description.show-short .a-readmore {
    float:left;
    width:100%;
    margin:15px 0 5px;
    border:solid 1px #DADADA;
    text-align:center;
    padding:5px;
    line-height:25px;
    color:#8DC63E;
    text-transform:capitalize;
    font-size:20px;
    text-decoration:none;
  }
  .category-description.show-short .a-readmore span {
    display:inline-block;
    font-family: 'db_heaventregular';
    line-height:25px;
    padding-right:30px;
    position:relative;
  }
  .category-description.show-short .a-readmore span:after{
    content:"";
    width:25px;
    height:25px;
    position:absolute;
    top:0px;
    right:0px;
    display:inline-block;
    background:url(../../skin/frontend/gibthai/default/images/arrow-right6.png) no-repeat center center;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0.6;
    background-size: 9px auto;
  }
  .category-description.show-short.active .a-readmore span:after{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-top:-2px;
  }
  .category-description.show-short.active .category-description-content{
    height:auto;
  }
}

/* ============================================ *
 * Tax - Full Tax Summary
 * ============================================ */
#checkout-review-table .summary-collapse,
#shopping-cart-totals-table .summary-collapse,
body.customer-account .data-table .summary-collapse {
  position: relative;
  cursor: pointer;
}
#checkout-review-table .summary-collapse:before,
#shopping-cart-totals-table .summary-collapse:before,
body.customer-account .data-table .summary-collapse:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 7px solid #3399cc;
  border-bottom: none;
  position: static;
  display: inline-block;
  margin-right: 5px;
}
#checkout-review-table .summary-collapse:hover:before,
#shopping-cart-totals-table .summary-collapse:hover:before,
body.customer-account .data-table .summary-collapse:hover:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 7px solid #246b8f;
  border-bottom: none;
  position: static;
  display: inline-block;
  margin-right: 5px;
}
#checkout-review-table .show-details .summary-collapse:before,
#shopping-cart-totals-table .show-details .summary-collapse:before,
body.customer-account .data-table .show-details .summary-collapse:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #3399cc;
  border-top: none;
  position: static;
  display: inline-block;
  margin-right: 5px;
}
#checkout-review-table .show-details .summary-collapse:hover:before,
#shopping-cart-totals-table .show-details .summary-collapse:hover:before,
body.customer-account .data-table .show-details .summary-collapse:hover:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #246b8f;
  border-top: none;
  position: static;
  display: inline-block;
  margin-right: 5px;
}

#shopping-cart-totals-table tfoot td .summary-collapse:before, #shopping-cart-totals-table tfoot td .summary-collapse:hover:before {
  margin-bottom: 5px;
}

#checkout input[type=email],
#checkout input[type=search],
#checkout input[type=number],
#checkout input[type=password],
#checkout input[type=tel],
#checkout input[type=text],
#checkout textarea,
#checkout select  {
  width: 240px;
  max-width: 100%;
  border: 1px solid #69c4ff;
  min-height: 30px;
  padding: 0 8px;
  border-radius:0px;
  height: 30px;
  font-weight: 400;
}
#checkout select  {
  padding-top: 10px;
}
@media only screen and (max-width: 768px) {
  #checkout select  {
    padding-top: 0;
  }
}
#checkout textarea  {
  height: auto!important;
}
#checkout tbody tr.even {
    background: none;
}
#checkout tbody td {
  border-bottom: dashed 0px #2f9ee5;
  padding: 5px 10px 5px 10px;
  /* vertical-align: middle; */
  /* font-size: 20px; */
  /* color: #767676; */
  /* font-family: 'db_heaventregular'; */
  font-weight: 400;
}
#checkout div{
  line-height: 16px;
}
#checkout .thead-tr td{
  background-color: transparent!important;
  padding: 15px 5px!important;
  border-top: dashed 0px #000!important;
  border-bottom: solid 2px #2f9ee5!important;
  color: #2f9ee5!important;
  font-size: 16px!important;
  line-height: 24px!important;
  font-weight: 500;
}
#checkout .thead-tr-hr td{
  border-bottom: dashed 1px #2f9ee5!important;
}


#quickorder input[type=email],
#quickorder input[type=search],
#quickorder input[type=number],
#quickorder input[type=password],
#quickorder input[type=tel],
#quickorder input[type=text],
#quickorder textarea,
#quickorder select  {
  width: 100%!important;
  max-width: 100%;
  border: 1px solid #69c4ff;
  min-height: 30px;
  padding: 0 8px;
  border-radius:0px;
  height: 30px;
  font-weight: 400;
  font-size: 20px;
}
#quickorder .thead-tr td{
  background-color: transparent!important;
  padding: 15px 5px!important;
  border-top: dashed 0px #000!important;
  border-bottom: solid 2px #2f9ee5!important;
  color: #2f9ee5!important;
  font-size: 16px!important;
  line-height: 24px!important;
  font-weight: 500;
}
#quickorder .thead-tr-hr td{
  border-bottom: dashed 1px #2f9ee5!important;
}
#quickorder  .checkout-detail td {
  padding-top: 10px;
  padding-right: 20px;
}


.thead-tr-hr2px{
  border-bottom: solid 2px #2f9ee5!important;
}
.border-ld{
  border-left: dashed 1px #2f9ee5!important;
  padding-left: 15px;
}
.padding-rd{
  padding-right: 15px;
}

#checkout .thead-tr {
  margin-bottom: 20px!important;
}
.cart-totals-2{
  border-top: dashed 1px #2f9ee5!important;
}
#shopping-checkout-table, #shopping-checkout-table #shopping-cart-totals-table{
  font-size: 20px;
  font-weight: 400;
}
a.printer{
  background: url(../../images/printer-icon.png) right center no-repeat;
    padding-right: 32px;
    background-size: 17%;
}




@media only screen and (max-width: 992px) {


    #checkout input[type=email],
    #checkout input[type=search],
    #checkout input[type=number],
    #checkout input[type=password],
    #checkout input[type=tel],
    #checkout input[type=text],
    #checkout textarea,
    #checkout select  {
      width: 90%;
    }
      .cart-mobile-step {
        width: 60%!important;
      }

}
@media only screen and (max-width: 767px) {
  #shopping-checkout-table thead tr.header th{
    float: left;
    width: 100%;
  }

    #checkout input[type=email],
    #checkout input[type=search],
    #checkout input[type=number],
    #checkout input[type=password],
    #checkout input[type=tel],
    #checkout input[type=text],
    #checkout textarea,
    #checkout select  {
      width: 100%;
    }
    #checkout tbody td {
      padding: 5px 0px 5px 0px;
    }
    .cart-mobile-step {
      width: 100%!important;
    }
    .order-status {
      text-align: left!important;
    }
}

/* ============================================ *
 * checked box custom
 * ============================================ */

[type="radio"]:checked,
[type="radio"]:not(:checked),
[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label,
[type="checkbox"]:checked + label,
[type="checkbox"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
    margin-left: 0;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before,[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:before
{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after,[type="checkbox"]:checked + label:after,
[type="checkbox"]:not(:checked) + label:after
{
    content: '';
    width: 14px;
    height: 14px;
    background: #2f9ee5;
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after, [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after,[type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

[type="checkbox"]:checked + label:after,
[type="checkbox"]:not(:checked) + label:after {
    border-radius: 0;
    font-family: 'FontAwesome';
    content: "\f00c";
    background: none;
    color: #2f9ee5;
    line-height: 13px;
}
[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:before {
  border-radius: 0;
}

/* ============================================ *
 * Magento Helpers
 * ============================================ */
.a-center {
  text-align: center;
}
.a-left,
.align-left {
  text-align: left;
}
.a-right,
.align-right {
  text-align: right;
}

.no-display {
  display: none !important;
}

.nobr,
.nowrap {
  white-space: nowrap;
}

.width-full {
  width: 100%;
}

/* ============================================ *
 * Custom Helpers
 * ============================================ */
.hidden {
  display: none!important;
}

/* ============================================ *
 * Print Styles
 * ============================================ */
.page-print .print-head {
  margin: 0 0 15px;
}

.page-print .print-head .logo {
  float: none;
  max-height: 50px;
  width: auto;
}

/* ============================================ *
 * FORMS - COMMON
 * ============================================ */
/* -------------------------------------------- *
 * Fieldsets
 */
.fieldset p {
  margin-bottom: 7px;
}
.fieldset p.required {
  margin-bottom: 5px;
  float: left;
  font-size: 12px;
  margin-top: 0px;
}

.fieldset + .fieldset {
  margin-top: 5px;
}

form .legend {
  margin: 0;
  color: #000;
  font-family: 'db_heaventregular';
  font-size: 22px;
  font-weight: 500;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;

  margin-bottom: 15px;
}

/* -------------------------------------------- *
 * Input Box
 */
.input-box {
  padding-top: 2px;
}
.input-box:after {
  content: '';
  display: table;
  clear: both;
}

li.centinel-logos div.input-box img {
  display: inline;
  vertical-align: middle;
}

/* For adjacent select inputs. */
/* Example: credit card expiration month and year. */
.input-box .v-fix {
  float: left;
  margin-right: 5px;
  max-width: 100%;
}

/* -------------------------------------------- *
 * Labels
 */

label.required:after,
span.required:after {
  content: ' *';
  color: red;
  font-weight: 400;

  font-size: 12px;
}

label.required em,
span.required em {
  display: none;
}

/* -------------------------------------------- *
 * Hints
 */
.input-hint {
  color: #a0a0a0;
  font-size: 12px;
}

/* -------------------------------------------- *
 * Select
 */
select {
  /*font-size: 22px;*/
}

select + select {
  margin-left: 5px;
}

select[multiple] {
  width: 270px;
  border: 1px solid silver;
  font-size: 20px;
  padding: 5px;
}

/* -------------------------------------------- *
 * Textarea
 */
textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 450px;
  padding: 5px;
}

/* -------------------------------------------- *
 * Inputs
 */
.input-text {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #CBCBCB;
  background: #FFFFFF;
  /*font-size: 20px;*/
}
.input-text:focus,
select:focus {
  border: 1px solid #2f9ee5;
  outline:none;
}

.input-text.validation-failed {
  border-color: #df280a;
}

.input-text.validation-failed:focus {
  outline-color: #ef9384;
}

input[type=email],
input[type=search],
input[type=number],
input[type=password],
input[type=tel],
input[type=text] {
  height: 40px;
  padding: 0 8px;
  border-radius:0px;
}

input[type=email],
input[type=search],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
textarea {
  width: 365px;
  max-width: 100%;
}

/* Only show on iPhones (not iPads or any other device) */
@media only screen and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 0) {
  input[type=email],
  input[type=search],
  input[type=number],
  input[type=password],
  input[type=tel],
  input[type=text],
  select {
    font-size: 20px;
    /* Prevent from zooming on focus */
  }
}
.ie8 .input-text {
  max-width: none;
}

/* -------------------------------------------- *
 * Inputs - Quantity
 */
input[type=number].qty,
input[type=text].qty {
  width: 3em;
  text-align: center;
  vertical-align: middle;
}

/* -------------------------------------------- *
 * Placeholder
 */
::-webkit-input-placeholder {
  color: #a0a0a0;
}

input:-moz-placeholder {
  color: #a0a0a0;
}

/* -------------------------------------------- *
 * Checkbox And Radio
 */
.checkbox,
.radio {
  position: relative;
  top: -1px;
  display: inline-block;
}

.checkbox + label,
.radio + label {
  width: auto;
  max-width: 85%;
  padding: 0 0 0 8px;
  font-size: 20px;
  font-weight: 400;
  vertical-align: top;
}

/* -------------------------------------------- *
 * Validation
 */
p.required,
.validation-advice {
  margin: 5px 0 0;
  color: red;
  font-size: 20px;

}

/* ============================================ *
 * Form List
 * ============================================ */
.form-list{
  font-family: 'db_heaventregular';
  font-size:20px;
  color:#000;
}
.fieldset ul.form-list label {
  color:#595959;
}

.account-create .form-list  {

  font-size:14px;
}

.form-list > li {
  margin-bottom: 10px;
}
.form-list input {
  color:#000;
}
.form-list select {
  margin-top: 0px;
  width: 365px;
  max-width: 100%;
  border-color:#CBCBCB;
  height: 40px;
  padding: 0 8px;
  color:#000;
}
.form-list .input-range .input-text {
  width: 74px;
}
.form-list .field,
.form-list .wide,
.form-list .control {
  margin-bottom: 15px;
}
.dob-select .box-select {
  float:left;
  margin-right:5px;
}

.form-list .checkbox + label,
.form-list .radio + label{
  font-size:22px;
  color:#000;
}
.form-list input.checkbox,
.setdefault input.checkbox {
  width:20px;
  height:20px;
  float:left;
  left:0px;
  position:relative;
  z-index:1;
  opacity:0;
}
.customer-account-edit .form-list input.checkbox,
.setdefault  input.checkbox {
  opacity:0;
}
.customer-account-edit .form-list .control label{
  padding-left:3px;
}
.form-list .control i.checkbox,
.setdefault i.checkbox {
  margin-left:-25px;
}

body.customer-account .my-account .fieldset.change-password{
  background:#F8F8F8;
  padding: 5px 20px;
  width:525px;
  max-width:100%;
  margin-top:10px;
}
/* Turn the label of controls (radio/checkbox) into a button style that wraps the input */
.form-list .control,
.sp-methods dt,
#checkout-shipping-method-load .sp-methods dd,
#co-shipping-method-form .sp-methods dd,
.product-options ul.options-list {
  /* When a label is next to an input that is set to not display, we should style the label in a non-clickable state */
}
.form-list .control div.input-box,
.sp-methods dt div.input-box,
#checkout-shipping-method-load .sp-methods dd div.input-box,
#co-shipping-method-form .sp-methods dd div.input-box,
.product-options ul.options-list div.input-box {
  display: inline;
  float: left;
}
.form-list .control div.input-box:after,
.sp-methods dt div.input-box:after,
#checkout-shipping-method-load .sp-methods dd div.input-box:after,
#co-shipping-method-form .sp-methods dd div.input-box:after,
.product-options ul.options-list div.input-box:after {
  display: none;
}
.form-list .control input.radio,
.form-list .control input.checkbox,
.sp-methods dt input.radio,
.sp-methods dt input.checkbox,
#checkout-shipping-method-load .sp-methods dd input.radio,
#checkout-shipping-method-load .sp-methods dd input.checkbox,
#co-shipping-method-form .sp-methods dd input.radio,
#co-shipping-method-form .sp-methods dd input.checkbox,
.product-options ul.options-list input.radio,
.product-options ul.options-list input.checkbox {
  float: left;
  margin-top: 10px;

}
.form-list .control label,
.sp-methods dt label,
#checkout-shipping-method-load .sp-methods dd label,
#co-shipping-method-form .sp-methods dd label,
.product-options ul.options-list label {
  color: #636363;
  padding: 5px 10px;
  display: inline-block;
  width: auto;
  max-width: none;
  min-width: 250px;
  float: none;
  padding: 6px 10px 6px 20px;
}

.form-list .control .no-display + label,
.sp-methods dt .no-display + label,
#checkout-shipping-method-load .sp-methods dd .no-display + label,
#co-shipping-method-form .sp-methods dd .no-display + label,
.product-options ul.options-list .no-display + label {
  padding-left: 10px;
  background-color: transparent;
}
.form-list .control .no-display + label:hover,
.sp-methods dt .no-display + label:hover,
#checkout-shipping-method-load .sp-methods dd .no-display + label:hover,
#co-shipping-method-form .sp-methods dd .no-display + label:hover,
.product-options ul.options-list .no-display + label:hover {
  background-color: transparent;
}

.product-options ul.options-list label,
.col2-set .form-list .control label {
  min-width: inherit;
  width: 250px;
  max-width: 100%;
}

.form-list .control.remember-me-box label {
  width: auto;
  max-width: none;
  min-width: inherit;
}

.form-list .control {
  margin: 0px;
}
.form-list .control label {
  float: none;
}
.form-list .control .radio,
.form-list .control .checkbox {
  margin-right: 6px;
}
.form-list .control .input-box {
  clear: none;
  display: inline-block;
  width: auto;
  padding: 0;
}

form .form-instructions {
  font-family: 'db_heaventregular';
  font-size: 22px;
  color: #000;
  line-height:24px;
}
.buttons-set .form-list .control{
  margin:0px;
}
/* ============================================ *
 * Table Helpers
 * ============================================ */
.hide-th {
  text-indent: -9999px;
}

/* ============================================ *
 * Data Table
 * ============================================ */
.data-table {
  width: 100%;
}

.data-table td,
.data-table th {
  padding: 10px;
  vertical-align: top;
}

.data-table th {
  background: #f4f4f4;

  font-family: 'db_heaventregular';
  line-height: 1.4;
  white-space: nowrap;
}

.data-table thead th,
.data-table tbody td {
  border-bottom: 1px solid silver;
}

.data-table tbody td,
.data-table tfoot td {

}

.data-table tfoot tr {
  background: #f4f4f4;
}

.data-table tbody td .item-options {
  margin-left: 20px;
  margin-top: 10px;
}
.data-table tbody td .item-options dt:after {
  content: ':';
}

/* ============================================ *
 * Generic Info Table
 * ============================================ */
.info-box {
  border: 1px solid silver;
  padding: 12px 15px;
  margin: 0 0 15px;
}
.info-box h2 {
  font-weight: 500;
  font-size: 20px;
}

.info-table th,
.info-table td {
  vertical-align: top;
}

.info-table th {
  font-weight: 500;
  padding: 4px 20px 4px 0;
}

.info-table td {
  padding: 4px 0;
}

/* ============================================ *
 * Zebra-Stripe Table
 * ============================================ */
.zebra-table tr:first-child,
.zebra-table th:first-child {
  border-top: 1px solid silver;
}
.zebra-table td,
.zebra-table th {
  border-bottom: 1px solid silver;
  padding: 6px;
  background-color: transparent;
}
.zebra-table tr {
  background-color: #eeeded;
}
.zebra-table tr:nth-child(odd) {
  background-color: #f8f7f5;
}

/* ============================================ *
 * Linearize Table
 * ============================================ */
@media only screen and (max-width: 479px) {
  .linearize-table {
    /* Helpers */
  }
  .linearize-table tr,
  .linearize-table th,
  .linearize-table td {
    display: block;
  }
  .linearize-table thead th {
    border-right: 0;
    border-left: 0;
  }
  .linearize-table thead th.lin-hide {
    display: none;
  }
  .linearize-table thead th:nth-child(1n+2) {
    display: none;
  }
  .linearize-table tbody tr {
    position: relative;
    border-bottom: 1px solid #cccccc;
  }
  .linearize-table tbody td {
    padding: 0 10px 4px;
    border-right: 0;
    border-bottom: 0;
  }
  .linearize-table tbody td.lin-hide {
    display: none;
  }
  .linearize-table tbody td:first-child {
    padding-top: 10px;
  }
  .linearize-table tbody td:first-child,
  .linearize-table tbody td:first-child h3 {
    font-weight: 500;
  }
  .linearize-table tbody td[data-rwd-label] {
    text-align: left;
    padding-left: 30px;
  }
  .linearize-table tbody td[data-rwd-label]:before {
    content: attr(data-rwd-label) ":";
    font-size: 12px;
    font-family: 'db_heaventregular';
    padding-right: 5px;

  }
  .linearize-table tfoot tr {
    display: block;
    text-align: right;
  }
  .linearize-table tfoot tr:after {
    content: '';
    display: table;
    clear: both;
  }
  .linearize-table tfoot td {
    display: block;
    float: left;
  }
  .linearize-table tfoot td.lin-hide {
    display: none;
  }
  .linearize-table tfoot td:nth-child(odd) {
    clear: left;
    width: 60%;
  }
  .linearize-table tfoot td:nth-child(even) {
    text-align: left;
    width: 40%;
  }
  .linearize-table .linearize-hide {
    display: none;
  }
  .linearize-table .linearize-unpad {
    padding: 0;
  }
  .linearize-table .linearize-show {
    display: block;
  }
}
@media only screen and (max-width: 599px) {
  .linearize-table-large {
    /* Helpers */
  }
  .linearize-table-large tr,
  .linearize-table-large th,
  .linearize-table-large td {
    display: block;
  }
  .linearize-table-large thead th {
    border-right: 0;
    border-left: 0;
  }
  .linearize-table-large thead th.lin-hide {
    display: none;
  }
  .linearize-table-large thead th:nth-child(1n+2) {
    display: none;
  }
  .linearize-table-large tbody tr {
    position: relative;
    border-bottom: 1px solid #cccccc;
  }
  .linearize-table-large tbody td {
    padding: 0 10px 4px;
    border-right: 0;
    border-bottom: 0;
  }
  .linearize-table-large tbody td.lin-hide {
    display: none;
  }
  .linearize-table-large tbody td:first-child {
    padding-top: 10px;
  }
  .linearize-table-large tbody td:first-child,
  .linearize-table-large tbody td:first-child h3 {
    font-weight: 500;
  }
  .linearize-table-large tbody td[data-rwd-label] {
    text-align: left;
    padding-left: 30px;
  }
  .linearize-table-large tbody td[data-rwd-label]:before {
    content: attr(data-rwd-label) ":";
    font-size: 12px;
    font-family: 'db_heaventregular';
    padding-right: 5px;

  }
  .linearize-table-large tfoot tr {
    display: block;
    text-align: right;
  }
  .linearize-table-large tfoot tr:after {
    content: '';
    display: table;
    clear: both;
  }
  .linearize-table-large tfoot td {
    display: block;
    float: left;
  }
  .linearize-table-large tfoot td.lin-hide {
    display: none;
  }
  .linearize-table-large tfoot td:nth-child(odd) {
    clear: left;
    width: 60%;
  }
  .linearize-table-large tfoot td:nth-child(even) {
    width: 40%;
  }
  .linearize-table-large .linearize-hide {
    display: none;
  }
  .linearize-table-large .linearize-unpad {
    padding: 0;
  }
  .linearize-table-large .linearize-show {
    display: block;
  }
}
@media only screen and (min-width: 600px) {
  .linearize-table .linearize-collapse {
    display: none;
  }
}
/* ============================================ *
 * Global
 * ============================================ */
html,
body {
  height: 100%;
  letter-spacing: 0.2px!important;
}

.wrapper {
  min-width: 320px;
  /* min-height: 100%; */
  margin: 0 auto;
  background: #FFFFFF;
}
@media only screen and (min-width: 768px)  and (max-width: 991px){
  .wrapper {
    min-height: auto;
  }
}
.wrapper:after {
  content: '';
  display: table;
  clear: both;
}

/* ============================================ *
 * Header
 * ============================================ */
@media only screen and (min-width: 801px) {
  .page-header,
  .container,
  .main-container .main{
    max-width: 1020px;
    margin: 0 auto;
    padding: 0 30px;
  }

  .home-cat .container {max-width:1000px;}

  .page-header-container {
    position: relative;
  }
}
.header-language-container {font-family: 'db_heaventregular';}
.page-header {
  font-family: 'db_heaventregular';
}

/*.header-fixed {
  position: fixed;
  z-index: 9999;
  background: #fff;
  width: 100%;
  float: left;
  max-width: none!important;
  margin-top: -35px;
  border-bottom: 1px solid #ddd;
  -webkit-transition: all .2s ease;
}
.page-header-container-fixed {
  max-width: 1180px;
  margin: auto;
}*/

@media only screen and (max-width: 800px) {
    /*.header-fixed {
      position: fixed;
      z-index: 9999;
      background: #fff;
      width: 100%;
      float: left;
      max-width: none!important;
      margin-top: 0px;
      border-bottom: 1px solid #ddd;
      -webkit-transition: none;
    }
    .page-header-container-fixed {
      max-width: 1180px;
      margin: auto;
    }*/

}

.header-banner-event{display: none;}
.cms-index-index .header-banner-event{display: block;webkit-box-shadow: 0 0 5px black;-moz-box-shadow: 0 0 5px black;box-shadow: 0 0 5px black;}
.desktop_show{display: block;}
.mobile_show{display: none;}

@media only screen and (max-width: 800px) {
	.cms-index-index .wrapper .page {padding-top: 0;}
	.cms-index-index .header-banner-event{width:100%;position:relative;z-index:100;top:0;left:0;right:0;background:#de9d00;text-align:center;line-height:2.5;overflow:hidden;-webkit-box-shadow:0 0 5px #000;-moz-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000}
	.cms-index-index #header{position: relative;}

	.header-banner-event img{width:100%;}
	.desktop_show{display: none;}
	.mobile_show {display: block;}

	.cms-index-index.scroll .mobile_show{display: none;}
	.cms-index-index.scroll .wrapper .page {padding-top: 173px;}
	.cms-index-index.scroll #header {  position: fixed;}


}

/* ============================================ *
 * Language switcher + welcome message
 * ============================================ */
.header-language-background {
  padding: 0px 10px;
  background-color: #F5F5F5;
  border-bottom:solid 1px #EEEEEE;
}
.header-language-background .header-language-container {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.header-language-background:after {
  content: '';
  display: table;
  clear: both;
}
.header-language-background .form-language,
.header-language-background .currency-switcher {
  float: left;
  margin-right: 0px;
}
.header-language-background .welcome-msg {
  float: right;
}

.page-header-container .store-language-container {
  float: right;
  max-width: 35%;
  padding: 13px 15px 10px 10px;
}
.page-header-container .store-language-container label {
  display: none;
}
.page-header-container .store-language-container select {
  max-width: 100%;
}

@media only screen and (max-width: 479px) {
  .page-header-container .store-language-container {
    padding-top: 8px;
  }
  .page-header-container .store-language-container select {
    /*font-size: 12px;*/
  }
}
.header-language-background,
.header-language-background a {
  color: #33353d;
  /*font-size: 12px;*/
  line-height:20px;
  font-weight: 400;
}
.header-language-background a:hover {color:#2f9ee5; text-decoration:underline;}

@media only screen and (max-width: 800px) {
  .header-language-background {
    display: none;
  }
}
.header-language-background .topheader-links {float:left;  margin:7px 0 7px 10px;}
.header-language-background .topheader-links li {float:left; margin-right: 10px; padding-right: 10px; border-right:solid 1px #DADADA;}
.header-language-background .topheader-links li:nth-last-child(1){border-right:0px; padding-right:0px;}
.header-language-background .header-right {float:right;}
.header-language-background .callcenter {float:left; margin-top:7px; margin-bottom:7px; margin-right:18px; padding-right:18px; border-right:solid 1px #DADADA;}
.callcenter label  {float:left; padding-right:5px; padding-left:0;
   /*background:url(../../skin/frontend/gibthai/default/images/icons.png) no-repeat -80px -2px;*/
}
.callcenter span  {color:#2f9ee5; font-size:24px; float:right; line-height:20px;}
.header-language-background .fb-button-like {float:left; margin-top:7px; margin-bottom:7px; padding-left:26px; background:url(../../skin/frontend/gibthai/default/images/icons.png) no-repeat -80px -52px; margin-right:12px;position: relative; }
.header-language-background .store-language-container {float:right;}
.header-language-background .fb-button-like .fb-header{width:21px;height:0;padding-top:21px;display:block;overflow:hidden;position:absolute;left:0;}

.form-language .dropdown-custom dd,
.form-language .dropdown-custom dt,
.form-language .dropdown-custom ul { margin:0px; padding:0px; float:left; width:100%; }
.form-language .dropdown-custom dd { position:relative; z-index:3; }
.form-language .dropdown-custom a {float:left; width:100%;}
.form-language .dropdown-custom dt a {float:left; background:#252525; color:#fff; line-height:20px; padding-top:7px; padding-bottom:7px; font-size:20px;}
.form-language .dropdown-custom dt a span {width:100%; padding-right:18px; position:relative; }
.form-language .dropdown-custom dt a span:after,
.top-links  .store-locator:after  {content:""; position:absolute; width:0px; height:0px; top:50%; margin-top:-3px; right:5px; border-top:solid 6px #fff; border-right:solid 4px transparent; border-left:solid 4px transparent;}
.form-language .dropdown-custom dd ul {display:none; right:0px; padding:0px; position:absolute; top:0px; width:auto; min-width:100%; list-style:none;}

.form-language .dropdown-custom dd ul li a { background:#fff; padding:3px 5px; height:auto; text-align:left; display:block; color:#333; float:left; width:100%; border:solid 1px #252525; border-top:none;}
.form-language .dropdown-custom dd ul li a:hover { color:#2f9ee5; background: #252525;}
.form-language .dropdown-custom dd ul li {border:none; margin:0px; padding:0px; float:left; width:100%;}
.form-language .dropdown-custom img { float:left; width:14px; border:none; line-height:14px; vertical-align:middle;}
.form-language .dropdown-custom span { float:left; width:100%; cursor:pointer; padding:0 5px; text-transform:uppercase;}


.form-language a.img-language{
  float: left;
  margin-right: 10px;
  margin-top: 6px;
}

/* main homepage */
.main-banner {float:left; width:100%; background-color: #f7f7f7;}
.main-banner-static {float:left; width:100%; background:#fff;}
.main-banner-static  li {float:left; width:25%; text-align:center; padding:15px 5px;margin: 15px 0;}

.main-banner-static  li img {margin:auto; max-width:100%;}

.main-banner-static-about {float:left; width:100%; background:#fff;    margin-bottom: 10px;}
.main-banner-static3 {
  float:left;
  width:100%;
  background:#fff;
  padding-top: 5px;
    border-top: 1px solid #f1f1f1;
    margin-top: 20px;
}
.main-banner-static3 h3 {
  font-size: 27px;
  font-weight: 500;
  font-family: 'db_heaventregular';
  color: #020000;
}
.main-banner-static3 span {
  /*font-size: 20px;*/
  font-family: 'db_heaventregular';
  color: #686868;
  float: left;
    margin-top: -20px;
    font-weight: 400;
}
.main-banner-static3  li {float:left; width:33.33333333333333%; text-align:left;     margin: 20px 0; }
.main-banner-static3 ul li.s2nditem {
  padding-left: 6%;
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  margin-right: 27px;
  width: 31%;
}
.main-banner-static3  li img {
  float: left;
  max-width:25%;
  margin-right: 20px;
  -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}
.main-banner-static3  li:hover img {
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  transform:rotate(15deg);
}


@media only screen and (max-width: 800px) {
  .main-banner-static3{
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 0px;
  }
  .main-banner-static3  li {float:left; width:100%; text-align:left;     margin: 0px 0; letter-spacing: 0;}
  .main-banner-static3 ul li.s2nditem {
    padding-left: 0;
    border-left: 0px solid #e9e9e9;
    border-right: 0px solid #e9e9e9;
    margin-right: 0;
    width: 100%;
  }
  .main-banner-static3 li img {
    float: left;
    max-width: 9%;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-top: 10px;
  }
  .main-banner-static3 h3 {
    font-size: 20px;
  }

}

@media only screen and (min-width: 768px)  and (max-width: 991px){
    .main-banner-static3 {
          margin-left: 0px;
    }
    .main-banner-static3 h3 {
      font-size: 21px;
      line-height: 21px;
    }
    .main-banner-static3  li { width:35%; }
    .main-banner-static3 ul li.s2nditem {
      margin-right: -28px;
      width: 33%;
    }

}


.deal-home {font-family: 'db_heaventregular';  float:left; width:100%; background:url(../../skin/frontend/gibthai/default/images/bg-deal-home.jpg) no-repeat; background-size:100% 100%;}
.deal-home .title-deal {float:left; width:100%; margin:42px 0 10px; text-align:center; padding:0 10px;}
.deal-home .title-deal a.box-title {display:inline-block; color:#000; text-transform:uppercase; font-size:30px; font-family: 'db_heaventregular'; line-height:34px; padding-left:34px; background:url(../../skin/frontend/gibthai/default/images/icon-deal-black.png) no-repeat; text-decoration:none;}
.deal-home .title-deal a.view-all{float:right; text-transform:none; font-family: 'db_heaventregular'; font-size:20px; line-height:24px; margin:5px 0; color:#000; padding-right:20px; background:url(../../skin/frontend/gibthai/default/images/arrow-right2-black.png) no-repeat right center;}
.deal-home .title-deal a.view-all:hover{text-decoration:underline;}
.deal-home .dealproduct-list {float:left; width:100%; margin:15px 0; text-align:center; padding:0 10px; }
.deal-home .dealproduct-list li.item {width:188px; border:none; padding:0px;  border-right: solid 1px #EFEFEF; clear:none!important; display:inline-block; margin:0px; background:#fff; float:none;}
.deal-home .dealproduct-list li.item  .product-image {padding:18px 0; text-align:center;}
.deal-home .dealproduct-list li.item  .product-image img {margin:auto;}
.deal-home .dealproduct-list li.item .product-name a {font-family: 'db_heaventregular'; float:left; text-align: center;  width:100%; color:#555; font-size:19px; line-height:18px; height:36px; overflow:hidden;padding: 0 10px;}
.deal-home .dealproduct-list li.item .product-name a:hover {color:#2f9ee5;}
.dealproduct-list li.item .price-box {text-align:center; margin:0px;}
.dealproduct-list li.item .price-box .price {font-size:34px; line-height:30px; font-family:'PSL-EmpirePro';}
.dealproduct-list li.item .price-box .old-price .price  {color:#555; font-size: 20px;}

.slider-style1 .products-grid > li {margin-right:0px!important; margin-left:0px!important; border:none;  border-right: solid 1px #EFEFEF;  clear:none!important; display:inline-block; margin:0px; background:#fff; float:none;}



.catalog-category-view .main-container,
.catalog-product-view .main-container{overflow-x:hidden;}
.block-related-category,
.product-essential .block-related {position:relative; padding-top:15px;}
.block-related-category:before,
.product-essential .block-related:before  {content:""; position:absolute; width:200%; height:calc(100% - 50px); top:0px; left:-50%;background:#FAFAFA;}

.block-related-category .block-title,
.block-related-category .block-content,
.product-essential .block-related  .block-title,
.product-essential .block-related  .block-content  {position:relative;}

.aw-arp-block .block-title  strong{color:#000; font-size:30px; font-family: 'db_heaventregular';}
.aw-arp-block-content.slider-style1  .bx-wrapper {max-width: 949px!important;}
.aw-arp-block-content.slider-style1 .products-grid>li {background:none;}
.aw-arp-block-content.slider-style1 .products-grid>li:nth-child(1) .product-image,
.aw-arp-block-content.slider-style1 .products-grid>li:nth-child(1) .product-info  {border-left:solid 1px #EFEFEF;}
.aw-arp-block-content.slider-style1 .products-grid >li:hover:nth-child(1) .actions {left:0px; width: calc(100% + 0px); }

.aw-arp-block-content.slider-style1 .products-grid >li {border-top: solid 1px #EFEFEF;  padding:0px; padding-bottom:80px;  border-right:none;}
.aw-arp-block-content.slider-style1 .products-grid >li .product-image,
.aw-arp-block-content.slider-style1 .products-grid >li .product-info {border-right: solid 1px #EFEFEF; margin:0px; padding-left:10px; padding-right:10px; background:#fff;}
.aw-arp-block-content.slider-style1 .products-grid >li .product-info  {border-bottom: solid 1px #EFEFEF;}
.aw-arp-block-content.slider-style1 .products-grid >li:hover .product-info {border-bottom:none;}
.aw-arp-block-content.slider-style1 .products-grid  >li:hover .actions {margin-top:-80px; width: calc(100%); left:0px; border-color:#EFEFEF; }

.aw-arp-block-content.slider-style1 .bx-wrapper .bx-pager.bx-default-pager a {background:#CECECE;}
.aw-arp-block-content.slider-style1 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.aw-arp-block-content.slider-style1 .bx-wrapper .bx-pager.bx-default-pager a.active {background:#000;}

.box-banner-home {float:left; width:100%; padding:35px 0px; }
.box-banner-home1 {background:#F6F6F6;}
.box-banner-home1  .banner-carousel {padding:0 10px;}
.box-banner-home1  li {float:left; width:49%; margin-right:2%;}
.box-banner-home1  li:nth-child(2n){margin-right:0px;}

.home-cat {float:left; width:100%; margin:20px 0;}
.home-cat  img {max-width:100%;}
.home-cat .home-cat-title {float:left; width:100%; position:relative; margin-bottom:5px;}
.home-cat .home-cat-title:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: url(../../skin/frontend/gibthai/default/images/icons-cat2.png) no-repeat 0 -7px;
}
.home-cat.home-cat2 .home-cat-title:before {background-position:0 -81px;}
.home-cat.home-cat3 .home-cat-title:before {background-position:0 -147px;}
.home-cat.home-cat4 .home-cat-title:before {background-position:0 -359px;}
.home-cat.home-cat5 .home-cat-title:before {background-position:0 -218px;}
.home-cat.home-cat6 .home-cat-title:before {background-position:0 -291px;}
.home-cat.home-cat7 .home-cat-title:before {background-position:0 -441px;}
.home-cat.home-cat8 .home-cat-title:before {background-position:0 -585px;}
.home-cat.home-cat9 .home-cat-title:before {background-position:0 -585px;}
.home-cat.home-cat10 .home-cat-title:before {background-position:0 -672px;}

.home-cat .home-cat-title  span {margin-left:60px; float:left; font-size:36px; color:#000; font-family: 'db_heaventregular'; line-height:40px; padding:5px 30px 5px 5px; background:url(../../skin/frontend/gibthai/default/images/arrow-right4.png) no-repeat right center;}
.home-cat .home-cat-content,
.home-cat .slider-banner{float:left; width:100%;margin-bottom: 15px;}
.home-cat-left{float:left; width:25.085%;}
.home-cat-right {float:right; width:74.915%;}

.home-cat-left .box-icons {float:left; width:100%;}
.home-cat-left .box-icons li {float:left; width:50%; border-top:solid 1px #E6E6E6; border-right:solid 1px #E6E6E6; }
.home-cat-left .box-icons li:nth-child(1),
.home-cat-left .box-icons li:nth-child(2){
  border-top:none;
}
.home-cat .home-cat-content {
  border: solid 1px #E6E6E6;
}
.home-cat .products-grid .owl-item .item {
  /* border: solid 1px #E6E6E6; */
  margin-left:-1px;
}
ul#brand-logo li.item {
  border: solid 0px #E6E6E6;
  min-height: unset;
}
#brand-logo{
  padding: 30px 50px;
    margin-bottom: 30px;
    border: 1px solid #e0e0e0;
    max-height: 160px;
}
.home-cat .products-grid .owl-item .item .product-image {
  padding:0;
  margin-bottom:0px;
  max-height: none;
}

.home-cat .products-grid .owl-item .item .box-price-list{
  min-height:59px;
}
.home-cat .products-grid .owl-item .item .product-info {
  padding: 20px 10px;
}
.home-cat .banner-bottom{
  float: left;
  width: 100%;
  margin-top: 15px;
}

.home-cat .products-grid .owl-item .item .box-price-list .regular-price{
  margin-top:18px;
}
.home-cat .products-grid.owl-carousel .owl-stage-outer{
  padding-left:1px;
  margin-left:-1px;
}

.home-cat-left .box-icons li a {
  float:left;
  padding-bottom:90.4762%;
  position:relative;
  width:100%;
  background:#F9F9F9;
  overflow: hidden;
}

.home-cat-left .box-icons li a  img {position:absolute; left:50%; top:50%;  transform: translate(-50%, -50%); max-width:100%;}
.home-cat-left .box-icons li a:hover{background:#2f9ee5;}
.home-cat-left .box-icons li a:hover img {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
  -moz-filter: brightness(0) invert(1);
}

.home-cat-right li {
  float:left;
  width: calc(100% / 3);
}

.home-cat-right li.big-image {
  width:66.745%;
  border-right:solid 1px #E6E6E6 ;
  position:relative;
  z-index:3;
}
.home-cat-right li.big-image a {
  float:left;
  width:100%;
  padding-bottom: 68.084%;
  position:relative;
  overflow: hidden;
}
.home-cat-right li.big-image a img,
.home-cat-right li.long-image a img{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
}
.home-cat-right li.long-image{
  width: 33.255%;
  position: relative;
}
.home-cat-right li.long-image a{
  float:left;
  width:100%;
  padding-bottom:136.394%;
  position:relative;
  overflow: hidden;
}

.home-cat-right li.big-image:nth-child(5),
.home-cat-right li.big-image:nth-child(2){float:right;}
.home-cat-right li.long-image ul li,
.home-cat-right li.big-image ul li {  float: none;  width: 100%;}

.home-cat-right li.big-image.long ul li{float: left;max-height:401px;width: calc(100% / 2);}
.home-cat-right li.wide-image {  max-height: 200.5px;  width: calc(300% / 3); position: relative;}
.home-cat-right li.wide-image ul li{float: left;width: calc(100% / 3);}
.home-cat-right li.big-image.short{  max-height: 200.5px;  position: relative;}

.home-cat-left .box-links {float:left; width:100%; background:#F9F9F9; height:320px; padding:12px 0; border-top:solid 1px #E6E6E6; border-left:solid 1px #E6E6E6; }
.home-cat-left .box-links li {float:left; width:100%;}
.home-cat-left .box-links li  a {display:block; font-size:20px; color:#252525; font-family: 'db_heaventregular'; line-height:24px; padding:2px 12px;}
.home-cat3 .home-cat-left .box-links li  a:hover {text-decoration:none; color:#FFC832;}
.home-cat5 .home-cat-left .box-links li  a:hover {text-decoration:none; color:#FF8AA8;}

.new_icons li a{width: 148px;max-height:133px;padding:0;overflow: hidden;text-indent: -9999px;background-color: #FFF;}
.new_icons.th li a.hl1{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hl-01.png");}
.new_icons.th li a.hl2{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hl-02.png");}
.new_icons.th li a.hl3{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hl-03.png");}
.new_icons.th li a.hl4{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hl-04.png");}
.new_icons.th li a.hl5{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hl-05.png");}

.new_icons.th li a.ho1{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/ho-01.png");}
.new_icons.th li a.ho2{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/ho-02.png");}
.new_icons.th li a.ho3{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/ho-03.png");}
.new_icons.th li a.ho4{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/ho-04.png");}
.new_icons.th li a.ho5{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/ho-05.png");}

.new_icons.th li a.mom1{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/mom-01.png");}
.new_icons.th li a.mom2{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/mom-02.png");}
.new_icons.th li a.mom3{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/mom-03.png");}
.new_icons.th li a.mom4{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/mom-04.png");}
.new_icons.th li a.mom5{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/mom-05.png");}

.new_icons.th li a.hba1{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hba-01.png");}
.new_icons.th li a.hba2{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hba-02.png");}
.new_icons.th li a.hba3{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hba-03.png");}
.new_icons.th li a.hba4{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hba-04.png");}
.new_icons.th li a.hba5{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hba-05.png");}

.new_icons.th li a.im1{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/im-01.png");}
.new_icons.th li a.im2{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/im-02.png");}
.new_icons.th li a.im3{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/im-03.png");}
.new_icons.th li a.im4{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/im-04.png");}
.new_icons.th li a.im5{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/im-05.png");}

.new_icons.th li a.df1{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/df-01.png");}
.new_icons.th li a.df2{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/df-02.png");}
.new_icons.th li a.df3{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/df-03.png");}
.new_icons.th li a.df4{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/df-04.png");}
.new_icons.th li a.df5{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/df-05.png");}

.new_icons.th li a.bev1{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/bev-01.png");}
.new_icons.th li a.bev2{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/bev-02.png");}
.new_icons.th li a.bev3{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/bev-03.png");}
.new_icons.th li a.bev4{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/bev-04.png");}
.new_icons.th li a.bev5{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/bev-05.png");}

.new_icons.th li a.hl1:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/hl-01.png");}
.new_icons.th li a.hl2:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/hl-02.png");}
.new_icons.th li a.hl3:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/hl-03.png");}
.new_icons.th li a.hl4:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/hl-04.png");}
.new_icons.th li a.hl5:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/hl-05.png");}

.new_icons.th li a.ho1:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/ho-01.png");}
.new_icons.th li a.ho2:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/ho-02.png");}
.new_icons.th li a.ho3:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/ho-03.png");}
.new_icons.th li a.ho4:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/ho-04.png");}
.new_icons.th li a.ho5:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/ho-05.png");}

.new_icons.th li a.mom1:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/mom-01.png");}
.new_icons.th li a.mom2:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/mom-02.png");}
.new_icons.th li a.mom3:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/mom-03.png");}
.new_icons.th li a.mom4:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/mom-04.png");}
.new_icons.th li a.mom5:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/mom-05.png");}

.new_icons.th li a.hba1:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/hba-01.png");}
.new_icons.th li a.hba2:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/hba-02.png");}
.new_icons.th li a.hba3:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/hba-03.png");}
.new_icons.th li a.hba4:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/hba-04.png");}
.new_icons.th li a.hba5:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/hba-05.png");}

.new_icons.th li a.im1:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/im-01.png");}
.new_icons.th li a.im2:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/im-02.png");}
.new_icons.th li a.im3:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/im-03.png");}
.new_icons.th li a.im4:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/im-04.png");}
.new_icons.th li a.im5:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/im-05.png");}

.new_icons.th li a.df1:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/df-01.png");}
.new_icons.th li a.df2:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/df-02.png");}
.new_icons.th li a.df3:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/df-03.png");}
.new_icons.th li a.df4:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/df-04.png");}
.new_icons.th li a.df5:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/df-05.png");}

.new_icons.th li a.bev1:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/bev-01.png");}
.new_icons.th li a.bev2:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/bev-02.png");}
.new_icons.th li a.bev3:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/bev-03.png");}
.new_icons.th li a.bev4:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/bev-04.png");}
.new_icons.th li a.bev5:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/bev-05.png");}

/*------------------en------------------*/

.new_icons.en li a.hl1{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hl-01.png");}
.new_icons.en li a.hl2{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hl-02.png");}
.new_icons.en li a.hl3{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hl-03.png");}
.new_icons.en li a.hl4{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hl-04.png");}
.new_icons.en li a.hl5{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hl-05.png");}

.new_icons.en li a.ho1{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/ho-01.png");}
.new_icons.en li a.ho2{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/ho-02.png");}
.new_icons.en li a.ho3{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/ho-03.png");}
.new_icons.en li a.ho4{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/ho-04.png");}
.new_icons.en li a.ho5{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/ho-05.png");}

.new_icons.en li a.mom1{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/mom-01.png");}
.new_icons.en li a.mom2{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/mom-02.png");}
.new_icons.en li a.mom3{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/mom-03.png");}
.new_icons.en li a.mom4{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/mom-04.png");}
.new_icons.en li a.mom5{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/mom-05.png");}

.new_icons.en li a.hba1{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hba-01.png");}
.new_icons.en li a.hba2{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hba-02.png");}
.new_icons.en li a.hba3{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hba-03.png");}
.new_icons.en li a.hba4{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hba-04.png");}
.new_icons.en li a.hba5{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hba-05.png");}

.new_icons.en li a.im1{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/im-01.png");}
.new_icons.en li a.im2{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/im-02.png");}
.new_icons.en li a.im3{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/im-03.png");}
.new_icons.en li a.im4{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/im-04.png");}
.new_icons.en li a.im5{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/im-05.png");}

.new_icons.en li a.df1{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/df-01.png");}
.new_icons.en li a.df2{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/df-02.png");}
.new_icons.en li a.df3{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/df-03.png");}
.new_icons.en li a.df4{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/df-04.png");}
.new_icons.en li a.df5{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/df-05.png");}

.new_icons.en li a.bev1{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/bev-01.png");}
.new_icons.en li a.bev2{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/bev-02.png");}
.new_icons.en li a.bev3{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/bev-03.png");}
.new_icons.en li a.bev4{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/bev-04.png");}
.new_icons.en li a.bev5{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/bev-05.png");}

.new_icons.en li a.hl1:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/hl-01.png");}
.new_icons.en li a.hl2:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/hl-02.png");}
.new_icons.en li a.hl3:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/hl-03.png");}
.new_icons.en li a.hl4:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/hl-04.png");}
.new_icons.en li a.hl5:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/hl-05.png");}

.new_icons.en li a.ho1:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/ho-01.png");}
.new_icons.en li a.ho2:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/ho-02.png");}
.new_icons.en li a.ho3:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/ho-03.png");}
.new_icons.en li a.ho4:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/ho-04.png");}
.new_icons.en li a.ho5:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/ho-05.png");}

.new_icons.en li a.mom1:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/mom-01.png");}
.new_icons.en li a.mom2:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/mom-02.png");}
.new_icons.en li a.mom3:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/mom-03.png");}
.new_icons.en li a.mom4:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/mom-04.png");}
.new_icons.en li a.mom5:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/mom-05.png");}

.new_icons.en li a.hba1:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/hba-01.png");}
.new_icons.en li a.hba2:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/hba-02.png");}
.new_icons.en li a.hba3:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/hba-03.png");}
.new_icons.en li a.hba4:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/hba-04.png");}
.new_icons.en li a.hba5:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/hba-05.png");}

.new_icons.en li a.im1:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/im-01.png");}
.new_icons.en li a.im2:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/im-02.png");}
.new_icons.en li a.im3:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/im-03.png");}
.new_icons.en li a.im4:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/im-04.png");}
.new_icons.en li a.im5:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/im-05.png");}

.new_icons.en li a.df1:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/df-01.png");}
.new_icons.en li a.df2:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/df-02.png");}
.new_icons.en li a.df3:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/df-03.png");}
.new_icons.en li a.df4:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/df-04.png");}
.new_icons.en li a.df5:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/df-05.png");}

.new_icons.en li a.bev1:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/bev-01.png");}
.new_icons.en li a.bev2:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/bev-02.png");}
.new_icons.en li a.bev3:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/bev-03.png");}
.new_icons.en li a.bev4:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/bev-04.png");}
.new_icons.en li a.bev5:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/bev-05.png");}

/*------------------view more------------------*/

.new_icons.th li a.view_more{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/view-more.png");}
.new_icons.en li a.view_more{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/view-more.png");}

.new_icons.th li a.view_more:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/th/hover/view-more.png");}
.new_icons.en li a.view_more:hover{background:url("../../skin/frontend/gibthai/default/images/new-home-icons/en/hover/view-more.png");}


@media (min-width: 1024px){
  .home-cat-content,
  .home-cat-left,
  .home-cat-right {position:relative;}
}
.home-cat-menu {
    position: fixed;
    top: 50px;
    left: 0;
    width: 34px;
    margin-left: -40px;
    transition: margin 0.3s ease;
    z-index:1;
}
.home-cat-menu.fixed {
  margin-left: 6px;
}

.home-cat-menu li {
    width: 100%;
    margin: 3px 0;
    overflow: hidden;
}
.home-cat-menu li a {
    display: block;
    cursor: pointer;
    width: 34px;
    height: 34px;
    overflow: hidden;
    background: url(../../skin/frontend/gibthai/default/images/icons-cat.png) no-repeat 0 0;
    border-radius: 100%;
    text-indent:-9999px;
    border: solid 2px transparent;
}
.home-cat-menu li.active a{border-color:#000;}
.home-cat-menu li.nav-deal a {background:url(../../skin/frontend/gibthai/default/images/icon-deal.png) no-repeat center center #fff;}
.home-cat-menu li.nav-1 a{background-position:-52px -304px; background-color: #3979C1; }
.home-cat-menu li.nav-2 a {background-position:-52px -252px; background-color: #1AD8CF; }
.home-cat-menu li.nav-3 a {background-position:-51px -204px; background-color: #fd88a8; }
.home-cat-menu li.nav-4 a {background-position:-52px -154px; background-color: #D266F1; }
.home-cat-menu li.nav-5 a {background-position:-53px -565px; background-color: #FFC832; }
.home-cat-menu li.nav-6 a {background-position:-52px -4px; background-color: #FE901E; }
.home-cat-menu li.nav-7 a {background-position:-52px -53px; background-color: #4FD6EA; }
.home-cat-menu li.nav-8 a {background-position:-51px -403px; background-color: #8e56fa;  display: none;}
.home-cat-menu li.nav-9 a {background-position:-52px -403px; background-color: #8e56fa; display: none;}
.home-cat-menu li.nav-10 a {background-position:-51px -453px; background-color: #6F6F6F;}
.home-cat-menu li:hover{cursor: pointer; cursor: hand; }

/* home video */
.home-boxvideo {float:left; width:100%; padding:40px 0; background:url(../../skin/frontend/gibthai/default/images/backgroun-video.jpg) center center; background-size: 100% 100%;display: none;}
.home-boxvideo .video-list{float:right; width:34%; padding:10px 5px; background:#fff;}
.home-boxvideo .video-list li {float:left; width:100%; padding:7px;}
.home-boxvideo .video-list li.active {background:#F6F6F6;}
.home-boxvideo .box-contentvideo {float:left; width:66%; padding:10px 0 10px 10px; background:#fff;}
.home-boxvideo .box-contentvideo iframe{border: none; max-width:100%;}
.home-boxvideo .video-list .thumb-wrapper {float:left; width:120px;  position: relative;}
.home-boxvideo .video-list .simple-thumb-related{ height: 77px;  float: left;  position: relative;  overflow: hidden;  width: 100%;}

.home-boxvideo .video-list .thumb-wrapper img {width:100%;  position: relative;  top: -13px;}

.home-boxvideo .video-list .thumb-wrapper .video-time {
    margin-top: 0;
    margin-right: 0;
    padding: 0 4px;
    font-weight: 500;
    font-size: 11px;
    background-color: #000;
    color: #fff!important;
    height: 14px;
    line-height: 14px;
    opacity: .75;
    filter: alpha(opacity=75);
    display: -moz-inline-stack;
    vertical-align: top;
    display: inline-block;
    position:absolute;
    bottom:2px;
    right:2px;
}
.home-boxvideo .video-list .content-wrapper {float: left; width: 54%;padding-left:10px; line-height:18px; color:#363636; font-size: 20px; font-family: 'db_heaventregular';}
.home-boxvideo .video-list .content-wrapper .title {float:left; width:100%; height:36px; overflow:hidden;}
.home-boxvideo .video-list li.li-youtube { padding: 16px 7px 17px 73px; background:url(../../skin/frontend/gibthai/default/images/youtube.png) no-repeat 12px center;}
.home-boxvideo .video-list li.li-youtube label,
.home-boxvideo .video-list li.li-youtube span{font-size:24px; float:left; width:100%; line-height:24px; color:#363636; font-family: 'db_heaventregular'; }
.home-boxvideo .video-list li.li-youtube label { text-transform:uppercase; font-size:24px }
/* ============================================ *

/* home video new */
.home-boxvideo-new {float:left; width:100%; padding:40px 0; background:url(../../skin/frontend/gibthai/default/images/backgroun-video.jpg) center center; background-size: 100% 100%;}
.home-boxvideo-new .video-list{float:right; width:45%; padding:10px 5px; background:#fff;}
.home-boxvideo-new .video-list li {float:left; width:100%; padding:7px;}
.home-boxvideo-new .video-list li.active {background:#F6F6F6;}
.home-boxvideo-new .box-contentvideo {float:left; width:55%; padding:10px 0 10px 10px; background:#fff;}
.home-boxvideo-new .box-contentvideo iframe{border: none; max-width:100%;}
.home-boxvideo-new .video-list .thumb-wrapper {float:left; width:35%;  position: relative;}
.home-boxvideo-new .video-list .simple-thumb-related{ height: 77px;  float: left;  position: relative;  overflow: hidden;  width: 100%;}

.home-boxvideo-new .video-list .thumb-wrapper img {width:100%;  position: relative;  top: -13px;}

.home-boxvideo-new .video-list .thumb-wrapper .video-time {
    margin-top: 0;
    margin-right: 0;
    padding: 0 4px;
    font-weight: 500;
    font-size: 11px;
    background-color: #000;
    color: #fff!important;
    height: 14px;
    line-height: 14px;
    opacity: .75;
    filter: alpha(opacity=75);
    display: -moz-inline-stack;
    vertical-align: top;
    display: inline-block;
    position:absolute;
    bottom:2px;
    right:2px;
}
.home-boxvideo-new .video-list .content-wrapper {float: left; width: 65%;padding-left:10px; line-height:18px; color:#363636; font-size: 20px; font-family: 'db_heaventregular';}
.home-boxvideo-new .video-list .content-wrapper .title {float:left; width:100%; height:36px; overflow:hidden;}
.home-boxvideo-new .video-list li.li-youtube { padding: 16px 7px 17px 73px; background:url(../../skin/frontend/gibthai/default/images/youtube.png) no-repeat 12px center;}
.home-boxvideo-new .video-list li.li-youtube label,
.home-boxvideo-new .video-list li.li-youtube span{font-size:24px; float:left; width:100%; line-height:24px; color:#363636; font-family: 'db_heaventregular'; }
.home-boxvideo-new .video-list li.li-youtube label { text-transform:uppercase; font-size:24px }
/* ============================================ *

 * Logo
 * ============================================ */
.logo {
  display: block;
  float: left;
  min-width: 75px;
  min-height: 75px;
  text-align: center;
  padding: 10px 0;
}
.logo img {
  max-width: 100%;
}
.logo .small {
  display: block;
}
.logo .large {
  display: none;
}

.logo:hover {
  opacity: 0.8;
}

@media only screen and (min-width: 801px) {
  .logo {
    max-width: 300px;
    min-height: 90px;
    margin-right:18px;
  }
  .logo .small {
    display: none;
  }
  .logo .large {
    display: block;
  }
}
/* ============================================ *
 * Skip Links
 * ============================================ */
.skip-links {
  clear: both;
  overflow: hidden;
  border-top: 1px solid #EDEDED;
  border-bottom: 1px solid #EDEDED;
}

@media only screen and (min-width: 801px) {
  .skip-links {
    border: 0;
  }
}
/* -------------------------------------------- *
 * Skip - Link
 */

a.skip-link {
  text-decoration: none;
}

.skip-link:not(.skip-active):hover {
  opacity: 0.8;
}
.sidebar_sticky .sidebar-control .skip-link:hover {
  opacity: 1;
}

/* -------------------------------------------- *
 * Skip Link - Active
 */

/* -------------------------------------------- *
 * Skip Link - Icon
 */
.skip-link .icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
}

.skip-link.skip-nav .icon,
.skip-link.skip-cart:not(.no-count) .icon {
  margin-right: 3px;
}

@media only screen and (min-width: 500px) {
  .skip-link .icon {
    margin-right: 3px;
  }
}
/* -------------------------------------------- *
 * Skip Link - Label
 */
.skip-link .label {
  display: none;
}

@media only screen and (min-width: 500px) {
  .skip-link .label {
    display: inline;
  }
}
/* ============================================ *
 * Skip Content
 * ============================================ */
.skip-content {
  display: none;
}

.skip-content.skip-active {
  display: block;
  background: #EDEDED;
}

/* ============================================ *
 * Global Header Navigation
 * ============================================ */
@media only screen and (max-width: 800px) {
  #header-account li a,
  .nav-primary a.level0 {
    padding: 0 15px 0 25px;
    border-bottom: 1px solid #cccccc;
    text-align: left;
    color: #636363;

    line-height: 30px;
  }

  #header-account li:last-child a,
  .nav-primary li.level0:last-child a.level0 {
    border-bottom: 0;
  }

  .no-touch #header-account a:hover,
  .no-touch .nav-primary a:hover {
    background-color: #f4f4f4;
    text-decoration: none;
  }
}
.account-cart-wrapper {
  position: absolute;
  top: 0px;
  right: 0px;
}
@media only screen and (max-width: 800px) {
  .account-cart-wrapper {
    position: static;
  }
}

/* ============================================ *
 * Nav - Skip Link
 * ============================================ */
.skip-nav {
  width: 40%;
}
.skip-nav:not(.skip-active):hover {
  text-decoration: none;
}
.skip-nav:not(.skip-active):hover .icon {
  background-position: -46px 4px;
}

.skip-nav .label {
  display: inline;
}

.skip-nav .icon {
  background-position: 4px 4px;
}

@media only screen and (min-width: 500px) {
  .skip-nav {
    width: 25%;
  }
}
@media only screen and (min-width: 801px) {
  .skip-nav {
    display: none;
  }
}
/* ============================================ *
 * Nav - Skip Content
 * ============================================ */
@media only screen and (max-width: 800px) {
  #header-nav {
    padding: 5px 0;
  }
}
@media only screen and (min-width: 801px) {
  #header-nav {
    display: block;
    /* Force visibility */
    border-bottom: 1px solid #ededed;
  }
}
/* ============================================ *
 * Nav Primary
 * ============================================ */

/* ============================================ *
 * General Navigation Styles
 * ============================================ */
.nav-primary {
  margin-top: 0;
  padding-top: 0;
}

.nav-primary a {
  text-decoration: none;
  position: relative;
  display: block;
  color: #636363;
  line-height: 30px;
  font-family: 'db_heaventregular';

}
.nav-primary li {
  /* position: relative; */
  /* float:left;
  width:100%; */
  /* padding: 4.5px 0; */
}
.nav-primary li.level0 > a {
  /*font-size: 20px;*/
  color: #000;
  line-height: 15px;
  min-height: 42px;
  padding: 0px 10px 0px 48px;
  position: relative;
  float: left;
  width: 100%;
  display: table;
  height: 42px;
  font-weight: 400;
}
.nav-primary li.level0 > a >span{
  display: table-cell;
  vertical-align: middle;
  position:relative;
  overflow: hidden;

}
.nav-primary li.level0.parent > a >span {
  /* background:url(https://www.bigc.co.th/skin/frontend/gibthai/default/images/arrow-right.png) no-repeat right center; */
  background: url('/assets/images/right.png') no-repeat right center;
    background-size: 9%;
}
.nav-primary li.level0.parent:hover > a >span{
  background: url('/assets/images/right2.png') no-repeat right center;
    background-size: 9%;
}

@media (max-width: 800px){
    .nav-primary li.level0.parent > a >span {
      background: none;
    }
    .nav-primary li.level0.parent:hover > a >span{
      background: none;
    }



}
.nav-primary li.level0.parent > a >span:before,
.nav-primary li.level0.parent > a >span:after{
  position:absolute;
  content:"";
  width:0px;
  height:0px;
  /* border-left:6px solid #000;
  border-top:solid 5px transparent;
  border-bottom:solid 5px transparent; */
  right:0px;
/*  top:50%;
  margin-top:-5px;*/
  margin-top: 3%;
  border-radius:3px;
}
.nav-primary li.level0.parent > a >span:after {
  border-left-color:#FFF;
  margin-right:2px;
}
.nav-primary li.level0.parent:hover > a >span:after {
  border-left-color:#fff;
}
.nav-primary li.level0.nav-1.parent:hover > a >span:before{
  border-left-color:#FE901E;
}
.nav-primary li.level0.nav-2.parent:hover > a >span:before{
  border-left-color:#4FD6EA;
}
.nav-primary li.level0.nav-3.parent:hover > a >span:before{
  border-left-color:#FFC832;
}
.nav-primary li.level0.nav-4.parent:hover > a >span:before{
  border-left-color:#D16BF3;
}
.nav-primary li.level0.nav-5.parent:hover > a >span:before{
  border-left-color:#FF8AA8;
}
.nav-primary li.level0.nav-6.parent:hover > a >span:before{
  border-left-color:#1AD8CF;
}
.nav-primary li.level0.nav-7.parent:hover > a >span:before{
  border-left-color:#3979C1;
}
.nav-primary li.level0.nav-8.parent:hover > a >span:before{
  border-left-color:#D2841E;
}
.nav-primary li.level0.nav-9.parent:hover > a >span:before{
  border-left-color:#8A5CFF;
}
.nav-primary li.level0.nav-10.parent:hover > a >span:before{
  border-left-color:#ffc731;
}


.nav-primary li.level0 > a:before{
  content:"";
  position:absolute;
  top:8px;
  left:0px;
  width:34px;
  height:34px;
  border-radius:100%;
  border:solid 1px #000;
  background-size: cover!important;
  /* background:url(../../skin/frontend/gibthai/default/images/icons-cat.png) no-repeat 0 0; */
}
.nav-primary li.level0.nav-1 > a:before {background:url(../../skin/frontend/gibthai/default/images/icon-home-01.png) no-repeat 0 0;}
.nav-primary li.level0.nav-2 > a:before {background:url(../../skin/frontend/gibthai/default/images/icon-home-02.png) no-repeat 0 0;}
.nav-primary li.level0.nav-3 > a:before {background:url(../../skin/frontend/gibthai/default/images/icon-home-03.png) no-repeat 0 0;}
.nav-primary li.level0.nav-4 > a:before {background:url(../../skin/frontend/gibthai/default/images/icon-home-04.png) no-repeat 0 0;}
.nav-primary li.level0.nav-5 > a:before {background:url(../../skin/frontend/gibthai/default/images/icon-home-05.png) no-repeat 0 0;}
.nav-primary li.level0.nav-6 > a:before {background:url(../../skin/frontend/gibthai/default/images/icon-home-06.png) no-repeat 0 0;}
.nav-primary li.level0.nav-7 > a:before {background:url(../../skin/frontend/gibthai/default/images/icon-home-07.png) no-repeat 0 0;}
.nav-primary li.level0.nav-8 > a:before {background:url(../../skin/frontend/gibthai/default/images/icon-home-08.png) no-repeat 0 0;}
.nav-primary li.level0.nav-9 > a:before {background:url(../../skin/frontend/gibthai/default/images/icon-home-09.png) no-repeat 0 0;}
.nav-primary li.level0.nav-10 > a:before {background:url(../../skin/frontend/gibthai/default/images/icon-home-10.png) no-repeat 0 0;}
.nav-primary li.level0.nav-11 > a:before {background:url(../../skin/frontend/gibthai/default/images/icon-home-11.png) no-repeat 0 0;}
.nav-primary li.level0.nav-12 > a:before {background:url(../../skin/frontend/gibthai/default/images/icon-home-12.png) no-repeat 0 0;}
@media (min-width: 801px){
  .nav-primary li.level0:hover > a {background:#fff;}
  .nav-primary li.level0.nav-1:hover > a {color:#2f9ee5}
  .nav-primary li.level0.nav-2:hover > a {color:#2f9ee5}
  .nav-primary li.level0.nav-3:hover > a {color:#2f9ee5}
  .nav-primary li.level0.nav-4:hover > a {color:#2f9ee5}
  .nav-primary li.level0.nav-5:hover > a {color:#2f9ee5}
  .nav-primary li.level0.nav-6:hover > a {color:#2f9ee5}
  .nav-primary li.level0.nav-7:hover > a {color:#2f9ee5}
  .nav-primary li.level0.nav-8:hover > a {color:#2f9ee5}
  .nav-primary li.level0.nav-9:hover > a {color:#2f9ee5}
  .nav-primary li.level0.nav-10:hover > a {color:#2f9ee5}
  .nav-primary li.level0.nav-11:hover > a {color:#2f9ee5}
  .nav-primary li.level0.nav-12:hover > a {color:#2f9ee5}

  .nav-primary li.level0.nav-1:hover > a:before {background:url(../../skin/frontend/gibthai/default/images/icon-home-01-over.png) no-repeat 0 0; background-color: #2f9ee5;  border-color: #2f9ee5;}
  .nav-primary li.level0.nav-2:hover > a:before {background:url(../../skin/frontend/gibthai/default/images/icon-home-02-over.png) no-repeat 0 0; background-color: #2f9ee5;  border-color: #2f9ee5;}
  .nav-primary li.level0.nav-3:hover > a:before {background:url(../../skin/frontend/gibthai/default/images/icon-home-03-over.png) no-repeat 0 0; background-color: #2f9ee5;  border-color: #2f9ee5;}
  .nav-primary li.level0.nav-4:hover > a:before {background:url(../../skin/frontend/gibthai/default/images/icon-home-04-over.png) no-repeat 0 0; background-color: #2f9ee5;  border-color: #2f9ee5;}
  .nav-primary li.level0.nav-5:hover > a:before {background:url(../../skin/frontend/gibthai/default/images/icon-home-05-over.png) no-repeat 0 0; background-color: #2f9ee5;  border-color: #2f9ee5;}
  .nav-primary li.level0.nav-6:hover > a:before {background:url(../../skin/frontend/gibthai/default/images/icon-home-06-over.png) no-repeat 0 0; background-color: #2f9ee5;  border-color: #2f9ee5;}
  .nav-primary li.level0.nav-7:hover > a:before {background:url(../../skin/frontend/gibthai/default/images/icon-home-07-over.png) no-repeat 0 0; background-color: #2f9ee5;  border-color: #2f9ee5;}
  .nav-primary li.level0.nav-8:hover > a:before {background:url(../../skin/frontend/gibthai/default/images/icon-home-08-over.png) no-repeat 0 0; background-color: #2f9ee5;  border-color: #2f9ee5;}
  .nav-primary li.level0.nav-9:hover > a:before {background:url(../../skin/frontend/gibthai/default/images/icon-home-09-over.png) no-repeat 0 0; background-color: #2f9ee5;  border-color: #2f9ee5;}
  .nav-primary li.level0.nav-10:hover > a:before {background:url(../../skin/frontend/gibthai/default/images/icon-home-10-over.png) no-repeat 0 0; background-color: #2f9ee5;  border-color: #2f9ee5;}
  .nav-primary li.level0.nav-11:hover > a:before {background:url(../../skin/frontend/gibthai/default/images/icon-home-11-over.png) no-repeat 0 0; background-color: #2f9ee5;  border-color: #2f9ee5;}
  .nav-primary li.level0.nav-12:hover > a:before {background:url(../../skin/frontend/gibthai/default/images/icon-home-12-over.png) no-repeat 0 0; background-color: #2f9ee5;  border-color: #2f9ee5;}
}
.nav-primary .menu-content {position:absolute; z-index:-1; left:-9999px; top:0px; background:#fff; overflow:hidden; height:100%; width: 730px; padding:22px 20px;}
#productlist-subcate{
  width: 100%;
  margin-top: 20px;
    border: 1px solid #ddd;
}
#productlist-subcate .menu-content-wrapper {
    position: relative;
    height: auto;
}
#productlist-subcate li.subcat{
  width: 100%;
}
.nav-primary li.level0.menu-active .menu-content { z-index:1; left:100%;  opacity:1; box-shadow: 4px 4px 4px -2px #ddd;height: 521.5px;overflow: auto;width: 897px;}
.nav-primary li.level0.menu-active .menu-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgba(0,0,0,.5);-webkit-box-shadow:0 0 1px rgba(255,255,255,.5);}
.nav-primary li.level0.menu-active .menu-content::-webkit-scrollbar{width:7px;}
.nav-primary li.level0.menu-active .menu-content::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);}
.nav-primary li.subcat,
.nav-primary li.featured-category {float:left; width:100%;word-wrap: break-word;}
.nav-primary li.featured-category {padding-left:17px;}
.nav-primary li.subcat >ul >li {margin-bottom:23px; padding-right: 8px;
    /* float: left;
    width: 33%; */
    -webkit-column-break-inside: avoid;
break-inside: avoid;
page-break-inside: avoid;
  }
  /* .nav-primary li.subcat >ul >li:nth-child(odd) { float: left;     width: 50%; clear: left; }
  .nav-primary li.subcat >ul >li:nth-child(even) { float: right;    width: 50%;  clear: right; } */

@media (max-width: 800px){
  .nav-primary li.subcat >ul >li {
      margin: 0px;
      width: 100%;
  }
}


.img-menu-scroll{position:absolute;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:11px solid #121212;right:10px;bottom:10px;}

.nav-primary li.level1 > a {
 /*font-size: 16px;*/
 color:#000;
 line-height:17px;
 padding-bottom: 10px;
 font-weight: 400;
}
.nav-primary li.level2  a {
  color:#898989;
  /*font-size: 20px;*/
  line-height: 17px;
  padding-bottom: 6px;
  font-weight: 200;
}
.nav-primary li.level2  a.active{text-decoration:underline; color:#2f9ee5;}
.nav-primary li.level2  a:hover{text-decoration:underline; color:#2f9ee5;}

.nav-primary ul.level1 {margin-top:5px;
  /* float: left;
      width: 33%; */
}
.nav-primary li ul.level0 {
}

@media (min-width: 800px){

    .menu-content-wrapper {
      -moz-column-count: 3;
      -webkit-column-count: 3;
      column-count: 3;}
    .list {
      margin: 0;
      padding: 0;
      list-style: none;
        margin-bottom: 20px;
    }

    .list__item {

      padding: 0px;
      margin-bottom: 20px;
      -moz-page-break-inside: avoid;
      -webkit-column-break-inside: avoid;
      break-inside: avoid;
      -o-column-break-inside: avoid;
      -ms-column-break-inside: avoid;
      column-break-inside: avoid;
      page-break-inside: avoid;
    }

}


.nav-primary .menu-active > ul.level0,
.nav-primary li.level0 li.sub-menu-active > ul {
  display: block;
}
.nav-primary .featured-category .box-image {margin-bottom:25px;}
.nav-primary .featured-category  img {max-width:100%;}
.nav-primary .featured-category .featured-brands label { font-size:20px; color:#363636; font-family: 'db_heaventregular'; font-weight:normal; line-height:24px;}
.nav-primary .featured-category  .featured-brands ul {border:solid 1px #F6F6F6; float:left; width:100%; padding:8px;}
.nav-primary .featured-category .featured-brands li {float:left; width:50%; margin-bottom:5px;}
/* ============================================ *
 * Small Viewports - Accordion Style Menu
 * ============================================ */
@media only screen and (max-width: 800px) {

  /* .nav-primary li.parent > a:after {
    content: '+';
    position: absolute;
    width: 20px;
    height: 30px;
    top: 5px;
    right: 0px;
    color:#2f9ee5;
    font-size: 20px;

    text-align:center;
    line-height:30px;
  } */
  /* .nav-primary li.parent.sub-menu-active > a:after,
  .nav-primary li.parent.menu-active > a:after {
    content: '-';
  } */
  .nav-primary ul.level1 li.parent > a:after{
    top:0px;
  }
  .nav-primary ul.level1 ul{
    display:none;
  }
  .nav-primary ul.level1 li.menu-active ul{
    display:block;
  }
  .nav-primary li.level0 .menu-content{
    display:none;
  }
  .nav-primary li.level0.menu-active .menu-content {
    display:block;
  }
  #productlist-subcate{
    display:block;
  }
}
/* ============================================ *
 * Large Viewports - Dropdown Menu
 * ============================================ */

/* ============================================ *
 * Search - Skip Link
 * ============================================ */
.skip-search:not(.skip-active):hover .icon {
  background-position: -46px -146px;
}
.skip-search .icon {
  background-position: 4px -146px;
}

@media only screen and (min-width: 801px) {
  .skip-search {
    display: none;
  }
}
/* ============================================ *
 * Search - Skip Content
 * ============================================ */
#header-search {
 float:left;
 width:100%;
 margin-top:3px;
}

/* ============================================ *
 * Search Input
 * ============================================ */
#search_mini_form .input-box {
  position: relative;
  padding-top: 0;
}

#search_mini_form label {
  display: none;
}

#search_mini_form .form-search {position:relative;}

#f_searchs {
  width: 100%;
  height: 40px;
  padding-right: 40px;
  font-family: 'db_heaventregular';
  /*font-size: 20px;*/
  color:#000;
  border-color:#DADADA;
  box-shadow: 0 0 0 0 transparent;
  transition: box-shadow 0.3s ease-in-out;
  padding-left: 37px;
  background: url('../../skin/frontend/gibthai/default/images/searchbg.png') left center no-repeat;
  border-radius: 6px;
  font-weight: 400;
}
@media only screen and (max-width: 801px) {
  #f_searchs {
    height: 35px;
  }
}
#f_searchs.search-highlight {
  box-shadow: 0 0 0 3px #2f9ee5;
}
#f_searchs::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#838383;
}
#f_searchs::-moz-placeholder { /* Firefox 19+ */
  color:#838383;
}
#f_searchs:-ms-input-placeholder { /* IE 10+ */
  color:#838383;
}
#f_searchs:-moz-placeholder { /* Firefox 18- */
  color:#838383;
}

#search_mini_form .button {
  /*text-indent: -9999px;*/
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 40px;
  border: 0;
  background: none;
  /*background:url(../../skin/frontend/gibthai/default/images/icons.png) no-repeat 10px -114px;*/
  background: #2f9ee5;
  border-radius: 0 6px 6px 0;
  color: #fff;
  text-transform: capitalize;
  /*font-size: 20px;*/
}
.search-text-bottom {float:left; width:100%; margin-top:5px; font-family: 'db_heaventregular'; font-size: 20px; color:#767676; line-height:18px;}
.search-text-bottom strong {font-weight:normal;  color: #636363;

  /*font-size: 12px;*/
}
.search-text-bottom a {
  color: #636363;
  /*font-size: 12px;*/
 }
.search-text-bottom a:hover{color:#2f9ee5; text-decoration:underline;}
.search-text-bottom .separator {color:#DADADA;}
.search-text-bottom .separator:nth-last-child(1){display:none;}
/* ============================================ *
 * Header - Account
 * ============================================ */
/* -------------------------------------------- *
 * Skip Link - Account
 */
.skip-account:not(.skip-active):hover .icon {
  background-position: -46px -44px;
}
.skip-account .icon {
  background-position: 4px -44px;
}

@media only screen and (min-width: 801px) {
  .skip-account {
    float: none;
    width: auto;
    vertical-align: top;
    display: inline-block;
    padding: 0 10px;

  }

  #header-account.skip-active {
    background: #FBFBFB;
    border: solid 1px #cccccc;
    display: block;
    position: absolute;
    z-index: 200;
    top: 40px;
    right: 115px;
    width: 200px;
  }

  #header-account a {
    display: block;
    padding: 5px 10px;
    color: #636363;
    line-height: 2;
  }

  #header-account a:hover {
    color: #3399cc;
  }
}
/* -------------------------------------------- *
 * Account Links
 */
#header-account {
  padding: 5px 0;
}

#header-account a {
  position: relative;
  display: block;
  padding: 5px 10px;
  line-height: 23px;
  text-align: center;
}

#header-account a:hover {
  color: #3399cc;
}

/* ============================================ *
 * Header - Cart
 * ============================================ */
/* -------------------------------------------- *
 * Skip Link - Cart
 */
.skip-cart { float:left;}

.skip-cart .icon {
  width: 40px;
  height: 40px;
  border:solid 0px #DADADA;
  border-radius:100%;
  background:url(../../skin/frontend/gibthai/default/images/icons.png) no-repeat 7px 9px;
  position: relative;
  display: block;
  float: left;
}
.skip-cart .label {
  display: block;
  text-align: center;
  line-height: 40px;
  color: #000;
  font-size: 20px;
  font-family: 'db_heaventregular';
  float: left;
  /* clear: both; */
  width: auto;
  font-weight: 400;
}


.skip-wishlist { float:left;}

.skip-wishlist .icon {
  width: 40px;
  height: 40px;
  border:solid 0px #DADADA;
  border-radius:100%;
  background:url(../../skin/frontend/gibthai/default/images/icons.png) no-repeat 7px -476px;
  position: relative;
  display: block;
  float: left;
}
.skip-wishlist .label {
  display: block;
  text-align: center;
  line-height: 40px;
  color: #000;
  font-size: 20px;
  font-family: 'db_heaventregular';
  float: left;
  /* clear: both; */
  width: auto;
  font-weight: 400;
}

@media only screen and (min-width: 801px) {
  .skip-cart {
    width: 111px;
    padding: 0 0 0 10px;
  }
  .skip-wishlist {
    width: 111px;
    padding: 0 0 0 10px;
  }
}

.control-sidebar-content.skip-active {
  position:fixed;
  height:100%;
  top:0px;
  right:40px;
  border: solid 1px #DADADA;
  display: block;
  z-index: 200;
  width: 320px;
  background: white;
  }

.box-header-search {float:left; padding-top:20px; width:528px; }
.box-header-search .header-shipping {float:left; width:100%; font-size: 20px; color:#555; font-family: 'db_heaventregular'; line-height:24px;}
.box-header-search .header-shipping a{
  float:left;
  color:#555;
  padding-top:3px;
  padding-left:32px;
  font-size: 20px;
  font-family: 'db_heaventregular';
  line-height: 24px;
  background:url(../../skin/frontend/gibthai/default/images/icons.png) no-repeat -76px -375px;
}
.change-location{
  background:url(../../skin/frontend/gibthai/default/images/icons.png) no-repeat -76px -375px;
  float: right;
  padding-left: 28px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.box-header-search .header-shipping a b{color:#000;}
.box-header-search .header-shipping > label > label {font-weight:bold;}
.box-header-search .header-shipping span {color:#000;  /*font-family: 'PSL-EmpirePro';*/}
.box-header-search .header-shipping a *{cursor: pointer;}

.header-content-right {float:right; margin-top:23px;}
.header-content-right  .top-links {float:left; margin-top:14px; margin-right:25px;}
.header-content-right  .top-links.loggedin {margin-right:50px;}
.header-content-right  .top-links a{
  float:left;
  color: #000;
  font-size: 20px;
  font-family: 'db_heaventregular';
  line-height:24px;
  padding-left:8px;
  margin-left:8px;
  border-left:solid 1px #DADADA;
}
.header-content-right  .top-links a:nth-child(1){border-left:0px; padding-left:0px; margin-left:0px;}
.header-content-right  .top-links a:hover{color:#2f9ee5;}
.header-content-right  .top-links a.connect-facebook {padding-left: 15px; background:url(../../skin/frontend/gibthai/default/images/icons.png) no-repeat  -90px -100px;}
.header-content-right  .top-links .my-points label{float:left; margin-right:8px;  padding-left:30px; color:#838383; font-family: 'db_heaventregular'; font-size:20px; line-height:25px; background:url(../../skin/frontend/gibthai/default/images/icons.png) no-repeat  -76px -161px; }
.header-content-right  .top-links .my-points span {float:left; padding: 0 8px; line-height:25px; background:#2f9ee5; color:#fff; font-size:22px; font-family:'PSL-EmpirePro'; border-radius:13px;}

/* sidebar sticky */
.sidebar_sticky {
  position:fixed;
  width:40px;
  height:100%;
  background:#333333;
  top:0px;
  right:0px;
  z-index:10;
}
.sidebar_sticky .sidebar-control .sidebar-chat{display: none;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .sidebar_sticky {
    right:16px;
  }
}


.sidebar-control{ float:left; width:100%; padding-top:20px;}
.sidebar-control li {float:left; width:100%; }
.sidebar-control li.sidebar-location,
.sidebar-control li.sidebar-mycart,
.sidebar-control li.sidebar-mywishlist,
.sidebar-control li.sidebar-history {padding-bottom:8px; margin-bottom:8px; position:relative;}
.sidebar-control li.sidebar-location:before,
.sidebar-control li.sidebar-mycart:before,
.sidebar-control li.sidebar-mywishlist:before,
.sidebar-control li.sidebar-history:before {content:""; width:26px; height:1px; background:#2f9ee5; position:absolute; bottom:0px; left:7px;}

.sidebar-control li a {display:block; padding:8px 0; width: 100%;  background: transparent; height:auto;}
.sidebar-control li .icon {display:block; width:100%; height:30px; margin:0px; background:url(../../skin/frontend/gibthai/default/images/icons_sidebar.png) no-repeat 0px 0px;}
.sidebar-control li.sidebar-myaccount .icon  {background-position:0 -50px;}
.sidebar-control li.sidebar-location .icon  {background-position:0 -104px;}
.sidebar-control li.sidebar-mycart .icon  {background-position:0 -165px;}
.sidebar-control li.sidebar-mywishlist .icon  {background-position:0 -285px;}
.sidebar-control li.sidebar-search .icon  {background-position:0 -428px;}
.sidebar-control li.sidebar-chat .icon  {background-position:0 -475px;}
.sidebar-control li.sidebar-history .icon  {background-position:0 -520px;}
.sidebar-control li.sidebar-backtop .icon  {background-position:0 -591px;}
.sidebar-control li a.skip-link .label {display:block; margin-top:3px; width:100%;text-align:center; color:#fff; font-size:16px; font-family: 'db_heaventregular'; text-transform:uppercase; line-height:18px;}
.sidebar-control li a.skip-link .count {display:block; margin:auto; width:26px; height:26px; background:#2f9ee5; border-radius:100%; text-align:center; line-height:26px; color:#fff; font-size:20px; font-family:'PSL-EmpirePro';}
.sidebar-control li.sidebar-mywishlist a.skip-link .count {background:#FFC832;}

.sidebar-control li a:hover,
.sidebar-control li a.skip-active {background:#2f9ee5;}
.sidebar-control li a:hover .count,
.sidebar-control li a.skip-active .count {background:#fff; color:#2f9ee5;}
.sidebar-control li.sidebar-mywishlist a.skip-link:hover,
.sidebar-control li.sidebar-mywishlist a.skip-link.skip-active {background:#FFC832;}
.sidebar-control li.sidebar-mywishlist a.skip-link:hover .count,
.sidebar-control li.sidebar-mywishlist a.skip-link.skip-active .count {background:#fff; color:#FFC832;}

/* tab menu */
.box-tab-menu {
  float:left;
  width:100%;
  margin-top:20px;
}
.box-tab-menu li {
  padding:0 2px;
  float:left;
  width:33.3333%;
}
.box-tab-menu li .w_square {
  height: 40px;
  padding-left: 20px;
  overflow: hidden;
  position: relative;
  width: 390px;
}
.box-tab-menu li a, .box-tab-menu span.mobile {
  float: left;
  width: 100%;
  text-align: center;
  color: #FFF;
  font-family: 'db_heaventregular';
  font-size: 28px;
  line-height: 51px;
  z-index: 9;
  position: absolute;
  left: 0;

}
.box-tab-menu li a:hover{
  text-decoration: none;
}
.box-tab-menu li span.mobile{display: none;}
/*.box-tab-menu li.tab-active a{
   font-size:30px;
   padding:7px 0 5px;
   background:#b1d31e;
  box-shadow: 2px 2px 2px #ccc;
  margin-top: -7px;
}
.box-tab-menu li.tab-blog a{
  background:#ea2d2e;
}*/

.box-tab-menu li .square {
  width: 94.5%;
  height: 75px;
  position: relative;
  background: rgb(154, 191, 76);
  border-radius: 20px;
}
.box-tab-menu li .square:before {
  content: '';
  display: block;
  position: absolute;
  height: 100%;
  width: 50px;
  left: -20px;
  background: rgb(154, 191, 76);
  transform: skew(-10deg);
  border-radius: 20px;
}
.box-tab-menu li .square:after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 50px;
  right: -20px;
  background: rgb(154, 191, 76);
  transform: skew(10deg);
  border-radius: 20px;
  top: 0;
}
.box-tab-menu li.tab-blog .square, .box-tab-menu li.tab-blog .square:before, .box-tab-menu li.tab-blog .square:after{background:#2f9ee5;}
.box-tab-menu li.tab-active .square, .box-tab-menu li.tab-active .square:before, .box-tab-menu li.tab-active .square:after{background:#2f9ee5;}
.box-tab-menu li.tab-active{margin-top: -7px;}
.box-tab-menu li.tab-active .w_square{height: 47px;}
.box-tab-menu li.tab-active .square:before{left: -19px;}
.box-tab-menu li.tab-active .square:after{right: -19px;box-shadow: 2px 2px 8px #ccc;}

.box-tab-menu li.tab-blog{display: none;  /*----hide from ticket IT-3576----*/}


  /* ======================== */


.header-bottom {float:left; width:100%; background:#FFF;}
.category.top-parent {position:relative; float:left; width:24%; z-index:99;}
.category.top-parent:hover #header-nav-custom {left: 0;}
.menutop-header {float:left; width:76%; padding-left:1px; padding-right:0;
   /*background:url(../../skin/frontend/gibthai/default/images/bigc-credit-on-top-menu.png) no-repeat right center;*/
   position: relative; height: 51px;}
body:lang(en) .menutop-header{background:url(../../skin/frontend/gibthai/default/images/bigc-credit-on-top-menu-en.png) no-repeat right center;}
.menutop-header  li {
  float:left;
  position:relative;
  /*border-right: 1px solid #ddd;*/
  border-right: 1px solid #fff;
}
.menutop-header  li:last-child { border-right: 0px solid #ddd; }
.menutop-header  li.last { margin-right:0px; }
.menutop-header  li  a{
  float: left;
  color: #33353d;
  font-size: 16px;
  font-family: 'db_heaventregular';
  line-height: 30px;
  padding: 10px 30px;
  position: relative;
  font-weight: 400;
  border-radius: 7px 7px 0px 0px;
}
.menutop-header  li.last  a{  padding: 10px 31px; }



.menutop-header  li  a:hover { color:#FFF; }

body:lang(en) .menutop-header  li  a {font-size: 20px;}
.menutop-header  li  a:before{content:""; width:10px; height:10px; position:absolute; top:20px; right:15px;
 /*background:url(../../skin/frontend/gibthai/default/images/icons.png) no-repeat 0px -50px;*/
}
.menutop-header  li:hover { background: #F5F5F5; border-radius: 6px 6px 0 0; color:#333; }
.menutop-header  li:hover a { color:#333; }
.menutop-header  li  a:hover { text-decoration:none; background:#F5F5F5; color:#333;  }
.menutop-header .link_howto_right { position: absolute; right: 0; width: 199px; height: 100%;  cursor: pointer;text-indent: -9999px;}
.menutop-header .link_howto_right:hover{text-decoration:none; }

.menutop-header  li > ul.menutop-header-subnav{
  display:none;
  top:50px;
  left:0;
  z-index:99999;
  position:absolute;
  /*background:rgba(255,255,255,0.9);*/
  -webkit-box-shadow: 0 3px 10px #b9b9b9;
  -moz-box-shadow: 0 3px 10px #b9b9b9;
  box-shadow: 0 3px 10px #b9b9b9;
  min-width: 250px;
  max-width: 250px;
}
@media (max-width: 767px) {

    .menutop-header  li > ul.menutop-header-subnav{
      min-width: 250px;
      max-width: 250px;
    }
    .menutop-header  li.last  a{  padding: 5px 11px; }
}

.menutop-header  li:hover > ul.menutop-header-subnav{
  display:block;
}
.menutop-header  li > ul.menutop-header-subnav li{
  margin:0;
  width:100%;
}
.menutop-header  li > ul.menutop-header-subnav li a{
  line-height: normal;
  padding: 0px 10px;
  width: 100%;
  float: left;
  color: #000;
  background: rgba(255,255,255,0.9);
  border-radius: 0px;
  z-index: 9999;
}
.menutop-header  li > ul.menutop-header-subnav li a:before{
  content:none;
}
.menutop-header  li > ul.menutop-header-subnav li a span{
  float: left;
}
.menutop-header  li > ul.menutop-header-subnav li a span.nav-txt{
  margin-left:20px;
}
.menutop-header  li > ul.menutop-header-subnav.nav-promotion li a span.nav-txt{
  line-height: 36px;
}
.menutop-header  li > ul.menutop-header-subnav.nav-brand li a span.nav-txt{
  line-height: 48px;
}
.menutop-header  li > ul.menutop-header-subnav.nav-card li a span.nav-txt{
  line-height: 30px;
}
.menutop-header  li > ul.menutop-header-subnav.nav-service li a span.nav-txt{
  line-height: 34px;
}
.menutop-header li > ul.menutop-header-subnav li a span img {
    margin-top: 4px;
}
.cat-title {float:left; width:100%; background:#2f9ee5; position:relative; text-align:left;
      border-radius: 7px 7px 0px 0px;}
.menu-icon {float:left; width:20px; margin:18px 10px 0 10px;}
.menu-icon .icon-line {float:left; width:100%; height:2px; background:#fff; margin-top:3px;}
.menu-icon .icon-line:nth-child(1) {margin-top:0px;}
.cat-title .cat-title--txt {float:left; padding:10px 20px; line-height:30px; color:#fff;    font-weight: 400;}

#header-nav-custom {
  position: absolute;
  top: 50px;
  width: 100%;
  background-color:#FFF;
}
/* -------------------------------------------- *
 * Skip Cart Notifier
 */
.skip-cart .count {
  position: absolute;
  width: 15px;
  height: 15px;
  background: #2f9ee5;
  border-radius: 100%;
  text-align: center;
  line-height: 15px;
  color: #fff;
  font-size: 17px;
  font-family: 'db_heaventregular';
  top: 3px;
  right: 2px;
}

.skip-link.skip-active .count {
  color: white;
}

.skip-wishlist .count {
  position: absolute;
  width: 15px;
  height: 15px;
  background: #2f9ee5;
  border-radius: 100%;
  text-align: center;
  line-height: 15px;
  color: #fff;
  font-size: 17px;
  font-family: 'db_heaventregular';
  top: 3px;
  right: 2px;
}




/* -------------------------------------------- *
 * Mini Cart - Empty
 */
.cart-menu .empty {
  padding: 20px;
  text-align: center;
}

/* -------------------------------------------- *
 * Mini Cart - Full
 */
/* Actions */
.cart-menu .actions {
  overflow: hidden;
  padding: 15px;
}

.cart-menu .actions .button {
  float: left;
  width: 48%;
}

.cart-menu .actions .button + .button {
  margin-left: 4%;
}

/* Subtotal */
.cart-menu .subtotal {
  padding: 0 15px 15px;
  font-family: 'db_heaventregular';
  font-size: 24px;
  line-height: 1.2;
}

/* List */
.mini-cart-list {
  margin-bottom: 5px;
}

.mini-cart-list li {
  position: relative;
  min-height: 90px;
  padding: 15px 15px 15px 90px;
  border-top: 1px solid #cccccc;
  font-size: 20px;
  line-height: 1.35;
}

.mini-cart-list .product-name {
  display: inline-block;
}

.mini-cart-list .product-image {
  position: absolute;
  left: 15px;
  top: 15px;
}

.mini-cart-list .product-image img {
  width: 60px;
  height: 60px;
}

.mini-cart-list .has-options {
  margin-bottom: 0;
  color: #a0a0a0;
  font-size: 12px;
}

/* Too full - additional items will be shown in cart */
.cart-menu .last-added {
  padding: 10px 15px 15px;
  border-top: 1px solid #cccccc;
  font-size: 20px;
}

/* ============================================ *
 * Footer
 * ============================================ */
/* -------------------------------------------- *
 * Footer
 */
.top-footer  {float:left;width:100%;  text-align:center; line-height:35px; color:#000; font-size:24px; font-family: 'db_heaventregular'; text-transform:uppercase;}
.top-footer .footer-top-content { border-bottom:solid 1px #EBEBEB; border-top:solid 1px #EBEBEB; padding:15px 0;}
.top-footer  label { color:#6B6B6B; font-weight:normal;}
.top-footer  a {color:#000; padding-left:24px; background:url(../../skin/frontend/gibthai/default/images/icon-phone.png) no-repeat left center;}

.footer {
  clear: both;
  width: 100%;
  padding:10px 0;
  font-family: 'db_heaventregular';
  color:#555; font-size: 20px;
}
.footer  .footer-links {float:left; width:80%;}
.footer  .footer-contact {float:left; width:20%;}
.footer  .footer-links  .box-liks {float:left; width:25%; padding-left:10px}
.footer  .footer-links  .box-liks  h1{ font-weight: 400; color: #33353d;}
.footer  .footer-links  .box-liks li { line-height: 18px;
  font-weight: 400;
  list-style: circle;
  margin-left: 20px;
  font-size: 20px;
}
.footer label {display:block; font-size:20px; font-weight: 500; color:#33353d; line-height:26px; font-family: 'db_heaventregular'; /* margin-bottom:5px; */}
.footer  .footer-links  .box-liks a {display:block; color:#7b7a7a; font-size: 20px;
  line-height: 16px; margin:3px 0; font-weight: 400;}
.footer  .footer-links  .box-liks a:hover{color:#2f9ee5;}
.footer-contact >div {float:left; width:100%; padding-bottom:10px; margin-bottom:10px; border-bottom:solid 1px #DADADA;}
.footer-contact .box-social span span {color:#fff;}
.footer-contact .box-social li {float:left; margin-right:8px;border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;}
/*.footer-contact .box-social li  a {display:block; width:31px; height:31px;
   background:url(../../skin/frontend/gibthai/default/images/social.png) no-repeat;
    opacity:0.5;
    text-indent:-9999px;}*/
.footer-contact li.facebook  a{background-position:-3px -3px;}
.footer-contact li.twitter  a{background-position:-39px -3px;}
.footer-contact li.line  a{background-position:-76px -3px;}
.footer-contact li.email  a{background-position:-113px -3px;}

.footer-contact li.social  img{ max-height: 30px;}
.footer-contact li  a:hover{opacity:1;}
.app-download img {float:left;}
.app-download .clearfix {margin-bottom:10px;}
.app-download .text-wrapper {float:left; /* width:65%; */ padding-left:10px; line-height:21px;}

.bigc_app_download img{width: 100%;}
.bigc_app_download .logo_shop {width: 20%;float: left;}
.bigc_app_download .content_rignt {float: right;width: 77%;}
.bigc_app_download .content_rignt .under_nem{color:#8b8b8b;font-size: 19px;}
.bigc_app_download .content_rignt h3{text-transform:none;color:#828282;margin:0;font-size: 20px;line-height:25px;}
.bigc_app_download .content_rignt h4{color:#a5d300;float:left;font-size:30px;margin:0;line-height:26px;}
.bigc_app_download .download_area{float:left;width:60%;margin-left:3%;}

.bigc_app_download img{width: 100%;}
.bigc_app_download .logo_shop {width: 20%;float: left;}
.bigc_app_download .content_rignt {float: right;width: 77%;}
.bigc_app_download .content_rignt .under_nem{color:#8b8b8b;font-size: 19px;}
.bigc_app_download .content_rignt h3{text-transform:none;color:#828282;margin:0;font-size: 20px;line-height:25px;}
.bigc_app_download .content_rignt h4{color:#a5d300;float:left;font-size:30px;margin:0;line-height:26px;}
.bigc_app_download .download_area{float:left;width:60%;margin-left:0;}

body:lang(en) .bigc_app_download .content_rignt .under_nem{font-size: 17px;}
body:lang(en) .bigc_app_download .content_rignt h4{font-size:19px;line-height: 30px;}

.footer-linkbottom {float:left; width:100%; border-top:solid 1px #EBEBEB; padding:15px 0; text-align:left;}
.footer-linkbottom  ul ,
.footer-linkbottom  li{float:left;}

.footer-linkbottom  ul a{float:left; padding-left:70px; color:#838383; font-size: 20px; font-family: 'db_heaventregular'; line-height:20px;}
.footer-linkbottom  ul a.bigc-card {background:url(../../skin/frontend/gibthai/default/images/logos/BIGCARD-LOGO.png) no-repeat left center; padding-right:15px; margin-right:15px; border-right:solid 1px #EBEBEB; padding-left: 47px !important;}
.footer-linkbottom  ul a.bigc-mini{background:url(../../skin/frontend/gibthai/default/images/logos/MINI-BIGC-LOGO.png) no-repeat left center;padding-right:15px; margin-right:15px; border-right:solid 1px #EBEBEB; }
.footer-linkbottom  ul a.bigc-creditcard{background:url(../../skin/frontend/gibthai/default/images/logos/bigc-credit-on-footer.png) no-repeat left center; padding-left: 30px !important;}
.footer-linkbottom  img {float:right;}

.footer-bottom {float:left; width:100%; background:#F5F5F5; text-align:left; padding:5px 0;}
.footer-bottom .copyright {color:#838383; line-height:25px; font-size: 16px; font-family: 'db_heaventregular'; font-weight: 400;}

.footer-logos {float:left; width:100%; background:#F5F5F5; text-align:left; padding:0;}
.footer-logos a{
  width: 20%;
  float: left;
  padding: 0 2%;
}
.footer-logos a img{ width: 100%; float: left;}

@media only screen and (max-width: 800px) {
  .footer-logos a{
    width: 50%;
    float: left;
    padding: 0 2%;
  }
}

@media only screen and (max-width: 479px) {
  .footer {
    padding-top: 15px;
  }
}
.footer .block-title {
  border-bottom: 0;
  padding: 3px 0;
}
.footer .block-title strong {
  font-weight: 400;
}
.footer .block-title,
.footer address {
  color: #3399cc;
}
.footer .links {
  float: left;
  width: 17%;
  padding: 0 30px 0 0;
  margin-bottom: 30px;
}
.footer .links li {
  word-break: break-all;
  line-height: 1.4;
  padding: 4px 0;
}
.footer .links a {
  color: #636363;
}
.footer .links a:hover {
  color: #3399cc;
}
.footer .block-subscribe {
  float: right;
  width: 100%;
  margin-bottom: 3=0px;
  padding:0px;
  border:none;
}

.footer .form-subscribe-header {

}
.footer .links.social-media em {
  background-image: url(../../skin/frontend/gibthai/default/images/social_icons.png);
  background-repeat: no-repeat;
  width: 13px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 7px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  .footer .links.social-media em {
    background-image: url(../../skin/frontend/gibthai/default/images/social_icons%402x.png);
    background-size: 50px 125px;
  }
}
.footer .links.social-media em.facebook {
  background-position: 0 -0px;
  height: 13px;
}
.footer .links.social-media a:hover em.facebook {
  background-position: -25px -0px;
}
.footer .links.social-media em.twitter {
  background-position: 0 -24px;
  height: 13px;
}
.footer .links.social-media a:hover em.twitter {
  background-position: -25px -24px;
}
.footer .links.social-media em.youtube {
  background-position: 0 -49px;
  height: 13px;
}
.footer .links.social-media a:hover em.youtube {
  background-position: -25px -49px;
}
.footer .links.social-media em.pinterest {
  background-position: 0 -74px;
  height: 15px;
}
.footer .links.social-media a:hover em.pinterest {
  background-position: -25px -74px;
}
.footer .links.social-media em.rss {
  background-position: 0 -99px;
  height: 13px;
}
.footer .links.social-media a:hover em.rss {
  background-position: -25px -99px;
}
.footer .block-subscribe .input-box {
  float: left;
  width: 65.625%;
  padding-top: 0;
}
.footer .block-subscribe .input-text {
  width: 100%;
  border-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
 height:40px;
     border-radius: 6px 0 0  6px;
}
.footer .block-subscribe .block-content {
  padding-top: 0px;
  margin:0px;
}
.footer .block-subscribe .block-content:after {
  content: '';
  display: table;
  clear: both;
}
.footer .block-subscribe .actions {
  float: left;
  width: 34.375%;
  margin: 0;
}
.footer .block-subscribe .actions .button {
  height: 40px;
  line-height: 27px;
  float: left;
  background:#2f9ee5;
  border-radius: 0 6px 6px 0;
}
.footer .bugs,
.footer address {
  clear: both;
}
.footer .bugs {
  display: none;
}
.footer .form-language,
.footer .currency-switcher,
.footer .store-switcher {
  clear: both;
  margin-bottom: 10px;
}
.footer .form-language,
.footer .currency-switcher {
  display: none;
}
.footer address {
  border-top: 1px solid #cccccc;
  text-align: center;
  width: 100%;
  font-size: 11px;
  margin-top: 30px;
  padding: 30px 0;
}
@media only screen and (max-width: 1199px) {
  .footer .links {
    width: 22.65625%;
    padding-right: 0;
    margin-right: 3.125%;
  }
  .footer .links:nth-child(4) {
    margin-right: 0;
  }
  .footer .block-subscribe {
    clear: both;
    float: none;
    margin: 0 auto 30px auto;
  }
}
@media only screen and (max-width: 770px) {
  .footer .form-language,
  .footer .currency-switcher {
    display: block;
  }
}
@media only screen and (max-width: 599px) {
  .footer .links {
    width: 48.4375%;
    margin-right: 0;
  }
  .footer .links:nth-child(odd) {
    margin-right: 3.125%;
    clear: both;
  }
  .footer .block-subscribe {
    clear: both;
    float: left;
    width: 100%;
  }
}

/* ================================================= *
 * General Product List Styles (not module-specific)
 * ================================================= */
/* -------------------------------------------- *
 * Product List General
 */
.category-title h1,
body.catalogsearch-result-index .page-title h1 {
  border-bottom: none;
}

.category-image {
  margin-bottom: 1.5em;
}

.products-list .action .button,
.products-grid .actions .button {
  white-space: normal;
}

/* -------------------------------------------- *
 * Product Name
 */
h2.product-name,
h3.product-name,
h4.product-name,
h5.product-name,
p.product-name {
  margin: 0;
  margin-bottom: 0.5em;

  font-weight: 500;
  font-style: normal;
  line-height: 1.2;
  text-rendering: optimizeLegibility;

  font-size: 13x;

  font-weight: 400;
  line-height: 1.4;
}
h2.product-name a,
h3.product-name a,
h4.product-name a,
h5.product-name a,
p.product-name a {
  color: #636363;
}
h2.product-name a:hover,
h3.product-name a:hover,
h4.product-name a:hover,
h5.product-name a:hover,
p.product-name a:hover {
  color: #2f9ee5;
  text-decoration: none;
}

.products-grid .product-name,
.products-list .product-name {

  margin-bottom: 5px;
  font-size: 20px;
  line-height:22px;
  font-family: 'db_heaventregular';

}
.products-grid .product-name a {height:40px; overflow:hidden;}
.products-grid .product-name a,
.products-list .product-name a {
  font-weight: 500;
  line-height: 1;
  color: #333333;
  text-align: left;
  display: block;
  font-size: 20px;
  height: auto;

  border-top: solid 1px #2f9ee5;
  width: auto;
  float: left;
  margin-left: 20px;
  padding-top: 10px;
  max-width: 74%;
}

.post-medel {
    position: relative;
    padding: 0 10px;
    padding-bottom: 10px;
}
.txthead {
  width: 100%;
  /*font-size: 20px;*/
  color: #2f9ee5;
  line-height: 15px;
  padding-top: 10px;
  font-weight: 400;
}
.txtdetail{
  /*font-size: 20px;*/
  width: 73%;
  line-height: 15px;
  float: left;
  font-weight: 400;
}
.cms-detail ul,ol{
  list-style: inherit;
  margin: 20px;
  /*font-size: 20px;*/
    font-weight: 400;
}
.cms-detail img {
      display: unset;
}
.cms-detail p {
      margin-bottom: 20px;
}

@media (max-width: 767px) {
  .cms-detail img {
      width: 100%;
  }
}
#event-activity .owl-item .item .txthead {
  min-height: 68px;
}
#event-activity .owl-item .item .txtdetail {
  min-height: 30px;
}
.post-medel .txtdetail{
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
  font-weight: 400;
  /*font-size: 20px;*/
}
.btn-more-small {
    color: #5F5F5F;
    border: solid 1px #e1e1e1;
    background-color: #fff;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0px 10px;
    font-size: 20px;
    line-height: 1.6;
    display: inline-block;
    position: relative;
    right: auto;
    top: auto;
    margin-top: 0px;
}
.post-medel .btn-more-small {
  left: 73%;
}
.post-medel .btn-more-small{
  margin-top: 5px;
  margin-bottom: 5px;
}
.btn-more-small:hover {
  background-color: #2f9ee5;
  text-decoration: none;;
  color: #fff;
}


.owl-carousel .item .sh-overlay-style1{
    opacity:0 !important;
    transition:all .3s ease-in-out;
}
.owl-carousel .item .item-content .product-image:hover .sh-overlay-style1{
    opacity:1 !important;
    transition:all .3s ease-in-out;
}
#brand-logo.owl-carousel .item img.lazy{
  width: 100%;
  height: auto;
}
.sh-overlay-style1{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:rgba(47,158,229,.6);
    font-size:24px;
    opacity:0;
}
.sh-overlay-style1 i{
    position:relative;
    bottom:-3px;
    color:#fff
}
.sh-overlay-style1 .sh-table-cell i{
    position:relative;
    overflow:visible;
    z-index:10
}
.sh-overlay-style1 .icon-link{
    padding-left:2px
}
.sh-overlay-style1 .sh-overlay-item{
    width:50%;
    position:relative;
    text-align:center
}
.sh-overlay-style1 .sh-overlay-item{
    text-align:center;
    height:60px;
    transition:.5s all;
    opacity:0
}
.sh-table-full {
    display: table;
    width: 100%;
    height: 100%;
}
.sh-table-cell {
    display: table-cell;
    vertical-align: middle;
    float: none !important;
}
.sh-overlay-style1:hover .sh-overlay-item{
    opacity:1
}
.sh-overlay-style1 .sh-overlay-item-container i{
    font-size:24px;
    line-height:56px;
    transition:.5s all
}
.sh-overlay-style1 .sh-overlay-item{
    width:60%;
}
@media (max-width: 767px) {
.sh-overlay-style1 .sh-overlay-item{
    width:50%;
}
}
.sh-overlay-style1 .sh-overlay-item:first-child .sh-overlay-item-container{
    right:0
}
.sh-overlay-style1 .sh-overlay-item:only-child .sh-overlay-item-container{
    left:50%;
    -webkit-transform:translateX(-40px) translateY(-30px);
    -ms-transform:translateX(-40px) translateY(-30px);
    transform:translateX(-40px) translateY(-30px)
}
.sh-overlay-style1 .sh-overlay-item-container{
    transition:.5s all;
    width:60px;
    height:60px;
    border-radius:100px;
    position:absolute;
    top:50%;
    top:92px\0;
    -webkit-transform:translateY(-30px);
    -ms-transform:translateY(-30px);
    transform:translateY(-30px);
    margin-left:10px;
    margin-right:10px;
    text-align:center
}
.sh-overlay-style1 .sh-overlay-item:hover .sh-overlay-item-container{
    background-color:#fff;
    width:60px;
    -webkit-animation:icon_round_animation .5s;
    animation:icon_round_animation .5s;
    color:#fff;
    box-shadow:0 2px 5px 1px rgba(0,0,0,0.2)
}
.sh-overlay-style1 .sh-overlay-item:hover .sh-overlay-item-container i{
    color:#505050
}
.sh-gallery-item .sh-overlay-style1,.blog-single .sh-overlay-style1,.blog-single .sh-gallery-item:hover .sh-overlay-style1{
    opacity:0 !important
}
.sh-blog-style2 .post-item-single .post-meta-data,.sh-blog-style2 .post-item-single .post-meta-data .post-meta-categories a{
    font-size:12px !important
}
.sh-blog-style2 .post-item-single .post-meta-data .post-meta-categories i{
    display:none
}
.sh-blog-style2 .post-item-single .post-meta-author a.bypostauthor{
    font-weight:normal
}
.sh-blog-style2 .sh-post-author .sh-post-author-info{
    box-shadow:0 15px 45px -9px rgba(0,0,0,0.20)
}
.sh-blog-style2 .widget_product_tag_cloud a,.sh-blog-style2 .widget_tag_cloud a,.sh-blog-style2 .sh-blog-tag-item{
    text-transform:uppercase;
    border-width:0;
    box-shadow:none;
    border-radius:5px;
    padding:0 12px;
    line-height:32px;
    background-color:#f0f0f0;
    transition:.3s all ease-in-out
}
.sh-blog-style2 .sh-footer .widget_tag_cloud a{
    background-color:#3a3a3a
}
.sh-blog-style2 .sh-blog-tag-item:not(:hover){
    background-color:#f0f0f0 !important;
    color:inherit !important
}
.sh-blog-style2 .widget_search .search-field{
    border-width:0;
    box-shadow:0 15px 45px -9px rgba(0,0,0,0.20);
    padding:16px 74px 16px 26px;
    transition:.3s all ease-in-out;
    border-radius:5px !important
}
.sh-blog-style2 .widget_search .search-submit{
    border-top-right-radius:5px;
    border-bottom-right-radius:5px
}
.sh-blog-style2 .widget_search .search-submit{
    right:0;
    margin-top:-30px;
    width:55px;
    height:55px;
    background-color:#f0f0f0
}
.sh-blog-style2 .widget_search .search-submit i{
    color:#505050 !important
}
.sh-blog-style2 .sh-sidebar-search-active .search-field{
    background-color:#fff !important;
    box-shadow:0 1px 1px 1px rgba(0,0,0,0.06)
}
.sh-sidebar-search-active .search-submit i,.sh-sidebar-search-active .search-field,.sh-sidebar-search-active .search-field::-webkit-input-placeholder{
    color:#8d8d8d !important
}
.sh-blog-style2 .sh-recent-posts-widgets-item-thumb{
    width:76px;
    height:76px;
    border-radius:100px
}
.sh-blog-style2 .sh-recent-posts-widgets-count{
    top:2px;
    right:2px
}
.sh-blog-style2 .sh-recent-posts-widgets-item{
    border-bottom:1px solid #f4f4f4
}
.sh-blog-style2 .sh-recent-posts-widgets-item:last-child{
    padding-bottom:0
}
.sh-blog-style2 .sh-recent-posts-widgets-item-thumb .sh-ratio{
    border-radius:100px;
    overflow:hidden;
    z-index:0
}
.sh-blog-style2 .sh-recent-posts-widgets-item-thumb .sh-mini-overlay-container{
    border-radius:100px
}
.sh-blog-style2 .sh-recent-posts-widgets-item-content{
    padding-left:95px;
    min-height:76px
}
.sh-blog-style2 .sh-recent-posts-widgets-item-content h6{
    font-size:16px
}
.sh-blog-style2 .sh-recent-posts-widgets-item h6{
    padding-top:2px
}


ul.page-numbers {
    display: table;
    margin: 0 auto;
    list-style: none;
    background-color: #f4f4f4;
    padding: 5px 4px;
    border-radius: 30px;
    border-width: 0;
}
ul.page-numbers li {
    display: block;
    float: left;
    margin: 0 2px;
    text-align: center;
}
ul.page-numbers .current {
  background-color: #2f9ee5!important;
}
ul.page-numbers a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-weight: 500;
    cursor: pointer;
    padding: 0;
    transition: all .3s ease-in-out;
}
.sh-default-color a {
  color: #8d8d8d!important;
}
ul.page-numbers a:hover{
  transition: all .3s ease-in-out;
  color: #fff!important;
  background-color: #2f9ee5;
  border-radius: 30px;
  text-decoration: none;
}
ul.page-numbers .next {
    padding-right: 15px;
}
ul.page-numbers .prev, ul.page-numbers .next{
    width: auto;
    padding: 0 10px;
}
ul.page-numbers:after {
    content: "";
    display: block;
    clear: both;
}
ul.page-numbers .current, ul.page-numbers .current:hover {
    color: #fff;
    background-color: #2f9ee5;
    border-radius: 30px;
}
ul.page-numbers a, ul.page-numbers span {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-weight: 500;
    cursor: pointer;
    padding: 0;
}

.icon-magnifier-add:before {
    content: "\e091";
}

@media only screen and (max-width: 800px) {
  .txtdetail{
    width: 82%;
  }

}

/* ============================================ *
 * Product Grid
 * ============================================ */

.products-grid {
  position: relative;
}

.products-grid:after {
  content: '';
  display: table;
  clear: both;
}

.products-grid > li {
  position: relative;
  margin-bottom: 20px;
  text-align: center;
}
.products-grid > li:after {
  content: '';
  display: table;
  clear: both;
}

.products-grid .product-image {
  width: 100%;
  margin-bottom: 15px;
}

.products-grid .product-image img {
  max-width: 100%;
  height: 172px;
  max-height: 172px;
  margin:auto;
  transition:all .2s ease-in-out;
}
#recommened-products .product-image {
  max-height: 299px;
  overflow: hidden;
}
#recommened-products .product-image img, #event-activity  .product-image img, #footer-banner-1 .product-image img, #help-service-all .product-image img {
  max-height: none;
  width: 100%;
  height: auto;

}
#recommened-products .owl-item{
border: solid 1px #E6E6E6;
}
#recommened-products .owl-item:hover{
border: solid 1px #2f9ee5;
}
#recommened-products .item img{
  -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            margin-left: 0;
            margin-top: 0;
            width: 99%!important;
            margin-left: 1%;
}
#recommened-products .item:hover img{
  /* width: 120%!important; */
  /* max-width: 120%!important; */

  -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;

            /* margin-left: -10%;
            margin-top:  -10%; */
}

.thumbitem-head {
    text-align: center;
    padding: 15px 3px 15px 3px;
    height: 49px;
    overflow: hidden;
}
.thumbitem-head a:hover {
  text-decoration: none;
}
.thumbitem-head h3 {
  font-size: 20px;
  line-height: 17px;
  color: #000;
}
.thumbitem-price p {
      margin: 0;
      color: #ed2025;
      font-size: 18px;
}
.price-list-home {
  color: #ccc;
    font-weight: 200;
    text-decoration: line-through;
    font-style: italic;
    font-size: 20px;
    /*vertical-align: sub;*/
}
#promotion-items-products {

}

#promotion-items-products img {
  transition:none!important;
  width: 99%!important;
  margin-left: 1%;
}
#promotion-items-products:hover img {
  /* width: 100%!important; */
  width: 99%!important;
  margin-left: 1%;
}



.slide-up-fade-in{
    animation: slide-up-fade-in ease 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode:forwards; /*when the spec is finished*/
    -webkit-animation: slide-up-fade-in ease 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
    -moz-animation: slide-up-fade-in ease 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode:forwards; /*FF 5+*/
    -o-animation: slide-up-fade-in ease 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode:forwards; /*Not implemented yet*/
    -ms-animation: slide-up-fade-in ease 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode:forwards; /*IE 10+*/

    opacity:0;
    opacity: 1\9;

}




@keyframes slide-up-fade-in{
    0% {
        opacity:0;
        transform:  translate(0px,40px)  ;
    }
    100% {
        opacity:1;
        transform:  translate(0px,0px)  ;
    }
}

@-moz-keyframes slide-up-fade-in{
    0% {
        opacity:0;
        -moz-transform:  translate(0px,40px)  ;
    }
    100% {
        opacity:1;
        -moz-transform:  translate(0px,0px)  ;
    }
}

@-webkit-keyframes slide-up-fade-in {
    0% {
        opacity:0;
        -webkit-transform:  translate(0px,40px)  ;
    }
    100% {
        opacity:1;
        -webkit-transform:  translate(0px,0px)  ;
    }
}

@-o-keyframes slide-up-fade-in {
    0% {
        opacity:0;
        -o-transform:  translate(0px,40px)  ;
    }
    100% {
        opacity:1;
        -o-transform:  translate(0px,0px)  ;
    }
}

@-ms-keyframes slide-up-fade-in {
    0% {
        opacity:0;
        -ms-transform:  translate(0px,40px)  ;
    }
    100% {
        opacity:1;
        -ms-transform:  translate(0px,0px)  ;
    }
}



@media only screen and (min-width: 992px) {
  #technical-note-list .product-image img {
    max-height: none;
    height: unset;
  }
}
@media only screen and (max-width: 767px) {
  #technical-note-list .product-image img {
    max-height: none;
    height: unset;
  }
  #technical-note-list.contactus-page .product-image img {
    max-height: none;
    height: unset;
  }

}
.products-grid .product-image img:hidden {
  display: none;
}

.widget-new-products .products-grid .product-image {
  width: 75%;
  margin-bottom: 15px;
  margin-left: 10%;
}

.products-grid .product-info {
  padding: 10px;
}

#event-activity .owl-item .item {
      border: solid 1px #E6E6E6;
}
@media (min-width: 1025px) {
  .products-grid .actions {
    position: absolute;
    top: 100%;
    width: calc(100% + 2px);
    height:0px;
    overflow:hidden;
    left:-1px;
    border-color:#CECECE;
    background:#fff;
  }
  .products-grid .item {min-height: 390px;}
  .custom-service-list .products-grid .item {min-height: 300px;}
  #recommened-products .item, #brand-logo .item ,#event-activity .item ,#footer-banner-1 .item,#help-service-all .item {min-height: 298px;}
  #event-activity .owl-item .item {
    min-height: 354px;
  }
  #help-service-all {
    display: block;
  }
  #help-service-all .item {
    background-color: #efefef;
    border: none;
    border-radius: 4px;
    text-align: center;
  }
  #help-service-all .item:hover {
    border: none!important;
  }
  #help-service-all .item a {
    /*font-size: 12px;*/
    color: #262626;
    text-decoration: none;
    text-align: center;
  }


  .products-grid .item:hover {border-color:#CECECE; border-bottom:none; z-index:9;}
  .products-grid .item:hover .actions{height:auto; padding:0 10px 10px ; border:solid 1px #CECECE; border-top:none;}

  #footer-banner-1 .item {
    /* background: #1abc9c; */
    min-height: 0;
  }

  #footer-banner-1 .sh-overlay-style1 .sh-overlay-item{
      width: 60%;
  }


}
@media (min-width: 1400px) {
  #event-activity .owl-item .item {
    min-height: 370px;
  }
}

#help-service-all .item {
  color: #262626;
  text-decoration: none;
  text-align: center;
  background-color: #efefef;
  border: none;
  border-radius: 4px;
}
#help-service-all .product-image {
  margin-bottom: 0;
  padding-bottom: 20px;
}
#help-service-all .overlay {
  position: absolute;
  width: 100%;
  background: rgba(47,158,229,0.9);
  border-radius: 4px;
  padding: 0;
  color: #fff;
  height: 0;
  transition: .3s ease;
  overflow: hidden;
  bottom: 0;
  left: 0;
  right: 0
}
#help-service-all .product-image:hover .overlay {
  height: 100%;
  padding: 5%;
}
#help-service-all .overlay span {
  font-size: 18px;
  height: 100px;
  transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
#help-service-all .overlay a {
  color: #fff;
  border: 1px solid #fff;
  padding: 5px 10px;
  position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
      font-size: 16px;
}
#help-service-all .overlay a:hover {
  background-color: #fff;
  color: #2f9ee5;
  -moz-transition:color .2s ease-in;
  -o-transition:color .2s ease-in;
  -webkit-transition:color .2s ease-in;
}

@media (max-width: 767px) {
  #help-service-all .item {
    padding-bottom: 20px;
  }
  #help-service-all .item a {
    font-size: 22px;
    color: #262626;
    text-decoration: none;
    text-align: center;
  }

}

#help-service-all > li {
  width: 22.7%;
  margin-right: 3%;
  margin-right: 3%;
}
#help-service-all > li:nth-child(4n) {
    margin-right: 0;
}
#help-service-all > li:nth-child(4n),#help-service-all > li:nth-child(7n),#help-service-all > li:nth-child(8n),#help-service-all > li:nth-child(10n) {
    clear: none;
}

.accordion-help-title {
  float: left;
  width: 100%;
  position: relative;
}
.accordion-help-title::after {
   content: "";
  clear: both;
}
.accordion-help-title h1 {
  /*font-size: 16px!important;*/
  border-bottom: 1px solid #2f9ee5!important;
  float: left;
  width: auto;
}
.accordion-help-center .ui-accordion-header {
    border: 1px solid #2f9ee5;
    background-color: #fff;
    padding-left: 54px!important;
    background: url('../../images/qaicon.png') left center no-repeat;
    background-size: contain;
}
.accordion-help-center .ui-state-hover, .accordion-help-center .ui-accordion-header-active  {
    background: #2f9ee5 url('../../images/qaicon-active.png') left center no-repeat;
    border: 1px solid #2f9ee5!important;
    padding-left: 54px!important;
    background-size: contain;
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -o-transition: background .2s linear;
    -ms-transition: background .2s linear;
    transition: background .2s linear;
}
.accordion-help-center .ui-state-hover .faq-text-header {
  color: #fff;
}
.accordion-help-center .ui-accordion-header-active .faq-text-header {
  color: #fff;
}
.accordion-help-center .ui-accordion-header-active .ui-icon-triangle-1-s {
  visibility: hidden;
}
.accordion-help-center .ui-accordion-content-active {
  background: #F5F5F5;
}
.accordion-help-center .ui-accordion-content {
  border: 1px solid #2f9ee5;
}
.accordion-help-center .ui-accordion-header .faq-text-header {
  float: left;
  width: auto;
}
.accordion-help-center .ui-accordion-header .ui-icon-triangle-1-e {
   background: none;
}

@media (max-width: 767px) {

  .accordion-help-center .ui-accordion-header {
      border: 1px solid #2f9ee5;
      background-color: #fff;
      padding-left: 54px!important;
      background: url('../../images/qaicon.jpg') left center no-repeat;
      background-size: contain;
      padding: 5px 5px 5px 72px!important;
      font-size: 20px!important;
      height: 57px;
  }
  .accordion-help-center .ui-state-hover, .accordion-help-center .ui-accordion-header-active  {
      background: #2f9ee5 url('../../images/qaicon-active.png') left center no-repeat;
      border: 1px solid #2f9ee5!important;
      padding-left: 54px!important;
      background-size: contain;
      -webkit-transition: background .2s linear;
      -moz-transition: background .2s linear;
      -o-transition: background .2s linear;
      -ms-transition: background .2s linear;
      transition: background .2s linear;
  }
  .accordion-help-center .ui-accordion-header .ui-icon-triangle-1-e {
    background: none;
    display: none;
  }
  .accordion-help-center .ui-accordion-header-active .ui-icon-triangle-1-s {
    display: none;
  }
}

.col-left-first-fixed {
  position: fixed;
  top: 0;
  max-width: 295px;
}


.actions.list-product .qty-wrapper {float:left; position:relative; margin-right:8px;}
.actions.list-product .qty-wrapper  input.input-text {float:left; width:60px; height:40px; border-color:#E6E6E6; padding-right:20px; text-align:center;}
.actions.list-product .qty-wrapper  input.quantity_button {float:left; width:19px; height:19px; line-height:19px; text-align:center; position:absolute; right:1px; border:none; border-left:solid 1px #E6E6E6; border-bottom:solid 1px #E6E6E6; background:#fff; }
.actions.list-product .qty-wrapper  input.quantity_button:hover {color:#2f9ee5;}
.actions.list-product .qty-wrapper  input.quantity_button:focus{outline:none;}
.actions.list-product .qty-wrapper  input.increase.quantity_button  {top:1px;}
.actions.list-product .qty-wrapper  input.decrease.quantity_button {bottom:1px; border-bottom:0px;}
.actions.list-product .button {float:left; width:40px; height:40px; text-indent:-9999px; border-radius:100%; margin:0 9px 0 0; background:url(../../skin/frontend/gibthai/default/images/icons.png) no-repeat 9px -427px #2f9ee5;}
.actions.list-product .button.btn-cart-redirect-checkout{border:solid 2px #444444; background-position:-68px -756px; background-color:#fff;}
.actions.list-product .button.btn-cart-redirect-checkout:hover {background-position:-68px -432px; background-color:#444444;}
.actions.list-product .button.link-wishlist {background-color:#fff; border:solid 2px #FFB300; background-position:8px -476px;}
.actions.list-product .button.link-wishlist:hover{background-color:#FFB300; background-position:-72px -476px;}
.actions.list-product .button:hover,
.actions.list-product.button.btn-cart-redirect-checkout:hover {background-color:#FFB300;}
.actions.list-product .box-checkbox {float:left; text-align: left; width:100%; margin-top:5px; color:#9C9C9C; font-size:20px; line-height:22px; font-family: 'db_heaventregular';}
.actions.list-product .button.button-detail {float:left; width:auto; text-indent:0; border-radius:0; line-height:26px; background-image:none;}
#checkout-payment-method-load > li  .paymentmethod-info{cursor: pointer;}

.products-grid .actions a.button  {margin-right:0px;}
.products-grid .ratings .rating-box  {
  margin: 0 auto;
}

.products-grid .ratings .amount {
  display: none;
}

.products-grid .price-box {
  color: #a0a0a0;
  font-size: 20px;
  margin: 0 0 5px;
}

.products-grid .add-to-links {
  margin-bottom: 0;
}


.products-grid > li {
  float: left;
  width: 50%;
  margin-right:0;
  padding:0px;
  border: solid 1px #2f9ee5;
  border-radius: 20px;
  min-height: 290px;
}
.products-grid > li:hover {
  border: solid 1px #ddd!important;
  box-shadow: 0 3px 6px 1px rgba(0,0,0,0.1);
}

.box-deal-product {
  min-height:35px;
  margin: 5px 0 1px;
  float: left;
  text-align: center;
  width: calc(100% + 20px);
  margin-left: -10px;
}
.products-list .box-deal-product {margin:0px; min-height:0px; width:100%;}

.deal-left.product-list {display:inline-block; padding-left:30px; background:url(../../skin/frontend/gibthai/default/images/icon-deal-black.png) no-repeat left center; }
.box-price-list {width:100%; overflow:hidden;     margin-top: -30px;}
.box-price-list .save-price-percent {float:left;}
.box-price-list .save-price-percent span {display:block; text-align:left; text-transform:uppercase; font-size: 16px; line-height:22px; color: #FF0000;  font-family: 'PSL-EmpirePro';}
.box-price-list .save-price-percent span.save-price {font-size:30px; line-height:30px;}
.box-price-list .price-box {float:right;}
.price-info .price-box .price,
.box-price-list .price-box .price  {display:block; text-align:right; font-family:'PSL-EmpirePro'; color:#000; font-size:36px; line-height:36px;}
.box-price-list .price-box .old-price .price ,
.price-info .price-box .old-price .price { color:#000; font-size: 20px; line-height:18px; text-align:right; font-family:'PSL-EmpirePro';}
.box-price-list .price-box .special-price .price,
.price-info .price-box .price  {color:#FF0000;}
.box-price-list .price-box .special-price {padding-left:0px;}
.box-price-list .price-box .old-price,
.box-price-list .price-box .special-price {
    display: block;
}
.box-price-list ul li{
  list-style-type: disc;
  text-align: left;
  padding-left: 0;
  margin-left: 40px;
    line-height: 20px;
}
.box-price-list ul li a{
  color: #333;
}
.box-price-list ul li a:hover{
  color: #2f9ee5;
  text-decoration: none;
}
.product-list tr:nth-child(even){
  border-bottom:1px solid #ccc;
  background-color:#f1f1f1;
}
.product-list tr:nth-child(odd){
  border-bottom:1px solid #ccc;
  background-color:#fff;
}
.product-list td{
  padding: 5px;
  font-size: 20px;
  font-weight: 400;
  padding-left: 20px;
}
.product-list td.header-tr{
  background: url('../../images/product-list-th-bg.jpg') repeat-x;
  color: #fff;
  font-size: 17px;
  line-height: 17px;
  padding: 10px 0 10px 20px;
}
.product-list td.header-tr:first-child{
  border-top-left-radius: 6px;
}
.product-list td.header-tr:last-child{
  border-top-right-radius: 6px;
}

.products-grid > li:nth-child(odd) {
  clear: left;
}

.products-grid > li:nth-child(even) {
  margin-right: 0;
}

.products-grid .product-image {
  margin-bottom: 5px;
}
.custom-service-list .products-grid .product-image  {
  margin-bottom: 5px;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
}
.products-grid .product-image:before, .products-grid .product-image:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none;
}
.products-grid .product-image:before {
  background-color: white;
  opacity: 0.8;
  z-index: 2;
}
.products-grid .product-image:after {
  background-image: url("../../skin/frontend/gibthai/default/images/opc-ajax-loader.gif");
  background-repeat: no-repeat;
  background-position: center;
  z-index: 3;
}
.products-grid .product-image.loading {
  position: relative;
}
.products-grid .product-image.loading:before, .products-grid .product-image.loading:after {
  display: block;
}

#technical-note-list {
    margin-top: 20px;
}
#technical-note-list.products-grid > li {
  float: left;
  width: 31%;
  margin-right:0;
  padding: 5px;
  padding-bottom: 0!important;
  border: solid 1px #c1c1c1;
  border-radius: 0;
  margin-right: 30px;
  box-shadow: 0 3px 10px 1px rgba(0,0,0,0.1);
  min-height: 466px;
}
#technical-note-list.products-grid .product-info {
  padding-bottom: 0!important;
  min-height: 266px;
}
@media only screen and (max-width: 767px){
  #technical-note-list.products-grid .product-info {
    min-height: 0!important;
        margin-bottom: 20px;
  }
}
#technical-note-list.products-grid > li:nth-child(3), #technical-note-list.products-grid > li:nth-child(6), #technical-note-list.products-grid > li:nth-child(9) {
  margin-right: 0;
}
#technical-note-list.products-grid > li:hover {
  border: solid 1px #ddd!important;
  box-shadow: none;
}
#technical-note-list.products-grid .item .sh-overlay-style1 {
    opacity:0 !important;
    transition:all .3s ease-in-out;
}
#technical-note-list.products-grid .item .sh-table-full {
    display: table;
    width: 70%;
    height: 100%;
    margin: auto;
}
#technical-note-list.products-grid .item:hover .sh-overlay-style1, #technical-note-list.products-grid .item:hover .sh-overlay-item{
    opacity:1 !important;
    transition:all .3s ease-in-out;
}
#technical-note-list.products-grid .item:hover a.product-name, #technical-note-list.products-grid .item:hover p.add-date {
  color: #2f9ee5!important;
}
#technical-note-list.products-grid .product-image  {
  margin-bottom: 5px;
  border-radius: 0;
  overflow: hidden;
      height: 180px;
}
#technical-note-list.products-grid .item .product-info  a.product-name {
  font-size: 26px;
  font-weight: 500;
  padding-left: 0;
  margin-left: 0;
  width: 100%;
  float: left;
  padding-top: 0;
  border-top: 0;
  text-align: left!important;
  color: #707070;
  word-wrap: break-word;
}

#technical-note-list.products-grid .item .product-info p {
  /*font-size: 20px;*/
  font-weight: 400;
  text-align: left;
  margin-top: 5px;
  min-height: 114px;
}

#technical-note-list.products-grid .item .product-info p.add-date {
  font-weight: 500;
  min-height: 14px;
}
.read-more-2 {
  background: url('../../images/link-bg-1.png') bottom center no-repeat;
  bottom: 0;
  color: #fff;
  font-size: 12px;
  float: left;
  width: 100%;
  height: 60px;
  line-height: 100px;
}
.read-more-2:hover {
  background-position-y: 130%;
  transition:all .2s ease-in-out;
  color: #fff;
}
.read-more-3 {
  background: url('../../images/link-bg-1.png') bottom center no-repeat;
  bottom: 0;
  color: #fff;
  font-size: 20px;
  float: left;
  width: 100%;
  height: 60px;
  line-height: 14px;
  padding-top: 27px;
  background-size: 39%;
}
.read-more-3:hover {
  bottom: 0;
  color: #fff;
  font-size: 20px;
  float: left;
  width: 100%;
  height: 60px;
  line-height: 14px;
  padding-top: 27px;
  background-size: 39%;
  background-position-y: 130%;
}
.type-of-event {
  position: absolute;
    right: -1px;
    bottom: 5px;
    font-size: 20px;
    width: auto;
    line-height: 13px;
    border:1px solid #2f9ee5;
    border-right: 0;
    color: #fff;
    background-color:  #2f9ee5;
    padding: 5px 5px;
}
@media only screen and (max-width: 767px){
.type-of-event {
  bottom: unset;
  top: 5px;
  font-size: 16px;
  padding: 5px 15px;
}
}
#box_map,#box_map .ui-tabs-nav li {
  border:0;
  border-radius: 0;
  padding: 0;
}
#box_map .ui-tabs-panel {
  padding: 0;
      height: 270px;
}
#box_map .ui-tabs-nav {
  padding: 0;
  background: none;
  border:0;
}
#box_map .ui-tabs-nav li.ui-tabs-active {
  background-color: #2eb7ed;
  color: #fff;
}
#box_map .box_map_icon {
  max-width: 120px;
      margin-top: -52px;
}
#amform-block-contactus {
  padding: 0!important;
  width: 100%;
  border: 0!important;
}

@media only screen and (max-width: 991px){
  #box_map .box_map_icon {
    display: none;
  }
  #box_map .ui-tabs-nav li {
    margin: 0;
  }
  #box_map  .ui-tabs-nav .ui-tabs-anchor {
    padding: .5em .7em;
  }
  .read-more-3 {
    background-size: 30%;
  }


  #technical-note-list {
      margin-top: 10px;
      margin-left: 10px;
  }
  #technical-note-list.products-grid > li {
    width: 45%;
    min-height: unset;
    height: auto!important;
  }
  #technical-note-list.products-grid > li:nth-child(2), #technical-note-list.products-grid > li:nth-child(4), #technical-note-list.products-grid > li:nth-child(6) {
    margin-right: 0;
  }
  #technical-note-list.products-grid > li:nth-child(3) {
    margin-right: 30px;
  }
  #technical-note-list.products-grid > li:nth-child(3n+1) {
    clear: none;
  }

}
@media only screen and (max-width: 800px) {
  #technical-note-list.products-grid .item .product-info p {
    min-height: 0!important;
  }
}
@media only screen and (max-width: 767px){
  #technical-note-list {
      margin-top: 10px;
      margin-left: -10px;
  }
  #technical-note-list.products-grid > li {
    width: 94%!important;
    min-height: unset;
    height: auto!important;
  }


}

#promotion-list {
  /* border: 1px solid #E6E6E6; */
  padding: 0px;
  padding-top: 0;
}
#promotion-list #technical-note-list.products-grid > li {
  width: 23%;
  margin-right: 30px;
}
#promotion-list #technical-note-list.products-grid .product-image  {
  height: auto;

}
#promotion-list #technical-note-list.products-grid .product-image img {
  max-height: none;
  width: 100%;
  height: auto;
}
#promotion-list #technical-note-list.products-grid> li:nth-child(3n+1) {
  clear: none;
}
#promotion-list #technical-note-list.products-grid > li:nth-child(4n) {
  margin-right: 0px;
}
#promotion-list #technical-note-list.products-grid .product-info {
    padding-bottom: 0!important;
    min-height: 86px!important;
}
@media only screen and (max-width: 992px){
  #promotion-list #technical-note-list.products-grid > li {
    width: 26.8%;
    min-height: unset;
    height: auto!important;
  }
  #promotion-list #technical-note-list.products-grid > li:nth-child(4n) {
    margin-right: 50px;
  }
}
@media only screen and (max-width: 767px){
  #promotion-list #technical-note-list.products-grid > li {
    width: 94%;
    min-height: unset;
    height: auto!important;
  }
}

h2.product-name a,
h3.product-name a,
h4.product-name a,
h5.product-name a,
p.product-name a {
  color: #636363;
}
h2.product-name a:hover,
h3.product-name a:hover,
h4.product-name a:hover,
h5.product-name a:hover,
p.product-name a:hover {
  color: #2f9ee5;
  text-decoration: none;
}

.products-grid .product-name,
.products-list .product-name {

  margin-bottom: 5px;
  font-size: 20px;
  line-height:22px;
  font-family: 'db_heaventregular';

}
.products-grid .product-name a {height:40px; overflow:hidden;}
.products-grid .product-name a,
.products-list .product-name a {
  font-weight: 600;
  line-height: 1;
  color: #333333;
  text-align: left;
  display: block;
  font-size: 24px;
  height: auto;

  border-top: solid 1px #2f9ee5;
  width: auto;
  float: left;
  margin-left: 20px;
  padding-top: 10px;
  max-width: 74%;
}



@media only screen and (min-width: 480px) {
  /* Config: Three columns + flexible gutter */
  .products-grid {
    /* Undo two-column config */
    /* Set three-column config */
  }
  .products-grid > li:nth-child(odd) {
    clear: none;
  }
  .products-grid > li:nth-child(even) {
    margin-right: 1.8%;
  }
  .products-grid > li {
    width: 32.13333%;
    margin-right: 1.8%;
  }
  .products-grid > li:nth-child(3n+1) {
    clear: left;
  }
  .products-grid > li:nth-child(3n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 960px) {
  /* Config: Columns + flexible gutter */
  /* Undo three-column config */
  .products-grid--max-4-col > li:nth-child(odd) {
    clear: none;
  }

  .products-grid--max-4-col > li:nth-child(3n+1) {
    clear: none;
  }

  .products-grid--max-4-col > li:nth-child(even),
  .products-grid--max-4-col > li:nth-child(3n) {
    margin-right: 2.22222%;
  }

  /* Set column config */
  .products-grid--max-4-col > li {
    margin-right: 2.22222%;
  }

  .products-grid--max-4-col > li {
    width: 23.33333%;
    margin-right: 2.22222%;
  }

  .products-grid--max-4-col > li:nth-child(4n+1) {
    clear: left;
  }

  .products-grid--max-4-col > li:nth-child(4n) {
    margin-right: 0;
  }

  /* Config: Columns + flexible gutter */
  /* Undo three-column config */
  .products-grid--max-5-col > li:nth-child(odd) {
    clear: none;
  }

  .products-grid--max-5-col > li:nth-child(3n+1) {
    clear: none;
  }

  .products-grid--max-5-col > li:nth-child(even),
  .products-grid--max-5-col > li:nth-child(3n) {
    margin-right: 2.22222%;
  }

  /* Set column config */
  .products-grid--max-5-col > li {
    margin-right: 2.22222%;
  }

  .products-grid--max-5-col > li {
    width: 18.22222%;
    margin-right: 2.22222%;
  }

  .products-grid--max-5-col > li:nth-child(5n+1) {
    clear: left;
  }

  .products-grid--max-5-col > li:nth-child(5n) {
    margin-right: 0;
  }

  /* Config: Columns + flexible gutter */
  /* Undo three-column config */
  .products-grid--max-6-col > li:nth-child(odd) {
    clear: none;
  }

  .products-grid--max-6-col > li:nth-child(3n+1) {
    clear: none;
  }

  .products-grid--max-6-col > li:nth-child(even),
  .products-grid--max-6-col > li:nth-child(3n) {
    margin-right: 2.22222%;
  }

  /* Set column config */
  .products-grid--max-6-col > li {
    margin-right: 2.22222%;
  }

  .products-grid--max-6-col > li {
    width: 14.81481%;
    margin-right: 2.22222%;
  }

  .products-grid--max-6-col > li:nth-child(6n+1) {
    clear: left;
  }

  .products-grid--max-6-col > li:nth-child(6n) {
    margin-right: 0;
  }
}
/* ============================================ *
 * Product List
 * ============================================ */
.products-list {
  margin-top: 20px;
  margin-bottom: 20px;
}
.products-list > li {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ededed;
}
.products-list > li:after {
  content: '';
  display: table;
  clear: both;
}
.products-list > li .product-image {
  float: left;
  width: 33.33333%;
}
.products-list > li .product-image img {
  max-width: 100%;
  margin:auto;
}
.products-list > li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.products-list .product-shop {
  float: right;
  width: 66.66667%;
  padding-left: 10px;
}
.products-list .product-shop .product-name {
  margin-bottom: 0;
}
.products-list .product-shop .product-name  img{
  margin-bottom: 0;
}

.products-list  .box-price-list {margin-top:10px; float:left; width:100%;}
.products-list  .box-price-list .price-box{ float:left; margin-right: 15px;}
.products-list  .box-price-list .price-box .old-price,
.products-list  .box-price-list .price-box .special-price,
.products-list .box-price-list .save-price-percent span {display:inline-block;}
.products-list .box-price-list .save-price-percent span {margin-right:3px;}

.products-list .product-shop .price-box {
  margin-top: 0;
}

.products-list  .actions {
  float:left;
  width:100%;
  margin:10px 0 0;
}

.products-list .product-shop .desc {
  float: left;
  width: 100%;
  overflow: hidden;
  color:#767676;
  font-size:14px;
}
.products-list .product-shop .product-secondary {
  float: right;
  width: 35%;
  text-align: right;
  clear: right;
}


@media only screen and (min-width: 480px) {
  .products-list .product-name a {
    font-size: 22px;
    color:#000;
  }
}
@media only screen and (max-width: 1279px) {
  .home-cat-right li.long-image{max-height:320px;}
  .home-cat-right li.big-image{height: 320px;}
  .nav-primary li.level0.menu-active .menu-content { height: 421.5px;}
  .menu-content-wrapper { height: 400px; }
  .toolbar .view-mode > label {
    display: none;
  }
  .menutop-header  li  a {
    padding: 10px 10px;
    font-size: 20px;
  }
  .menutop-header  li  a:before {
    right: 0;
  }
  .nav-primary li.level0 > a {
    min-height: 47px;
    height: 47px;
    font-size: 20px;
    line-height: 18px;
  }
  .nav-primary li.level0 > a:before {
    top: 6px;
  }
  .products-list .product-shop .product-primary,
  .products-list .product-shop .desc {
    float: left;
    width: 60%;
    padding-right: 20px;
  }
  .products-list .product-shop .product-secondary {
    float: right;
    width: 40%;
  }
}
.menutop-header li a:hover {
  border-radius: 6px 6px 0 0;
}
.menutop-header li:hover a {
  background-color: #F5F5F5;
}
.menutop-header li:hover {
  background: none;
}
@media only screen and (max-width: 767px){
  .menutop-header li a {
      padding: 10px 10px;
      font-size: 20px;
      background-color: #F5F5F5;
      border-radius: 9px;
      padding: 5px 11px;
      margin-left: 7px;
  }
  .menutop-header li a:hover {
    padding: 5px 11px;
    border-radius: 6px 6px 0 0;
  }
  .menutop-header li:hover > ul.menutop-header-subnav {
    display: block;
    margin-left: 7px;
    padding-left: 0;
  }
  .menutop-header li:hover > ul.menutop-header-subnav li a {
    margin-left: 0;
  }
  .fancybox-image {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .products-list .product-shop .price-box .special-price {
    padding-left: 0;
  }

  .products-list .product-shop .product-primary,
  .products-list .product-shop .product-secondary,
  .products-list .product-shop .desc {
    float: none;
    width: 100%;
    padding-right: 0;
    text-align: left;
  }
}
/* ============================================ *
 * Mini Product List
 * ============================================ */
.mini-products-list .product-image {
  float: left;
  width:80px;
  padding:5px;
}
.mini-products-list .product-details {
  margin-left: 90px;
}
.mini-products-list .product-details .product-name {
  padding-top: 10px;
}
.mini-products-list li {
  margin-bottom: 10px;
  clear: both;
}
.mini-products-list li:after {
  content: '';
  display: table;
  clear: both;
}

.mini-products-images-list:after {
  content: '';
  display: table;
  clear: both;
}
.mini-products-images-list li.item {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0 5px 10px 0;
}
.mini-products-images-list li.item:nth-child(even) {
  padding-right: 0;
  padding-left: 5px;
}
.mini-products-images-list li.item .product-image {
  display: block;
}
.mini-products-images-list li.item .product-image img {
  width: 100%;
  max-width: 100%;
}

/* ============================================ *
 * Catalog - List
 * ============================================ */
.category-title {
  display:block;
  float:left;
  width:100%;
  border:none;
}
.category-image {
  float:left;
  max-width:36px;
  margin: 0 10px 0 0;
}
.category-image img {
  max-width: 100%;
}
.category-image img:hidden {
  display: none;
}
.category-title h1 {float:left; }
.amshopby-filters-left {float:left; width:95%; margin-bottom:0px;}
 @media (max-width: 767px){
  .amshopby-filters-left {float:none; width:100%; margin: auto;}
}
.block.amshopby-filters-left .block-title {display:none!important;}

.category-banner-left {float:left; width:100%;}
.category-banner-left li {display:block; margin-bottom:5px;}
.category-banner-left li img {width:100%;}

.category-banner-top {float:left; width:100%; margin-bottom:20px;}
.title-cat-list {float:left; width:100%; margin-bottom:10px; font-family: 'db_heaventregular';}
.title-cat-list h3 {font-family: 'db_heaventregular'; font-size: 20px; line-height:24px; color:#000; margin-top: 20px;     color: #2f9ee5;}
.title-cat-list h3 span {font-size:14px;}
.title-cat-list ul,.title-cat-list ul li {
  list-style: unset;
  font-size: 20px;
      line-height: 19px;
      font-weight: 400;
  margin: unset;
  padding: unset;
  margin-left: 10px;
}
table.product-list {
  box-shadow: 0 3px 6px 1px rgba(0,0,0,0.07);
}

table.product-list a:hover {
  position:relative;
  display:inline-block;
  transition: all 0.3s ease-out;
}


.amshopby-filters-top {position:relative; margin:0px; padding:0px; float:left; width:100%; height:0px;}
.amshopby-filters-top .block-title {display:none!important;}
.amshopby-filters-top .amshopby-item-top.block-content {position:absolute; z-index:1; top:6px; left:50%; transform: translate(-50%,0);}
.amshopby-filters-top #narrow-by-list {position:relative; }
.amshopby-filters-top .amshopby-item-top.block-content,
.block-layered-nav.amshopby-filters-top .block-content {margin:0px;}
.amshopby-filters-top  .amshopby-item-top {/* max-width:0px; */}
.amshopby-filters-top #narrow-by-list dt{float:left; margin:0 12px 0 0; color:#959595; font-size:20px; line-height:15px; padding:10px 0;}
.amshopby-filters-top #narrow-by-list dd{float:left; width:180px; margin:0px; padding:0px; border:none;}

.category-products {float:left; width:100%;}
/* ============================================ *
 * Layered Navigation
 * ============================================ */
 @media (min-width: 801px){
  .block-layered-nav .currently {}
 }
.block-layered-nav .actions,
.block-layered-nav .block-subtitle {display:none!important;}

.block-layered-nav .block-subtitle--filter {
 font-family: 'db_heaventregular';
 color:#252525;
 font-size:20px;
 line-height:20px;
 display:none;
}


.block-layered-nav .block-content .toggle-tabs {
  display: none;
}
.block-layered-nav .block-content  dl dt {
  /*font-size: 16px;*/
  color: #636363;
  line-height:30px;
  font-family: 'db_heaventregular';
  margin:8px 0;
  position: relative;
  display: block;

}

.block-layered-nav .block-content  dl  dt:after {
  content: '-';
  position: absolute;
  width: 20px;
  height: 30px;
  display: block;
  right: 0px;
  top: 0px;
  font-size: 20px;
  color:#2f9ee5;

  text-align:center;
  line-height:30px;
}
.block-layered-nav .block-content  dl  dt.collapsed:after {
  content: '+';
}

.block-layered-nav .block-content  dl dd {
  padding: 5px;
  margin: 0;
  border:solid 1px #DADADA;
  margin-bottom:30px;
}

.block-layered-nav .block-content dl  dd .ul-scroll {max-height:200px; /*310px*/  overflow-y:auto;}


.block-layered-nav dl dd {
  margin-bottom: 10px;
  margin-top: 10px;
}
.block-layered-nav dl dd ol  li  span,
.block-layered-nav dl dd ol  li  a {

  color:#252525;
  /*font-size: 20px;*/
  font-family: 'db_heaventregular';
  line-height: 16px;
}
.block-layered-nav dl dd ol  li  a {
  padding: 5px 5px;
  display: block;
}
.block-layered-nav dl dd ol  li  a:hover {
  color:#2f9ee5;
}

.block-layered-nav dl dd ol  li  a .count {
  color: #252525;
}

.block-layered-nav dl dd ol li.amshopby-cat a{
  float:left;
  width:auto;
  font-weight: 200;
}
.block-layered-nav dl dd ol li.amshopby-cat span.count{
  float:left;
  line-height: 30px;
}

@media only screen and (min-width: 801px) {
  .block-layered-nav .block-content > dl > dt:after {
    display: none;
  }
}
@media only screen and (max-width: 770px) {
  .amshopby-page-container .category-products{
    margin-top:42px;
  }

  .sidebar .block.block-layered-nav {
    border-bottom: none;
  }

  .block-layered-nav--no-filters .block-title {
    display: none;
  }

  .block-layered-nav .block-content {
    padding-top: 0;
    /* margin-top: 15px; */
  }
  .block-layered-nav  .block-subtitle-inbox{
    margin-bottom:40px;
  }

  .block-layered-nav .block-content > dl > dt {
    cursor: pointer;
    border-bottom-width: 0;
    font-size:20px;
    border-top:solid 1px #C1C1C1;
    margin:0px;
  }
   .block-layered-nav .block-content > dl > dt:nth-child(2){
     border-top:0px;
   }

  .block-layered-nav .block-content > dl > dt:after {
    content: '+';
    position: absolute;
    width: 20px;
    height: 30px;
    display: block;
    right:0px;
  }
  .block-layered-nav .block-content > dl > dt.last {
    border-bottom-width: 1px;
  }
  .block-layered-nav .block-content > dl > dd {
    display: none;
    border:none;
    padding:0px;
    margin-bottom:20px;
  }
  .block-layered-nav dl dd ol li.amshopby-cat a {
    margin: 0px;
    background: none;
  }
  .block-layered-nav dl dd ol li.amshopby-cat span.count{
    margin: 0px;
    padding: 0px;
  }
  div.block-layered-nav dd li span.amshopby-plusminus {
    padding:0px;
  }
  .block-layered-nav .block-content.accordion-open > dl > dt.current {
    border-bottom-width: 1px;
  }
  .block-layered-nav .block-content.accordion-open > dl > dt.current:after {
    content: '-';

  }
  .block-layered-nav .block-content.accordion-open > dl > dd.current {
    display: block;
  }

  .block-layered-nav .block-subtitle.block-subtitle--filter {
    background-color: #fff;
    border: 0;
    margin-bottom: 0;
    display: block!important;
    float: left;
    width: calc(97% + 10px);
    /* margin-left: -10px; */
    text-align: center;
    padding: 5px;
    border: solid 1px #DADADA;
    position: relative;
    /* bottom: -42px; */
    left: 0px;
  }

  .block-layered-nav .block-subtitle.block-subtitle--filter-search {
    background-color: #fff;
    border:0;
    margin-bottom: 0;
    display: block!important;
    float:left;
    width: calc(50% + 10px);
    margin-left: -10px;
    text-align:center;
    padding:5px;
    border:solid 1px #DADADA;
    position: absolute;
    left:0px;
  }

  .block-layered-nav .block-subtitle.block-subtitle--filter-search {
  background-color: #fff;
    border: 0;
    margin-bottom: 0;
    display: block!important;
    float: left;
    width: calc(97% + 10px);
    /* margin-left: -10px; */
    text-align: center;
    padding: 5px;
    border: solid 1px #DADADA;
    position: relative;
    /* bottom: -42px; */
    left: 10px;
}

  .block-layered-nav .block-subtitle.block-subtitle--filter-search span,
  .block-layered-nav .block-subtitle.block-subtitle--filter  span,
  .block-subtitle-inbox  label span,
  .category-products .toolbar .sort-by.cat-toobar >label{
    line-height:30px;
    display:inline-block;

    padding-left:0px;
    color: #2f9ee5;
    font-size:22px;
    /*background:url(../../skin/frontend/gibthai/default/images/icon-fillter.png) no-repeat left center;*/
    width: 90%;
    text-align: center;
    font-family: 'db_heaventregular';
    float:none;
    margin:0px;
    padding-top:0px;
    padding-bottom:0px;
  }
  .category-products .toolbar .sort-by.cat-toobar >label {
    /*background-image:url(../../skin/frontend/gibthai/default/images/icon-sortby.png);*/
  }
  #narrow-by-list,
  #narrow-by-list2 {
    padding: 10px;
    border: 1px solid #cccccc;
    border-top: 0;
  }
  #narrow-by-list{
    position:fixed;
    width:85%;
    height:100%;
    right:0px;
    top:0px;
    background:#fff;
    z-index:99;
    padding:10px;
  }
  #narrow-by-list:before{
    content:"";
    width:15%;
    height:100%;
    left:0px;
    top:0px;
    position:fixed;
    background-color: rgba(0,0,0,0.6);
  }

  .block-layered-nav dl ol > li > a,
  .block-layered-nav dl ol > li > span {
    padding: 7px;
    margin: 5px;
  }

  .block-layered-nav dl ol > li > a {
    color: #636363;
    background-color: #f4f4f4;
    padding: 5px 10px;
  }
  .block-layered-nav dl ol > li > a:hover {
    text-decoration: none;
    background: #ececec;
  }
}
.block-layered-nav .currently .block-subtitle {
  display: block;
  margin: 0;
  margin-bottom: 10px;
  color: #636363;
  font-family: 'db_heaventregular';
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;

}
.block-layered-nav .currently ol {
  padding-left: 10px;
  margin-bottom: 10px;
}
.block-layered-nav .currently ol li {
  margin-bottom: 5px;
}
.block-layered-nav .currently ol li .label {
  font-weight: 500;
}
.block-layered-nav .currently ol li:after {
  content: '';
  display: table;
  clear: both;
}

.block-layered-nav .actions {
  text-align: right;
  margin-bottom: 7px;
}

@media only screen and (max-width: 770px) {
  .block-layered-nav  .currently{
    background:#F0F0F0;
    padding:10px;
    margin-bottom:10px;
  }
  .block-layered-nav .currently ol {
    margin-left:0px;
    padding-left:0px;
    margin:0px;

    font-size:13px;
    font-weight:normal;
    color:#000;
  }
  .block-layered-nav .currently ol li .label {
    color:#2f9ee5;
    font-size:13px;
    font-weight:normal;
  }
}
/* ============================================ *
 * Catalog - Product
 * ============================================ */
.product-view .product-essential .extra-info .ratings .rating-box,
.product-view .product-essential .extra-info .ratings .amount {
  float: left;
}
.product-view .product-essential .extra-info .ratings .rating-box {
  margin:1px 10px 1px 1px;
}
.product-view .product-essential .extra-info .ratings:after {
  content: '';
  display: table;
  clear: both;
}
.product-view .product-essential:after {
  content: '';
  display: table;
  clear: both;
}
.product-view .product-shop .product-name .h1,
.product-view .product-img-box .product-name h1 {
  color: #000;
  margin-bottom: 10px;
  border: 0;
  font-size: 25px;
  font-family: 'db_heaventregular';
}
.product-view .product-shop {
  width: 58%;
  float: right;
}
.product-view .product-shop .product-name {
  float: left;
  width:100%;
}
.product-view .product-shop .product-name .h1 {
  float: left;
  padding: 0px;
}
.product-view .product-shop .extra-info {
  float: left;
  clear: left;
  width: 100%;
}
.product-view .product-shop .price-info {
  float: left;
  text-align: left;
}
.product-view .product-shop .extra-info{
  width: 100%;
  margin-bottom: 10px;
  float:left;
  padding-bottom:10px;
  border-bottom:solid 1px #E1E1E1;
  margin-top:5px;
}
.product-view .product-shop .no-rating,
.product-view .product-shop .ratings  {float:left; margin:0px;}
.product-view .product-shop .no-rating a,
.product-view .ratings .rating-links a {font-size:14px; color:#434343; text-decoration:none;}
.product-view .product-shop .no-rating a:hover,
.product-view .ratings .rating-links a:hover {color:#2f9ee5;}
.product-view .ratings .rating-links span {color:#9C9C9C;}
.product-view .product-shop .sku-product {float:right; color:#767676; font-size:14px;}

.product-view .product-shop .extra-info dl {float:left; width:100%; padding:3px 0;}
.product-view .product-shop .extra-info dt{float:left; width:115px; font-size:14px; color:#767676;}
.product-view .product-shop .extra-info dd {padding-left:115px;}
.product-view .product-shop .extra-info dt.dt-price {padding-top:10px;}
.product-view .product-shop .save-price-percent {margin-right: 10px;float:left; clear:left; padding:0 5px; height:25px; background:#FF0000; color:#fff; font-size:16px; font-family:'PSL-EmpirePro'; text-transform:uppercase;}
.product-view .product-shop .save-price-percent .save-price {color:#FFF000; font-size:30px; line-height:25px;}

.product-view .product-shop .short-description {
  color:#000;
}

.product-view .product-shop .availability {
  height:auto;
  padding:5px;
  line-height:26px;
  background:#FF8A00;
  color:#fff;
  font-size: 20px;
  font-family: 'db_heaventregular';
  float:left;
}
.product-view .product-shop .availability.in-stock {
  background:#65AB01;
  color:#fff;
  position:relative;
  z-index:9;
}

.product-view .product-shop .price-box {
  margin-top: 0;
}
.product-view .product-shop .price-box .old-price,
.product-view .product-shop .price-box .special-price,
.product-view .product-shop .price-box .regular-price {
  padding-right: 0;
  line-height: 1.2;
}

.product-view .product-shop .price-box .special-price .price-label {
  font-size: 16px;

}
.product-view .product-shop .price-box .special-price span.weee {
  color: #636363;
}
.product-view .product-shop .price-box .special-price span.weee span.price {
  font-size: 16px;
}
.product-view .product-shop .price-box .price-excluding-tax,
.product-view .product-shop .price-box .price-including-tax {
  display: block;
  line-height: 1.2;
  color: #636363;
}
.product-view .product-shop .price-box .price-excluding-tax .label,
.product-view .product-shop .price-box .price-including-tax .label {
  font-size: 16px;
  font-weight: 400;
}
.product-view .product-shop .price-box .price-excluding-tax .price,
.product-view .product-shop .price-box .price-including-tax .price {
  font-size: 20px;
}
.product-view .price-box.map-info a {
  display: inherit;
}
.product-view .old-price .price-label {
  display: none;
}
.product-view .add-to-cart-wrapper {
  width: 58%;
  float: right;
  clear: right;
}
.product-view .block-related  {
  float:left;
  width:100%;
}

@media only screen and (max-width: 850px) {
  .product-view .product-shop .price-box .price-excluding-tax .label,
  .product-view .product-shop .price-box .price-including-tax .label {
    font-size: 20px;
  }
  .product-view .product-shop .price-box .price-excluding-tax .price,
  .product-view .product-shop .price-box .price-including-tax .price {
    font-size: 20px;
  }
}
@media only screen and (max-width: 800px) {
  .product-view .add-to-cart-wrapper {
    float: none;
    width: 100%;
    clear: both;
  }
  .product-view .product-shop .price-box .price-excluding-tax .label,
  .product-view .product-shop .price-box .price-including-tax .label {
    font-size: 16px;
  }
  .product-view .product-shop .price-box .price-excluding-tax .price,
  .product-view .product-shop .price-box .price-including-tax .price {
    font-size: 20px;
  }
}
@media only screen and (max-width: 420px) {
  .product-view .product-shop .price-box .price-excluding-tax,
  .product-view .product-shop .price-box .price-including-tax {
    margin-bottom: 5px;
  }
  .product-view .product-shop .price-box .price-excluding-tax span,
  .product-view .product-shop .price-box .price-including-tax span {
    display: block;
  }
}
.product-img-box {
  width: 40%;
  float: left;
}
.product-img-box .product-name h1 {
  border: 0;
}
.product-img-box .product-image {
  margin-bottom: 10px;
  border:solid 1px #CCCCCC;
}
.product-img-box .product-image img {
  max-width: 100%;
  max-height: 750px;
  margin: 0px auto;
}


@media only screen and (max-width: 479px) {
  .product-img-box .product-image img {
    max-height: 450px;
  }
}
.product-image-gallery {
  position: relative;
}


.product-image-gallery .gallery-image {
  display: none;
}
.product-image-gallery .gallery-image.visible {
  display: block;
}
.product-image-gallery .gallery-image.visible.hidden {
  visibility: hidden;
}
.product-image-gallery:before, .product-image-gallery:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none;
}
.product-image-gallery:before {
  background-color: white;
  opacity: 0.8;
  z-index: 2;
}
.product-image-gallery:after {
  background-image: url("../../skin/frontend/gibthai/default/images/opc-ajax-loader.gif");
  background-repeat: no-repeat;
  background-position: center;
  z-index: 3;
}
.product-image-gallery.loading {
  position: relative;
}
.product-image-gallery.loading:before, .product-image-gallery.loading:after {
  display: block;
}

.product-image-thumbs li {
  display: inline-block;
}
/* .product-image-thumbs li:first-child {
  margin-left: -1px;
} */
.product-image-thumbs a {
  display: inline-block;
  border: 1px solid #ddd;
  position:relative;
  padding:2px;
  width: 70px;
}

.product-image-thumbs .thumb-link{
  width: 100%;
}

.no-touch .product-image-thumbs a:hover,
.product-image-thumbs a.active {
  /*border-color: #767676;*/
}
.product-image-thumbs a.active:before{
  content:"";
  width:0px;
  height:0px;
  position:absolute;
  top:-7px;
  left:50%;
  margin-left:-7px;
  border-bottom:solid 7px #767676;
  border-left:solid 7px transparent;
  border-right:solid 7px transparent;
  }

.product-view .product-shop,
.product-view .add-to-cart-wrapper,
.product-view .block-related {
  padding-left: 0px;
}

.product-img-box {
  padding-right: 15px;
}

.product-img-box .product-related {float:left; width:15%; padding-right:4px;}
.product-img-box .product-image,
.product-img-box .more-views,
.product-img-box .sharing-links {  width:100%;}
.product-img-box .product-related a {display:block; text-decoration:none; float:left; width:100%; overflow:hidden; text-align:center;}
.product-img-box .product-related a span {display:block;  font-family: 'db_heaventregular'; color:#434343; font-size: 20px; line-height:20px; padding-top:19px; background:url(../../skin/frontend/gibthai/default/images/arrow-right5.png) no-repeat center 2px;}
.product-img-box .product-related a span.before-product {background:url(../../skin/frontend/gibthai/default/images/arrow-right6.png) no-repeat center 2px;}
.product-img-box .product-related a:hover span {color:#2f9ee5; }
.product-img-box .product-related a img {border:solid 1px #E6E6E6; margin:2px auto; max-width:100%;}
.product-img-box .product-related a:hover img{border-color:#2f9ee5;}
.product-view .product-shop,
.product-img-box,
.product-collateral,
.product-view .block-related,
.box-collateral {
  margin-bottom: 10px;
}

.product-view {
  /* Set a min-height so that the floated elements break appropriately */
      margin-top: 15px;
}
.product-view .add-to-box:after,
.product-view .add-to-cart:after {
  content: '';
  display: table;
  clear: both;
}
.product-view .add-to-cart {
  padding-bottom: 3px;
}
.product-view .add-to-cart .qty-wrapper,
.product-view .product-options-bottom .price-box,
.product-view .add-to-cart-buttons {
  min-height: 40px;
}
.product-view .product-options-bottom .price-box,
.product-view .add-to-cart .qty-wrapper,
.product-view .add-to-cart-buttons .button,
.product-view .add-to-cart-buttons .paypal-logo {
  margin-bottom: 10px;
}
.product-view .add-to-cart .qty-wrapper,
.product-view .add-to-cart .qty-wrapper label {
  margin-right: 15px;
  float: left;
}
@media only screen and (max-width: 767px) {

    .product-view .add-to-cart .qty-wrapper, .product-view .add-to-cart .qty-wrapper label {
        margin-right: 0;
        float: right;
        margin-top: -17%;
        zoom: 1.2;
        font-size: 21px;
    }
}
.product-view .add-to-cart .qty-wrapper label {
  line-height: 40px;
}
.product-view .add-to-cart .qty-wrapper .qtywrapper-update {
  width: 86px;
  float: left;
}
.product-view .add-to-cart .qty-wrapper .qtywrapper-update .qty {
  float: left;
  height: 40px;
  width:45px;
}
.product-view .add-to-cart .qty-wrapper .qtywrapper-update input{
  height:40px;
  width:20px;
}
.product-view .add-to-cart .qty-wrapper .qtywrapper-update .decrease{
  border-right:none;
}
.product-view .add-to-cart .qty-wrapper .qtywrapper-update .increase{
  border-left:none;
}
.product-view .add-to-cart .total {float:left;}
.product-view .add-to-cart .total label {float:left; line-height:40px; margin-right:15px;}
.product-view .add-to-cart .total .box-price0 {
  float: left;
  height: 40px;
  line-height:  17px;
  color: #FF0000;
  font-size: 20px;
  min-width: 50px
}
.product-view .add-to-cart .total .box-price1 {
  float: left;
  height: 40px;
  line-height:  39px;
  color: #FF0000;
  font-size: 20px;
}
.product-view .add-to-cart .total .box-price {
  float: left;
  height: 40px;
  line-height: 40px;
  min-width: 130px;
  color: #FF0000;
  font-size: 47px;
}
.product-view .add-to-cart .total .box-normal-price{
  color: #999;
}

@media only screen and (max-width: 767px) {
    .product-view .add-to-cart .total .box-normal-price {
        color: #999;
        width: 100%;
        float: left;
    }
}
.product-view .add-to-cart-buttons {
  float: left;
  width: 78%;
}
.product-view .add-to-cart-buttons .paypal-logo {
  clear: left;
  text-align: center;
}
.product-view .add-to-cart-buttons .paypal-logo .paypal-button {
  margin: 0 auto;
  display: block;
  width: 170px;
}
.product-view .add-to-cart-buttons .paypal-logo .bml_button {
  display: block;
  width: 174px;
  margin: 0 auto;
}
.product-view .add-to-cart-buttons .paypal-logo .bml_button a {
  text-align: center;
}
.product-view .add-to-cart-buttons .paypal-logo .paypal-or {
  display: block;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
  line-height: 1;
  text-align: center;
}
.product-view .add-to-cart-buttons .button {
  min-height: 40px;
  /* line-height: 40px; */
  font-size: 20px;
  padding: 0px 10px;
  text-align:center;
  float: left;
  width: 49%;
  margin-right:2%;
  margin-left:0px;
  white-space: normal;
  border: solid 2px #2f9ee5;
}
.product-view .add-to-cart-buttons .button {
  -webkit-transition: color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
  transition: color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
  transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
  transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
}
.product-view .add-to-cart-buttons .button:hover {
  box-shadow: 0 0 40px 40px #fff inset;
  background-color: #fff;
  color: #2f9ee5;
  border: solid 2px #2f9ee5;
}




.product-view .add-to-cart-buttons .button:nth-last-child(1){
  margin-right:0px;
}
.product-view .add-to-cart-buttons .button.btn-cart >span {
  display:inline-block;
  /*padding-left:38px;
  background:url(../../skin/frontend/gibthai/default/images/icons.png) no-repeat -69px -635px;*/
}

.product-view .installment-buttons {
  padding: 5px 20px;
  float: right;
}

.product-view .installment-buttons .button.btn-cart-installment  {
  padding: 15px 100px;
  background:url(../../skin/frontend/gibthai/default/images/btn-installment-visa-master.png) no-repeat ;
}

.message-success-popup .installment-buttons-popup{margin-top: 12px;}

#installment-box{
  padding-bottom: 5px;
}

#installment-box p{
  font-size: 19px;
  padding-bottom: 10px;
}

.product-view .add-to-cart-buttons .button.btn-cart-redirect-checkout {
  background:#fff;
  border:solid 2px #2f9ee5;
  color:#2f9ee5;
  line-height:37px;
}
.product-view .add-to-cart-buttons .button.btn-cart-redirect-checkout >span {
  display:inline-block;
  /*padding-left:38px;
  background:url(../../skin/frontend/gibthai/default/images/icons.png) no-repeat -73px -694px;*/
}
.product-view .add-to-cart-buttons .button.btn-cart-redirect-checkout {
  -webkit-transition: color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
  transition: color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
  transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
  transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
}
.product-view .add-to-cart-buttons .button.btn-cart-redirect-checkout:hover {
  box-shadow: 0 0 40px 40px #2f9ee5 inset;
  color: #fff;
}



.product-view .alert-price,
.product-view .alert-stock {
  clear: both;
}

@media only screen and (max-width: 479px) {
  .product-view .add-to-cart-buttons .paypal-or {
    line-height: 20px;
  }
  .product-view .add-to-cart-buttons .paypal-logo,
  .product-view .add-to-cart-buttons .paypal-or,
  .product-view .add-to-cart-buttons .paypal-button,
  .product-view .add-to-cart-buttons .button {
    text-align: center;
    width: 100%;
    display: block;
    margin-right: 0;
    margin-left: 0;
    float: none;
  }
}
/* This is the "or" that separates the "Add to Cart" and "Add to X" links */
.add-to-box .or {
  display: none;
}

.product-view .add-to-links {
  clear: both;
  margin-top: 0px;
  margin-right: 15px;
  float: left;
  width: 100%;
}
.product-view .add-to-links:after {
  content: '';
  display: table;
  clear: both;
}

.product-view .add-to-links li {
  float: left;
  margin
}

.product-view .add-to-links a {
  color: #2f9ee5;
      font-size: 20px;
      padding: 3px 0;
      line-height: 24px;
      font-style: italic;
}
.product-view .add-to-links a.link-wishlist {
  padding-left:35px;
  position:relative;
  margin-right:20px;
}
.product-view .add-to-links a.link-wishlist:before{
  content:"";
  width:30px;
  height:30px;
  position:absolute;
  top:0px;
  left:0px;
  background:url(../../skin/frontend/gibthai/default/images/Wishlist-ICON-over.png) center center #fff no-repeat;
  border-radius:100%;
  /*border:solid 2px #FFB300;*/
}
.product-view .add-to-links a.link-wishlist:hover:before{
  background:url(../../skin/frontend/gibthai/default/images/Wishlist-ICON.png) no-repeat center center #2f9ee5;
}
.product-view .add-to-links .box-checkbox{
  color:#9C9C9C;
  font-size:14px;
  padding:3px 0;
  line-height:24px;
}



.product-view .add-to-links li:first-child a {
  margin-left: 0px;
}
.product-view .add-to-links li:last-child a {
  border-right: 0px;
}

.product-view .sharing-links {margin: 0px 0 10px;}
.product-view .sharing-links label{
  float:left;
  color:#767676;
  font-size:14px;
  line-height:25px;
  padding:5px 0;
  margin-right:10px;
}
.product-view .sharing-links ul {float:left;}
.product-view .sharing-links:after {
  content: '';
  display: table;
  clear: both;
}
.product-view .sharing-links li {
  float: left;
  padding: 0px 3px 0px;
}
.product-view .sharing-links a {
  text-indent: -9999px;
  display: block;
  width: 36px;
  height: 36px;
  background:url(../../skin/frontend/gibthai/default/images/icon-share.png) no-repeat;
}


.product-view .sharing-links a.link-facebook {
  background-position: -1px 0px;
}
.product-view .sharing-links a.link-facebook:hover {
  background-position: -1px -65px;
}
.product-view .sharing-links a.link-twitter {
  background-position: -49px 0px;
}
.product-view .sharing-links a.link-twitter:hover {
  background-position: -49px -65px;
}
.product-view .sharing-links a.link-line {
  background-position: -98px 0px;
}
.product-view .sharing-links a.link-line:hover {
  background-position: -98px -65px;
}
.product-view .product-essential .block-related {
  margin-top:30px;
}
@media only screen and (min-width: 801px) {
  .block-related.no-slider .bx-wrapper .bx-pager.bx-default-pager{
    display:none;
  }
}
@media only screen and (max-width: 599px) {
  .add-to-box .add-to-links a {
    float: none;
    width: auto;
    text-indent: 0;
  }
}

/* custom amquickview-ajax-view */
.amquickview-ajax-view .product-img-box .product-related {
  display:none;
}

.amquickview-ajax-view .main-container .main {
  padding:18px;
}

.amquickview-ajax-view .product-img-box .product-image,
.amquickview-ajax-view .product-img-box .more-views,
.amquickview-ajax-view .product-img-box .sharing-links{
  width:100%;
}
.amquickview-ajax-view .product-view-deal,
.amquickview-ajax-view .product-view .product-shop,
.amquickview-ajax-view .product-view .add-to-cart-wrapper {
  width:58%;
  float: right;
  clear: right;
}
.amquickview-ajax-view .product-img-box{
  width:40%;
}
.amquickview-ajax-view .product-collateral{
  display:none!important;
}
.amquickview-ajax-view  .product-view .add-to-cart-buttons .button {
  font-size:22px;
}

/* end custom amquickview-ajax-view */


.product-collateral {
  clear: both;
  float:left;
  width:100%;
 /*  overflow:hidden; */
}
.product-collateral .collateral-left,
.product-collateral .collateral-right {
  float:left;
}
.product-collateral .collateral-left {
  width:75%;
  padding-right:10px;
}
.product-collateral .collateral-right {
  width:25%;
  padding-left:10px;
}
.collateral-box {margin-bottom:37px;}

.collateral-title {
  color:#000;
  font-size:30px;
  font-family: 'db_heaventregular';
  line-height:34px;
  margin:0px;
}
.collateral-content {
  background:#F3F3F3;
  padding:20px;
  color:#000;
  font-size:14px;
  line-height:28px;
  overflow:hidden;
}

@media only screen and (min-width: 801px) {
  .collateral-right {margin-bottom:70px;}
  .collateral-right .aw-arp-block-content.slider-style1 .products-grid >li,
  .collateral-right .aw-arp-block-content.slider-style1 .products-grid>li:nth-last-child(1) {
    width:100%!important;
    margin-bottom:0px;
    border-top-width:0px;
    float:left;
  }
  .collateral-right .aw-arp-block-content.slider-style1 .products-grid >li:nth-child(1){
    border-top-width:1px;
  }
  .collateral-right .products-grid > li  .product-image,
  .collateral-right .products-grid > li  .product-info{
    border-left: solid 1px #EFEFEF;
  }
}


.collateral-tabs dd h2 {
  display: none;
}

.box-collateral {
  clear: both;
}

@media only screen and (min-width: 801px) {
  .product-collateral .toggle-tabs {
    display: block;
    width: 100%;
    position: relative;
    border: 1px solid #cccccc;
    background-color: #f4f4f4;
  }
  .product-collateral .toggle-tabs li {
    float: left;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
  }
  .product-collateral .toggle-tabs li > span {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: inline-block;
    padding: 0 30px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;

    font-size: 12px;
    position: relative;
    bottom: -1px;
  }
  .product-collateral .toggle-tabs li.current {
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
  }
  .product-collateral .toggle-tabs li.current > span {
    background-color: #FFFFFF;
    z-index: 5;
  }
  .product-collateral .toggle-tabs li.current span,
  .product-collateral .toggle-tabs li:hover span {
    color: #3399cc;
  }
  .product-collateral .toggle-tabs li:first-child {
    border-left: none;
  }
  .product-collateral .toggle-tabs:after {
    content: '';
    display: table;
    clear: both;
  }
  .product-collateral > dl {
    width: 100%;
  }
  .product-collateral > dl > dt {
    display: none;
  }
  .product-collateral > dl > dd {
    width: 100%;
    display: none;
    padding: 15px;
    border: 1px solid #cccccc;
    border-top: 0;
  }
  .product-collateral > dl > dd.current {
    display: block;
  }
}
@media only screen and (max-width: 800px) {
  .product-collateral .toggle-tabs {
    display: none;
  }
  .product-collateral > dl > dt {
    margin: 0;
    margin-bottom: 10px;
    color: #636363;
    font-family: 'db_heaventregular';
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.4;
    text-rendering: optimizeSpeed;

    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-weight: 400;
    margin-bottom: 0px;
    padding: 7px 10px 7px 24px;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    position: relative;
    background-color: #f4f4f4;
    display: block;
  }
  .product-collateral > dl > dt:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid #3399cc;
    border-bottom: none;
    left: 10px;
    top: 50%;
    margin-top: -3px;
  }
  .product-collateral > dl > dt:hover {
    background-color: #ececec;
  }
  .product-collateral > dl > dd {
    padding: 10px;
    margin: 0;
    border-width: 0 1px;
    border-style: solid;
    border-color: #cccccc;
  }
  .product-collateral > dl > dd:last-child {
    border-width: 0 1px 1px 1px;
  }
  .product-collateral > dl > dt {
    cursor: pointer;
    border-bottom-width: 0;
  }
  .product-collateral > dl > dt:hover {
    color: #3399cc;
  }
  .product-collateral > dl > dt:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #3399cc;
    border-right: none;
  }
  .product-collateral > dl > dt.last {
    border-bottom-width: 1px;
  }
  .product-collateral > dl > dd {
    display: none;
  }
  .product-collateral.accordion-open > dl > dt.current {
    border-bottom-width: 1px;
  }
  .product-collateral.accordion-open > dl > dt.current:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 4px solid #3399cc;
    border-bottom: none;
    left: 6px;
    top: 50%;
    margin-top: -3px;
  }
  .product-collateral.accordion-open > dl > dd.current {
    display: block;
  }
}
@media only screen and (max-width: 800px) {
  .product-view .product-shop,
  .product-view .add-to-cart-wrapper,
  .product-view .block-related,
  .product-img-box,
  .product-collateral,
  .product-view-deal,
  .product-img-box .product-image,
  .product-img-box .more-views,
  .product-img-box .sharing-links,
  .product-collateral .collateral-left,
  .product-collateral .collateral-right{
    width: 100%;
    float: left;
    padding-right: 0;
    padding-left: 0;
    margin-bottom:10px;
  }
  .product-view-deal:before,
  .product-img-box .product-related{
    display:none;
  }
}

@media only screen and (max-width: 479px) {
  .product-img-box,
  .product-collateral,
  .product-view .block-related,
  .box-collateral {
    margin-bottom: 15px;
  }
  .product-view .product-shop {
    margin-bottom:0px;
  }
}
.product-view .ratings .rating-links {
  float: left;
  margin-top: 0;
}

#product-attribute-specs-table {
  max-width: 50em;
  border: 1px solid silver;
}
#product-attribute-specs-table th {
  border-right: 1px solid silver;
  border-bottom: 1px solid silver;
}

/* -------------------------------------------- *
 * Catalog - Grouped Product List
 */
.grouped-items-table-wrapper {
  border: solid 1px silver;
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
}
.grouped-items-table-wrapper tbody tr:last-child td {
  border-bottom: none;
}
@media only screen and (max-width: 479px) {
  .grouped-items-table-wrapper {
    margin-bottom: 15px;
  }
}

.grouped-items-table .name-wrapper {
  color: #3399cc;
  font-family: 'db_heaventregular';
}
.grouped-items-table .qty-wrapper {
  padding-top: 7px;
}
.grouped-items-table .qty-label {
  margin-left: 7px;
}
.grouped-items-table td {
  padding: 4px;
}
.grouped-items-table td:last-child {
  width: 30%;
  text-align: left;
}
.grouped-items-table .price-box {
  text-align: right;
}

/* -------------------------------------------- *
 * Catalog - Product Options
 */
.product-options {
  width: 100%;
  margin: 10px 0 0;
  padding: 10px 15px 15px;
  border-bottom: 1px solid #E1E1E1;
  clear: both;
  position: relative;
}

.product-options p.required {
  position: absolute;
  top: 6px;
  right: 15px;
  text-align: right;
}

@media only screen and (max-width: 979px) {
  .product-view .product-options .required {
    position: static;
  }
}
.product-options dt {
  /*margin: 10px 0 3px;*/
  /*font-weight: 400;*/
  margin: 10px 10px 3px 0;
  font-weight: 400;
  float: left;
  clear: left;
  min-width: 16%;
}

.product-options dt:first-child {
  margin-top: 0;
}

.product-options dd .qty-holder {
  display: block;
  padding: 10px 0 0 0;
}

.product-options dd .qty-holder .qty {
  width: 3em;
}

.product-options dd .qty-holder label {
  vertical-align: middle;
}

.product-options dd .qty-disabled {
  background: none;
  border: 0;
  padding: 0 2px;
}

.product-options dd {
  padding: 0 0 10px 0;
  margin: 0 0 5px;
  /*border-bottom: 1px solid #ededed;*/
  float: left;
  clear: right;
}

.product-options dl.last dd.last {
  border-bottom: 0;
  padding-bottom: 5px;
  margin-bottom: 0;
}

.product-options dd .input-text {
  width: 98%;
}

.product-options dd .input-box {
  padding-top: 0;
}

.product-options dd input.datetime-picker {
  width: 150px;
}

.product-options dd .time-picker {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding: 2px 0;
  vertical-align: middle;
}

.product-options dd textarea {
  width: 98%;
  height: 8em;
}

.product-options dd select {
  width: 330px;
  max-width: 100%;
}

.product-options ul.options-list {
  margin-right: 5px;
}

.product-options ul.options-list li {
  line-height: 1.5;
  margin-bottom: 7px;
}

.product-options ul.options-list li:last-child {
  margin-bottom: 0;
}

.product-options ul.options-list .radio,
.product-options ul.options-list .checkbox {
  float: left;
  margin-top: 5px;
}

.product-options ul.options-list .label {
  display: block;
}

.product-options ul.options-list label {
  font-weight: 400;
}

.product-options p.note {
  margin: 0;
  font-size: 11px;
}

.product-options-bottom {
  /*background-color: #f4f4f4;*/
  /*padding: 15px 20px;*/
  /*border: 1px solid #cccccc;*/
  /*border-top: 0;*/
  /*margin-bottom: 10px;*/
  padding: 15px 20px;
  border-top: 0;
  margin-bottom: 10px;
}

.product-options-bottom:after {
  content: '';
  display: table;
  clear: both;
}

.product-options-bottom .product-pricing,
.product-options-bottom .tier-prices {
  float: right;
  margin: 0;
  padding: 0 0 10px;
  border: 0;
  background: 0;
  color: #636363;
}
@media only screen and (max-width: 1199px) {
  .product-options-bottom .product-pricing,
  .product-options-bottom .tier-prices {
    float: none;
    width: 100%;
    text-align: right;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #cccccc;
  }
}

.product-options-bottom .tier-prices li {
  background: 0;
  padding: 2px 0;
}

.product-options-bottom .tier-prices .price,
.product-options-bottom .tier-prices .benefit {
  color: #636363;
}

/* "display: none" should be removed if products on site have a long list of product options and those product options */
/*  affect the price so that the customer can see the updated price close to the "Add to Cart" button */
.product-options-bottom .price-box {
  display: none;
  float: right;
  margin: 0 0 10px;
  padding: 0;
}

@media only screen and (max-width: 479px) {
  .product-options-bottom .price-box .price-as-configured {
    text-align: right;
  }
  .product-options-bottom .price-box .price-as-configured .price-label {
    display: block;
  }
}
.product-options-bottom .price-tax {
  float: left;
}

/* -------------------------------------------- *
 * Related Products
 */
/* Block: Related */
.block-related li {
  margin-bottom: 7px;
}
.block-related .block-title {
  border: none;
}
.block-related .block-title h2 {
  margin: 0;
  margin-bottom: 0.5em;
  color: #636363;
  font-family: 'db_heaventregular';
  font-size: 24px;
  font-weight: 500;
  font-style: normal;
  line-height: 1.2;
  text-rendering: optimizeLegibility;

  margin-bottom: 0;
}
.block-related .block-subtitle {
  margin-bottom: 7px;
}
.block-related .product {
  margin-left: 20px;
  position: relative;
}

.block-related .product-details {
  margin-left: 90px;
}
.block-related .product-name {
  margin-bottom: 3px;
}
.block-related .product-details .price-box {
  margin: 2px 0 3px;
}
.block-related .product-details .price-box a,
.block-related .product-details .price-box p,
.block-related .product-details .price-box span {
  float: left;
  margin-left: 3px;
}
.block-related .product-details .price-box a:first-child,
.block-related .product-details .price-box p:first-child,
.block-related .product-details .price-box span:first-child {
  margin-left: 0;
  font-size: 16px;
  padding-right: 5px;
  padding-left: 5px;
}
.block-related .product-details .price-box:after {
  content: '';
  display: table;
  clear: both;
}


/* -------------------------------------------- *
 * Upsell Products
 */
.box-up-sell {
  margin-top: 20px;
}
.box-up-sell .ratings {
  display: none;
}

/* ============================================ *
 * Catalog - MSRP MAP Popup
 * ============================================ */
.cart-msrp-totals {
  color: red;
  font-size: 12px !important;
  font-weight: 500;
  margin: 10px 10px 0;
  padding: 10px;
  text-align: right;

}

.map-cart-sidebar-total {
  color: red;
  display: block;
  font-size: 10px;
  font-weight: 500;
  text-align: left;
  padding: 2px 5px;
}

.map-popup {
  background: #FFFFFF;
  border: 5px solid #cccccc;
  margin: 12px 0 0;
  position: absolute;
  text-align: left;
  width: 450px;
  z-index: 100;
}
@media only screen and (min-width: 801px) {
  .map-popup.map-popup-right {
    left: 10px !important;
  }
  .map-popup.map-popup-left {
    left: auto !important;
    right: 10px !important;
  }
}
@media only screen and (max-width: 800px) {
  .map-popup {
    width: 100%;
    left: 0px !important;
  }
}
.map-popup .map-popup-heading {
  padding: 8px 10px;
  margin-right: 40px;
  width: auto;
}
.map-popup .map-popup-heading h3 {
  font-size: 20px;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: break-word;
  text-align: left;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 479px) {
  .map-popup .map-popup-heading h3 {
    text-align: center;
  }
}
.map-popup .map-popup-close {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 36px;
  width: 36px;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
}
.map-popup .map-popup-content {
  border-top: 1px solid #ededed;
  padding: 10px;
  margin: 0 10px;
  overflow: hidden;
  text-align: left;
}
@media only screen and (max-width: 479px) {
  .map-popup .map-popup-content {
    text-align: center;
  }
}
.map-popup .map-popup-checkout {
  padding: 10px 0;
}
.map-popup .map-popup-checkout form:after {
  content: '';
  display: table;
  clear: both;
}
.map-popup .map-popup-checkout span {
  display: block;
}
.map-popup .map-popup-checkout .button {
  float: left;
  margin: 0 2px;
  clear: left;
}
.map-popup .map-popup-checkout .additional-addtocart-box {
  float: left;
  min-width: 210px;
}
.map-popup .map-popup-checkout .additional-addtocart-box li {
  list-style-type: none;
}
.map-popup .map-popup-checkout .paypal-logo {
  width: auto;
}
.map-popup .map-popup-checkout .paypal-logo a {
  display: inline-block;
  float: left;
  clear: left;
}
.map-popup .map-popup-checkout .paypal-logo .paypal-or {
  float: left;
  text-align: center;
  padding: 5px 15px;
  clear: left;
}
.map-popup .map-popup-checkout .paypal-logo:after {
  content: '';
  display: table;
  clear: both;
}
.map-popup .map-popup-checkout .paypal-logo .bml_button a {
  clear: left;
}
@media only screen and (max-width: 479px) {
  .map-popup .map-popup-checkout {
    text-align: center;
  }
  .map-popup .map-popup-checkout .button,
  .map-popup .map-popup-checkout .additional-addtocart-box,
  .map-popup .map-popup-checkout .paypal-logo a,
  .map-popup .map-popup-checkout .paypal-logo .paypal-or {
    float: none;
  }
  .map-popup .map-popup-checkout .additional-addtocart-box {
    min-width: 0px;
  }
  .map-popup .map-popup-checkout .paypal-logo .paypal-or {
    margin: 0px;
    margin-bottom: 10px;
  }
}
.map-popup .map-popup-checkout:after {
  content: '';
  display: table;
  clear: both;
}
.map-popup .map-popup-price {
  padding: 10px 0;
}
@media only screen and (max-width: 479px) {
  .map-popup .map-popup-price {
    text-align: center;
    padding-top: 0px;
  }
}
.map-popup .map-popup-price .price-box,
.map-popup .map-popup-price .price-box .special-price {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.map-popup .map-popup-price .price-box .minimal-price-link {
  display: inline-block;
}
.map-popup .map-popup-text {
  padding: 10px 0;
  margin: 0 10px;
  word-wrap: break-word;
}
.map-popup .map-popup-text,
.map-popup .map-popup-only-text {
  border-top: 1px solid #ededed;
}

/* ============================================ *
 * Catalog - MSRP Product Listing
 * ============================================ */
.price-box .map-link {
  display: block;
  text-align: center;
}

/* ============================================ *
 * Catalog - Compare
 * ============================================ */
.block-compare .product-name:after {
  content: '';
  display: table;
  clear: both;
}

.compare-table .product-image {
  display: inline-block;
}

.compare-table .product-shop-row.top td {
  padding-bottom: 0;
  border-bottom: 0;
}
.compare-table .product-shop-row.bottom td {
  padding-top: 0;
}

/* ============================================ *
 * Checkout - Layout
 * ============================================ */
.cart-table {
  float: left;
  width: 70%;
}
.full-width {
  width: 100%!important;
}
.cart .button {
  white-space: normal;
}
.cart .button.btn-proceed-checkout{
  width: 100%;
  line-height:35px;
  padding:0;
  /*font-size: 16px;*/
      border-radius: 6px;
}
.cart-wrapper-condition {
    float: left;
    width: 70%;
    /*font-size: 20px;*/
    font-weight: 400;
    border: dashed 1px #2f9ee5;
    padding: 20px;
}
.cart-wrapper-condition ul{
  list-style-type: circle;
      margin-left: 20px;
}

@media only screen and (max-width: 800px) {
  .cart-wrapper-condition {
      width: 100%;
  }
  .cart-forms {
      width: 100%!important;
      margin-top: 20px;
      margin-bottom: 20px;
  }

}
.cart-forms{
  float: right;
      width: 28%;
      border: dashed 1px #2f9ee5;
      padding: 20px;
}
.cart-totals-wrapper{
  float:right;
  width: 28%;
}
.cart-totals-wrapper thead th {
  background-color: transparent;
  padding: 15px 5px;
  border-top:solid 0px #000;
  border-bottom:solid 2px #2f9ee5;
  color:#2f9ee5;
  /*font-size: 16px;*/
  line-height:24px;
  font-family: 'db_heaventregular';
}


.crosssell {
  float: right;
  width: 100%;
}

.cart-totals,
.cart-forms .discount,
.cart-forms .giftcard,
.cart-forms .shipping {
  padding: 0;
  background-color: #fff;
  border: 0px solid #DADADA;
}

.cart-table,
.cart-totals,
.cart-forms .discount,
.cart-forms .giftcard,
.cart-forms .shipping {
  margin-bottom: 10px;
}

.cart-forms .discount h2{font-family: 'db_heaventregular';font-size:16px;margin-bottom:0;}
.cart-forms .discount .use-coupon{
    height: auto;
    line-height: 35px;
    padding: 0;
    text-align: center;
    width: 100%;
    font-size: 16px;
    /* float: left; */
    /* margin-left: 0px; */
  }
.checkout-cart-index #postcode {
  width: 100%;
}



.display-both-prices .cart-table {
  float: none;
  width: 100%;
}
.display-both-prices .cart-forms {
  float: left;
  padding-right: 10px;
  padding-left: 0;
}
.display-both-prices .cart-totals-wrapper,
.display-both-prices .crosssell {
  padding-left: 10px;
}
.display-both-prices .cart-forms,
.display-both-prices .cart-totals-wrapper,
.display-both-prices .crosssell {
  width: 50%;
}
.display-both-prices .crosssell {
  clear: right;
  float: right;
}
@media only screen and (max-width: 997px) {
  .home-cat-right li.big-image {
    height: auto;
  }
}
@media only screen and (max-width: 979px) {
  .header-content-right  .top-links {
    margin-right: 5px;
  }
  .box-header-search {
    width: 500px;
  }
  .display-single-price .cart-table {
    float: none;
    width: 100%;
  }
  .display-single-price .cart-forms {
    float: left;
    padding-right: 10px;
    padding-left: 0;
  }
  .display-single-price .cart-totals-wrapper,
  .display-single-price .crosssell {
    padding-left: 10px;
  }
  .display-single-price .cart-forms,
  .display-single-price .cart-totals-wrapper,
  .display-single-price .crosssell {
    width: 100%;
  }
  .display-single-price .crosssell {
    clear: right;
    float: right;
  }
}
@media only screen and (max-width: 940px) {
  .box-header-search {
    width: 50%;
  }
}
@media only screen and (max-width: 599px) {
  .product-cart-sku {
    display: none;
  }

  .display-both-prices .cart-forms,
  .display-both-prices .cart-totals-wrapper,
  .display-both-prices .crosssell,
  .display-single-price .cart-forms,
  .display-single-price .cart-totals-wrapper,
  .display-single-price .crosssell {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    float: none;
    width: 100%;
  }
}
.display-single-price:after {
  content: '';
  display: table;
  clear: both;
}

/* ============================================ *
 * Checkout - Cart
 * ============================================ */
.cart .page-title {
  margin-bottom: 15px;
}
.cart .page-title:after {
  content: '';
  display: table;
  clear: both;
}
.cart .page-title h1 {
  float: left;
  border-bottom: none;
  margin-bottom: 6px;
  margin-right: 10px;
}
.cart .page-title img {
  width: 100%;
}
.cart .page-title table {

  width: 60%;
  font-size: 20px;
  margin: auto;
  margin-top: 30px;
}
.cart .page-title table td.cart-step{
  background: url('../../images/cart_line_step_1.png') center no-repeat;
  background-size: contain;
      height: 30px;
}
.cart .page-title table td.cart-step-2{
  background: url('../../images/cart_line_step_2.png') center no-repeat;
  background-size: contain;
      height: 30px;
}
.cart .page-title table td.cart-step-3{
  background: url('../../images/cart_line_step_3.png') center no-repeat;
  background-size: contain;
      height: 30px;
}
.cart .page-title table td.cart-step-4{
  background: url('../../images/cart_line_step_4.png') center no-repeat;
  background-size: contain;
      height: 30px;
}

.cart .page-title table td.cart-step-mobile{
  background: url('../../images/cart_line_step_1_mobile.png') center no-repeat;
  background-size: contain;
      height: 30px;
}
.cart .page-title table.box-mobile {
    width: 100%;
    font-size: 20px;
    margin-left: 0;
    margin-top: 30px;
    /* background-color: #2f9ee5; */
    border-radius: 6px;
    color: #636363;
    margin-bottom: 20px;
    line-height: 17px;
}
.cart .page-title table.box-mobile img{
  width: 90%;
}

.checkout-types {
  float: right;
  text-align: right;
  width: 100%;
  /* We always want this shipping method to display on its own line */
}
.checkout-types li {
  vertical-align: top;
  margin: 0 0 5px 5px;
}
.checkout-types li:after {
  content: '';
  display: table;
  clear: both;
}
.checkout-types li img {
  display: inline;
  vertical-align: top;
}
.checkout-types li:first-child {
  margin-left: 0;
}
.checkout-types .method-checkout-cart-methods-multishipping {
  display: block;
}
.checkout-types.top li {
  display: inline-block;
}
.checkout-types.top .bml_button {
  display: inline-block;
  vertical-align: top;
}
.checkout-types.top .bml_button img {
  display: block;
}
.checkout-types.top .paypal-logo .paypal-or {
  margin-top: 5px;
}
.checkout-types.bottom .paypal-logo a, .checkout-types.minicart .paypal-logo a {
  display: block;
}
.checkout-types.bottom .paypal-or, .checkout-types.minicart .paypal-or {
  margin: 0px;
  display: block;
  text-align: center;
}

@media only screen and (min-width: 741px) {
  .checkout-types.bottom .paypal-or {
    text-align: right;
    padding-right: 70px;
  }
}
.cart-totals .checkout-types .btn-checkout {
  margin-bottom: 7px;
}

@media only screen and (max-width: 740px) {
  .checkout-types {
    float: none;
    text-align: center;
  }
  .checkout-types.bottom .paypal-or, .checkout-types.minicart .paypal-or {
    width: auto;
    float: none;
  }

  .checkout-types li {
    float: none;
    width: 100%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 599px) {
  .btn-checkout {
    width: 100%;
  }
}

.cart-table th,
.cart-table td,
.cart-table tbody td {
  border-bottom: none;
  vertical-align: top;
}
.cart-table h2 {
  color: #636363;
  /*font-size: 20px;*/
  font-weight: 500;
  margin-bottom: 0;
}
.cart-table thead th {
  background-color: transparent;
  padding: 15px 5px;
  border-top:dashed 0px #000;
  border-bottom:solid 2px #2f9ee5;
  color:#2f9ee5;
  /*font-size: 16px;*/
  line-height:24px;
  font-family: 'db_heaventregular';
}
.cart-table tbody td {
  border-bottom:dashed 1px #2f9ee5;
  padding: 16px 10px 15px 10px;
  vertical-align:middle;
  /*font-size: 20px;*/
  color:#767676;
  font-family: 'db_heaventregular';
}
.cart-table tr.cart-item-product-quote > td {
  padding:0px;
}

.cart-table tbody tr.even {
  background:#FBFBFB;
}
.cart-table tbody td.product-cart-image{
  padding-left:30px;
}

.cart-table .product-cart-info,
.cart-table .product-cart-actions {
  padding-left: 15px;
}
.product-cart-info-small{
  font-size: 20px;
  font-style: italic;
}
.cart-promotion-price {
  max-height: 24px;
  float: right;
  right: 0;
  position: relative;
  top: 0;
}
@media only screen and (max-width: 767px) {
  .cart-promotion-price {
    max-height: 22px;
    float: right;
    right: 50px;
    position: absolute;
    top: 0;
  }
}
.text-center{
  text-align: center;
}
.text-left{
  text-align: left;
}
.cart-table tfoot td{
  padding:20px 0;
}
.cart .button2{
  padding:10px;
  line-height:25px;
  background:#767676;
  color:#fff;
  font-family: 'db_heaventregular';
  font-size: 20px;
  text-transform:uppercase;
  min-width:170px;
}
.cart .button2:hover{
  color:#000;
}

.cart-table tfoot tr {
  background: none;
}
.cart-table tfoot tr > td:after {
  content: '';
  display: table;
  clear: both;
}

.cart-table .product-name a{
  font-size: 20px;
  line-height:24px;
  color: #636363;
}
.cart-table .product-name a:hover{
  color: #2f9ee5;
}
.cart-table span.or {
  font-size: 9px;
  padding: 0 5px;

  font-family: 'db_heaventregular';
}
.cart-table .product-cart-image .cart-links,
.cart-table .product-cart-info .btn-remove,
.cart-table .product-cart-actions .button {
  display: none;
}
.cart-table .product-cart-image {
  padding-left: 0;
  padding-right: 0;
}
.cart-table .product-cart-image .product-image {
  width:80px;
}
.cart-table .product-cart-image .product-image img {
  max-width: 100%;
}
.cart-table .product-cart-image a.cart-edit {
  display: none;
}
.cart-table .product-cart-sku {

  font-style: italic;
  font-size: 12px;
  margin: 5px 0 12px;
}
.cart-table .product-cart-sku .label {
  font-weight: 600;
}
.cart-table .btn-empty {
  float: left;
}
.cart-table .product-cart-total,
.cart-table .product-cart-price,
.cart-table .product-cart-discount {
  text-align: center;
}
.cart-price .price{
  font-size: 16px;
  /* font-family: 'PSL-EmpirePro'; */
  line-height: 30px;
  /* color: #EC0000; */
  font-weight: 400;
}
.mastercheckout-index-index #checkout-review-table-wrapper .cart-price .price{width: 100%; display: block;}

.cart-price .old-price .price{
  font-size:20px;
  /*font-family:'PSL-EmpirePro';*/
  font-family: 'db_heaventregular';
  line-height:30px;
  color:#000;
  text-decoration: line-through;
}

.product-cart-total .cart-price .price,
.cart-price .regular-price .price  {
  color:#000;
}
.cart-table .product-cart-price .price-box{
  display:inline-block;
}
.cart-table .product-cart-price .price-box .old-price{
  display:block;
  text-align:right;

}
.cart-table .product-cart-price .price-box .old-price  .price{
  color:#000;
  font-size: 20px;
  line-height:20px;
}

.cart-table .cart-tax-total {
  position: relative;
  cursor: pointer;
}
.cart-table .cart-tax-total:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #3399cc;
  border-left: none;
  position: absolute;
  top: 3px;
  right: -11px;
}
.cart-table .cart-tax-total.cart-tax-total-expanded:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-top: 6px solid #3399cc;
  border-bottom: none;
  right: -15px;
  top: 6px;
}
.cart-table .cart-links > li {
  white-space: nowrap;
  line-height: 1.3;
  margin-bottom: 5px;
  min-width: 65px;
  font-size: 20px;
}
.cart-table .cart-links > li > a {
  display: block;
}
.cart-table .cart-links > li:last-child {
  margin-bottom: 0;
}
.cart-table .product-cart-actions {
  min-width: 60px;
  text-align: center;
}
.cart-table .qtywrapper-update{
  display:inline-block;
}
#customer-group-table .qtywrapper-update {
  float:left;
}
.cart-table .product-cart-actions .qty {
  height: 36px;
  border-color: silver;
  border-radius: 0;
  margin-bottom: 0px;
  text-align: center;
  width: 40px;
  border-color:#E1E1E1;
}
.cart-table  .quantity_button{
  width:20px;
}
.cart-table  .quantity_button.decrease{
  border-right:0px;
}
.cart-table .quantity_button.increase{
  border-left:0px;
}

.cart-table .product-cart-actions .button {
  margin-bottom: 5px;
  width: 100%;
  padding: 7px 0;
}
.cart-table .item-options {
  padding-left: 15px;
}
.cart-table .btn-continue {
  background: url('../../images/continued_shop_btn.png') center no-repeat;
  background-size: contain;
  /*font-size: 20px;*/
  text-transform: none;
  padding-right: 45px;
  min-width: 186px;
min-height: 45px;
background-position-y: -4px;
}
.cart-table .btn-update {
  background: url('../../images/btn_calcart.png') center no-repeat;
  background-size: contain;
  font-size: 20px;
  text-transform: none;
  padding-right: 45px;
  min-width: 186px;
min-height: 45px;
background-position-y: -4px;
}


@media only screen and (max-width: 800px) {
  .cart-table th {
    font-size: 12px;
  }
  .cart-table th,
  .cart-table td {
    padding: 7px 6px;
  }
  .cart-table .product-cart-actions > li {
    white-space: inherit;
  }

  .cart-table .btn-continue, .cart-table .btn-update {
  width: 100%!important;
  font-size: 20px!important;
  min-width: 0px!important;
  padding: 35px 35px 6px 0!important;
  background-position-y: 0!important;
  }
}
@media only screen and (max-width: 699px) {
  .display-both-prices .cart-table thead th.cart-total-head,
  .display-both-prices .cart-table td.product-cart-total {
    display: none;
  }
}
@media only screen and (max-width: 599px) {
  .cart-table colgroup, .cart-table thead {
    display: none;
  }
  .cart-table tr {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
    width: 100%;
    background:#fff!important;
    border-bottom:solid 1px #F0F0F0;
  }
  .cart-table tbody td {
    border:none;
    }
  .cart-table tr:after {
    content: '';
    display: table;
    clear: both;
  }
  .cart-table tr:last-child {
    margin-bottom: 0;
  }
  .cart-table tfoot tr {
    padding-bottom: 0;
    border:none;
  }
  .cart-table td {
    border: none;
    display: block;
  }
  .cart-table td[data-rwd-label] {
    padding-left: 15px;
    margin-bottom: 6px;
  }
  .cart-table td[data-rwd-label] .price {
    font-weight: 400;
  }
  .cart-table td[data-rwd-label]:before {
    content: attr(data-rwd-label) "";
    font-size: 20px;
    font-family: 'db_heaventregular';
    padding-right: 5px;
    text-transform: capitalize;
    color:#767676;
    float:left;
    line-height:30px;
  }
  .cart-table td.product-cart-price:before{
    display:none;
  }
  .cart-table td.product-cart-price {
    text-align: left;
  }
  .cart-table h2 {
    font-size: 12px;
  }
  .cart-table .cart-links {
    padding-top: 5px;
    padding-right: 5px;
  }
  .cart-table .cart-links > li {
    white-space: normal;
    text-align: center;
  }
  .cart-table .cart-links > li > a {
    padding: 2px 0px;
  }
  .cart-table .cart-tax-info {
    font-style: italic;
    padding-left: 15px;
    font-size: 20px;
  }
  .cart-table .cart-tax-info .price {
    font-size: 20px;
  }
  .cart-table .product-cart-image {
    width: 25%;
    float: left;
    padding-bottom: 0;
    border:none;
  }
  .cart-table .product-cart-image a.cart-edit {
    display: block;
    font-size: 16px;
    text-align: center;

  }
  .cart-table .product-cart-info,
  .cart-table td[data-rwd-label] {
    float: right;
    width: 75%;
  }
  .cart-table .product-cart-actions,
  .cart-table .product-cart-price {
    padding-bottom: 0;
    padding-top: 0;
    float: right;
  }
  .cart-table .product-cart-remove,
  .cart-table .product-cart-total,
  .cart-table .product-cart-actions .cart-links {
    display: none;
  }
  .cart-table .product-cart-image .cart-links,
  .cart-table .product-cart-info .btn-remove {
    display: block;
  }
  .cart-table .product-cart-actions .button {
    display: none;
  }
  .cart-table .product-cart-info .btn-remove {
    float: right;
    margin: -4px 0px 2px 7px;
  }
  .cart-table .product-cart-info .product-cart-sku {
    margin-bottom: 5px;
  }
  .cart-table .product-cart-actions {
    text-align: left;
  }

  .cart-table .cart-footer-actions {
    text-align: center;
    width: 100%;
    padding-top:15px;
  }
  .cart-table .cart-footer-actions #empty_cart_button {
    float: right;
  }
  .cart-table .cart-footer-actions .btn-continue {
    float: left;
  }

  .cart-table .cart-footer-actions span.or {
    display: none;
  }

  .display-both-prices .cart-table td[data-rwd-tax-label]:before {
    content: attr(data-rwd-tax-label) ":";
  }
  /* shopping cart */
  .cart .page-title {
    border-bottom: solid 1px #F0F0F0;
  }
  .cart .page-title h1{
    padding-left: 50px;
    background: url(../../skin/frontend/gibthai/default/images/icons.png) no-repeat -65px -289px;
    line-height: 33px;
    font-size: 30px;
    color: #000;
    margin:0px;
  }
  .cart-table.cart-table-checkout .product-cart-discount,
  .cart-table.cart-table-checkout .product-cart-total{
    display:none;
  }
  .cart-table.cart-table-checkout tbody tr{
    position:relative;
    /*padding:14px 0 14px 40px;*/

  }
  .cart-table.cart-table-checkout tbody tr td{
    padding:0px;
    width:100%;
  }
  .cart-table.cart-table-checkout .product-cart-image{
    width:79px;
    position:absolute;
    top:22px;
    left:0px;
  }

  .cart-table.cart-table-checkout .product-cart-info .btn-remove{
    position:absolute;
    margin:0px;
    top: 2%;
    right: 0px;
    width:22px;
    height:22px;
    background-size:100% auto;
  }
  .cart-table.cart-table-checkout .product-cart-price {
    float:right;
    padding:0px;
    width:auto;
    margin:0px;
  }
  .cart-table.cart-table-checkout .product-cart-price .price-box{
    margin:0px;
    float:right;
  }
  .cart-table.cart-table-checkout .product-cart-price .regular-price{
    margin-top:10px;
  }
  .cart-table.cart-table-checkout .product-cart-actions{
    float:left;
    width:auto;
    margin: 7px 0 0;
  }
  .cart-table .cart-footer-actions button {
    float: left;
    width: 49%;
    font-size: 20px;
    min-width: 0px;
    padding: 10px 5px;
  }
  .cart-table .cart-footer-actions .btn-update{
    width:100%;
    margin-bottom:10px;
  }
  #discount-coupon-form .button-wrapper > button,
  .cart .giftcard .button-wrapper > button {
    width: 100%;
    background: #434343;
  }
  .cart .cart-totals table tfoot td {
    color:#000;
  }
  .cart .checkout-actions {
    width:100%;
  }
  .cart .note-removeitem {
    float:left;
    width:100%;
    margin-bottom:15px;
  }
  .cart .note-removeitem span {
    padding-left:25px;
    background: url(../../skin/frontend/gibthai/default/images/exit.png) no-repeat left center;
    background-size:16px auto;
    color:red;
    float:left;
    line-height:18px;
    font-size: 20px;
    font-family: 'db_heaventregular';
  }

}
/* ============================================ *
 * Checkout - Estimate Shipping and Tax
 * ============================================ */
.shipping h2 {
  font-size: 12px;
  font-weight: 500;
  margin: 0 0 5px;
}
.shipping select {
  max-width: 100%;
  height: 30px;
  display: block;
  border: 1px solid silver;
}
.shipping select.validation-failed {
  border-color: #df280a;
}
.shipping .shipping-desc {
  display: none;
}
.shipping .buttons-set {
  border: none;
  margin: 0;
  padding: 0;
}
.shipping .form-list:after {
  content: '';
  display: table;
  clear: both;
}
.shipping .form-list li {
  float: left;
  margin: 5px 2% 10px 0;
}
.shipping .form-list .shipping-country {
  width: 37%;
}
.shipping .form-list .shipping-region {
  width: 41%;
}
.shipping .form-list .shipping-postcode {
  margin-right: 0;
  width: 18%;
}
.shipping .form-list .shipping-postcode input {
  margin-top: 4px;
}
.shipping .form-list .input-box {
  padding-top: 0;
}
.shipping .form-list input {
  height: 30px;
  margin-top: 4px;
}
.shipping .form-list label {
  font-family: 'db_heaventregular';
  font-size: 20px;
  font-weight: 500;

  white-space: nowrap;
}
.shipping .sp-methods {
  padding: 10px 0 0;
  text-align: left;
}
.shipping .sp-methods dd {
  margin-bottom: 10px;
}
.shipping .sp-methods label {
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 12px;
  font-style: italic;
  min-width: 100px;
}
.shipping .sp-methods label span {
  font-family: 'db_heaventregular';
  font-weight: 500;
  font-style: normal;
}
.shipping #co-shipping-method-form .buttons-set .button {
  float: left;
  margin-left: 0;
}
.shipping #co-shipping-method-form .sp-methods dd label {
  border: 1px solid #cccccc;
  background-color: #ececec;
  min-width: 220px;
}
.shipping #co-shipping-method-form .sp-methods dd label:hover {
  background-color: #dbdbdb;
}

@media only screen and (max-width: 800px) {
  .shipping .shipping-form .form-list > li {
    width: 100%;
    float: none;
  }
  .shipping .shipping-form .form-list > li label {
    display: block;
  }
  .shipping .shipping-form .form-list > li input,
  .shipping .shipping-form .form-list > li select {
    width: 100%;
  }
}
.cart .cart-totals {
  text-align: right;
  border:solid 0px #2f9ee5;
}
.cart .cart-totals:after {
  content: '';
  display: table;
  clear: both;
}
.cart .cart-totals table {
  margin-bottom: 20px;
      /*font-size: 16px;*/
      width: 100%;
      color: #636363;
      font-weight: 400;
}
.cart .cart-totals table td {
  padding: 2px 0px;
}
.cart .cart-totals table td:first-child {
  padding-right: 10px;
  min-width: 120px;
  text-align:left;

}
.cart .cart-totals table tbody tr:last-child td,
.cart .cart-totals table tbody tr:last-child th {
  padding-bottom: 10px;
}
.cart .cart-totals table tfoot {
  border-top: 1px dashed #2f9ee5;
  border-bottom: 1px dashed #2f9ee5;
}
.cart .cart-totals table tfoot td {

  padding: 5px 0px;
  vertical-align: top;

}
.cart .cart-totals table tfoot strong span,
.cart .cart-totals table tfoot span.price {

}
.cart .cart-totals table tfoot strong {
  font-weight: 500;
}
.cart .checkout-agreements,
.cart #checkout-agreements  {
  float:left;
  width:100%;
  }
.cart .checkout-actions{
  float:right;
  width: 100%;
}
.cart .checkout-types{
  clear:both;
  width: 100%;
}
.cart .button-back {
  float:left;
  clear:both;
  border:none;
  background:none;
  font-size: 20px;
  color:#000;
  font-family: 'db_heaventregular';
}
.cart .button-back:hover{
  color:#2f9ee5;
}
.cart .button-back small{

  font-size:11px;
}

@media only screen and (max-width: 600px) {
  .cart-totals {
    text-align: right;
  }
}
@media only screen and (max-width: 800px) {
  .cart .cart-totals table tfoot td {
    font-size: 20px;
  }
}
.discount-form:after,
#giftcard-form:after {
  content: '';
  display: table;
  clear: both;
}

#discount-coupon-form,
.cart .giftcard {
  width: 100%;
  font-family: 'db_heaventregular';
  font-size: 20px;
}
#discount-coupon-form h2,
.cart .giftcard h2 {
  color:#000;
  font-size:26px;
  font-family: 'db_heaventregular';
  margin:0px;
}

#discount-coupon-form label,
.cart .giftcard label {
  color:#5D5D5D;
  font-size:20px;
  display:block;
}
#discount-coupon-form .field-wrapper,
.cart .giftcard .field-wrapper {
  display: inline-block;
  width:100%;
}
#discount-coupon-form .validation-advice,
.cart .giftcard .validation-advice {
  display: inline;
}
#discount-coupon-form .button-wrapper,
.cart .giftcard .button-wrapper {
  display: inline-block;
  vertical-align: bottom;
  width:100%;
}
#discount-coupon-form .button-wrapper > button,
.cart .giftcard .button-wrapper > button {
  float: left;
  margin: 10px 0 5px;
}
#discount-coupon-form .button-wrapper > button.cancel-coupon{
  margin-left:5px;
}
#discount-coupon-form .input-text,
.cart .giftcard .input-text {
  border-radius: 0;
  height: 40px;
  margin: 2px 0;
  width: 100%;
  border-color:#DADADA;

}

.cart .giftcard p {
  margin-bottom: 7px;
}

.cart .giftcard .check-gc-status {
  float: left;
  padding: 0px;
}
.cart .giftcard .check-gc-status > span > span {
  font-size: 20px;
  text-transform: none;
}

/* ============================================ *
 * Checkout - Cart Cross sell
 * ============================================ */
.crosssell h2 {
  color: #3399cc;
}
.crosssell .item a.product-image {
  width: auto;
  float: left;
}

/* Change the layout to 2 columns at a breakpoint that is higher than a 3 columns layout would normally break */
@media only screen and (max-width: 979px) {
  .crosssell {
    /* Undo three-column config */
  }
  .crosssell .products-grid > li:nth-child(even),
  .crosssell .products-grid > li:nth-child(3n),
  .crosssell .products-grid > li {
    width: 47.72727%;
    margin-right: 4.54545%;
  }
  .crosssell .products-grid > li:nth-child(odd) {
    clear: left;
  }
  .crosssell .products-grid > li:nth-child(even) {
    margin-right: 0;
  }
  .crosssell .products-grid > li:nth-child(3n+1) {
    clear: none;
  }
}
@media only screen and (max-width: 599px) {
  .cart-table .cart-tax-total:after {
    right: -9px;
  }
  .cart-table .cart-tax-total.cart-tax-total-expanded:after {
    right: -13px;
  }
}
@media only screen and (max-width: 320px) {
  .crosssell ul .item {
    padding: 0 0px 40px;
  }
  .crosssell ul .product-details .crosssell-actions {
    padding: 0 5px;
  }
}
/* ============================================ *
 * Checkout - One Page
 * ============================================ */
.checkout-onepage-index .col-right,
.checkout-onepage-index .col-left {
  display: none;
}

.checkout-onepage-index .col-main {
  width: auto;
  float: none;
}

@media only screen and (min-width: 980px) {
  .checkout-onepage-index .col-main {
    float: left;
    width: 68.75%;
    padding-right: 20px;
  }
  .checkout-onepage-index .col-right,
  .checkout-onepage-index .col-left {
    width: 31.25%;
    display: block;
  }
  .checkout-onepage-index .col-right {
    padding-left: 0;
  }
}
.opc select {
  width: 365px;
}

/* -------------------------------------------- *
 * Section Styling - Default
 */
.opc .section .step-title {
  width: 100%;
  border-top: 1px solid #ececec;
  position: relative;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.opc .section .step-title:after {
  content: '';
  display: table;
  clear: both;
}

.opc .section.allow:not(.active) .step-title {
  cursor: pointer;
}

/* Using .no-touch since touch devices emulate hover, thereby making steps look active that are not */
.no-touch .opc .section.allow:not(.active) .step-title:hover {
  background-color: #f4f4f4;
}

.opc .section.active .step-title {
  border-bottom: 1px solid #ececec;
}

.opc .section .step-title a {
  display: none;
}

.opc .section.allow:not(.active) .step-title a {
  display: block;
  float: right;
  line-height: 40px;
  height: 40px;
  padding: 0px 10px;
}

.no-touch .opc .section .step-title a:hover {
  text-decoration: none;
}

.opc .section .step-title .number,
.opc .section.allow.active .step-title .number,
.no-touch .opc .section.allow:hover .step-title .number {
  width: 26px;
  height: 26px;
  text-align: center;
  color: #FFFFFF;
  line-height: 26px;
  background-color: #3399cc;
  display: block;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -13px;
}

.opc .section.allow .step-title .number {
  background-color: #99cce5;
}

.opc .section.allow .step-title h2 {
  color: #a0a0a0;
}

.opc .section.allow .step-title:hover h2,
.opc .section.active .step-title h2 {
  color: #3399cc;
}

.opc .section .step-title h2 {
  font-size: 16px;
  font-weight: 500;
  line-height: 40px;
  height: 40px;
  float: left;
  margin: 0px 4px 0px 45px;
}

.opc .section .step {
  padding: 20px;
}
.opc .section .step:after {
  content: '';
  display: table;
  clear: both;
}
@media only screen and (max-width: 979px) {
  .opc .section .step {
    padding: 10px;
  }
}

.opc select {
  max-width: 365px;
  width: 100%;
}

.opc h3 {
  font-weight: 500;
}

.opc .buttons-set {
  text-align: left;
}
.opc .buttons-set button.button {
  float: left;
  margin-left: 0;
  margin-right: 10px;
  margin-bottom: 0;
}
.opc .buttons-set p.required {
  float: right;
  margin-left: 5px;
  margin-bottom: 0;
}
.opc .buttons-set .back-link {
  float: right;
  margin: 0;
}
.opc .buttons-set a {
  line-height: 20px;
  display: inline-block;
  padding: 5px 5px 5px 0;
}

@media only screen and (max-width: 479px) {
  .opc .buttons-set .button + .buttons-set .button,
  .paypal-express-review .buttons-set .button + .buttons-set .button {
    margin-left: 0;
  }
}
.opc #opc-login .step {
  padding: 0px;
}
.opc #opc-login .buttons-set {
  border-top: 0;
  padding-top: 5px;
}

@media only screen and (max-width: 800px) {
  .opc #opc-login .description,
  .opc #opc-login p.required {
    display: none;
  }
}
#opc-payment .note {
  padding: 10px;
}

/* -------------------------------------------- *
 * This section hides everything but the "Checkout Method" step of the checkout process and fades in the content
 * once the customer progresses to the next step. The purpose of this is to simplify what the customer has to focus on.
 * It is limited to larger viewports since smaller devices are inherently going to be focused solely on the
 * "Checkout Method" step.
 */
.opc.opc-firststep-login .section:not(#opc-login) .step-title,
.opc-block-progress-step-login {
  -webkit-transition: opacity 300ms linear;
  -webkit-transition-delay: 0;
  -moz-transition: opacity 300ms linear 0;
  -o-transition: opacity 300ms linear 0;
  transition: opacity 300ms linear 0;
}

.opc.opc-firststep-login .section#opc-login .step-title .number {
  -webkit-transition: width 80ms linear;
  -webkit-transition-delay: 0;
  -moz-transition: width 80ms linear 0;
  -o-transition: width 80ms linear 0;
  transition: width 80ms linear 0;
}

.opc.opc-firststep-login .section#opc-login .step-title h2 {
  -webkit-transition: margin-left 80ms linear;
  -webkit-transition-delay: 0;
  -moz-transition: margin-left 80ms linear 0;
  -o-transition: margin-left 80ms linear 0;
  transition: margin-left 80ms linear 0;
}

/* When a user progresses from the "Checkout Method" to "Billing Information" for the first time, the              */
/* "opc-has-progressed-from-login" class gets added to the body. Also, the .opc element will only have the         */
/* "opc-firststep-login" class if the first step of the checkout is the "Checkout Method" (eg, not when logged in) */
body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section:not(#opc-login) .step-title/* ,
body:not(.opc-has-progressed-from-login) .opc-block-progress-step-login */ {
  opacity: 0;
}

body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title .number {
  width: 0px;
  overflow: hidden;
}

body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title h2 {
  margin-left: 0px;
}

/* -------------------------------------------- *
 * Shipping and Payment methods
 */
.sp-methods {
  margin: 0 0 8px;
}
.sp-methods dt {
  margin: 13px 0 5px;
  font-weight: 500;
}
.sp-methods dt:first-child {
  margin: 0 0 5px;
}
.sp-methods dd li {
  margin: 5px 0;
}
.sp-methods label img {
  float: left;
}
.sp-methods label a {
  margin-top: 6px;
  float: right;
  margin-left: 10px;
}
.sp-methods .price {
  font-weight: 500;
}
.sp-methods .form-list {
  /* padding-left: 20px; */
}
.sp-methods .form-list li {
  margin: 0 0 8px;
}
.sp-methods select.month {
  width: 120px;
  margin-right: 10px;
}
.sp-methods select.year {
  width: 96px;
}
.sp-methods input.cvv {
  width: 4em !important;
}
.sp-methods #advice-validate-cc-exp-ccsave_expiration {
  max-width: 130px;
}
.sp-methods .checkmo-list li {
  margin: 0 0 5px;
  content: '';
  display: table;
  clear: both;
}
.sp-methods .checkmo-list label {
  width: 165px;
  padding-right: 15px;
  text-align: right;
  float: left;
}
.sp-methods .checkmo-list address {
  float: left;
}
@media only screen and (max-width: 479px) {
  .sp-methods .checkmo-list {
    padding-left: 0;
  }
  .sp-methods .checkmo-list label {
    width: 135px;
  }
}
.sp-methods .release-amounts {
  margin: 0.5em 0;
}
.sp-methods .release-amounts button {
  float: left;
  margin: 5px 10px 0 0;
}

/* One Page Checkout */
.block-progress {
  border: 0;
  margin: 0;
  padding-left: 20px;
  font-family: 'db_heaventregular';
}
.block-progress .block-title  {
  margin-bottom:20px;
}
.block-progress .block-title strong {
  font-size:20px;
  line-height:24px;
}

.block-progress .block-content {
  font-size: 20px;
}
.block-progress dt {
  padding:10px;
  margin-bottom:5px;
  background:#E6E6E6;
  line-height:26px;
  color:#fff;
  font-size:24px;
}
.block-progress dt.complete {
  background:#2f9ee5;
}
.block-progress dd {
  padding-left: 15px;
  margin-bottom: 10px;
}
.block-progress dd address {
  color:#767676;
  font-size:20px;
  line-height:24px;
}
.block-progress #payment-progress-opcheckout .subtitle {
  margin-bottom: 3px;
}
.block-progress .payment-info dt {
  padding: 0;
  margin: 0 0 3px 0;
  color: #636363;
  font-family: Georgia, Times, "Times New Roman", serif;
  text-transform: none;
  font-style: italic;
  float: left;
  clear: both;
  font-size: 20px;
}
.block-progress .payment-info dt:after {
  content: ': ';
}
.block-progress .payment-info dd {
  float: left;
  margin-bottom: 3px;
  font-size: 20px;
}
.block-progress .payment-info:after {
  content: '';
  display: table;
  clear: both;
}

/* review step */
#checkout-review-table .btn-remove img {
  display: none;
}

#checkout-review-table-wrapper {
  clear: both;
}

#review-buttons-container {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}
#review-buttons-container .btn-checkout {
  min-width: 220px;
  background: #8DC63E;
  color: #fff;
  font-size: 26px;
  padding: 5px;
}
#review-buttons-container .please-wait {
  float: left;
  margin:0px;
}
#review-buttons-container .f-left {
  float: right;
}

@media only screen and (max-width: 599px) {
  .linearize-table-large.checkout-review-table thead tr:nth-child(1n+2) {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  .linearize-table.checkout-review-table thead tr:nth-child(1n+2) {
    display: none;
  }
}
/* show/hide "change" link for progress step depend on complete status
 * should be placed in .css file */
.opc-block-progress dt.complete a{
  float:right;
  padding-left:22px;
  background:url(../../skin/frontend/gibthai/default/images/edit.png) no-repeat left 2px;
  line-height:26px;
  color:#fff;
  display:block;
  font-size:20px;
}

.opc-block-progress dt a,
.opc-block-progress dt .separator {
  display: none;
}

/* On small screens, the progress review content will be moved to the review step via JS. Styled via this CSS: */
#checkout-step-review .opc-block-progress {
  border-left: none;
  padding-left: 0;
}
#checkout-step-review .opc-block-progress .block-title {
  display: none;
}
#checkout-step-review .opc-block-progress .block-content {
  display: block !important;
  padding: 0;
}
#checkout-step-review .opc-block-progress .block-content > dl > div {
  float: left;
  width: 50%;
}
@media only screen and (max-width: 479px) {
  #checkout-step-review .opc-block-progress .block-content > dl > div {
    float: none;
    width: auto;
  }
}
#checkout-step-review .opc-block-progress .block-content .changelink {
  display: none;
}

@media only screen and (max-width: 479px) {
  #checkout-review-table thead > tr > th {
    display: none;
  }
  #checkout-review-table thead > tr > th:first-child {
    display: block;
  }

  #checkout-review-table thead > tr > th:first-child {
    display: block;
  }
}
#checkout-step-review .centinel > p {
  margin-bottom: 10px;
}
#checkout-step-review .centinel iframe {
  width: 100%;
  min-height: 400px;
}

/* Gift options */
.gift-messages-form .item {
  content: '';
  display: table;
  clear: both;
  margin-top: 30px;
}
.gift-messages-form .item h5 {
  font-weight: 500;
}
.gift-messages-form .item .product-img-box {
  width: auto;
  float: left;
  padding-right: 15px;
}
.gift-messages-form .item .details {
  float: left;
}

.gift-message-form .inner-box > div {
  content: '';
  display: table;
  clear: both;
  width: 100%;
  margin-top: 15px;
  display: block;
}
.gift-message-form .inner-box > div.extra-options-container p {
  margin-bottom: 15px;
}
.gift-message-form .gift-wrapping-form label {
  margin-right: 10px;
}
.gift-message-form .gift-wrapping-form img {
  float: left;
}
.gift-message-form .gift-wrapping-form .gift-wrapping-design {
  height: 75px;
}
.gift-message-form .gift-wrapping-form .gift-wrapping-design:after {
  content: '';
  display: table;
  clear: both;
}
.gift-message-form .gift-wrapping-form .gift-wrapping-design .image-box {
  margin-right: 5px;
}
.gift-message-form .gift-item {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px #ececec;
}
.gift-message-form .gift-item:after {
  content: '';
  display: table;
  clear: both;
}
.gift-message-form .gift-item .product-img-box {
  width: 200px;
}
.gift-message-form .gift-item .product-img-box .product-image {
  width: 75px;
  margin-left: auto;
  margin-right: auto;
}
.gift-message-form .gift-item .product-img-box .product-name {
  display: block;
}
.gift-message-form .gift-item .fieldset {
  margin-left: 200px;
}

@media only screen and (max-width: 800px) {
  .gift-message-form .giftmessage-area {
    max-width: 100%;
  }
  .gift-message-form .gift-item .product-img-box {
    width: 100%;
    float: none;
  }
  .gift-message-form .gift-item .fieldset {
    margin-left: 0px;
  }
  .gift-message-form .gift-item .fieldset textarea {
    width: 100%;
  }
}
/* ============================================ *
 * Checkout - Success
 * ============================================ */
.checkout-onepage-success .col-main {
  padding: 0;
  text-align: center;
}
.checkout-onepage-success .checkout-success{
  font-family: 'db_heaventregular';
  font-size:24px;
  color:#000;
  padding-top:6%;
}
.checkout-onepage-success .checkout-success .sub-title{
  font-size:36px;
  font-family: 'db_heaventregular';
  color:#000;
}
.checkout-onepage-success .checkout-success  .checkout-success-content {
  width: 500px;
  margin: 0px auto 0;
  display: block;
  max-width:100%;
}
.checkout-onepage-success .checkout-success  .order-info{
  background: #F9F9F9;
  padding: 20px;
  float: left;
  width: 100%;
  border:none;
}
.checkout-onepage-success .checkout-success  .order-info dt,
.checkout-onepage-success .checkout-success  .order-info dd{
  width:50%;
  float:left;
  margin: 10px 0px;
  display:block!important;
}
.checkout-onepage-success .checkout-success  .order-info dt {
  text-align:right;
  padding-right:18px;
}
.checkout-onepage-success .checkout-success  .order-info dd{
  text-align:left;
  padding-left:18px;
  color: #2f9ee5;
}
.checkout-onepage-success .checkout-success  .order-info dd li {
  display:block;
  margin:0px;
}


.checkout-onepage-success .buttons-set {
  margin: 10px 0;
  text-align: center;
}
.checkout-onepage-success .buttons-set button {
    float: none;
    float: left;
    width: 49%;
    min-width: 0;
    margin-right: 2%;
}
.checkout-onepage-success .buttons-set button:nth-child(2n){
  margin-right:0px;
  background: #5D5D5D;
}

/* ============================================ *
 * Configurable Swatches
 * ============================================ */
/* Clears */
.clearfix{
    clear: both;
}
.clearfix:after,
.configurable-swatch-list:after,
.product-view .product-options .swatch-attr:after {
  content: '';
  display: table;
  clear: both;  clear: both;
}

/* General Swatch Styling */
.swatch-link,
.swatch-label {
  display: block;
  border-radius: 3px;
  font-size: 20px;
  text-align: center;
  color: #636363;
  text-decoration: none;
  box-sizing: content-box;
}

.swatch-link {
  border: 1px solid #cccccc;
  margin: 0 0 3px;
}
.swatch-link img {
  border-radius: 2px;
}
.swatch-link:hover {
  cursor: pointer;
  text-decoration: none;
}
.swatch-link .x {
  display: none;
  text-indent: -999em;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(../../skin/frontend/gibthai/default/images/bg_x.png) center no-repeat transparent;
  z-index: 10;
}
.swatch-link.has-image .swatch-label {
  position: relative;
}
.swatch-link.has-image img {
  position: absolute;
  top: 0;
  left: 0;
}

.swatch-label {
  border: 1px solid #fff;
  margin: 0;
  white-space: nowrap;
  background: #f4f4f4;
}

.configurable-swatch-list {
  margin-left: -3px;
  zoom: 1;
  clear: both;
  -webkit-transform: translateZ(0px);
}
.configurable-swatch-list li {
  float: left;
  zoom: 1;
  margin: 0 0 0 3px;
}
.products-grid .configurable-swatch-list li {
  display: inline-block;
  float: none;
  margin: 0;
  vertical-align: top;
}
.configurable-swatch-list .not-available .x {
  display: block;
}
.configurable-swatch-list .not-available .swatch-link {
  border-color: #ededed;
  position: relative;
}
.configurable-swatch-list .not-available .swatch-link.has-image img {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.configurable-swatch-list .not-available .swatch-label {
  color: #aaa;
  background: #fff;
}
.configurable-swatch-list .wide-swatch .swatch-label {
  padding: 0 6px;
}
.configurable-swatch-list .not-available a:focus {
  outline: 0;
}

#narrow-by-list dd .configurable-swatch-list li {
  margin: 0 0 0 3px;
  width: 47%;
}
#narrow-by-list dd .swatch-link {
  border: none;
  line-height: 25px;
  margin-right: 2px;
  text-align: left;
}
#narrow-by-list dd .swatch-link.has-image {
  line-height: inherit;
}
#narrow-by-list dd .swatch-link:hover .swatch-label {
  border-color: #3399cc;
}
#narrow-by-list dd .swatch-label {
  background: #f4f4f4;
  border: 1px solid #cccccc;
  border-radius: 3px;
  display: block;
  float: left;
  line-height: 1.5em;
  margin: 0 5px 0 0;
  padding: 1px 5px;
  white-space: nowrap;
}
#narrow-by-list dd .swatch-label img {
  border: 1px solid #fff;
  border-radius: 3px;
  box-sizing: content-box;
}
#narrow-by-list dd .has-image .swatch-label {
  padding: 0;
}

@media only screen and (max-width: 800px) {
  #narrow-by-list dd .configurable-swatch-list li:nth-child(odd) {
    clear: left;
  }
}
.currently .swatch-current {
  position: relative;
}
.currently .swatch-current .btn-remove {
  margin-top: -10px;
  position: absolute;
  right: 0;
  top: 50%;
}
.currently .swatch-current span {
  display: block;
  float: left;
}
.currently .swatch-link {
  display: inline-block;
  margin: 0 0 0 3px;
}
.currently .swatch-link:hover {
  border-color: #cccccc;
  cursor: default;
}

/* Other Swatch States */
.configurable-swatch-list .hover .swatch-link,
.configurable-swatch-list .selected .swatch-link,
.swatch-link:hover {
  border-color: #3399cc;
}

.configurable-swatch-box {
  background: none !important;
}
.configurable-swatch-box select.swatch-select {
  display: none;
}
.configurable-swatch-box .validation-advice {
  margin: 0 0 5px;
  background: #df280a;
  padding: 2px 5px !important;
  font-weight: 500;
  color: #fff !important;
  float: left;
  display: block;
  border-radius: 3px;
}

/* CUSTOM */
.availability.out-of-stock span {
  color: #fff;
}

.product-view .product-options .swatch-attr {
  float: none;
  display: block;
  clear: both;
  border: 0;
}
.product-view .product-options .swatch-attr label,
.product-view .product-options .swatch-attr .select-label {
  font-size: 12px;
}
.product-view .product-options .swatch-attr label {
  display: block;
  line-height: 1.3;
}
.product-view .product-options .swatch-attr .select-label {
  display: inline;
  font-weight: 400;
  color: #3399cc;
  padding-left: 5px;
}
.product-view .product-options dd .input-box {
  width: auto;
  height: auto;
}
.product-view .product-options .select-label {
  display: none;
}
.product-view .add-to-cart button.out-of-stock {
  background-position: -80px -362px;
  cursor: default;
}

/* ============================================ *
 * Customer
 * ============================================ */

.customer-account-login .col2-set .buttons-set {
  text-align: left;
  border-top: 0;
}
.customer-account-login .col2-set .buttons-set button,
.customer-account-login .col2-set .buttons-set .button {
  float: none;
  min-width: 50%;
  margin: 0;
}
.customer-account-login .col2-set .col-1 ul {
  list-style: disc;
  padding-left: 20px;
  margin: 10px 0 20px 0;
}
@media only screen and (min-width: 480px) {
  .customer-account-login .col2-set .col-1,
  .customer-account-login .col2-set .col-2 {
    padding-top: 0;
    margin-top: 20px;
  }
  .customer-account-login .col2-set .col-1 {
    padding-right: 20px;
  }
  .customer-account-login .col2-set .col-2 {
    padding-left: 20px;
    border-left: 1px solid #ededed;
  }
}
@media only screen and (min-width: 770px) {
  .customer-account-login .col2-set .col-1 {
    padding-right: 0;
  }
  .customer-account-login .col2-set .col-2 {
    padding-left: 60px;
    border-left: 1px solid #ededed;
  }
}
@media only screen and (max-width: 479px) {
  .customer-account-login .col2-set .col-1 {
    padding-bottom: 30px;
  }
  .customer-account-login .col2-set .col-2 {
    padding-top: 30px;
    border-top: 1px solid #ededed;
  }
}
@media only screen and (max-width: 800px) {
  .customer-account-login .col2-set p.required {
    display: none;
  }
}

.customer-account-create .scaffold-form label {
  display:block;
  margin-bottom:5px;
  color:#595959;
}

.opc #opc-login p:not(.required) {
  font-style: italic;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 20px;
  color: #a0a0a0;
}

.remember-me-box a.hide {
  display: none;
}
.remember-me-box .link-tip {
  font-size: 20px;
  padding-left: 10px;
}

.remember-me-popup {
  display: none;
  border: 1px solid #cccccc;
  padding: 10px;
  position: relative;
}
.remember-me-popup.show {
  display: block;
}
.remember-me-popup p {

}
.remember-me-popup .remember-me-popup-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  font-size: 12px;
}
.remember-me-popup .remember-me-popup-close-button {
  display: none;
}

.customer-account-create .buttons-set {
  max-width: 455px;
}
.customer-account-create .fieldset,
.customer-account-create .buttons-set,
.update-address .fieldset,
.update-address .buttons-set{
  margin-left: 30px;
  border:none;
}
.promotion-price {
  color: #FF0000;
  font-size: 20px;
}
.red{
  color: #FF0000;
}
.update-address em{color: #FF0000;}
@media only screen and (max-width: 479px) {
  .customer-account-create .fieldset,
  .customer-account-create .buttons-set {
    margin-left: 0;
  }
}
.customer-account-create .fieldset .hidden {
  display: none;
}
.customer-account-create #remember-me-popup {
  max-width: 455px;
}

.customer-account-forgotpassword .fieldset,
.customer-account-forgotpassword .buttons-set {
  margin-left: 30px;
  max-width: 400px;
}
@media only screen and (max-width: 479px) {
  .customer-account-forgotpassword .fieldset,
  .customer-account-forgotpassword .buttons-set {
    margin-left: 0;
  }
}

.customer-account-changeforgotten .page-title h1 {  margin-top: 42px;  margin-bottom: 0;}
.customer-account-forgotpassword #form-validate, .customer-account-changeforgotten #form-validate{ background:url(../../skin/frontend/gibthai/default/images/banner-forgot-password.jpg) no-repeat right bottom;}
.customer-account-forgotpassword .fieldset .input-box input.input-text{
  width: 100%;
  height:40px;
}
.customer-account-forgotpassword  .fieldset p.required {float:left;}
.customer-account-forgotpassword  .buttons-set {border:none;}
.customer-account-forgotpassword  .buttons-set .button {min-width:250px; float:left; clear:both;}
.customer-account-forgotpassword  .buttons-set .back-link {float:left; width:100%; }
.customer-account-forgotpassword  .buttons-set .back-link  a {color:#000; float:left; text-decoration:none;}
.customer-account-forgotpassword  .buttons-set .back-link  a:hover {color:#2f9ee5;}
/* ============================================ *
 * My Account Global Styles
 * ============================================ */
body.customer-account .my-account .page-title h1 {
  border: 0;
  text-align: left;
  font-size:30px;
  color:#000;
  border-bottom: solid 1px #E6E6E6;
}
.my-account .page-title.dashboard h1  {
  padding-left:43px;
  background: url(../../skin/frontend/gibthai/default/images/icon-myaccount.png) no-repeat -2px -2px;
}
.my-account .page-title.account-edit h1 {
  padding-left:43px;
  background: url(../../skin/frontend/gibthai/default/images/icon-myaccount.png) no-repeat -2px -64px;
}
.my-account .page-title.edit-address h1 {
  padding-left:43px;
  background: url(../../skin/frontend/gibthai/default/images/icon-myaccount.png) no-repeat -2px -125px;
}
.my-account .page-title.wishlist h1 {
  padding-left:43px;
  background: url(../../skin/frontend/gibthai/default/images/icon-myaccount.png) no-repeat -2px -245px;
}
.my-account .page-title.my-order h1 {
  padding-left:43px;
  background: url(../../skin/frontend/gibthai/default/images/icon-myaccount.png) no-repeat -2px -185px;
}
.my-account .page-title.my-order h2,
.my-shoppinglist .page-title h2{
  color:#C1C1C1;
  border:none;
}
.my-account .page-title.my-order h2 span,
.my-shoppinglist .page-title h2 >span {
  color:#000;
}
.my-shoppinglist .page-title h2 >span >span{
  color:#2f9ee5;
}

.my-shoppinglist .wishlist-info {width:100%; float:left}
.my-shoppinglist .wishlist-info h2 {width:80%; float:left}
.my-shoppinglist .wishlist-info .delete-button {width:20%; float:right}
.my-shoppinglist .wishlist-info .delete-button button.button {width:100%; background:#767676;}

body.customer-account .my-account .title-buttons {
  position: relative;
  text-align: right;
}
body.customer-account .my-account .title-buttons h1 {
  text-align: left;
}
body.customer-account .my-account .title-buttons .button {
  position: absolute;
  right: 0;
  top: 0;
}
body.customer-account .my-account .title-buttons a,
body.customer-account .my-account .title-buttons span.separator {
  position: relative;
  top: -42px;
}
body.customer-account .my-account .fieldset h2,
body.customer-account .my-account .addresses-list h2,
body.customer-account .my-account .order-details h2 {
  width: 100%;
  display: inline-block;
}
body.customer-account .my-account .addresses-list h2,
body.customer-account .my-account .addresses-list h3{
  font-family: 'db_heaventregular';
  color:#000;
  font-size:22px;
}

body.customer-account .my-account .fieldset {
  /* margin-top: 30px;
  margin-bottom: 30px; */
}
body.customer-account .data-table {
  margin-top: 5px;
}

body.customer-account .data-table span.nobr {
  white-space: normal;
}
body.customer-account .data-table span.nobr a {
  white-space: nowrap;
}
body.customer-account .data-table td.view a {
  display: block;
}
body.customer-account .data-table .separator {
  display: none;
}
body.customer-account .sidebar .block ol#compare-items li {
  margin: 10px 0;
}
body.customer-account .sidebar .block .block-content p.block-subtitle {
  margin-bottom: 15px;
}
body.customer-account .sidebar .block .block-content .actions {
  margin-top: 30px;
}
body.customer-account .sidebar ol#cart-sidebar-reorder li {
  margin-top: 10px;
  margin-bottom: 0;
}
body.customer-account .sidebar ol#cart-sidebar-reorder p.product-name {
  display: inline-block;
  margin-bottom: 0;
}
body.customer-account .sidebar .block-cart .summary {
  margin-bottom: 15px;
}
body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li {
  margin-top: 10px;
  margin-bottom: 0;
}
body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li input {
  margin-right: 10px;
}
body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder p.product-name {
  display: inline;
  margin-bottom: 0;
}

.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day {
  width: 40px;
  float: left;
  margin-right: 10px;
}
.form-list .customer-dob .dob-year {
  width: 80px;
  float: left;
}

/* ============================================ *
 * Dashboard
 * ============================================ */
.dashboard .box-head {
  margin-top: 30px;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 7px;
}
.dashboard .box-head h2 {
  font-size: 20px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 0;
}
.dashboard .box-head a {
  padding: 10px;
}
.dashboard .box-title a,
.dashboard .box-head a {

  font-size: 12px;
}
.box-account.box-info {
  float:left;
  width:49%;
  margin-right:2%;
}
.box-account.box-info + .box-account.box-info{
  margin-right:0px;
}
.box-account.box-info .box-title,
.box-account .box-head  {
  float:left;
  width:100%;
  font-family: 'db_heaventregular';
}
.box-account.box-info .box-title h3,
.box-account .box-head h2{
  font-size:24px;
  color:#000;
  float:left;
  line-height:32px;
}
.box-account.box-info .box-title h4,
.order-info-box .box-title h2 {
  font-size:20px;
  color:#000;
  float:left;
  line-height:32px;
}
.box-account.box-info .box-title a,
.my-account a.a-edit,
.my-account a.a-remove {
  float:right;
  color:#b5b5b5;
  font-size:20px;
  line-height:20px;
  padding:6px 0 6px 20px;
  background:url(../../skin/frontend/gibthai/default/images/edit2.png) no-repeat left 5px;
  text-transform:capitalize;
  clear:right;
}
.my-account a.a-remove  {
  background:url(../../skin/frontend/gibthai/default/images/remove2.png) no-repeat left 5px;
}


.box-account.box-info .box-title a:hover,
.my-account a.a-edit:hover{
  color:#2f9ee5;
}

.box-account.box-info .box-content,
.order-info-box .box-content,
.my-account .addresses-list .box-content{
  float:left;
  width:100%;
  /* background:#F8F8F8;
  padding:12px; */
  color:#252525;
  font-size:14px;
  line-height:22px;
  margin-bottom:30px;
}
.order-info-box .box-content {
  min-height:134px;
}

.button.new-address {background:#FFC832; float:right;}

.box-account .form-newsletter >p{
  color:#626262;
  margin-bottom:10px;
}
.box-account .form-newsletter label {
  float:left;
  color:#000;
}

.dashboard .box-account {
  margin-bottom: 45px;
}

.dashboard .col2-set .col-1,
.dashboard .col2-set .col-2 {
  padding-right: 12.09677%;
  padding-bottom: 0;
}
.dashboard .col2-set .col-1 .box-title,
.dashboard .col2-set .col-2 .box-title {
  position: relative;
  padding-bottom: 10px;
}
.dashboard .col2-set .col-1 .box-title h2,
.dashboard .col2-set .col-1 .box-title h3,
.dashboard .col2-set .col-2 .box-title h2,
.dashboard .col2-set .col-2 .box-title h3 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 0;
}
.dashboard .col2-set .col-1 .box-title a,
.dashboard .col2-set .col-2 .box-title a {
  line-height: 19.6px;
}
.dashboard .box-reviews.box-account {
  padding-bottom: 0;
}
.dashboard .box-reviews li {
  padding: 10px 0;
  border-top: 1px solid #ededed;
}
.dashboard .box-reviews li:first-child {
  border-top: 0;
}
.dashboard .box-reviews li .number {
  margin-right: -20px;
  float: left;
  line-height: 1.4;
  font-size: 20px;
}
.dashboard .box-reviews li .details {
  margin-left: 20px;
}
.dashboard .box-reviews li .details .ratings {
  content: '';
  display: table;
  clear: both;
  margin-bottom: 0;
}
.dashboard .box-reviews li .details .ratings strong {
  float: left;
  font-family: 'db_heaventregular';
  font-size: 20px;
  margin-right: 5px;
}
.dashboard .box-reviews li .details .ratings .rating-box {
  float: left;
  margin: 3px 0 0 0;
}

/* ============================================ *
 * Address Book
 * ============================================ */
.addresses-list.tab_content {
  display:none;
}
.addresses-tabs.tabs {
  float:left;
  width:100%;
  border-bottom:solid 1px #2f9ee5;
}

.addresses-tabs.tabs li {
  float:left;
  min-width:160px;
  background:#F5F5F5;
  text-align:center;
}
.addresses-tabs.tabs li.active{
  background:#2f9ee5;
  margin-right:5px;
}
.addresses-tabs.tabs li a {
  color:#252525;
  font-size:22px;
  font-family: 'db_heaventregular';
  line-height:30px;
  padding:5px;
  display:block;
  text-transform:uppercase;
  text-decoration:none;
}
.addresses-tabs.tabs li a:hover{
  text-decoration:none;
}
.addresses-tabs.tabs li.active a{
  color:#fff;
}
.my-account .addresses-list {

}
.my-account .addresses-list .col-1,
.my-account .addresses-list .col-2 {
  padding-bottom: 0;
}
.my-account .addresses-list .item {
  margin-bottom:15px;
  padding-bottom:15px;
  border-bottom:solid 1px #E6E6E6;
}
.my-account .addresses-list .addresses-primary .item  address#default_billing_address, .my-account .addresses-list .addresses-primary .item  address#default_shipping_address{
  background:#F8F8F8;
  padding:12px;
  border:1px solid #2f9ee5;
}
.my-account .addresses-list .addresses-additional .box-content{
  background:#F8F8F8;
  padding:12px;
}
.my-account .addresses-list .item:nth-last-child(1){
  border-bottom:none;
  padding-bottom:0px;
  margin-bottom:0px;
}
.my-account .addresses-list .item.box-content {
  border-bottom:0px;
  padding-bottom:12px;
}
.my-account .addresses-list .addresses-additional .item {
  position:relative;
}
.my-account .addresses-list .addresses-additional .item address{
  width: calc(100% - 65px);
}

.my-account .addresses-list .addresses-additional .item  .address-actions{
  position:absolute;
  top:12px;
  right:12px;
  font-family: 'db_heaventregular';
}
.my-account .addresses-list .addresses-additional .item  .address-actions a{
  clear:both;
  float:left;
}
.my-account .addresses-list .addresses-additional .btn-update-address {
  position: absolute;
  bottom: 20px;
  right: 10px;
}

.my-account .addresses-list .addresses-additional .ajaxload {
  position: absolute;
  bottom: 20px;
  right: 100px;
}
.setdefault {
  float:left;
  width:100%;
  padding-top:10px;
  margin-top:10px;
  border-top:solid 1px #E6E6E6;
  color:#2f9ee5;
}
.setdefault  li {
  float:left;
  width:100%;
}
.setdefault i.checkbox {
  margin-left:-20px;
}

.my-account .addresses-list .item p {
  margin-top: 10px;
}
@media only screen and (max-width: 800px) {
  .my-account .addresses-list .col-1,
  .my-account .addresses-list .col-2 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .my-account .addresses-list .col-1 li.empty,
  .my-account .addresses-list .col-2 li.empty {
    width: 100%;
  }
}
@media only screen and (max-width: 599px) {
  .my-account .addresses-list .addresses-additional p a {
    white-space: nowrap;
  }
}

.my-orders-list {float:left; width:100%;}
.my-orders-list .order-title {float:left; width:100%; padding:10px; position:relative; font-size:22px; color:#000; font-family: 'db_heaventregular'; line-height:26px; }
.my-orders-list li:nth-child(2n) .order-title  {background-color:#F5F5F5;}
.my-orders-list .order-title .loadding {position:absolute; top:47px; left:50%; transform:translate(-50%,-50%);}
.my-orders-list .history_order_label {float:left; width:26px; height:26px; margin-right:10px; cursor:pointer; background:url(../../skin/frontend/gibthai/default/images/order-show2.png) no-repeat 0px center; }
.my-orders-list  .history_order_label.show {  background:url(../../skin/frontend/gibthai/default/images/order-show.png) no-repeat 0px center; background-color:#fff; }

.my-orders-list .order-title .date-order {float:left; margin:5px 20px 5px 0px;}
.my-orders-list .order-title .order-number {float:left;  margin:5px 20px 5px 0px;  }
.my-orders-list .order-title .order-number span { float:left; margin-right:5px; text-transform:capitalize;}
.my-orders-list .order-title .order-number a {color:#2f9ee5; text-decoration:underline; font-weight:bold;}
.my-orders-list .order-title .order-number a:hover {text-decoration:none;}
.my-orders-list .order-title .status-order {float:right; color:#2f9ee5; text-transform:capitalize; border:solid 1px #2f9ee5; border-radius:5px; padding:5px 10px; line-height:24px;}

.my-orders-list .history_order_detail_content {
  float:left;
  width:100%;
  padding-left:45px;
  padding-bottom:10px;
}
#my-orders-table .td-productname{
  width:210px;
}
#my-orders-table  .td-qty strong {
  color:#000;
  font-size:30px;
  font-family: 'PSL-EmpirePro';
}
#my-orders-table  tfoot{
  border:solid 3px #2f9ee5;
}
#my-orders-table  tfoot td{
  padding:10px;
  color:#000;
}
#my-orders-table  tfoot tr.grand_total td{
  color:red;
}
.button-reorder {
  height:45px;
  min-width:250px;
  font-size:26px;
}
.my-orders-list .buttons-set {
  border:none;
}
.button-history{
  margin-left: 10px;
  font-size: 22px;
  float: right;
  text-transform: capitalize;
  border: solid 1px #2f9ee5;
  border-radius: 5px;
  padding: 5px 10px;
  line-height: 24px;
}
/* ============================================ *
 * Order View
 * ============================================ */
.order-info {
  padding-bottom: 10px;
  border-bottom: 1px solid #ededed;
  width: 100%;
  margin-bottom: 30px;
}
.order-info dt,
.order-info dd,
.order-info ul,
.order-info li {
  display: inline;
}
.order-info dt {
  margin-right: 20px;
}
.order-info li {
  margin: 0 0 0 20px;
}
.order-info li.current {
  font-weight: 600;
}
.order-info li:first-child {
  margin-left: 0;
}

.order-date {
  font-family: 'db_heaventregular';

}

.order-info-box {
  margin-bottom: 40px;
  margin-top: 20px;
}

.order-info-box .col-1 {
  padding-right: 0;
  width: 48%;
}
.order-info-box .col-2 {
  width: 52%;
}
.order-info-box .col-1,
.order-info-box .col-2 {
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
}
.order-info-box .box-title {
  float: left;
  width:100%;
  font-family: 'db_heaventregular';
}

.order-info-box .box-title h2:after {
  content: ':';
}

.order-info-box .box-content td,
.order-info-box .box-content th {
  font-family: Georgia, Times, "Times New Roman", serif;
  line-height: 1.3;
}
.order-info-box .box-content th {
  padding-top: 10px;
}
.order-info-box .box-content td {
  padding-left: 15px;
}
.order-info-box .box-content strong {
  font-family: 'db_heaventregular';
  font-weight: 400;

}

#my-orders-table .option-label {
  margin-left: 10px;
  font-weight: 600;
  font-style: italic;
}
#my-orders-table .option-value {
  margin-left: 20px;
}
#my-orders-table tr.bundle:not(:last-child) td {
  border-bottom: none;
  border-top: none;
}

ol#cart-sidebar-reorder li {
  margin-top: 10px;
  margin-bottom: 0;
}
ol#cart-sidebar-reorder li input {
  margin-right: 10px;
}
ol#cart-sidebar-reorder p.product-name {
  display: inline;
}

@media only screen and (max-width: 599px) {
  #my-orders-table .option-label {
    margin-left: 20px;
  }
  #my-orders-table .option-value {
    margin-left: 35px;
  }
  #my-orders-table td[data-rwd-label=Qty] .nobr br {
    display: none;
  }
  #my-orders-table td[data-rwd-label=Qty] .nobr strong {
    margin-right: 10px;
  }
  #my-orders-table tr.bundle {
    border-color: #ededed;
  }
  #my-orders-table tr.bundle.child td[data-rwd-label] {
    padding-left: 60px;
  }
  #my-orders-table tbody:last-child tr:last-child td {
    padding-bottom: 10px;
    border-bottom: 0;
  }
  #my-orders-table tbody:last-child tr:last-child td:last-child {
    padding-bottom: 15px;
  }
  #my-orders-table tfoot tr.shipping {
    margin-top: 0;
  }
}
.order-additional {
  margin: 40px 0;
}

.order-gift-message dd {
  margin-top: 10px;
}

@media only screen and (max-width: 1199px) {
  .dashboard .col2-set .col-1,
  .dashboard .col2-set .col-2 {
    padding-right: 30px;
    padding-bottom: 0;
  }

  body.customer-account .data-table td.view a {
    white-space: normal;
  }
}
@media only screen and (max-width: 979px) {
  body.customer-account .my-account .title-buttons {
    text-align: left;
  }
  body.customer-account .my-account .title-buttons span.separator,
  body.customer-account .my-account .title-buttons a {
    top: -12px;
  }
}
@media only screen and (max-width: 800px) {
  body.customer-account .data-table.orders th.ship,
  body.customer-account .data-table.orders td.ship,
  body.customer-account .data-table.orders td.status,
  body.customer-account .data-table.orders th.status {
    display: none;
  }

  .order-info-box .box-content {
    clear: left;
  }

  .addresses-list .item {
    float: left;
    width: 50%;
    padding-right: 30px;
  }

  .order-info dt {
    display: none;
  }

 /*  .dashboard .page-title {
    margin-top: 20px;
  } */
  .dashboard .page-title h1 {
    margin-top: 0;
  }
  .dashboard .welcome-msg {
    font-family: Georgia, Times, "Times New Roman", serif;
  }
  .dashboard .welcome-msg .hello {
    font-style: italic;
  }
  .dashboard .box-account {
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
  .dashboard .col2-set .col-1,
  .dashboard .col2-set .col-2 {
    width: 48%;
    padding-right: 0;
    padding-left: 0;
  }
  .dashboard .col2-set .col-1 {
    float: left;
    margin-right: 4%;
  }
  .dashboard .col2-set .col-2 {
    float: right;
  }
}
@media only screen and (max-width: 599px) {
  body.customer-account .my-account .form-list .control {
    padding-left: 0;
  }
}
@media only screen and (max-width: 479px) {

  body.customer-account .my-account .title-buttons {
    text-align: center;
  }
  body.customer-account .my-account .title-buttons .button {
    width: 100%;
    position: static;
    margin-bottom: 15px;
  }
  body.customer-account .my-account .title-buttons .button + .button {
    margin-left: 0px;
  }
  body.customer-account .my-account .fieldset h2 {
    margin-bottom: 15px;
  }
  body.customer-account .my-account .order-details h2 {
    margin-bottom: 15px;
  }
  body.customer-account .my-account .buttons-set {
    border-top: 0;
  }

  body.customer-account .my-account .addresses-list h2 {
    margin-bottom: 15px;
  }

  .order-info {
    margin-top: 15px;
  }

  .data-table.orders .link-reorder,
  .data-table.orders .date {
    display: none;
  }
  .data-table.orders td.view {
    text-align: right;
  }

  .dashboard .col2-set .col-1,
  .dashboard .col2-set .col-2 {
    width: 100%;
    margin-top: 15px;
  }

  .order-info-box {
    margin: 0;
  }
  .order-info-box .col-1,
  .order-info-box .col-2 {
    width: 100%;
    border-bottom: 1px solid #ededed;
    padding: 15px 0;
  }
  .order-info-box + .order-info-box {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 30px;
  }

  #my-reviews-table .nobr {
    white-space: normal;
  }
  .order-info-box .box-content {
    min-height:10px;
  }
}
/* ============================================ *
 * Newsletter Subscriptions
 * ============================================ */
body.newsletter-manage-index .my-account .fieldset {
  margin-bottom: 20px;
}
body.newsletter-manage-index .my-account .fieldset h2 {
  display: none;
}
body.newsletter-manage-index .my-account .form-list {
  border-top: 1px solid #ededed;
  padding-top: 10px;
}

/* ============================================ *
 * Contacts
 * ============================================ */
.contacts-index-index .buttons-set {
  margin-left: 30px;
  max-width: 435px;
}
.contacts-index-index .buttons-set p.required {
  float: left;
}
@media only screen and (max-width: 599px) {
  .contacts-index-index .buttons-set {
    max-width: 330px;
    margin-left: 0;
  }
  .contacts-index-index .buttons-set button {
    float: left;
    margin-left: 0px;
  }
  .contacts-index-index .buttons-set p.required {
    float: right;
  }
}
/* ============================================ *
 * Career
 * ============================================ */
.career-3n-logo {
  max-width: 200px;
      margin: auto;
}
.career-h1 {
  color: #2f9ee5;
  /*font-size: 25px;*/
  font-weight: 700;
  font-style: italic;
  margin-bottom: 20px;
}
#career-col-main p {
  /*font-size: 20px;*/
      line-height: 20px;
}
.padding-right-20 {
  padding-right: 20px;
  line-height: 20px;
}
.padding-right-40 {
  padding-right: 40px;
  line-height: 20px;
}
.padding-right-desktop-40{
  padding-right: 40px;
  line-height: 20px;
}
.career-all {
  line-height: 40px;
}
.career-all img {
  max-width: 42px;
}
@media only screen and (max-width: 992px) {
  .padding-right-desktop-40{
    padding-right: 0px;
    line-height: 20px;
  }
  .career-3n-logo {
    max-width: 160px;
  }
}

.accordion-career .ui-accordion-header {
    border: 1px solid #2f9ee5;
    background-color: #fff;
    padding-left: 54px!important;
    background: url('../../images/carrericon.png') left center no-repeat;
    background-size: contain;
    min-height: 46px;
    /*font-size: 20px!important;*/
}
.accordion-career .ui-state-hover, .accordion-career .ui-accordion-header-active  {
    background: #2f9ee5 url('../../images/carrericon.png') left center no-repeat;
    border: 1px solid #2f9ee5!important;
    padding-left: 54px!important;
    background-size: contain;
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -o-transition: background .2s linear;
    -ms-transition: background .2s linear;
    transition: background .2s linear;
}
.accordion-career .career-text-header {
  float: left;
}
.accordion-career .ui-state-hover .career-text-header {
  color: #fff;
}
.accordion-career .ui-accordion-header-active .career-text-header {
  color: #fff;
}
.accordion-career .ui-accordion-header-active .ui-icon-triangle-1-s {
  visibility: hidden;
}
.accordion-career .ui-accordion-content-active {
  background: #fff;
}
.accordion-career .ui-accordion-content {
  border: 0px solid #2f9ee5;
}
.accordion-career .ui-accordion-header .faq-text-header {
  float: left;
  width: auto;
}
.accordion-career .ui-accordion-header .ui-icon-triangle-1-e {
   background: none;
}
.career-btn {
  border: 2px solid #fff;
  color: #222222;
  background-color: #fff;
  padding: 10px 10px;
  font-family: 'IBM Plex Sans Thai', sans-serif!important;
  padding-right: 60px;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  margin: 0 10px;
}
.career-btn:hover {
  border: 2px solid #2f9ee5;
  background-color: #F5F5F5;
  border-radius: 3px;
  padding: 10px 10px;
  padding-right: 60px;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  margin: 0 20px;
}
.career-btn-print {
  background: url('../../images/carrer-print.png') right center no-repeat;
  background-size: 23%;
  background-position-x: 90%;
}
.career-btn-send {
  background: url('../../images/carrer-send.png') right center no-repeat;
  background-size: 28%;
  background-position-x: 90%;
}
.career-btn-email {
  background: url('../../images/carrer-email.png') right center no-repeat;
  background-size: 20%;
  background-position-x: 90%;
}

@media (max-width: 767px) {

  .accordion-career .ui-accordion-header {
      border: 1px solid #2f9ee5;
      background-color: #fff;
      padding-left: 54px!important;
      background: url('../../images/carrericon.png') left center no-repeat;
      background-size: contain;
      padding: 5px 5px 5px 72px!important;
      font-size: 20px!important;
      height: 57px;
  }
  .accordion-career .ui-state-hover, .accordion-career .ui-accordion-header-active  {
      background: #2f9ee5 url('../../images/carrericon.png') left center no-repeat;
      border: 1px solid #2f9ee5!important;
      padding-left: 54px!important;
      background-size: contain;
      -webkit-transition: background .2s linear;
      -moz-transition: background .2s linear;
      -o-transition: background .2s linear;
      -ms-transition: background .2s linear;
      transition: background .2s linear;
  }
  .accordion-career .ui-accordion-header .ui-icon-triangle-1-e {
    background: none;
    display: none;
  }
  .accordion-career .ui-accordion-header-active .ui-icon-triangle-1-s {
    display: none;
  }
}
/* ============================================ *
 * CSR
 * ============================================ */
.csr-h1 {
    color: #2f9ee5;
    font-size: 45px;
    font-weight: 500;
    font-style: italic;
    margin-bottom: 20px;
    border: 2px #fff; /* horizontal-offset vertical-offset 'blur' colour */
    line-height: 50px;
    text-shadow: 1px 1px 5px rgba(81, 81, 81, 1);
    -moz-text-shadow: 1px 1px 5px rgba(81, 81, 81, 1);
    -webkit-text-shadow: 1px 1px 5px rgba(81, 81, 81, 1);

    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
}
.csr-h2 {
    color: #2f9ee5;
    font-size: 24px;
    font-weight: 500;

    margin-bottom: 20px;

    line-height: 30px;

}
.csr-div {
  background: URL('../../images/csrbg.png') right top no-repeat; background-size: contain;
}

@media (max-width: 800px) {
  .csr-div {
    background: none;
  }
  .csr-btn {
    border: none!important;
    padding: 5px 10px!important;
  }
  .csr-btn:hover {
    border: none!important;
    padding: 5px 10px!important;
  }
}

/* ============================================ *
 * team
 * ============================================ */
 .md-quote {
   font-size: 16px;
   color: #2f9ee5;
   text-align: center;
   font-weight: 400;
 }
 .md-quote strong {
   font-weight: 700;
   font-size: 18px;
 }
.team-president-lavel {
  height: 250px;
      margin: auto;
      display: inline-block;
      width: 50%;
}
@media (max-width: 800px) {
  .team-president-lavel {
      width: 100%;
  }
}
.team-president-lavel .cropimg {
  width: 186px;
  height: 186px;
  position: absolute;
  margin-top: 20px;
  border-radius: 209px;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(186,186,186,0.5);
  -moz-box-shadow: 0px 0px 15px 0px rgba(186,186,186,0.5);
  box-shadow: 0px 0px 15px 0px rgba(186,186,186,0.5);
  z-index: 1;
}
.team-president-lavel img {
  width: 100%;
}
.team-president-description {
  position: absolute;
  margin-left: 94px;
  text-align: center;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(186,186,186,0.5);
  -moz-box-shadow: 0px 0px 15px 0px rgba(186,186,186,0.5);
  box-shadow: 0px 0px 15px 0px rgba(186,186,186,0.5);
  width: 330px;
  height: 223px;
  padding-top: 30px;
  padding-left: 90px;
  background: url('../../images/contact-us-btn-bg-1.jpg') bottom center no-repeat;
  background-size: 40%;
  background-position-x: 72%;
  font-weight: 400;
}

.team-other-lavel {
  float: left;
  width: 25%;
  height: 333px;
  padding-right: 30px;
}
.team-other-lavel .cropimg {
  width: 160px;
  height: 160px;
  position: absolute;
  margin-top: 0;
  margin-left: 14px;
  border-radius: 209px;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(186,186,186,0.5);
  -moz-box-shadow: 0px 0px 15px 0px rgba(186,186,186,0.5);
  box-shadow: 0px 0px 15px 0px rgba(186,186,186,0.5);
  z-index: 1;
  background-color: #f1f1f1;
}
.team-other-lavel img {
  width: 100%;
}
.team-other-description {
  position: absolute;
  margin-top: 80px;
  text-align: center;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(186,186,186,0.5);
  -moz-box-shadow: 0px 0px 15px 0px rgba(186,186,186,0.5);
  box-shadow: 0px 0px 15px 0px rgba(186,186,186,0.5);
  height: 223px;
  width: 188px;
  padding: 2px;
  padding-top: 100px;
  background: url('../../images/contact-us-btn-bg-2.jpg') bottom center no-repeat;
  background-size: 60%;
  background-position-x: 54%;
  float: left;
  /*font-size: 12px;*/
  line-height: 14px;
  word-wrap: break-word;
  line-height: 16px;
  font-weight: 400;
}

.contact-us-btn {
  position: absolute;
  bottom: 0;
  background-color: #2f9ee5;
  color: #fff;
  width: calc(100% - 90px);
  padding: 0;
  font-size: 0px!important;
  line-height: 0;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  right: 0; 
}
.team-president-description:hover > .contact-us-btn, .team-other-description:hover > .contact-us-btn  {
  padding: 12px 5px;
  font-size: 11px!important;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  line-height: 14px;
}
 .team-other-description:hover > .contact-us-btn  {
   width: 100%;
   margin-left: -10px;
 }


@media only screen and (max-width: 992px) {
      .team-president-lavel .cropimg {
        width: 160px;
        height: 160px;
      }
      .team-president-description {
        margin-left: 54px;
        width: 80%;
        height: 198px;
        font-size: 20px;
        padding-left: 100px;
      }
      .team-other-lavel {
        float: left;
        width: 50%;
      }
      .team-other-description {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
      }
}
/* ============================================ *
 * PayPal
 * ============================================ */
@media only screen and (max-width: 870px) and (min-width: 801px) {
  .paypal-review-order .col2-set .col-1,
  .paypal-review-order .col2-set .col-2 {
    padding: 0px;
  }
}
.paypal-review-order .info-set {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ededed;
}
.paypal-review-order .buttons-set {
  margin-top: 0px;
  padding-top: 0px;
  border: 0;
}
.paypal-review-order .buttons-set button {
  margin-bottom: 10px;
}
@media only screen and (max-width: 800px) {
  .paypal-review-order .col-1 {
    padding-bottom: 0;
  }
  .paypal-review-order .field.inactive {
    display: none;
  }
}

.top-container .bml-ad {
  margin-top: 7px;
  margin-bottom: 7px;
  text-align: center;
}
.top-container .bml-ad span {
  display: inline-block;
}
.top-container .bml-ad span a {
  display: block;
}

.bml-ad {
  display: none;
  text-align: center;
  margin-bottom: 5px;
}
.bml-ad span {
  display: block;
  line-height: 0;
}
.bml-ad a {
  display: inline-block;
  max-width: 100%;
}
.bml-ad a:hover {
  opacity: 0.7;
}
.bml-ad img {
  height: auto !important;
  max-width: 100%;
}

.cart-totals-wrapper .bml-ad.large img {
  display: block;
  margin: 0;
}

@media only screen and (max-width: 800px) {
  .bml-ad.small {
    display: block;
  }
}
@media only screen and (min-width: 801px) {
  .bml-ad.large {
    display: block;
  }
}
div.paypal-logo {
  text-align: center;
  margin: 15px 0;
  max-width: 100%;
}
div.paypal-logo span {
  display: block;
  width: 100%;
}
div.paypal-logo span a {
  display: inline-block;
  max-width: 100%;
}
div.paypal-logo span a img {
  max-width: 100%;
}
div.paypal-logo span > img {
  display: none;
}

.checkout-types div.paypal-logo {
  text-align: right;
}

.bml-checkout-type {
  list-style-type: none;
}

.sidebar .paypal-logo {
  text-align: center;
  line-height: 0;
}
.sidebar .paypal-logo > a {
  display: inline-block;
  max-width: 100%;
}
.sidebar .paypal-logo > a:hover {
  opacity: 0.8;
}
.sidebar .paypal-logo > a img {
  display: block;
}
.sidebar .paypal-logo .label {
  margin-top: 4px;
}
.sidebar .paypal-logo .label a {
  font-size: 12px;
  line-height: 1.5;
}

/* ============================================ *
 * Review - Customer
 * ============================================ */
#customer-reviews {
  width: auto;
  float: none;
}
#customer-reviews .review-heading {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 10px 0 5px;
}
#customer-reviews .review-heading:after {
  content: '';
  display: table;
  clear: both;
}
#customer-reviews .review-heading h2 {
  float: left;
  display: block;
}
#customer-reviews .review-heading .pager {
  clear: none;
  float: right;
  width: auto;
}
#customer-reviews .review-heading .pager .count-container .limiter {
  margin-bottom: 0;
}
#customer-reviews .review-heading .pager .count-container .limiter label {
  font-family: 'db_heaventregular';
  font-size: 10px;

}
#customer-reviews .review-heading .pager .amount {
  display: none;
}
#customer-reviews h2 {
  color: #3399cc;
  font-size: 12px;

}
#customer-reviews h2 span {
  color: #636363;
}
#customer-reviews h3 {
  font-family: 'db_heaventregular';
  font-size:22px;
  color:#616161;
  font-weight: 400;
  text-transform: none;
}
#customer-reviews h3 span {
  color: #3399cc;
  font-size:24px;
  color:#000000;
}
#customer-reviews .review-info {
  float:left;
  width:100%;
  font-family: 'db_heaventregular';
}
#customer-reviews .review-info .review-image{
  float:left;
  max-width:30%;
  margin-right:15px;
}
#customer-reviews .review-info .review-rattings{
  float:left;
  max-width:65%;
}
#customer-reviews .review-info .total-review {
  font-size:28px;
  color:#434343;
  line-height:30px;
  float:left;
  width:100%;
}
#customer-reviews .review-info .total-review >div {
  float:left;
}
#customer-reviews .review-info .total-review span{
  color:#2f9ee5;
}
#customer-reviews .review-info .total-review  .ratings {
  display:inline-block;
  margin:0px 0 0 10px;
}

#customer-reviews .review-info .total-review  .ratings .rating-box{
  width:186px;
  height:30px;
  background: url(../../skin/frontend/gibthai/default/images/rating-big1.png) no-repeat;
  margin:0px;
}
#customer-reviews .review-info .total-review  .ratings .rating-box .rating{
  height:30px;
  background: url(../../skin/frontend/gibthai/default/images/rating-big.png) no-repeat;
}

#customer-reviews .review-info .review-rattings dl {
  float:left;
  width:100%;
  margin-top:20px;
}
#customer-reviews .review-info .review-rattings dt{
  width:90px;
  font-size:23px;
  color:#616161;
  float:left;
  clear:left;
}
#customer-reviews .review-info .review-rattings dd{
  float:left;
}
#customer-reviews .review-info .review-rattings dd .rating-box{
  margin:0px;
}

.list-review {
  float:left;
  width:100%;
}

#customer-reviews .form-add {
  float:left;
  width:100%;
}
#customer-reviews .form-add h3 {
  border-bottom:solid 1px #E6E6E6;
  color:#616161;
  font-size:24px;
  padding-bottom:10px;
  margin-top:25px;
}

#customer-reviews .form-add h3 span {
  line-height:25px;
  margin-top:10px;
  color:#616161;
}
#customer-reviews .form-add .button-add-review{
  float:right;
  height:35px;
  line-height:35px;
  color:#fff;
  font-size:19px;
  padding:0 10px;
}
#customer-reviews .form-add .button-add-review span {
  padding-left:34px;
  display:inline-block;
  background:url(../../skin/frontend/gibthai/default/images/icon-add.png) no-repeat left center;
  margin:0px;
  color:#fff;
  font-size:19px;
}

#fieldset-list-review {
  float:left;
  width:100%;
  background:#fff;
  border:solid 1px #2f9ee5;
  padding:10px;
  font-family: 'db_heaventregular';
  margin:20px 0;
}
.box-review-stars {
  float:left;
  width:40%;
  padding-right:2%;
}
.box-review-stars h5{
  color:#000;
  font-size:24px;
  font-family: 'db_heaventregular';
}
#fieldset-list-review .fieldset {
  float:left;
  width:60%;
}
#product-review-table ,
#product-review-table  li {float:left; width:100%;}
#product-review-table  li  {margin:5px 0;  }
#product-review-table label {float: left;  line-height: 21px;  margin-right: 10px;  width: 30%; font-size:23px; color:#616161; font-family: 'db_heaventregular'; }
#product-review-table .rating {float:left;}
#product-review-table .rating_wrap_start {float:left; width:23px; position:relative;}
#product-review-table .rating_wrap_start input {width:23px; height:19px; opacity:0;}
#product-review-table .rating_wrap_start span { float:left; position:absolute; top:0px; left:1px; width:21px; height:19px; background:url(../../skin/frontend/gibthai/default/images/rating5.png) no-repeat 0px 0px;}

#customer-reviews .fieldset h4 em {
  display: none;
}
#customer-reviews .fieldset .form-list {
  font-family: 'db_heaventregular';
  font-size: 20px;
  font-weight: 400;
  margin: 10px 0;
  width: 100%;
}

#customer-reviews .fieldset .form-list .inline-label:after {
  content: '';
  display: table;
  clear: both;
}
#customer-reviews .fieldset .form-list label {
  font-size: 20px;
  font-weight: 400;
  color:#595959;
}
#customer-reviews .fieldset .form-list textarea {
  border: 1px solid #cccccc;
  border-radius: 0;
  min-width: 100%;
  -webkit-appearance: none;
}
#customer-reviews .fieldset .form-list input {
  border: 1px solid #cccccc;
  border-radius: 0;
}
#customer-reviews .fieldset .form-list input[type="text"] {
  width: 100%;
}
#customer-reviews .buttons-set {
  border: none;
  margin: 0;
  width: 100%;
  text-align:left;
}
.buttons-set .button{
  height:45px;
  line-height:35px;
  padding:5px;
  text-align:center;
  min-width:250px;
  font-size: 20px;
  float:left;
  margin-left:0px;
}

.list-review .empty-review {
  float:left;
  width:100%;
  background:#fff;
}
.list-review .empty-review span{
  display:block;
  text-align:center;
  padding:10% 0;
  font-size:24px;
  color:#9C9C9C;
  font-family: 'db_heaventregular';
}
.list-review li {
  float:left;
  width:100%;
  padding:10px;
  background:#fff;
  margin:6px 0;
}
.list-review li:nth-child(2n){
  background:none;
}
.list-review .star-review {
  float:left;
  width:100%;
}
.list-review .ratings{
  float:left;
  margin:0 20px 0 0;
}
.list-review .ratings .rating-box{
  width:92px;
  background-size:92px auto;
}
.list-review .ratings .rating-box .rating{
  background-size:92px auto;
}
.list-review  .star-review >label {
  float:left;
}
.list-review .star-review >label  span {
  color:#2f9ee5;
}
.list-review .review-detail{
  float:left;
  width:100%;
  color:#000;
  font-size:14px;
}
.list-review .review-bottom{
  float:left;
  width:100%;
  border-top:dotted 1px #ddd;
  font-family: 'db_heaventregular';
}
.list-review .review-bottom .name-review{
  float:left;
  font-size:24px;
  color:#9C9C9C;
}
.list-review .review-bottom .name-review span {
  color:#2f9ee5;
}
.list-review .review-bottom .date-review{
  float:right;
  font-size:20px;
  color:#555;
}

#customer-reviews dl dd .ratings-table {
  font-family: 'db_heaventregular';
  font-size: 12px;
  width: 100%;
}
#customer-reviews dl dd .ratings-table tr {
  margin-right: 15px;
}
#customer-reviews dl dd .ratings-table .review-label {
  width: 300px;
  max-width: 70%;
}
#customer-reviews dl dd table {
  margin: 15px 0;
}

.catalog-category-view .search-bottom {
  margin-top:60px;
}
.catalog-category-view .footer-container{
  margin-top:25px;
}
.search-bottom {
  float:left;
  width:100%;
  background:#F8F8F8;
  padding:8px 20px;
  font-family: 'db_heaventregular';
  font-size:20px;
  line-height:20px;
  }
.search-bottom  strong{
  color:#77A930;
  font-size:20px;
  line-height:20px;
  float:left;
  margin-right:10px;
}
.search-bottom a{
  color:#000;
  line-height:20px;
  float:left;
  margin:0 2px;
}
.search-bottom a:hover{
  color:#77A930;
}
.search-bottom span {
  float:left;
  margin:0 2px;
  line-height:18px;
  margin-top:2px;
}
.search-bottom span:nth-last-child(1){
  display:none;
}

#customer-reviews dl dd .review-meta {
  color: #3399cc;
  font-family: 'db_heaventregular';
  font-size: 10px;
  font-weight: 400;

}

.review-summary-table {
  border-bottom: 1px solid #cccccc;
  margin: 0 0 10px;
}
.review-summary-table thead {
  background: transparent;
}
.review-summary-table thead th {
  background: transparent;
  border: none;
  padding: 15px 7px 10px 8px;
}
.review-summary-table tbody th {
  background: #FFFFFF;
  font-size: 12px;
}
.review-summary-table tbody td {
  border: none;
  text-align: center;
  padding: 0;
}
.review-summary-table tbody td label {
  width: 100%;
  display: block;
  padding: 11px 0;
}
.review-summary-table .rating-box .rating-number {
  display: none;
}
.review-summary-table .rating-box .rating-number:after {
  content: "";
  display: inline-block;
  background-position: 0px -599px;
  width: 13px;
  height: 14px;
  margin-left: 5px;
  position: relative;
  top: 2px;
}

/* ============================================ *
 * Ratings - Global
 * ============================================ */
.ratings-table {
  font-family: 'db_heaventregular';
  font-size: 12px;

}
.ratings-table th {
  padding-right: 10px;
}
.ratings-table .rating-box {
  background-position: 0 -615px;
  background-repeat: repeat-x;
  height: 13px;
  overflow: hidden;
  text-indent: -9999px;
  width: 65px;
}
.ratings-table .rating-box .rating {
  background-position: 0 -600px;
  background-repeat: repeat-x;
  float: left;
  height: 13px;
  text-indent: -9999px;
}

@media only screen and (max-width: 800px) {
  body.review-product-list .product-view .product-shop .price-info {
    padding-left: 0;
  }
  body.review-product-list .product-view .product-shop .extra-info {
    padding: 0;
    min-width: 84%;
  }
  body.review-product-list .product-view .product-shop .extra-info .ratings-table {
    margin: 10px 0;
    width: 100%;
  }
  body.review-product-list .product-view .product-shop .extra-info .ratings-table tr {
    margin-right: 15px;
  }
}
@media only screen and (max-width: 535px) {
  body.review-product-list .product-view .product-shop .extra-info {
    min-width: 0;
  }
  body.review-product-list .product-view .product-shop .extra-info .ratings-table tr {
    float: none;
    margin-right: 0;
  }
}
@media only screen and (max-width: 520px) {
  #customer-reviews .fieldset {
    width: 100%;
  }
  #customer-reviews .fieldset .form-list {
    width: 100%;
  }
  #customer-reviews .fieldset .form-list .inline-label label,
  #customer-reviews .fieldset .form-list .inline-label .input-box {
    float: none;
  }
  #customer-reviews .buttons-set {
    width: 100%;
  }
  #customer-reviews .review-summary-table thead th {
    padding-left: 0px;
    padding-right: 0px;
  }
  #customer-reviews .review-summary-table tbody th {
    padding-left: 0px;
    padding-right: 0px;
  }
  #customer-reviews .review-summary-table tbody td {
    width: 20%;
    padding: 0px;
  }
  #customer-reviews .review-summary-table .rating-box {
    text-indent: 0px;
    text-align: center;
    background: none;
    height: 19.6px;
    width: 100%;
  }
  #customer-reviews .review-summary-table .rating-box .rating {
    display: none;
  }
  #customer-reviews .review-summary-table .rating-box .rating-number {
    display: inline-block;
  }
}
@media only screen and (max-width: 450px) {
  #customer-reviews dl dd .ratings-table tr {
    float: none;
  }
}
/* ============================================ *
 * Review View Page
 * ============================================ */
.review-product-view .product-review .product-details h2 {
  border-bottom: none;
}
.review-product-view .product-review .product-img-box {
  width: auto;
  max-width: 50%;
}
.review-product-view .product-review .product-img-box > a {
  width: 100%;
}
.review-product-view .product-review .product-img-box .product-image {
  width: 100%;
}

@media only screen and (max-width: 800px) {
  .review-product-view .product-review .product-img-box {
    max-width: 100%;
  }
}
/* ============================================ *
 * Slideshow
 * ============================================ */
.slideshow-container {
  position: relative;
  display: block;
  width: 100%;
  margin: 10px 0;
  border: 1px solid #ededed;
}
.slideshow-container .slideshow {
  width: 100%;
  padding: 0;
  position: relative;
  margin: 0;
  border: 10px solid #FFFFFF;
}
.slideshow-container .slideshow > li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0;
  display: block;
  margin: 0;
}
.slideshow-container .slideshow > li:first-child {
  position: static;
  z-index: 100;
}
.slideshow-container .slideshow > li img {
  max-width: 100%;
  width: 100%;
}

.slideshow-pager {
  text-align: center;
  width: 100%;
  z-index: 115;
  position: absolute;
  bottom: 0px;
  top: auto;
  overflow: hidden;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.slideshow-pager span {
  font-family: arial;
  width: 44px;
  height: 44px;
  display: inline-block;
  color: #DDDDDD;
  cursor: pointer;
}
.slideshow-pager span:before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-left: -8px;
  margin-top: -8px;
  border-radius: 1px;
  background-color: #FFFFFF;
  position: relative;
}
.slideshow-pager span:hover:before {
  background-color: #2f9ee5;
}
.slideshow-pager span.cycle-pager-active:before {
  background-color: #297aa3;
}
.slideshow-pager > * {
  cursor: pointer;
}

.slideshow-prev,
.slideshow-next {
  position: absolute;
  top: 0;
  width: 15%;
  max-width: 80px;
  height: 100%;
  opacity: 0.6;
  z-index: 110;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.slideshow-prev:before,
.slideshow-next:before {
  content: '';
  width: 0;
  height: 0;
  font-size: 0;
  position: absolute;
  border-style: solid;
  display: block;
  top: 50%;
  margin-top: -15px;
}
.slideshow-prev:hover,
.slideshow-next:hover {
  opacity: 1;
}
.slideshow-prev.disabled,
.slideshow-next.disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  cursor: default;
}

.slideshow-prev {
  left: 8px;
}
.slideshow-prev:before {
  border-width: 15px 15px 15px 0;
  border-color: transparent #FFFFFF transparent transparent;
  top: 50%;
  left: 10px;
}
.slideshow-prev:hover:before {
  border-color: transparent #2f9ee5 transparent transparent;
}

.slideshow-next {
  right: 8px;
}
.slideshow-next:before {
  border-width: 15px 0 15px 15px;
  border-color: transparent transparent transparent #FFFFFF;
  top: 50%;
  right: 10px;
}
.slideshow-next:hover:before {
  border-color: transparent transparent transparent #2f9ee5;
}

.cycle-caption {
  position: absolute;
  color: white;
  bottom: 15px;
  right: 15px;
  z-index: 110;
}

.cycle-overlay {
  font-family: tahoma, arial;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 120;
  background: black;
  color: white;
  padding: 15px;
  opacity: .5;
}

/* ============================================ *
 * Wishlist
 * ============================================ */
#wishlist-table th {
  text-align: center;
}
#wishlist-table.clean-table {
  font-family: 'db_heaventregular';
  font-size: 12px;

  width: 100%;
}
#wishlist-table.clean-table th {
  border-bottom: 1px solid silver;
}
#wishlist-table.clean-table td {
  padding: 15px;
  vertical-align: top;
}
#wishlist-table.clean-table thead th {
  font-family: 'db_heaventregular';
  font-size: 12px;

}
#wishlist-table .product-name {
  font-size: 16px;
  font-family: 'db_heaventregular';
  margin-bottom: 0;

}
#wishlist-table .product-name a {
  color: #3399cc;
}
#wishlist-table .wishlist-sku {
  font-size: 11px;
  font-family: 'db_heaventregular';
  margin: 5px 0;
}
#wishlist-table textarea {
  border: 1px solid silver;
  width: 100%;
  height: 45px;
  font-size: 11px;
  font-family: 'db_heaventregular';
}
#wishlist-table textarea::-webkit-input-placeholder {

}
#wishlist-table textarea:-moz-placeholder {

}
#wishlist-table textarea::-moz-placeholder {

}
#wishlist-table textarea:-ms-input-placeholder {

}
#wishlist-table textarea:focus {
  border: 1px solid #3399cc;
}
#wishlist-table .item-manage {
  text-align: right;
  max-width: 450px;
  padding-top: 5px;
}
#wishlist-table .item-manage .button {
  font-size: 11px;
  padding: 3px 5px;
}
#wishlist-table .cart-cell {
  text-align: center;
}
#wishlist-table td.customer-wishlist-item-image {
  width: 113px;
}
#wishlist-table td.customer-wishlist-item-quantity {
  width: 3em;
}
#wishlist-table td.customer-wishlist-item-price {
  width: 120px;
  text-align: center;
}
#wishlist-table td.customer-wishlist-item-cart {
  width: 150px;
}
#wishlist-table td.customer-wishlist-item-cart .button {
  font-size: 12px;
  margin-bottom: 10px;
  padding: 3px 5px;
  width: 100%;
}
#wishlist-table td.customer-wishlist-item-cart .truncated {
  margin-bottom: 10px;
}
#wishlist-table td.customer-wishlist-item-cart > p {
  margin-bottom: 0;
}
#wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item {
  text-align: center;
}
#wishlist-table td.customer-wishlist-item-cart .btn-remove {
  vertical-align: top;
}
#wishlist-table td.customer-wishlist-item-remove {
  width: 20px;
}
#wishlist-table td .button,
#wishlist-table td button {
  white-space: normal;
}
#wishlist-table .price-box {
  font-family: 'db_heaventregular';
  font-size: 12px;
}
#wishlist-table .price-box .price {
  color: #636363;
}
#wishlist-table .giftregisty-add {
  margin-top: 5px;
}
#wishlist-table .giftregisty-add .change {
  display: none;
}
#wishlist-table .giftregisty-add li {
  cursor: pointer;
  color: #3399cc;
  margin-bottom: 3px;
}
#wishlist-table .truncated .details {
  background: none;
  color: #3399cc;
}
#wishlist-table td[data-rwd-label]:before {
  font-weight: 600;
}

@media only screen and (max-width: 1199px) {
  #wishlist-table.clean-table td {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 979px) {
  #wishlist-table.clean-table td {
    padding-left: 5px;
    padding-right: 5px;
  }
  #wishlist-table.clean-table td textarea {
    height: 100px;
  }
  #wishlist-table.clean-table td.customer-wishlist-item-cart {
    width: 110px;
  }
  #wishlist-table .product-name {
    font-size: 20px;
  }
}
@media only screen and (max-width: 800px) {
  #wishlist-table:after {
    content: '';
    display: table;
    clear: both;
  }
  #wishlist-table .product-name {
    font-size: 16px;
  }
  #wishlist-table textarea {
    height: 68px;
    max-width: 100%;
  }
  #wishlist-table .item-manage {
    max-width: 100%;
  }
  #wishlist-table tr {
    position: relative;
  }
  #wishlist-table tr:after {
    content: '';
    display: table;
    clear: both;
  }
  #wishlist-table td.customer-wishlist-item-image {
    width: 70px;
  }
  #wishlist-table td.customer-wishlist-item-image img {
    width: 70px;
    height: 70px;
  }
  #wishlist-table td.customer-wishlist-item-cart p {
    margin-bottom: 0;
  }
  #wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item {
    margin-right: 0;
    padding-top: 4px;
  }
  #wishlist-table td.customer-wishlist-item-cart {
    padding-right: 15px;
  }
}
@media only screen and (max-width: 599px) {
  #wishlist-table td.customer-wishlist-item-quantity {
    padding-left: 0;
  }
  #wishlist-table td.customer-wishlist-item-image,
  #wishlist-table th.customer-wishlist-item-image {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  #wishlist-table tr {
    position: relative;
  }
  #wishlist-table th.customer-wishlist-item-image {
    display: block;
  }
  #wishlist-table td.customer-wishlist-item-image, #wishlist-table td.customer-wishlist-item-info, #wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price, #wishlist-table td.customer-wishlist-item-cart {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    empty-cells: hide;
  }
  #wishlist-table td.customer-wishlist-item-image {
    display: block;
    overflow: hidden;
  }
  #wishlist-table td.customer-wishlist-item-image a {
    float: left;
  }
  #wishlist-table td.customer-wishlist-item-image a img {
    width: 113px;
    height: 113px;
  }
  #wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price {
    text-align: left;
  }
  #wishlist-table td.customer-wishlist-item-quantity:before, #wishlist-table td.customer-wishlist-item-price:before {
    float: left;
    margin-right: 15px;
  }
  #wishlist-table td.customer-wishlist-item-quantity .cart-cell, #wishlist-table td.customer-wishlist-item-price .cart-cell {
    text-align: left;
  }
  #wishlist-table td.customer-wishlist-item-quantity .price-box, #wishlist-table td.customer-wishlist-item-price .price-box {
    margin-top: 0;
  }
  #wishlist-table td.customer-wishlist-item-cart .cart-cell {
    float: left;
    width: 48%;
  }
  #wishlist-table td.customer-wishlist-item-cart > p {
    float: right;
    width: 48%;
  }
  #wishlist-table td.customer-wishlist-item-remove {
    position: absolute;
    top: 15px;
    right: 0px;
    display: block;
    padding: 0px;
    height: 20px;
  }
  #wishlist-table.clean-table td.customer-wishlist-item-cart {
    width: 100%;
  }
}
/* ============================================ *
 * Wishlist Sidebar
 * ============================================ */

/* ============================================ *
 * Checkout - Mini cart
 * ============================================ */
.control-sidebar-content,
.header-minicart {
  display: inline-block;
  font-family: 'db_heaventregular';
  font-size: 20px;
  margin-right:0px;
}
@media only screen and (max-width: 800px) {
  .header-minicart {
    display: block;
    float:left;
    margin-right:0px;
  }
}
.control-sidebar-content .minicart-message {
  display: block;
}
.control-sidebar-content .empty {
  padding:110px 10px 10px;
  background:url(../../skin/frontend/gibthai/default/images/icon-cart.png) no-repeat top center;
  text-align: center;
  color:#DADADA;
  font-size:30px;
  text-align:center;
  line-height:30px;
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  width:100%;
}
.control-sidebar-content.block-wishlist .empty {
  background-image:url(../../skin/frontend/gibthai/default/images/icon-wishlist-empty.png);
}

.control-sidebar-content .minicart-wrapper {
  clear: both;
  /* position: relative; */
  padding:10px;
}

.control-sidebar-content .minicart-wrapper:before,
.control-sidebar-content .minicart-wrapper:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none;
}
.control-sidebar-content .minicart-wrapper:before {
  background-color: white;
  opacity: 0.8;
  z-index: 2;
}
.control-sidebar-content .minicart-wrapper:after {
  background-image: url("../../skin/frontend/gibthai/default/images/opc-ajax-loader.gif");
  background-repeat: no-repeat;
  background-position: center;
  z-index: 3;
}
.control-sidebar-content .minicart-wrapper.loading {
  /* position: relative; */
}
.control-sidebar-content .minicart-wrapper.loading:before,
.control-sidebar-content .minicart-wrapper.loading:after {
  display: block;
}
.header-minicart .block-cart,
.control-sidebar-content {
  display: none;
}
.control-sidebar-content .block-subtitle {
  display:block;
  padding:10px 0;
  text-align:center;
  position:relative;
  border-bottom:solid 1px #E6E6E6;
}
.control-sidebar-content .block-subtitle span {
  display:inline-block;
  padding-left:50px;
  background:url(../../skin/frontend/gibthai/default/images/icons.png) no-repeat -65px -289px;
  line-height:33px;
  font-size: 20px;
  color:#000;
}
.control-sidebar-content.block-wishlist .block-subtitle span {
  background-position:-65px -808px;
}

.control-sidebar-content .block-subtitle .close {
  width: 28px;
  height:28px;
  background:url(../../skin/frontend/gibthai/default/images/exit.png) no-repeat center center;
  float: right;
  display: block;
  color: #636363;
  text-decoration: none;
  font-weight: 400;
  font-size: 30px;
  position: absolute;
  top: -8px;
  right: -3px;
  text-indent: -9999px;
  opacity:0.5;
}
.control-sidebar-content .block-subtitle .close:hover{
  opacity:1;
}

.control-sidebar-content .mini-products-list {
  padding: 0px;
}
.control-sidebar-content .mini-products-list li {
  padding: 14px 0;
  border-bottom: 1px solid #F0F0F0;
  position: relative;
}
.control-sidebar-content .mini-products-list li.last {
  border: none;
}
.control-sidebar-content .mini-products-list li .remove {
  position:absolute;
  width:21px;
  height:21px;
  background:url(../../skin/frontend/gibthai/default/images/remove1.png) no-repeat center center;
  text-indent:-9999px;
  float:left;
  top:0px;
  left:0px;
}
.control-sidebar-content .product-details .product-name {
  padding-top: 0px;
  font-weight: 500;
  float:left;
  width:100%;
}
.control-sidebar-content .product-details .product-name a {
  color: #767676;
  font-size: 20px;
  line-height:18px;
}
.control-sidebar-content .product-details .qty-wrapper {
  float:left;
}
.qtywrapper-update {width:84px;}
.cart-table .product-cart-actions .qtywrapper-update{width:80px;}
.qtywrapper-update  input {float:left; border:solid 1px #E1E1E1; height:36px; background:#fff; text-align: center; border-radius:0px;}
.qtywrapper-update  input.btn_minus {border-right:none;}
.qtywrapper-update input.btn_plus {border-left:none;}
.qtywrapper-update input.update_qty {width:20px; text-align:center;}
.qtywrapper-update input.qty {width:44px; color:#000; font-size:13px;}
@media only screen and (max-width: 767px) {
.qtywrapper-update input.qty {font-size: 20px;}
}
.control-sidebar-content .product-details .box-price .price-box {
  margin:0px;
}
.control-sidebar-content .product-details .box-price,
.control-sidebar-content .product-details .box-price .price,
.control-sidebar-content .product-details .box-price .price-box .price {float:right; color:#FF0000; font-size:30px; font-family:'PSL-EmpirePro'; line-height:30px;}
.control-sidebar-content .product-details .box-price .price-box .regular-price .price{
  color:#000;
  line-height:36px;
}
.control-sidebar-content .product-details .box-price .price-box .special-price,
.control-sidebar-content .product-details .box-price .price-box .old-price{
  float:right;
  clear:both;
  margin:0px;
  padding:0px;
}
.control-sidebar-content .product-details .box-price .price-box .old-price .price{
  color:#000;
  font-size: 20px;
  line-height:18px;
}
.control-sidebar-content .product-details .box-price .price-box .special-price .price{
  line-height:20px;
}

.control-sidebar-content .info-wrapper {
  margin-bottom: 0.5em;
}
.control-sidebar-content .info-wrapper th {

  padding-right: 10px;
}
.control-sidebar-content .info-wrapper td {
  color: #3399cc;
  clear: right;
}
.control-sidebar-content .info-wrapper .qty-wrapper td {
  height: 33px;
  line-height: 33px;
}

.control-sidebar-content .info-wrapper .quantity-button {
  display:none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 100ms;
  -moz-transition-duration: 100ms;
  -o-transition-duration: 100ms;
  transition-duration: 100ms;
  margin-top:3px;
  width:30px;
  height:36px;
  padding:0px;
  width:100%;
  float:left;
}
.control-sidebar-content .info-wrapper .quantity-button[disabled] {
  cursor: default;
}
.control-sidebar-content .info-wrapper .quantity-button.visible {
  display:block;
}
.control-sidebar-content .subtotal,
.minicart-actions .subtotal {
  text-align: right;
  float:right;
}
.control-sidebar-content .subtotal .label {
  color: white;

}

.control-sidebar-content .minicart-actions {

  overflow: hidden;
  position: absolute;
  text-align: center;
  bottom:0px;
  left:0px;
  border-top:solid 1px #E6E6E6;
  width:100%;
}
.minicart-actions{
  background:#F5F5F5;
  padding: 10px;
  border-top:solid 1px #E6E6E6;
}
.minicart-actions .count-item {float:left; line-height:32px; color:#000; font-size:20px;}
.minicart-actions .count-item strong,
.control-sidebar-content .subtotal .price,
.minicart-actions .subtotal .price{color:#2f9ee5; font-size:36px; font-family:'PSL-EmpirePro'; margin: 0 3px; line-height:32px; }
.control-sidebar-content .minicart-actions .checkout-types.minicart {float:left; width:100%;}
.control-sidebar-content .minicart-actions .checkout-button {
  min-width: 145px;
  float:left;
  width:100%;
  padding:5px;
  line-height:35px;
  background:#2f9ee5;
  margin-top:8px;
  font-size: 20px;
}
.control-sidebar-content .box-mini-products-list {overflow-y:auto;}

.control-sidebar-content .minicart-actions .cart-link {
  height: 33px;
  line-height: 39px;

  font-size: 20px;
}
.control-sidebar-content .minicart-actions .paypal-logo .paypal-or {
  line-height: 1.6;
}
.control-sidebar-content #minicart-error-message {
  text-align: center;
  color: red;
  display: none;
}
.control-sidebar-content #minicart-success-message {
  text-align: center;
  color: green;
  display: none;
}

.control-sidebar-content .per-item {
  clear: right;
  float: right;
  color: #000;
  font-size: 20px;
  line-height: 15px;
  font-family: 'db_heaventregular';
}

.header-minicart .jcarousel-control-prev,
.header-minicart .jcarousel-control-next {
  display: none;
}

.header-minicart.skip-active .block-cart,
.block-cart.skip-active {
  display: block;
}


@media only screen and (min-width: 801px) {
  .checkout-types.minicart {
    float: none;
    text-align: center;
  }
}
@media only screen and (max-width: 479px) {
  .header-minicart a.skip-cart {
    z-index: 1;
  }
}
@media only screen and (max-width: 800px) {
  .header-minicart .subtotal .label {
    color: #636363;
  }
  .header-minicart .minicart-wrapper:before {
    background-color: #EDEDED;
  }
  .header-minicart .quantity-button {
    float: none;
  }
  .header-minicart .header-minicart .block-cart {
    padding: 15px;
  }
  .header-minicart .header-minicart .block-subtitle {
    padding-top: 59px;
  }
  .header-minicart .minicart-actions {
    padding-bottom: 65px;
  }
  .header-minicart .minicart-actions .cart-link {
    bottom: 0;
    right: 10px;
    position: absolute;
  }
  .header-minicart .minicart-actions .checkout-types.minicart li {
    display: inline-block;
  }
  .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo > a {
    display: inline;
  }
  .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .bml_button {
    display: inline-block;
    vertical-align: top;
  }
  .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or {
    width: auto;
    float: none;
    display: inline;
    margin: 0 10px 5px 10px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 740px) {
  .header-minicart .minicart-actions .cart-link {
    right: auto;
    left: 0;
    text-align: center;
    width: 100%;
  }
  .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or,
  .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-button {
    width: 100%;
    display: block;
    margin-left: 0;
  }
  .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or {
    line-height: 1.6;
  }
}
@media only screen and (max-width: 599px) {
  .header-minicart .minicart-actions .checkout-button {
    width: 100%;
  }
}
/* sider wishlist */


.list-group-wishlist >ul {
  display:none;
}
.control-sidebar-content .mini-products-list li.list-group-wishlist{
  margin:0px;
  padding:10px 0px;
}
.control-sidebar-content .list-group-wishlist label{
  font-size:24px;
  color:#000;
  line-height:30px;
  float:right;
  width:calc(100% - 30px);
}
.control-sidebar-content .list-group-wishlist.list-items {
  position:relative;
}
.control-sidebar-content .list-group-wishlist > .box-checkbox {
  display:none;
  float:left;
  width:20px;
}
.control-sidebar-content .list-group-wishlist > .box-checkbox.active {
   display:block;
}

.control-sidebar-content .list-group-wishlist label span{
  color:#2f9ee5;
}
.control-sidebar-content .list-group-wishlist.list-items label {
  position:relative;
}
.control-sidebar-content .list-group-wishlist.list-items label:before{
  content:"+";
  position:absolute;
  width:30px;
  height:30px;
  right:0px;
  top:0px;
  font-size: 20px;

  line-height:30px;
  text-align:center;
  color:#2f9ee5;
  cursor:pointer;
}
.control-sidebar-content .list-group-wishlist.list-items label.active:before{
  content:"-";
}
.control-sidebar-content .list-group-wishlist li:nth-last-child(1){
  border-bottom:none;
  margin-bottom:0px;
  padding-bottom:0px;
}
.control-sidebar-content  li .item-actions,
.control-sidebar-content  li .item-info{
  float:left;
  width:100%;
}
.control-sidebar-content li .item-actions a{
  float:right;
  line-height:20px;
  color:#C1C1C1;
  font-size: 20px;
  padding-right:5px;
}
.control-sidebar-content li .item-actions a:hover{
  color:#2f9ee5;
}
.control-sidebar-content .mini-products-list  li.item i.checkbox {
  width:15px;
  height:15px;
  background-size:100% auto;
}
.control-sidebar-content .mini-products-list  li.item i.checkbox.checkbox-checked{
  background-size:100% auto;
}
.control-sidebar-content .title-list{
  font-size: 24px;
  color: #000;
  line-height: 30px;
}
.control-sidebar-content .minicart-actions.actions-checkout{
  display:none;
}
.control-sidebar-content #mini-shoppinglist.show-product .minicart-actions.actions-checkout {
  display:block;
}
.control-sidebar-content #mini-shoppinglist.show-product .minicart-actions.actions-checkout-group{
  display:none;
}
.control-sidebar-content #mini-shoppinglist.show-product .mini-products-list li.list-group-wishlist{
  padding:0px;
  border-bottom:none;
}
.control-sidebar-content #mini-shoppinglist.show-product .mini-products-list li.list-group-wishlist >label,
.control-sidebar-content #mini-shoppinglist.show-product .mini-products-list li.list-group-wishlist >ul,
.control-sidebar-content #mini-shoppinglist.show-product  .title-list{
  display:none;
}
.control-sidebar-content #mini-shoppinglist.show-product .mini-products-list li.list-group-wishlist >label.active,
.control-sidebar-content #mini-shoppinglist.show-product .mini-products-list li.list-group-wishlist >ul.active{
  display:block;
  background: #fff
}
.control-sidebar-content .minicart-actions.actions-checkout-group {
  text-align:left;
}
.control-sidebar-content .actions-checkout-group  >label {
  font-size: 24px;
  color: #000;
  line-height: 30px;
  text-align: left;
}
.control-sidebar-content .actions-checkout-group .box-input {
  float:left;
  width:100%;
  position:relative;
}
.control-sidebar-content .actions-checkout-group .box-input input{
  width:100%;
}
.control-sidebar-content .actions-checkout-group .box-input button{
  position:absolute;
  top:0px;
  right:0px;
  background: #252525;
  color: #fff;
  height:40px;
}
/* recently viewed product on sidebar control */
.control-sidebar-content .block-viewed .block-subtitle span {
  background:url(../../skin/frontend/gibthai/default/images/icon-history.png) no-repeat left center;
  padding-left:42px;
}
.control-sidebar-content .block-viewed .box-checkbox label{
  font-size: 20px;
}

/* header-contact */
#header-contact{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: url('../../skin/frontend/gibthai/default/css/ie.html');
  background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);
  z-index: 99999;
}
#header-contact .contact-popup{
  float: none;
  max-width: 95%;
  position: absolute;
  top:50%;
  left:50%;
  width: 660px;
  transform:translate(-50%,-50%);
  text-align: center;
  margin: 0 auto;
  z-index: 100;
  background-color: #fff;
  font-size: 20px;
  padding: 20px;
  font-family: 'db_heaventregular';
  font-size: 20px;
}
#header_contactform {
  float:left;
  width:100%;
}
#header_contactform  li {
  float:left;
  width:50%;
  text-align:center;
  padding-bottom: 25px;
}
#header_contactform  li {
  width:50%;
  width: 100%;
}

#header_contactform  li.li-chatlive {
  background: #f9f9f9;
  display: none;
}
#header-contact .close-popup {
    position: absolute;
    right: 0px;
    top: -40px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    float: left;
    text-indent: -9999px;
    background: url(../../skin/frontend/gibthai/default/images/close.png) no-repeat center center #252525;
}
.contact-popup .title{
  float:left;
  width:100%;

  border-bottom:solid 1px #E6E6E6;
  margin:0px;
  padding-bottom:5px;
}
.contact-popup .title > label{
  float:left;
  color:#000;
  font-size:30px;
  line-height:30px;
}
.contact-popup .title .callcenter{
  float:right;
  line-height:20px;
  font-size: 20px;
  color:#838383;
  margin:5px 0;
}
#header_contactform  li  label {
  padding-top:130px;
  position:relative;
  float:left;
  width:100%;
  font-size:26px;
  line-height:30px;
}
#header_contactform  li  label:before{
  content:"";
  position:absolute;
  width:106px;
  height:106px;
  border-radius:100%;
  border:solid 3px #DADADA;
  left:50%;
  top:15px;
  transform:translate(-50%,0);
}
#header_contactform  li  p {
  float:left;
  width:100%;
  color:#000;
  font-size:20px;
  line-height:24px;
}
#header_contactform  li.li-contact label{
  color:#FFB300;
}
#header_contactform  li.li-contact  label:before{
  background:url(../../skin/frontend/gibthai/default/images/icon-email.png) no-repeat center center;
}
#header_contactform  li.li-chatlive  label {
  color:#2f9ee5;
}
#header_contactform  li.li-chatlive  label:before{
  background:url(../../skin/frontend/gibthai/default/images/icon-chat.png) no-repeat center center;
}
#header_contactform  li button{
  min-width:180px;
  height:40px;
  padding:5px 10px;
  line-height:30px;
  font-size:24px;
  color:#fff;
  margin:12px auto 0;
}
#header_contactform  li.li-contact button{
  background:#FFB300;
  width:302px;
  max-width:100%;
  margin-top:20px;
}


#header_contactemail {
  float:left;
  width:100%;
  text-align:left;
  overflow-y:auto;
}
#contactemail .form-list li.fields,
#contactemail .form-list li.field {
  float:left;
  width:100%;
}
#contactemail .form-list li.fields .field{
  float:left;
  width:49%;
  margin-right:2%;
}
#contactemail .form-list li.fields .field:nth-child(2n){
  margin-right:0px;
}
#contactemail .form-list li.fields {
  margin-bottom:0px;
}
#contactemail .form-list textarea{
  width:100%;
  max-width:100%;
}
#contactemail .buttons-set .button{
  float:left;
  margin-right:5px;
  min-width:165px;
  margin-bottom:5px;
}
#contactemail .buttons-set .button.button-send{
  min-width:250px;
}
#contactemail .buttons-set .button.button-cancel{
  background:#767676;
}
#contactemail .buttons-set .note{
  float:left;
  width:100%;

  font-size:12px;
  color:#363636;
  line-height:16px;
}
#contactemail .box-captcha  {
  float:left;
  width:100%;
  margin-bottom:5px;
}
#contactemail .box-captcha #captcha-image {
  float:left;
  margin-right:15px;
}
#contactemail .box-captcha .refresh-captcha{
  float:left;
  line-height:30px;
  padding-left:20px;
  background:url(../../skin/frontend/gibthai/default/images/refresh.png) no-repeat left center;
}
/* ============================================ *
 * Search - Auto Suggest
 * ============================================ */
.search-autocomplete {
  left: 0 !important;
  overflow: visible !important;
  position: relative !important;
  top: 15px !important;
  width: 100% !important;
  z-index: 200;
}
.search-autocomplete ul {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background-color: #FFFFFF;
  border: 1px solid #3399cc;
  left: 0;
  padding-left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.search-autocomplete ul li {
  border-bottom: 1px solid #f4f4f4;
  color: #3399cc;
  cursor: pointer;
  font-size: 12px;
  padding: 4px 6px;
  text-align: left;
}
.search-autocomplete ul li:hover {
  color: #2f9ee5;
}
.search-autocomplete ul li.selected {
  background-color: #3399cc;
  color: white;
}
.search-autocomplete ul li .amount {
  float: right;
  font-weight: 500;
}
.search-autocomplete ul li:last-child {
  border-bottom: none;
}


/* ============================================ *
 * Search - Advanced
 * ============================================ */
.advanced-search {
  background: #f4f4f4;
  border: 1px solid #ededed;
  padding: 30px;
}
.advanced-search select.multiselect option {
  border-bottom: 1px solid #ededed;
  padding: 2px 5px;
}

@media only screen and (max-width: 479px) {
  .advanced-search {
    padding: 15px;
  }
}
/* ============================================ *
 * Account - Reviews
 * ============================================ */
.product-review .product-img-box p.label {
  border-bottom: 1px solid #cccccc;
  font-size: 16px;
  font-family: 'db_heaventregular';
  margin-top: 20px;
  padding-bottom: 10px;

}
.product-review .product-img-box .rating-box {
  margin: 15px 0;
}
.product-review .product-details h2 {
  border-bottom: 1px solid #cccccc;
  color: #3399CC;
  font-size: 16px;
  font-weight: 600;
  font-family: 'db_heaventregular';
  padding-bottom: 10px;
}
.product-review .ratings-table {
  font-family: 'db_heaventregular';
}
.product-review .ratings-table th {
  padding-right: 10px;
}
.product-review .ratings-table tr {
  float: left;
  font-size: 12px;
  margin-right: 10px;

}
.product-review .ratings-description dt {
  border-bottom: 1px solid #cccccc;
  font-size: 16px;
  font-weight: 500;
  font-family: 'db_heaventregular';
  margin-top: 20px;
  padding: 10px 0;

}
.product-review .ratings-description dd {
  color: #737373;
  font-family: 'db_heaventregular';
  font-size: 20px;
}

@media only screen and (min-width: 801px) {
  .product-review .ratings-table tr {
    float: none;
  }
}
@media only screen and (min-width: 1126px) {
  .product-review .ratings-table tr {
    float: left;
    margin-right: 15px;
  }
}
@media only screen and (max-width: 320px) {
  .product-review .ratings-table tr {
    float: none;
  }
}
/* ============================================ *
 * CMS Pages
 * ============================================ */
.cms-page-view .page-title h1,
.cms-page-view .page-title h3,
.cms-page-view .page-head h1,
.cms-page-view .page-head h3,
.cms-no-route .page-title h1,
.cms-no-route .page-title h3,
.cms-no-route .page-head h1,
.cms-no-route .page-head h3 {
  border: none;
}
.cms-page-view .std img,
.cms-no-route .std img {
  max-width: 100%;
}
.cms-page-view .std,
.cms-no-route .std {
  color: #636363;
  font-family:Helvetica,Arial,Tahoma,sans-serif;
  font-size: 20px;
  line-height: 24px;
}
.cms-page-view .std h1,
.cms-no-route .std h1 {
  color: #000;
}
.cms-page-view .std h2,
.cms-no-route .std h2 {
  color: #3399cc;
}

.cms-page-view .col-left:after,
.cms-no-route .col-left:after {
  content: '';
  display: table;
  clear: both;
}

.cms-no-route .std img {
  width: 100%;
}

.cms-page-view .std .messages,
.cms-home .std .messages,
.cms-no-route .std .messages {
  margin-bottom: 10px;
}
.cms-page-view .std .messages ul,
.cms-home .std .messages ul,
.cms-no-route .std .messages ul {
  margin-bottom: 0;
}
.cms-page-view .std .messages li,
.cms-home .std .messages li,
.cms-no-route .std .messages li {
  list-style: none;
  margin-left: 0;
  font-style: normal;

}

.three_cms_box {width:100%;max-height: 394px;}
.three_cms_box .box_three { float: left;  width: 33.33%;}
.four_cms_box .box_four{ float: left;  width: calc(100% / 4);}
.four_cms_box .box_four img {  width: 100%;}
.wide_full_cmx_box, .wide_full_cmx_box img{width: 100%;}

#accordion .toggle-tabs {
  display: none;
}
#accordion > dl > dt {
  margin: 0;
  margin-bottom: 10px;
  color: #636363;
  font-family: 'db_heaventregular';
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  line-height: 1.4;
  text-rendering: optimizeSpeed;

  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-weight: 400;
  margin-bottom: 0px;
  padding: 7px 10px 7px 24px;
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  position: relative;
  background-color: #f4f4f4;
  display: block;
}
#accordion > dl > dt:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 4px solid #3399cc;
  border-bottom: none;
  left: 10px;
  top: 50%;
  margin-top: -3px;
}
#accordion > dl > dt:hover {
  background-color: #ececec;
}
#accordion > dl > dd {
  padding: 10px;
  margin: 0;
  border-width: 0 1px;
  border-style: solid;
  border-color: #cccccc;
}
#accordion > dl > dd:last-child {
  border-width: 0 1px 1px 1px;
}
#accordion li {
  position: relative;
  overflow: hidden;
}
#accordion li .plusimage h2 {
  margin-right: 10px;
}

.page-sitemap .links {
  display: block;
  text-align: right;
  margin: 0 20px 0 0;
}
.page-sitemap .links a {
  position: relative;
}
.page-sitemap .sitemap {
  padding: 0 20px;
  margin: 15px 0;
  font-size: 12px;
}
.page-sitemap .sitemap li {
  margin: 3px 0;
}

.contacts-index-index h1 {
  border: none;
}

#contactForm {
  padding-left: 40px;
}
#contactForm h2 {
  display: none;
}
#contactForm:after {
  content: '';
  display: table;
  clear: both;
}
#contactForm .fieldset .legend + .required {
  margin: 0;
}

.cms-page-view h1, .cms-page-view h2{font-family: 'db_heaventregular'; color: #000 !important;}
.cms-page-view h1{padding-bottom:10px;text-decoration:underline;margin-bottom:1px;}
.cms-page-view h2{margin-top: 18px; margin-bottom: 5px;}
.cms-page-view .std h3{font-size:16px;color:#383636;}
.cms-page-view .std p, .cms-page-view .std li{font-style:normal;}
.cms-page-view .std p em{margin-left: 2px; margin-right: 5px; color:#f11718;font-size:15px;}
.cms-page-view .img_cms{margin: 10px 0 40px;}
.cms-page-view .std .faqs_all_content ol li {   list-style-type: decimal;}
.cms-page-view .std .howtopickup ul li, .cms-page-view .std .terms-and-conditions ul li{margin-left:30px;list-style-type:disc;}
.cms-page-view .img_howto{width:642px;margin: auto;}

.faqs_all_content{margin-top: 40px;}
.faqs_all_content .faq_question, .faqs_all_content .selected .faq_question{border-bottom: solid 1px #d3d3d3; position:relative;padding:8px 15px;background:#FFF url("../../skin/frontend/gibthai/default/images/icon-arrow-down.png") no-repeat 98% center;}
.faqs_all_content ul{margin-right: 0;padding-left: 0;}
.faqs_all_content li h2{cursor:pointer;display: block;}
.faqs_all_content li.selected .faq_question .arrow{background-position: 0 -17px;}
.faqs_all_content .selected .faq_question{background:#f7f7f7 url("../../skin/frontend/gibthai/default/images/icon-arrow-up.png") no-repeat 98% center;padding:8px 15px;border-bottom:solid 1px #d7d7d7;outline: solid 1px #f7f7f7;color:#5a5a5a;}
.faqs_all_content .faq_answer{background: #FFF;padding: 20px;}
.faqs_all_content .faq_answer p{padding:0;margin-bottom:5px;font-size: 20px;}
.faqs_all_content .faq_answer ul{padding:0 20px;margin-top: 0;}
.faqs_all_content .faq_answer ul li{list-style-type: circle;font-size: 20px;margin-left: 25px;}
.cms-page-view .faqs_all_content h2 {font-size: 24px;margin: 0;margin-bottom: 5px;margin-top:3px;}
.faqs_all_content .selected h3{font-weight: 500;}
.cms-page-view .std .faqs_all_content li{padding-top: 0;list-style-type: none;padding-bottom: 0}
.faqs_all_content li .faq_answer{display: none;border-bottom: solid 1px #d3d3d3;padding-bottom: 10px;}

.news_event_page{margin-top: 20px;}
.news_event_page li { width: 25%; float: left; margin-bottom: 20px;}
.news_event_page li a img{cursor: pointer !important;}
.news_event_page li .image_news{margin-bottom: 10px;}
.news_event_page li .image_news img{max-width: 100%;}
.news_event_page li .desc_news a{font-family: 'db_heaventregular'; color: #000 !important; font-size: 19px;}

.cms-page-view .std ol{ counter-reset: item; }
.cms-page-view .std ol li{display: block;}
.cms-page-view .std ol li:before { content: counters(item, "") ". "; counter-increment: item; }
.cms-page-view .std ol li ol li:before { content: counters(item, ".") " "; counter-increment: item; }
.cms-page-view .std ol li{margin-left: 0;}
.cms-page-view .std ol li ol li{  margin-left: 20px; }
.cms-page-view .std ol li .img_cms {  margin-left: 28px; }
.cms-page-view .std .alcohol ul{margin-left: 20px;}
.cms-page-view .std .alcohol ul li { list-style-type: disc;}
.cms-page-view .std .alcohol ul li ul li { list-style-type: circle;}

/* Brands page */
.box-all-brands{
  font-family: 'db_heaventregular';
  color:#252525;
  font-size:24px;
}
.box-all-brands .page-head h3{
  color:#000;
  font-size:30px;
  font-family: 'db_heaventregular';
  margin-bottom:10px;
}
.box-all-brands .tab-label {
  border-top:solid 1px #000;
  border-bottom:solid 1px #000;
  margin:10px 0;
  text-align:center;
}

.box-all-brands .tab-label li {
  width:38px;
  text-align:center;
  padding:0px;

  display:inline-block;
}
.box-all-brands .tab-label li a {
  display:block;
  color:#252525;
  font-size:22px;
  line-height:26px;
  padding:17px 0;
}
.box-all-brands .tab-label li a:hover{
  color:#fff;
  text-decoration:none;
  background:#2f9ee5;
}
.box-all-brands  dl {
  display:table;
  width:100%;
  border-bottom: solid 1px #F0F0F0;
}
.box-all-brands  dl:nth-child(2n){
  background:#FBFBFB;
}
.box-all-brands  dl:nth-last-child(1){
  border-bottom:none;
}
.box-all-brands  dt {
  display:table-cell;
  width:80px;
  padding:10px;
  vertical-align:middle;
  font-size:45px;
  color:#000;
  line-height:45px;
}
.box-all-brands  dd{
  display:table-cell;
  padding:10px 0;
  vertical-align: middle;
}
.box-all-brands  dd li {
  float:left;
  width:25%;
  vertical-align:middle;
  padding-left:10px;
  line-height:28px;
  padding-bottom:0px;
}
.box-all-brands  dd li a {
  font-size:24px;
  color:#252525;
}
.box-all-brands  dd li a:hover{
  color:#2f9ee5;
  text-decoration:none;
}
@media only screen and (max-width: 700px) {
  .box-all-brands  dd li {
    width:50%;
  }
  .box-all-brands  dt{
    padding:5px;
  }
  .box-all-brands  dd{
    padding:5px 0;
  }
  .box-all-brands  dd li {
    padding-left:5px;
  }
}
@media only screen and (max-width: 800px) {
  #contactForm {
    padding-left: 0;
  }
}
/* ============================================ *
 * Pricing Conditions
 * ============================================ */
.price-box .minimal-price-link .label {
  color: #cf5050;
  font-family: 'db_heaventregular';
  font-size: 12px;

}

.map-info {
  white-space: nowrap;
}

.catalog-product-view .map-info {
  white-space: normal;
}
.catalog-product-view .map-info > span {
  float: right;
  margin-bottom: 5px;
}
.catalog-product-view .map-info .price-box.map-info > a {
  float: right;
  width: 100%;
}

/* ============================================ *
 * Cookies
 * ============================================ */
.notice-cookie .notice-inner {
  padding-bottom: 0;
}
.notice-cookie .notice-inner:after {
  content: '';
  display: table;
  clear: both;
}
.notice-cookie .notice-text {
  float: left;
  max-width: 90%;
  padding-top: 4px;
  text-align: left;
}
.notice-cookie .notice-text p {
  padding-bottom: 14.5px;
  line-height: 1.3;
}
.notice-cookie .actions {
  float: left;
  text-align: right;
  padding-bottom: 14.5px;
}

@media only screen and (max-width: 979px) {
  .notice-cookie .notice-text {
    max-width: 86%;
  }
}
@media only screen and (max-width: 800px) {
  .notice-cookie {
    padding: 0 20px;
  }
  .notice-cookie .notice-text {
    max-width: 82%;
    padding-top: 0;
  }
}
@media only screen and (max-width: 620px) {
  .notice-cookie {
    padding: 0 20px;
  }
  .notice-cookie .notice-inner {
    background-position: left 10px;
  }
  .notice-cookie .notice-inner:after {
    content: '';
    display: table;
    clear: both;
  }
  .notice-cookie .notice-text {
    float: none;
    max-width: 100%;
    padding-top: 0;
  }
  .notice-cookie .actions {
    text-align: left;
  }
}
/* ============================================ *
 * Tags
 * ============================================ */
#addTagForm button {
  margin-top: 5px;
  margin-bottom: 10px;
}

#addTagForm .form-add {
  margin-top: 10px;
}

.product-tags {
  background-color: #f4f4f4;
  border: 1px solid #cccccc;
  float: left;
  margin-bottom: 10px;
  padding: 5px 1% 10px;
  width: 98%;
}

.product-tags li {
  float: left;
  margin-right: 15px;
}

.product-tags li.last {
  margin-right: 0px;
}

.tags-list {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.tags-list > li {
  float: left;
  margin-right: 10px;
}

.block-tags .actions > a {
  font-size: 12px;
}

.my-tag-edit .button.btn-remove {
  padding: 0;
}
.my-tag-edit .button.btn-remove:after {
  color: white;
}

@media only screen and (max-width: 800px) {
  .tags-list > li,
  .tags-list {
    float: none;
  }
}
/* ============================================ *
 * Captcha
 * ============================================ */
.captcha-note {
  clear: left;
  padding-top: 5px;
}

.captcha-image {
  float: left;
  display: inline;
  max-width: 100%;
  position: relative;
  width: 258px;
  margin-bottom: 10px;
}

.captcha-image .captcha-img {
  border: 1px solid #b6b6b6;
  vertical-align: bottom;
  width: 100%;
}

.registered-users .captcha-image {
  margin: 0;
}

.captcha-reload {
  cursor: pointer;
  position: absolute;
  top: 2px;
  right: 2px;
}

.captcha-reload.refreshing {
  animation: rotate 1.5s infinite linear;
  -webkit-animation: rotate 1.5s infinite linear;
  -moz-animation: rotate 1.5s infinite linear;
}

.customer-account-create .scaffold-form .captcha-input-container label:first-child {
  width: 100%;
}

.captcha-reload {
  position: absolute;
  right: 4px;
  top: 4px;
}

.captcha-img {
  border: 20px solid #bbbbbb;
}

.captcha-input-container {
  margin-bottom: 10px;
}

.control.newsletter-box, .captcha-input-container, .captcha-img-container {
  float: none;
  clear: both;
}
.control.newsletter-box:after, .captcha-input-container:after, .captcha-img-container:after {
  content: '';
  content: '';
  display: table;
  clear: both;
}

/* ============================================ *
 * Checkout Billing Fix to place the Captcha properly
 * ============================================ */
#co-billing-form ul.form-list > .control {
  float: left;
  margin: 0 0 5px;
  width: 100%;
}

/* ============================================ *
 * Account - Orders, Invoices, Credit Memos.
 * ============================================ */
@media only screen and (max-width: 479px) {
  .sales-order-invoice .sub-title,
  .sales-order-creditmemo .sub-title,
  .sales-order-shipment .sub-title {
    float: left;
    font-size: 20px;
    text-align: center;
    width: 100%;
  }
  .sales-order-invoice .order-links,
  .sales-order-creditmemo .order-links,
  .sales-order-shipment .order-links {
    text-align: center;
    width: 100%;
  }
}
/* ============================================ *
 * Recurring Profiles
 * ============================================ */
#recurring_profile_list_view th {
  white-space: normal;
}
#recurring_profile_list_view th span {
  white-space: inherit;
}
@media only screen and (max-width: 479px) {
  #recurring_profile_list_view {
    font-size: 12px;
  }
  #recurring_profile_list_view a {
    font-size: inherit;
  }
  #recurring_profile_list_view th,
  #recurring_profile_list_view td {
    padding: 2px;
  }
}

.recurring-profiles-title {
  float: left;
}
.recurring-profiles-title h1 {
  margin-bottom: 7px;
}

body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons {
  float: right;
  text-align: right;
  margin-bottom: 30px;
}
@media only screen and (max-width: 479px) {
  body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons {
    text-align: center;
    float: none;
  }
}
body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons .button {
  position: static;
}

.recurring-profiles-messages:after {
  content: '';
  display: table;
  clear: both;
}

#recurring_start_date_trig {
  display: inline;
}

/* ============================================ *
 * Billing Agreements
 * ============================================ */
.billing-agreements .info-box {
  margin-bottom: 30px;
}
.billing-agreements .info-box:after {
  content: '';
  display: table;
  clear: both;
}
.billing-agreements .info-box .form-list {
  max-width: 400px;
  width: 100%;
}
.billing-agreements .info-box .box-title {
  margin-top: 20px;
  margin-bottom: 7px;
}
.billing-agreements .info-box .button {
  float: right;
  margin-top: 7px;
}
@media only screen and (max-width: 479px) {
  .billing-agreements .info-box .button {
    width: 100%;
    float: none;
  }
}
.billing-agreements #payment_method {
  width: 100%;
  margin-top: 7px;
  margin-bottom: 7px;
}

.billing-agreement-view-header-wrapper .heading {
  max-width: 80%;
}
@media only screen and (max-width: 479px) {
  .billing-agreement-view-header-wrapper .heading {
    max-width: 100%;
  }
}

.billing-agreement-details td, .billing-agreement-details th {
  padding: 3.5px;
}

@media only screen and (max-width: 979px) {
  .billing-agreements .data-table .created-at,
  .billing-agreements .data-table .updated-at {
    display: none;
  }
}
/* ============================================ *
 * Popular Search Terms Cloud
 * ============================================ */
.catalogsearch-term-popular .tags-list {
  float: left;
  width: 100%;
}

.catalogsearch-term-popular .tags-list > li {
  float: left;
  height: 40px;
  margin-right: 25px;
}

/* ============================================ *
 * Widgets
 * ============================================ */
/* -------------------------------------------- *
 * Add to cart by SKU
 */
.sidebar .widget-addbysku .sku-table .input-text:not(.qty) {
  width: 100%;
}
@media only screen and (min-width: 801px) {
  .sidebar .widget-addbysku .sku-table .input-text:not(.qty) {
    max-width: 100px;
  }
}

.widget {
  clear: both;
}

.widget .pager {
  float: none;
  width: 100%;
}

@media only screen and (min-width: 1199px) {
  .col2-left-layout .col-main .widget,
  .col2-right-layout .col-main .widget,
  .col3-layout .col-main .widget {
    /* Config: Columns + flexible gutter */
    /* Undo three-column config */
    /* Set column config */
    /* Config: Columns + flexible gutter */
    /* Undo three-column config */
    /* Set column config */
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd),
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd),
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd) {
    clear: none;
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1),
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1),
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1) {
    clear: none;
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n),
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n),
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n) {
    margin-right: 2.22222%;
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li,
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li,
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li {
    margin-right: 2.22222%;
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li,
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li,
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li {
    width: 23.33333%;
    margin-right: 2.22222%;
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1),
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1),
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1) {
    clear: left;
  }
  .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n),
  .col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n),
  .col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n) {
    margin-right: 0;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd),
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd),
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd) {
    clear: none;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1),
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1),
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1) {
    clear: none;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n),
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n),
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n) {
    margin-right: 2.22222%;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li,
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li,
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li {
    margin-right: 2.22222%;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li,
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li,
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li {
    width: 18.22222%;
    margin-right: 2.22222%;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1),
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1),
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1) {
    clear: left;
  }
  .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n),
  .col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n),
  .col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 770px) {
  .col1-layout .col-main .widget {
    /* Config: Columns + flexible gutter */
    /* Undo three-column config */
    /* Set column config */
    /* Config: Columns + flexible gutter */
    /* Undo three-column config */
    /* Set column config */
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd) {
    clear: none;
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1) {
    clear: none;
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n) {
    margin-right: 2.22222%;
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li {
    margin-right: 2.22222%;
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li {
    width: 23.33333%;
    margin-right: 2.22222%;
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1) {
    clear: left;
  }
  .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n) {
    margin-right: 0;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd) {
    clear: none;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1) {
    clear: none;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n) {
    margin-right: 2.22222%;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li {
    margin-right: 2.22222%;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li {
    width: 18.22222%;
    margin-right: 2.22222%;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1) {
    clear: left;
  }
  .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n) {
    margin-right: 0;
  }
}
/* ============================================ *
 * Checkout - Multiple Addresses
 * ============================================ */
body[class*="checkout-multishipping-"] .checkout-progress {
  width: 100%;
  float: left;
  margin-bottom: 25px;
}
body[class*="checkout-multishipping-"] .checkout-progress > li {
  float: left;
  width: 20%;
  text-align: center;
  padding: 8px 1% 6px;
  background: #f4f4f4;

  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  margin-bottom: 10px;
  font-family: 'db_heaventregular';
}
body[class*="checkout-multishipping-"] .checkout-progress > li.active {
  background-color: #dddddd;
}
body[class*="checkout-multishipping-"] .checkout-progress > li.last {
  border-right: 0px;
}
body[class*="checkout-multishipping-"] .page-title {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
body[class*="checkout-multishipping-"] .page-title h1 {
  border: 0 none;
  float: left;
  margin-top: 2px;
  margin-right: 2%;
}
body[class*="checkout-multishipping-"] .page-title .button {
  float: right;
}
body[class*="checkout-multishipping-"] .multiple-checkout > h2 {
  text-transform: none;
  font-size: 17px;
  margin-bottom: 15px;
}
body[class*="checkout-multishipping-"] .messages {
  float: left;
  width: 100%;
}
body[class*="checkout-multishipping-"] .col-2.col-wide {
  width: 66%;
}
body[class*="checkout-multishipping-"] .col-1.col-narrow {
  width: 30%;
}
body[class*="checkout-multishipping-"] .actions {
  margin-bottom: 10px;
}
body[class*="checkout-multishipping-"] .grand-total {
  text-align: right;
  font-size: 16px;
  font-weight: 500;
}
body[class*="checkout-multishipping-"] #checkout-review-submit {
  float: right;
}
body[class*="checkout-multishipping-"] #review-buttons-container {
  float: right;
  text-align: right;
}

.checkout-multishipping-addresses .btn-remove2 {
  text-indent: -5555px;
  display: block;
  width: 22px;
  height: 22px;
}

.checkout-multishipping-shipping .gift-messages {
  margin-top: 20px;
}
.checkout-multishipping-shipping .gift-messages-form {
  margin-top: 15px;
}
.checkout-multishipping-shipping .gift-messages-form h4 {
  margin-top: 15px;
  margin-bottom: 5px;
}
.checkout-multishipping-shipping .gift-messages-form .form-list {
  margin-top: 10px;
  margin-bottom: 25px;
}
.checkout-multishipping-shipping .gift-messages-form .item {
  margin-top: 15px;
}

.checkout-multishipping-shipping .col-1 .box-title h2, .checkout-multishipping-shipping .col-1 .box-title h3, .checkout-multishipping-shipping .col-1 .box-title h4, .checkout-multishipping-shipping .col-2 .box-title h2, .checkout-multishipping-shipping .col-2 .box-title h3, .checkout-multishipping-shipping .col-2 .box-title h4,
.checkout-multishipping-billing .col-1 .box-title h2,
.checkout-multishipping-billing .col-1 .box-title h3,
.checkout-multishipping-billing .col-1 .box-title h4,
.checkout-multishipping-billing .col-2 .box-title h2,
.checkout-multishipping-billing .col-2 .box-title h3,
.checkout-multishipping-billing .col-2 .box-title h4,
.checkout-multishipping-overview .col-1 .box-title h2,
.checkout-multishipping-overview .col-1 .box-title h3,
.checkout-multishipping-overview .col-1 .box-title h4,
.checkout-multishipping-overview .col-2 .box-title h2,
.checkout-multishipping-overview .col-2 .box-title h3,
.checkout-multishipping-overview .col-2 .box-title h4 {
  font-weight: 400;
  width: 100%;
  background: #f4f4f4;
  border-bottom: 1px solid #cccccc;
  padding: 10px;
  font-size: 20px;
}
.checkout-multishipping-shipping .col-1 > h4, .checkout-multishipping-shipping .col-2 > h4,
.checkout-multishipping-billing .col-1 > h4,
.checkout-multishipping-billing .col-2 > h4,
.checkout-multishipping-overview .col-1 > h4,
.checkout-multishipping-overview .col-2 > h4 {
  font-weight: 400;
  width: 100%;
  background: #f4f4f4;
  border-bottom: 1px solid #cccccc;
  padding: 10px;
  font-size: 20px;
}
.checkout-multishipping-shipping .col-1 .box-content, .checkout-multishipping-shipping .col-2 .box-content,
.checkout-multishipping-billing .col-1 .box-content,
.checkout-multishipping-billing .col-2 .box-content,
.checkout-multishipping-overview .col-1 .box-content,
.checkout-multishipping-overview .col-2 .box-content {
  margin-bottom: 25px;
  padding-left: 10px;
  margin-top: 10px;
}

.checkout-multishipping-billing .sp-methods dt {
  float: left;
  width: 100%;
}

.checkout-multishipping-payment-customerbalance input.checkbox {
  margin-left: 15px;
}

#multiship-addresses-table > tbody > tr > td.a-center.last > a {
  background-image: none;
}

#review-order-form > div:nth-child(3) > div.divider {
  width: 100%;
  clear: both;
}

@media only screen and (max-width: 979px) {
  body[class*="checkout-multishipping-"] .checkout-progress span {
    word-spacing: 300px;
  }

  #review-order-form .col-1,
  #review-order-form .col-2 {
    float: none;
    width: auto;
    border: 0;
    padding-right: 0;
    padding-left: 0;
  }
}
@media only screen and (max-width: 800px) {
  body[class*="checkout-multishipping-"] .checkout-progress span {
    width: 12px;
  }
  body[class*="checkout-multishipping-"] .checkout-progress li {
    width: 100%;
    margin: 0;
    text-align: left;
    padding-left: 3%;
    border-right: 0px;
  }
  body[class*="checkout-multishipping-"] .checkout-progress span {
    word-spacing: 1px;
    width: 12px;
  }
  body[class*="checkout-multishipping-"] .box-title {
    float: left;
    width: 100%;
  }
  body[class*="checkout-multishipping-"] .page-title .button {
    float: left;
    margin-bottom: 10px;
  }
  body[class*="checkout-multishipping-"] .linearize-table tfoot td {
    text-align: right;
  }
  body[class*="checkout-multishipping-"] .linearize-table select {
    width: 100%;
    min-width: 200px;
  }
  body[class*="checkout-multishipping-"] .col-1.col-narrow, body[class*="checkout-multishipping-"] .col-2.col-wide {
    width: 100%;
    padding: 0;
  }
}
@media only screen and (max-width: 599px) {
  .checkout-multishipping-addresses .linearize-table tbody td[data-rwd-label] {
    text-align: left;
    padding-left: 10px;
    margin-top: 12px;
  }
}
@media only screen and (max-width: 479px) {
  body[class*="checkout-multishipping-"] .buttons-set .back-link {
    display: block;
  }
}
/* ============================================ *
 * Calendar styles (restore styles from /js/calendar)
 * ============================================ */
div.calendar table {
  border-collapse: separate;
}
div.calendar table td.button {
  display: table-cell;
  background: inherit;
  color: inherit;
  text-transform: none;
}

.account-create {}
.account-create-form,
.account-create-banner {
  float:left;
  width:50%;
}
.account-create-banner {
  padding-right:10px;
  text-align:right;
}
.account-create-banner  img {
  float:right;
  max-width:100%;
}
.style-required{
  color:red;
}
.account-create .form-list .control input.checkbox{
  opacity:0;
}
.account-create .form-list .control i.checkbox{
  margin-top:6px;
}


/*** sizing popup ***/
.box-popup .close-popup {
  position: absolute;
  right: 0px;
  top: -40px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  float: left;
  text-indent: -9999px;
  background: url(../../skin/frontend/gibthai/default/images/close.png) no-repeat center center #252525;
}
.box-popup .popup-title{
  font-size: 20px;
  color: #000;

  font-weight: 500;
}
.box-popup .box-popup-content {
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 20px;
  max-width: 96%;
  max-height: 90%;
}
.skip-sizing {
  color:#000;
  text-decoration: underline;
  margin-left:5px;
}

#sizing-id:before{
  background-image: url(../../skin/frontend/gibthai/default/images/Shape-31.html);
  background-repeat: no-repeat;
  text-indent: -9999px;
  width: 18px;
  height: 16px;
  content: "";
  float: left;
  margin-top: 3px;
  margin-left: 100px;
}

#sizing-box .box-popup-content  {
  width:590px;
  text-align: center;
}
#sizing-box .box-popup-content table{
  margin:auto;
}
#sizing-box .box-popup-content table,
#sizing-box .box-popup-content table tr,
#sizing-box .box-popup-content table th,
#sizing-box .box-popup-content table td {
  border:solid 1px #c0c0c0;
  text-align: center;
  color:#000;
  font-weight:bold;
  font-size:12px;
}
#sizing-box .box-popup-content table th{
  background:#B5B5B5;

}
#sizing-box .box-popup-content table tbody tr:nth-child(even) {
  background: #fff;
}
#sizing-box .box-popup-content table tbody tr:nth-child(odd) {
  background: #FAFAFC;
}

#sizing-box{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: url(../../skin/frontend/gibthai/default/css/ie.html);
  background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);
  z-index: 99999;
}

/*** general message popup ***/
#ajaxcart_content_option_product .result-message-popup {
  position: absolute;
  top:50%;
  left:50%;
  max-width:95%;
  width:500px;
  transform:translate(-50%,-50%);
  text-align: left;
  margin: 0 auto;
  border: none;
  z-index: 100;
  background-color: #fff;
  font-size: 26px;
  border-radius: 0px;
  padding:25px 50px 25px;
  font-family: 'db_heaventregular';
  max-height:95%;
  line-height: 30px;
  color: #918e8e;
}
#ajaxcart_content_option_product .result-message-popup span{color: #000;padding-bottom: 10px;display: block;}
#result-message-popup-close {
  background: #252525 url("../../skin/frontend/gibthai/default/images/close.png") no-repeat scroll center center;
  cursor: pointer;
  float: left;
  height: 40px;
  position: absolute;
  right: 0;
  text-indent: -9999px;
  top: -40px;
  width: 40px;
}
.red-text{
    color: red!important;
}
.telephone_edit_account{
    float: left;
    width: 24%;
}
.ext_edit_account{
    margin-left: 215px;
    width: 17%;
}
.telephone_updateaddress{
    float: left;
    width: 56%;
}
.ext_updateaddress{
    margin-left: 219px;
    width: 38%;
}
.ext_mastercheckout{
    margin-left: 203px;
    width: 38%;
}
.telephone_mastercheckout{
    float: left;
    width: 60%;
}
.ext_newbilling{
    margin-left: 209px;
    width: 39%;
}
.telephone_newbilling{
    float: left;
    width: 60%;
}
.ext_updateaddress_acc{
    margin-left: 242px;
    width: 14%;
}
.telephone_updateaddress_acc{
    float: left;
    width: 27%;
}
.dealproduct-list h2.product-name a{
    text-align: center;
}
.ext_register{
    margin-left: 245px;
    width: 21%;
}
.telephone_register{
    float: left;
    width: 43%;
}
.app-download{display: none;}
.popup_show_bottom{position:fixed;bottom:0;z-index:100;line-height:0;}
.popup_show_bottom.left{left:10px;}
.popup_show_bottom.right{right:10px;}
.popup_show_bottom.center {text-align: center;}
.popup_show_bottom.center img{display:inline;}
/*.popup_show_bottom.center .icon_show{left:50%;margin-left:-18px;position:fixed;bottom:19px;}*/
.popup_show_bottom .show_content, .popup_show_bottom.open .icon_show{display:none;}
.popup_show_bottom.open .show_content{display: block; position: fixed;}
.popup_show_bottom.not_have_effect {bottom: 20px;left:40px;}
#btn-show-banner{ position: fixed; }
.btn-close-popup{position:absolute;right:-11px;z-index:100;top:-12px;background:#ccc;border-radius:100%;width:25px;height:25px;display:block;padding-top:11px;font-size:16px}
.btn-close-popup:hover,
.popup_show_bottom.open .icon_show:hover{
  cursor: pointer;
  cursor: hand;
}

.favorite_form_address .button-save-label{
  float: right;
  width: 30%;
}
.favorite_form_address .input-favorite-label{
  width: 65%;
  float: left;
}
.favorite_form_address > div{
  display: inline-block;
}
.favorite_form_address .input-favorite-label input[type=text]
{
  height: 35px;
}
.sub-product {
  width: 50%;
  display: inline-block;
}
.promotion_credit_card{width:520px;}
.promotion_credit_card h2{text-align: center;font-size: 34px; margin-bottom: 30px;}
.promotion_credit_card li.card_item{list-style-type: none;border-bottom: solid 1px #eaeaea;margin-bottom:20px;padding-bottom:20px;padding: 20px;border: solid 1px #FFF;}
.promotion_credit_card li.card_item.choosed, .promotion_credit_card li.card_item:hover{border: solid 1px #2f9ee5;}
.promotion_credit_card li.card_item .img_left{float:left;}
.promotion_credit_card li.card_item .info_right{float: right;width:60%;font-family: 'db_heaventregular';}
.promotion_credit_card li.card_item .info_right .red{color:#ff0000;}
.promotion_credit_card li.card_item .info_right h3 {margin: 0 0 3px; font-size: 27px;padding: 0;}
.promotion_credit_card li.card_item .info_right .desc p{padding-bottom:0;margin-bottom: 2px;margin-top:0;font-size: 20px;}
.promotion_credit_card li.card_item .input_pass{display: none;}
.promotion_credit_card li.card_item.choosed .input_pass{display: block;}
.promotion_credit_card li.card_item .bottom_text_input {font-size: 20px;line-height: 16px;padding-top: 11px;}
.promotion-alert-popup .btn_close_area{position:absolute;padding:10px 0;left:0;right:0;bottom:0;background:#FFF;text-align:center;}
.promotion_credit_card .button {padding: 8px 40px;}
#co-payment-form .paymentmethod-info #button-promotion {position: absolute;bottom: 12px;text-align: center;width: 100%;}
.input_pass .input_area {border: solid 1px #e3e3e3; position: relative;}
.input_pass .input_area_full {border: solid 1px #e3e3e3; position: relative;}
.input_area input[type=text] {width: 83%;border: 0;}
.input_area input[type="button"] {background: #2f9ee5;color: #FFF;border: 0;font-family: 'db_heaventregular';font-size: 19px;width: 46px;height: 33px;position: absolute;right: 3px; top: 3px;}
.input_area_full input[type="button"] {background: #2f9ee5;color: #FFF;border: 0;font-family: 'db_heaventregular';font-size: 19px;width: 100%;height: 33px;position: absolute;right: 3px; top: 3px;}
p.message-response.fulltext{padding-top: 40px;font-size: 22px;}
p.message-response.normal{font-size: 22px;}
/*@font-face {
	font-family: 'db_heaventregular';
	src: url('../../skin/frontend/gibthai/default/css/fonts/PSL-KittithadaBold.eot');
	src: local('☺'), url('../../skin/frontend/gibthai/default/css/fonts/PSL-KittithadaBold.woff') format('woff'), url('../../skin/frontend/gibthai/default/css/fonts/PSL-KittithadaBold.ttf') format('truetype'), url('../../skin/frontend/gibthai/default/css/fonts/PSL-KittithadaBold.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family:'PSL-EmpirePro';
	src: url('../../skin/frontend/gibthai/default/css/fonts/PSL-EmpireExtra.eot');
	src: local('☺'), url('../../skin/frontend/gibthai/default/css/fonts/PSL-EmpireExtra.woff') format('woff'), url('../../skin/frontend/gibthai/default/css/fonts/PSL-EmpireExtra.ttf') format('truetype'), url('../../skin/frontend/gibthai/default/css/fonts/PSL-EmpireExtra.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}*/

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar{ -ms-touch-action: auto; touch-action: auto; }

	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 8px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */

	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}

	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 8px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */

	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}

	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		height: 100%;
		margin: 0 auto;
    border:none;
		-webkit-border-radius: 5x; -moz-border-radius:5px; border-radius: 5px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 8px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
		text-align: center;
	}

	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}

	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 5px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 5px;
		margin: 7px auto;
	}

	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}

	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}

	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
	}

	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }

	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }

	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }

	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }

	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }

	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }

	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}

	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{
		padding-right: 0;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}

	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{
		padding-bottom: 0;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}

	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}

	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools,
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}

	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s,
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: width .2s ease-out .2s, height .2s ease-out .2s,
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out;
	}



/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/

	/*
	----------------------------------------
	6.1 THEMES
	----------------------------------------
	*/

	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }

	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #f6f6f6;
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #E6E6E6;
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)";
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #818181;
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)";
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #818181;
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)";
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(../../skin/frontend/gibthai/default/css/mCSB_buttons.html); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/*
		sprites locations
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/*
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/*
		sprites locations
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/*
		sprites locations
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }


	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }

	/* ---------------------------------------- */



	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }


	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }

	/* ---------------------------------------- */



	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */

	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }

	/* ---------------------------------------- */



	/* theme: "light-thin", "dark-thin" */

	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */

	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }

	/* ---------------------------------------- */



	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }

	.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }

	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}

	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }

	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}

	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}

	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }

	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}

	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}

	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }

	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }

	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }

	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }


	/* theme "rounded-dark", "rounded-dots-dark" */

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }

	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }


	/* theme "rounded-dots", "rounded-dots-dark" */

	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }

	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}

	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("../../skin/frontend/gibthai/default/css/data_image/png%3bbase64%2ciVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYA/9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg%3d%3d.html");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
	}

	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}

	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }

	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }

	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }

	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }


	/* theme "rounded-dots-dark" */

	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("../../skin/frontend/gibthai/default/css/data_image/png%3bbase64%2ciVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII%3d.html");
	}

	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }

	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }

	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }

	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }

	/* ---------------------------------------- */



	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}


	/* theme "3d", "3d-dark" */

	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }

	.mCS-3d.mCSB_scrollTools,
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
	}

	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }

	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}

	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


	/* theme "3d-dark" */

	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}

	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }

	/* ---------------------------------------- */



	/* theme: "3d-thick", "3d-thick-dark" */

	.mCS-3d-thick.mCSB_scrollTools,
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
	}

	.mCS-3d-thick.mCSB_scrollTools,
	.mCS-3d-thick-dark.mCSB_scrollTools,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }

	.mCS-3d-thick.mCSB_scrollTools_vertical,
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }

	.mCS-3d-thick.mCSB_scrollTools_horizontal,
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}

	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}

	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}

	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }


	/* theme: "3d-thick-dark" */

	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }

	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }

	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }

	/* ---------------------------------------- */



	/* theme: "minimal", "minimal-dark" */

	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0;
		margin: 12px 0;
	}

	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0;
		margin: 0 12px;
	}

	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0;
		right: auto;
	}

	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }

	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }

	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
	}

	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
	}


	/* theme: "minimal-dark" */

	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
	}

	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
	}

	/* ---------------------------------------- */



	/* theme "light-3", "dark-3" */

	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}

	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}

	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


	/* theme "dark-3" */

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }

	/* ---------------------------------------- */



	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}

	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }


	/* theme "inset-2", "inset-2-dark" */

	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}

	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }


	/* theme "inset-3", "inset-3-dark" */

	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }

	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }

	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }

	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	/* ---------------------------------------- */
 @media (min-width: 769px){
  .box-list-products .mCSB_horizontal.mCSB_inside > .mCSB_container  {width:100%!important;}
 }
.allcategory-banners  .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.category-banners  .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.category-bestseller .mCSB_scrollTools.mCSB_scrollTools_horizontal{margin-left:10px; margin-right:10px;}

.recommend-allcategory .mCSB_horizontal.mCSB_inside > .mCSB_container {margin-bottom:5px;}
@media (min-width: 481px){
.product-dealerscroll .mCSB_scrollTools .mCSB_draggerRail,
.product-dealerscroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {border-radius:0px;}
}
.product-dealerscroll .mCustomScrollBox {padding:0 10px;}

/* scroll on filter left*/
.block-layered-nav .mCSB_scrollTools {width:15px; background:#fff;}
.block-layered-nav .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.block-layered-nav .mCSB_scrollTools .mCSB_draggerRail {width:6px;}










/* --- EASYDROPDOWN DEFAULT THEME --- */

/* PREFIXED CSS */

.dropdown,
.dropdown div,
.dropdown li,
.dropdown div::after{
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

.dropdown .selected::after,
.dropdown.scrollable div::after{
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	pointer-events: none;
}

/* WRAPPER */

.dropdown{
	position: relative;
  width:auto;
	cursor: pointer;
	background: transparent;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
  padding: 0;
  float:left;
  font-family: 'GothamBook';
  font-size:12px;
}

.dropdown.open{
	z-index: 99;
}

.dropdown:hover{
	/* box-shadow: 0 0 5px rgba(0,0,0,.15); */
}

.dropdown.focus{
	/* box-shadow: 0 0 5px rgba(51,102,248,.4); */
}

/* CARAT */

.dropdown .carat{
	position: absolute;
	right: 0px;
	top: 0;
	/* background:url(https://www.bigc.co.th/skin/frontend/gibthai/default/images/icon-select2.png) no-repeat center center; */
  transition: all 0.4s ease 0s;
  width:10px;
  height:24px;
}

.dropdown.open .carat{
	border-top-color:#000;
  margin-top: -1px;
  -webkit-transform: rotate(180deg);	-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);
}

.dropdown.disabled .carat{
	border-top-color: #999;
}

/* OLD SELECT (HIDDEN) */

.dropdown .old{
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 0;
	overflow: hidden;
}

.dropdown select{
	position: absolute;
	left: 0px;
	top: 0px;
}

.dropdown.touch .old{
	width: 100%;
	height: 100%;
}

.dropdown.touch select{
	width: 100%;
	height: 100%;
	opacity: 0;
}

/* SELECTED FEEDBACK ITEM */

.dropdown .selected,
.dropdown li{
	display: block;
	font-size: 20px;
	padding: 5px 30px 5px 12px;
	overflow: hidden;
	white-space: nowrap;
  line-height:21px;
  color:#464646;
  border:solid 2px #2f9ee5;
  background:#fff;
  font-family: 'db_heaventregular';
}
.dropdown li {
 padding:5px 15px;
 border:none;
 color:#767676;
}

.dropdown.disabled .selected{
	color: #000;
}

.dropdown .selected::after{
	content: '';
	position: absolute;
	right: 10px;
	top: 50%;
  margin-top:-3px;
	width:0px;
  height:0px;
  border-top:solid 7px #ACACAC;
  border-left:solid 5px transparent;
  border-right:solid 5px transparent;
}

/* DROP DOWN WRAPPER */

.dropdown div{
	position: absolute;
	height: 0;
	right: 0px;
	top: 100%;
	margin-top: -2px;
	background: #fff;
	overflow: hidden;
	opacity: 0;
  max-width:none;
  min-width:100%;
  border:solid 2px #2f9ee5;
 /*  max-height:230px; */
}

/* Height is adjusted by JS on open */

.dropdown.open div{
	opacity: 1;
	z-index: 2;
}

/* FADE OVERLAY FOR SCROLLING LISTS */

.dropdown.scrollable div::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;

	box-shadow: inset 0 -50px 30px -35px #fff;
}

.dropdown.scrollable.bottom div::after{
	opacity: 0;
}

/* DROP DOWN LIST */

.dropdown ul{
	height: 100%;
	min-width: 100%;
	list-style: none;
	overflow: hidden;
  float:left;
  max-width:none;
  /* max-height:230px; */
  /* overflow-y:auto; */
}

.dropdown.scrollable.open ul{
	overflow-y: auto;
}

/* DROP DOWN LIST ITEMS */

.dropdown li{
	list-style: none;
	padding: 5px 15px;
  float:left;
  min-width:100%;
  max-width:none;
  margin:0px;
}
/* .dropdown li:nth-last-child(1) {padding-bottom:5px;} */
/* .focus class is also added on hover */

.dropdown li.focus{
	background: #151515;
	position: relative;
	z-index: 3;
	color: #fff;
}

.dropdown li.active,
.dropdown li:hover{
  color:#fff;
  background:#2f9ee5;
}
.dropdown li:hover {opacity:0.8}


/* REQUIRED CSS */

/* Custom radio-checkbox */
i.radio,
i.checkbox {
	margin: 3px 5px 0 0;
	float:left;
  overflow:hidden;
}


/* radio */
i.radio {width: 12px; height: 12px; border:solid 1px #CECECE; border-radius:100%; position:relative; }
i.radio:before {content:""; width:100%; position:absolute; width:8px; height:8px; top:1px; left:1px; background:#fff; border-radius:100%;}
i.radio.radio-checked:before{background:#2f9ee5;}
i.radio + label {position:relative;}

.form-list .control i.radio,
.sp-methods dt i.radio,
#checkout-shipping-method-load .sp-methods dd i.radio,
#co-shipping-method-form .sp-methods dd i.radio,
.product-options ul.options-list i.radio,
.form-list .control i.checkbox,
.sp-methods dt i.checkbox,
#checkout-shipping-method-load .sp-methods dd i.checkbox,
#co-shipping-method-form .sp-methods dd input.checkbox,
.product-options ul.options-list i.checkbox{
  float: left;
  margin-right: -30px;
  margin-left: 10px;
  margin-top: 12px;
 }
.form-list .control i.checkbox,
.sp-methods dt i.checkbox,
#checkout-shipping-method-load .sp-methods dd i.checkbox,
#co-shipping-method-form .sp-methods dd input.checkbox,
.product-options ul.options-list i.checkbox {
  margin-top: 10px;
}
.form-newsletter .control  i.checkbox  {margin-left:0px;}
/* checkbox */
i.checkbox { background:url(../../skin/frontend/gibthai/default/images/amshopby-cb1.gif) no-repeat left top; width:20px; height:20px; }
.actions.list-product  i.checkbox {background-image:url(../../skin/frontend/gibthai/default/images/amshopby-cb1.1.gif); margin-top:0px; }

i.checkbox-checked,
.actions.list-product  i.checkbox-checked { background:url(../../skin/frontend/gibthai/default/images/amshopby-cb2.gif) no-repeat left top; }



/* hide input from view but still visible (ie & opera support) */
.rc-hidden { position: absolute; left: -999em }

#customer-group-table td i.checkbox,
#customer-group-table td i.checkbox-checked {
  width:15px;
  height:15px;
  background-size:100%;
}
div.block-related-category .aw-arp-block-content {
    padding: 5px 0 0 5px;
    overflow: hidden;
    clear: both;
}

div.block-related-category .aw-arp-item {
    text-align: center;
    width: 100px;
    min-height: 100px;
    display: -moz-inline-stack;
    display: inline-block !important;
    vertical-align: top;
    zoom: 1;
    _height: 250px;
    margin: 5px 5px 20px;
}

div.block-related-category .aw-arp-item img {
    border: 1px solid #A9A9A9;
    width: 75px;
    margin-bottom: 10px;
}

div.block-related-category .aw-arp-block-content .aw-arp-addtocart>p {
    margin-bottom: 5px;
}

div.block-related-category .footer .aw-arp-block-content li {
    display: inline-block !important;
}

div.block-related-category .footer .aw-arp-block-content a {
    color: #1E7EC8;
}
#aw_popup_wraper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: #000000;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE10-specific styles */
    #aw_popup_wraper {
        background: transparent;
        background: rgba(0,0,0,0.7);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);
        zoom: 1;
    }
}

#aw_popup_window {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    background: #ffffff;
    top: 0;
    left: 0;
    border: solid 1px;
    border-radius: 6px;
    padding: 10px;
}

#aw_popup_title {
    font-weight: 500;
}

#aw_popup_close_btn {
    cursor: pointer;
    float: right;
}
.am-facebook-image{
	box-sizing: content-box;
}

#am-google-image{
box-sizing: content-box;
}

#amprogress {
    background: linear-gradient(rgba(11, 11, 11, 0.1), rgba(11, 11, 11, 0.6)) repeat-x scroll 0 0 rgba(11, 11, 11, 0.2);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000;
}

#amimg_container {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 9999;
  background: #fff;
  height: 50px;
  width: 50px;
  margin-top: -25px;
  margin-left: -25px;
  padding-left: 10px;
  padding-top: 10px;
  border-radius: 3px;
  box-shadow: 0 2px 8px #666;
}

#am-ajaxlogin-container{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:url('../../skin/frontend/gibthai/default/css/amasty/amajaxlogin/ie.png');
	background: -moz-linear-gradient(rgba(11,11,11,0.6), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.6);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.6)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);
	z-index: 99999;
  display: none;
}

#confirmOverlay div{
   min-height: none;
   min-width: none;
   max-height: none;
   max-width: none;
}

#am-ajaxlogin{
  float: none;
  width:95%;
  top: 5%;
	max-width:660px;
  min-height: 497px;
	position:relative;
	text-align: center;
  margin: 0 auto;
	border: none;
  z-index: 100;
  background: url('../../images/login_h_title.png') top center no-repeat;
  background-size: contain;
  /*font-size: 20px;*/
  border-radius: 0px;
  padding:20px;
  padding-top: 100px;
}

#am-ajaxlogin-close {
    position: absolute;
    right: 0px;
    top:0;
    cursor: pointer;
    width:40px;
    height:40px;
    float:left;
    text-indent:-9999px;
    background:url(../../skin/frontend/gibthai/default/css/amasty/amajaxlogin/close.png) no-repeat center center;

}

#am-ajaxlogin-title{
    font-size: 30px;
    padding: 10px 0px 5px;
    color: #000;
    font-family: 'db_heaventregular';
    line-height:30px;
    border-bottom:solid 1px #E6E6E6;
}

#am-ajaxlogin-message{
    height: 100%;
    padding: 0;
}
#amajaxlogin-login-form {display:table; width:100%;}

@media only screen and (min-width: 768px) {
    #amajaxlogin-login-form .am-form-block {
      background: url('../../images/or-line.png') right top no-repeat;
      background-size: 7%;
      padding-right: 50px;
    }
}

#am-ajaxlogin .input-box {
    position: relative;
    padding-left: 60px;
    background: url('../../images/email-icon.png') left center no-repeat;
}
#am-ajaxlogin .input-box-password {
    padding-left: 60px;
    background: url('../../images/password-icon.png') 10px center no-repeat;
}

#am-ajaxlogin .input-box label {
    color: #9e9e9e;
    position: absolute;
    top: 9px;
    left: 70px;
    font-size: 1rem;
    cursor: text;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    transition: .2s ease-out;
    z-index: 2;
}
#am-ajaxlogin .input-box label.active{
    font-size:0.8rem;
    -webkit-transform:translateY(-110%);
    -moz-transform:translateY(-110%);
    -ms-transform:translateY(-110%);
    -o-transform:translateY(-110%);
    transform:translateY(-110%);
    color: #2f9ee5;
}
#am-ajaxlogin .input-box input.input-text {
  border: none;
/*  border-bottom: 1px solid #2f9ee5;*/
    border: 1px solid #ced4da;
    padding: .375rem .75rem;
    border-radius: .25rem;
}
.login-w-facebook{
  background: url('../../images/login-w-facebook.png') top center no-repeat;
  border: none;
  padding-top: 66px;
  color: #525252;
  width: 90px;
  height: 90px;
  float: left;
  text-align: center;
}

.login-w-google{

  border: none;
  padding-top: 0;
  color: #525252;
  width: 90px;
  height: 90px;
  float: left;
  text-align: center;
}
.abcRioButtonIcon {
    display: none;
}
.abcRioButtonContents {

}
.abcRioButtonLightBlue {
  background: url('../../images/login-w-google.png') top center no-repeat!important;
  box-shadow:none!important;
  width: 90px!important;
  height: 90px!important;
  padding-top: 60px!important;
}

#am-ajaxregister {
  float: left;
  width: 100%;
  border: 1px solid #2f9ee5;
  border-radius: 0 0 4px 4px;
  /*font-size: 17px;*/
}
#am-ajaxregister p ,#am-ajaxregister .social-title{
  /*font-size: 17px;*/
}
#am-ajaxregister .am-form-block {
    color: #595959;
    width: 60%;
    display: table-cell;
    margin: 0px;
    text-align: left;
    vertical-align: top;
    padding: 28px;
    float: left;
}
.refreshcaptcha {
    width:3%;
}
@media only screen and (min-width: 768px) {
    #am-ajaxregister .am-form-block {
      background: url('../../images/or-line.png') right top no-repeat;
      background-size: 5%;
      padding-right: 50px;
      background-position-y: 37%;
    }
}
@media only screen and (max-width: 767px) {
    #am-ajaxregister .am-form-block {
      width: 100%;
    }
    #am-ajaxregister .frm_col {
      width: 100%;
    }
    #am-ajaxregister .half {
      width: 100%;
    }
    .refreshcaptcha {
    width: 10%;
    }
}
#am-ajaxregister .amform-block-social {
    clear: none;
    position: relative;
    padding: 28px;
    float: left;
}
#am-ajaxregister .input-box {
    position: relative;
    padding-left: 60px;
    background: url('../../images/email-icon.png') left center no-repeat;
}
#am-ajaxregister .input-box-password {
    padding-left: 60px;
    background: url('../../images/password-icon.png') 10px center no-repeat;
}
#am-ajaxregister .input-box.nobg {
    position: relative;
    padding-left: 0!important;
    background: none;
}
#am-ajaxregister .input-box label {
    color: #9e9e9e;
    position: absolute;
    top: 9px;
    left: 60px;
    font-weight: 400;
    cursor: text;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    transition: .2s ease-out;
    z-index: 2;
}
#am-ajaxregister .input-box.nobg label {
  left: 0;
}
#am-ajaxregister .input-box.nobg label strong {
  font-weight: 500;
  color: #636363;
}
#am-ajaxregister .input-box.nobg label.active strong {
  font-weight: 500;
  color: #2f9ee5;
}
#am-ajaxregister .input-box label.active {
    /*font-size:0.8rem;*/
    -webkit-transform:translateY(-110%);
    -moz-transform:translateY(-110%);
    -ms-transform:translateY(-110%);
    -o-transform:translateY(-110%);
    transform:translateY(-110%);
    color: #2f9ee5;
}
label.labelforselect {
  -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      font-size: 22px;
}
label.labelforselect.active {
    /*font-size:0.8rem;*/
    -webkit-transform:translateY(-110%);
    -moz-transform:translateY(-110%);
    -ms-transform:translateY(-110%);
    -o-transform:translateY(-110%);
    transform:translateY(-110%);
    -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    color: #2f9ee5;
    position: absolute;
    width: auto!important;
}
#ui-datepicker-div {
  z-index: 9!important;
}
#am-ajaxregister .input-box input.input-text {
  border: none;
  border-bottom: 1px solid #2f9ee5;
}
 .login-w-facebook{
  background: url('../../images/login-w-facebook.png') top center no-repeat;
  border: none;
  padding-top: 66px;
  color: #757575;
  width: 90px;
  height: 90px;
  float: left;
  text-align: center;
  /*font-size: 20px;*/
}

#am-ajaxregister .login-w-google{
  /* background: url('../../images/login-w-google.png') top center no-repeat; */
  border: none;
  /* padding-top: 66px; */
  color: #525252;
  width: 90px;
  height: 90px;
  float: left;
  text-align: center;
}
.frm_col {
  float: left;
  padding: 5px 0;
  width: 93%;
  border-bottom: #2f9ee5 1px solid;
  margin-right: 40px;
  padding-bottom: 0;
  margin-top: 15px;
}

#am-ajaxregister #frm input[type=email],
#am-ajaxregister #frm input[type=search],
#am-ajaxregister #frm input[type=number],
#am-ajaxregister #frm input[type=password],
#am-ajaxregister #frm input[type=tel],
#am-ajaxregister #frm input[type=text],
#am-ajaxregister #frm textarea {
  width: auto;
  max-width: 60%;
  border: 1px solid #2f9ee5;
  color: #9e9e9e;
  font-weight: 400;
}
#tax {
  max-width: 90%!important;
  width: 90%!important;
}
@media (max-width: 991px) {
  #tax {
    max-width: 375px!important;
    width: 375px!important;
  }
}


#am-ajaxregister #frm select,#am-ajaxregister #frm input[type=text]  {
  height: 30px;
  border: none;
  color: #666;
  font-size: 22px;
  font-weight: 400;
}
#am-ajaxregister #frm::-webkit-input-placeholder {
  color: #9e9e9e;
  font-weight: 400;
}
#am-ajaxregister #frm #smt {
  padding: 10px 50px;
    width: 44%;
}
.half {
  width: 44%;
}
.am-personal-detail {
  padding: 28px;

}

.am-form-block{
    color: #595959;
    width: 60%;
    display: table-cell;
    margin: 0px;
    text-align: left;
    vertical-align: top;
    padding:28px;
}

.am-form-list input.input-text {
    width: 100%;
    height:40px;
    border-color:#CBCBCB;
}

.am-form-list li {
    margin: 0 0 15px;
}

.am-form-list label {
    float: left;
    font-weight: 400;
    position: relative;
    color:#595959;
    /*font-size:14px;*/
    margin-bottom:5px;
}

.am-form-list em {
    color: #EB340A;
    float: right;
    font-style: normal;
    position: absolute;
    right: -8px;
    top: 0;
}

.or_use_that{
    display: inline-block;
    margin: 10px 0 0 30px;
}

.am-form-block-line {
    margin: 10px;
    height:1px;
    display:none;
}

.amform-block-account{
    border:0;
}

.amform-block-account-container {
    position: relative;
}

.amform-block-social{
    clear: both;
    position: relative;
    padding: 28px;
}

.amform-block-social div{
    cursor: pointer;
    margin-bottom: 5px;
}

.checkout-detail th:first-of-type{
  border-radius: 6px 0 0 0 ;
}
.checkout-detail th:last-of-type{
  border-radius:  0 6px 0 0 ;
}
.checkout-detail th {
  background-color: #fff;
  color: #636363;
  border: none;
  padding-left: 0;
}
.checkout-detail td {
  background-color: #fff;
  color: #636363;
  border: none;
  padding-left: 0!important;
}
.checkout-detail input[type=text] {
  width: auto!important;
}
@media only screen and (max-width: 767px) {
.checkout-detail input[type=text] {
    width: 89%!important;
}
#am-ajaxregister #frm #smt {
    padding: 10px 50px;
    width: 100%;
}
}
.checkout-detail input[type=submit] {
  background-color: #2f9ee5;
  color: #fff;
  border: none;
  padding: 5px 32px;
  border-color: #2f9ee5;
 /*
 -webkit-box-shadow: 0 0 40px 40px #2f9ee5 inset, 0 0 0 0 #3498db;
         box-shadow: 0 0 40px 40px #2f9ee5 inset, 0 0 0 0 #3498db; */
 -webkit-transition: all 150ms ease-in-out;
 transition: all 150ms ease-in-out;

}
.checkout-detail input[type=submit]:hover {
  /* -webkit-box-shadow: 0 0 10px 0 #4cb1f2 inset, 0 0 10px 4px #4cb1f2;
            box-shadow: 0 0 10px 0 #4cb1f2 inset, 0 0 10px 4px #4cb1f2; */
  background-color: #4cb1f2;
}

#quickorder .btn {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 1px solid #2f9ee5;
  color: #2f9ee5;
  cursor: pointer;
  align-self: center;
  padding: 5px 32px;
  text-decoration: none;
  text-align: center;
}
#quickorder .btn:hover, .btn:focus {
  color: #fff;
  outline: 0;
}
#quickorder .first {
  -webkit-transition: color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
  transition: color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
  transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
  transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
}
#quickorder .first:hover {
  box-shadow: 0 0 40px 40px #2f9ee5 inset;
}

#quickorder .second {
  -webkit-transition: color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
  transition: color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
  transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
  transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
  background-color: #2f9ee5;
  color: #fff;
  padding: 5px 38px;
}
#quickorder .second:hover {
  box-shadow: 0 0 40px 40px #fff inset;
  background-color: #fff;
  color: #2f9ee5;
}

.checkout-detail input[type=button], .checkout-detail input[type=reset] {
  background-color: #fff;
  color: #2f9ee5;
  border: none;
  padding: 5px 0;
  margin-right: 20px;
}
.ui-widget {
  font-family: 'db_heaventregular', sans-serif!important;
}

.social-title {
  color:#595959;
  /*font-size:14px;*/
  line-height:24px;
  margin-bottom:10px;
  font-family: 'db_heaventregular';
  display:block;
  text-align:left;
}
.line-or { float:left; width:100%; margin:18px 0; position:relative; text-align:center;}
.line-or:before{content:""; width:100%; height:1px; background:#E0E0E0; position:absolute; top:50%; left:0px;}
.line-or span {position:relative; display:inline-block; line-height:24px; font-size:22px; color:#000; font-family: 'db_heaventregular'; background:#F9F9F9; padding: 0 10px; }

#hideDiv{
    width:100%;
    height:100%;
    z-index: 10;
    position: absolute;
    display: block;
    float: none;
}

.am-password-login {
    float:left;
    /*font-size: 20px;*/
    width: 100%;
    color: #2f9ee5;
    margin-bottom:12px;
}

.am-password-login a{
    color: #2f9ee5;
    text-decoration: underline;
    cursor: pointer;
}

ul.form-list label {
    color: #9ba0a4;
}

.am-password-login a:hover{
    text-decoration: none;
    border-bottom: 0;
}

.am-login-button{
    font-size:12px;
    padding: 10px ;
    text-decoration:none;
    display:block;
    font-weight: 400;
    cursor: pointer;
    color: #FFFFFF;
    font-family: 'db_heaventregular';
    font-size:21px;
    line-height:25px;
    min-width: 100px;
    text-align: center;
    vertical-align: top;
    overflow:hidden;
}

.am-create-account{
   background:#FFB300;
}
.create-account{
   margin-top: 20px;
}
.am-login{
  position: relative;
  background:#2f9ee5;
  border: 1px solid #2f9ee5;
  -webkit-transition: color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
  transition: color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
  transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
  transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
}

.am-login:hover,
.am-create-account:hover {
  opacity:0.8;
  color: #2f9ee5;
  border: 1px solid #2f9ee5;
  box-shadow: 0 0 40px 40px #fff inset;
}
#smt_submit,#am-ajaxregister #frm #smt {
  border: 1px solid #2f9ee5;
  -webkit-transition: color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
  transition: color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
  transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
  transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
}
#smt_submit:hover, #am-ajaxregister #frm #smt:hover {
  box-shadow: 0 0 40px 40px #fff inset;
  color: #2f9ee5;
}

#confirmBox p{
	background:none;
	font-size:16px;
	line-height:1.4;
	padding-top: 5px;
}

.am-ajax-iframe{
    width: 31px;
    height:32px;
    border:0;
}

.am-ajax-error{
    color: red;
    font-size: 20px;
    padding: 10px 0;
}


.am-ajax-error img {
    margin-right: 10px;
    margin-top: 5px;
    width: 20px;
    display:none;
}

.am-ajax-success img {
    margin-right: 10px;
    margin-top: 5px;
    width: 20px;
    display:none;
}

.am-ajax-success{
    color: green;
    font-size: 20px;
    padding: 10px 0;
}

/* forgot password block start*/

.am-login-forgotpassword{
    margin: 20px;
    text-align: center;
    display: none;
}

.am-login-forgotpassword div.am-login-button{
    float:none !important;
    border: 0;
    margin: 0 auto;
    display:inline-block;
    width:260px;
    background:#2f9ee5;
    border: 1px solid #2f9ee5;
}
.am-login-forgotpassword div.am-login-button:hover {
    border: 1px solid #2f9ee5;
}

.am-login-forgotpassword p.required {
    text-align: center;
}

.am-login-forgotpassword-form-list {
    margin: 0 auto;
    width: 100%;
    max-width: 260px;
}

.am-login-forgotpassword .form-list label {
    float:none !important;
}

.account-reset-password {
  width: 50%;
  margin: auto;
  box-shadow: 0 3px 10px 1px rgba(0,0,0,0.1);
  padding: 40px;
  position: relative;
}
.account-reset-password .input-box input.input-text {
    border: none;
    border-bottom: 1px solid #2f9ee5;
}
.account-reset-password .input-box {
    position: relative;
}
.account-reset-password input {
  width: 100%;
}
.account-reset-password .input-box label {
    color: #9e9e9e;
    position: absolute;
    top: 9px;
    left: 0px;
    font-size: 20px;
    font-weight: 400;
    cursor: text;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    transition: .2s ease-out;
    z-index: 2;
}
.account-reset-password .input-box label.active{
    font-size:0.8rem;
    -webkit-transform:translateY(-110%);
    -moz-transform:translateY(-110%);
    -ms-transform:translateY(-110%);
    -o-transform:translateY(-110%);
    transform:translateY(-110%);
    color: #2f9ee5;
}
.am-login-sendpassword {
  display: none;
}
.backto-login {
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .account-reset-password {
    width: 100%;
    margin: auto;
    box-shadow: none;
    padding: 0px;
  }
}
/* forgot password block end*/


/* account block start*/
.amajaxlogin-block .box-info .box-head h2 {
    background-image: url("../../skin/frontend/gibthai/default/images/i_ma-info.html");
}

.amajaxlogin-social-icon {
    margin: 0 auto;
    width: 160px;
}
.amajaxlogin-social-icon div{
    margin: 5px 0;
    max-height: 32px;
}

.amajaxlogin-social-icon img{
    cursor: pointer;
}

#am-twitter-image{
    color: #FFFFFF;
    height: 22px;
    padding: 10px 0 0 35px;
    text-align: center;
    width: 78px;
    background-repeat: no-repeat;
    background-position: top;
    background-image: url("../../skin/frontend/gibthai/default/images/amasty/amajaxlogin/twitter.png");
    font: 12px/15px Arial,Helvetica,sans-serif;
    cursor: pointer;
}

#am-twitter-image:hover{
    background-position: bottom;
}

@media screen and (max-width: 565px) {
  #amajaxlogin-login-form{
    display:block;
  }

  .am-form-block {
    border-right: 0px;
  }


  #am-ajaxlogin{
    top:6px;
    padding:10px;
    background: url('../../images/login_h_title_mobile.png') top center no-repeat;
    background-size: cover;
  }
  .amform-block-social {
    padding: 0;
  }

  #am-ajaxlogin-message{
    max-height:unset;
    overflow-y:auto;
  }
  .am-form-block{
    margin: 15px 0px;
    display:block;
    width:100%;
    padding:0px;
    float:left;
        padding-top: 35px;
  }
  #am-ajax-facebook iframe {
    width:100%;
  }
  .am-form-block.amform-block-account{
    padding:20px 0;
  }

}

.ambanners {
	clear: both;
	overflow: auto;
}
.ambanners ul.products li {
	list-style: none;
	float: left;
	width: 144px;
	padding: 10px;
	height: 260px;
	margin: 3px;
}
.ambanners ul.products li p.product-name {
	min-height: 60px;
}
/* Block hints */

.amfpc-block-info
{
    position:relative;
    border:1px dotted #008080;
    margin:6px 2px;
    padding:18px 2px 2px 2px;
    zoom: 1;
}

.amfpc-block-info:hover
{
    border-color: orange !important;
}

.amfpc-block-info>.amfpc-block-handle,
.amfpc-block-info>.amfpc-template-info
{
    position:absolute;
    top:0;
    padding:2px 5px;
    background:#008080;
    color:white;
    font:normal 11px Arial;
    text-align:left !important;
    z-index:998;
    text-transform: none;
}

.amfpc-block-info>.amfpc-block-handle:hover,
.amfpc-block-info>.amfpc-template-info:hover
{
    z-index:999;
}

.amfpc-block-info>.amfpc-block-handle
{
    cursor: default;
    left:0;
    white-space: nowrap;
}

.amfpc-block-info>.amfpc-template-info
{
    right:0;
}

.amfpc-block-info>.amfpc-block-handle:hover
{
    background-color: orange !important;
}

.amfpc-block-info.active
{
    -webkit-animation: amfpc-blocks 1s linear .5s infinite alternate;
    animation: amfpc-blocks 1s linear .5s infinite alternate;
}

@-webkit-keyframes amfpc-blocks {
    from {opacity: 1;}
    to {opacity: .1;}
}

@keyframes amfpc-blocks {
    from {opacity: 1;}
    to {opacity: .1;}
}

/* Updated blocks */

.amfpc-block-info.updated
{
    border-color: red;
}

.amfpc-block-info.updated>.amfpc-block-handle
{
    top:0;
    background:red;
}

/* Status popup */

.amfpc-info
{
    width: 350px;
    min-height: 95px;
    position: fixed;
    bottom: 10px;
    left: 10px;
    background: #008080;
    color: #fff;
    z-index: 99999;
    font-size: 32px;
}

.amfpc-info h1
{
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    padding: 2px 5px;
    font-size: 20px;
    font-weight: 500;
}

.amfpc-info h2
{
    margin-top: 12px;
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
}

.amfpc-info .amfpc-content
{
    line-height: 48px;
}
.amlabel-div {
    position: relative;
}

.amlabel-div .amlabel-txt {
    line-height: 11px;
    font-size: 0.9em;
    font-weight: 500;
    display: block;
    letter-spacing: 0.01px;
    text-decoration: none;
    color: #fff;
}

.amlabel-div a {
    text-decoration: none;
    position: relative;
}

.amlabel-table {
    position: absolute;
    z-index: 8;
    cursor: pointer;
}
.product-img-box .product-image-zoom .amlabel-table  {
  z-index:51;
}


.amlabel-table td {
    vertical-align: middle;
    text-align: center;
    border: 0;
    height: auto;
}

.top-center {
    top: 0;
    left: 50%;
}

.middle-left {
    left: 0;
    top: 50%;
}

.middle-right {
    right: 0;
    top: 50%;
}

.bottom-center {
    bottom: 0;
    right: 50%;
}

.middle-center {
    top: 40%;
    left: 40%;
}

.top-left {
    top: 0;
    left: 0;
}

.top-right {
    top: 0;
    right: 0;
}

.bottom-left {
    bottom: 0;
    left: 0;
}

.bottom-right {
    bottom: 0;
    right: 0;
}

.products-list .amlabel-div {
    float: left;
}

* html .amlabel-div {
    float: left;
}

* html .amlabel-div a {
    position: relative;
}

@media (max-width: 930px) {
 /*    .amlabel-table {
        display: none;
    } */
}

.amlabel-table2 {
    position: absolute;
    height: 100%;
    width: 100%;
}

.amlabel-txt2 {
    width: 100%;
    height: 100%;
    background-size: contain !important;
    position: absolute;
}
/* Overlay */
#ampromo-items-add
{
    border: 1px solid #ededed;
    padding: 7px;
    text-align: center;
    margin-bottom: 12px;
}

#ampromo-items-add a
{
    text-decoration: none;
    border-bottom: 1px dashed;
}

.amscheckout #ampromo-items-add
{
    margin: 7px 10px;
}

#ampromo-overlay
{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
    top: 0;
    left: 0;
    z-index: 10000;
    text-align: center;
    direction: ltr;
    overflow: scroll;
}

#ampromo-overlay .close
{
    position: absolute;
    top: 7px;
    right: 7px;
    background: url(../../skin/frontend/base/default/images/amasty/ampromo/close_icon.png) no-repeat;
    width: 16px;
    height: 16px;
    z-index: 1;
    margin: 0;
    padding: 0;
    font-size: 0;
    display: block;

    opacity: .8;
}

#ampromo-overlay .close:hover
{
    opacity: 1;
    transition: opacity 0.2s ease;
}

.ampromo-item .giftcard-send-form{
    padding: 0;
    margin: 0;
}

@media only screen and (max-width: 820px) and (min-width: 420px) {
    body #ampromo-items.amcarousel {
        width: 400px;
    }
    body .amcarousel #ampromo-carousel-wrapper {
        width: 250px;
    }
}

@media only screen and (max-width: 420px) {
    body #ampromo-items.amcarousel {
        width: 100%;
    }

    body .amcarousel #ampromo-carousel-wrapper {
        width: 250px;
    }

    body .ampromo-carousel-control.prev
    {
        left: 0px;
    }

    body .ampromo-carousel-control.next
    {
        right: 0px;
    }

    body .ampromo-carousel-control {
        z-index: 10001;
    }
}

@media only screen and (max-width: 340px) {
    body #ampromo-items .ampromo-item {
        border: none;
    }
}

@media only screen and (max-height: 500px) {
    body #ampromo-items.amcarousel {
        top: 0 !important;
        height: 100%;
    }

    body #ampromo-items {
        padding-top: 0;
    }

    body #ampromo-items>h4 {
        display: none;
    }
}

/* Items */

#ampromo-items
{
    border: 1px solid #ededed;
    background-color: white;
    position: relative;
    margin: 0 auto;
    padding: 24px;
    display: inline-block;
    box-sizing: border-box;
}

#ampromo-items.amcarousel
{
    display: block;
    width: 685px;
}


#ampromo-items .ampromo-item
{
    box-sizing: border-box;

    margin-bottom: 7px;
    padding: 20px;
    width: 250px;

    border: 1px solid #ededed;
    position: relative;
    margin-right: 12px;
}

#ampromo-items .ampromo-item-options
{
    margin-bottom: 12px;
    text-align: left;
}

#ampromo-items .ampromo-item-image
{
    display: block;
    margin: 0 auto;
    width: 160px;
    height: 160px
}

/* Carousel */

.amcarousel #ampromo-carousel-wrapper
{
    width: 520px;
}

#ampromo-carousel-wrapper
{
    overflow: hidden;
    margin: 0 auto;
}

.amcarousel #ampromo-carousel-content
{
    width: 4500px;
    height: 1px;
}

#ampromo-carousel-content .ampromo-slide
{
    float: left;
}

.amcarousel .ampromo-carousel-control
{
    display: block;
}

.ampromo-carousel-control
{
    position: absolute;
    top: 260px;
    background: url(../../skin/frontend/base/default/images/amasty/ampromo/buttons_next_prev.png) no-repeat;
    width: 48px;
    height: 45px;
    font-size: 0;
    display: none;
}

.ampromo-carousel-control.carousel-disabled.prev
{
    background-position: 0 0 !important;
}

.ampromo-carousel-control.amcarousel-disabled.next
{
    background-position: -46px 0 !important;
}

.ampromo-carousel-control.prev
{
    background-position: 0 -45px;
    left: 20px;
}

.ampromo-carousel-control.next
{
    background-position: -46px -45px;
    right: 20px;
}

.ampromo-carousel-control.prev:hover
{
    background-position: 0 -91px;
}

.ampromo-carousel-control.next:hover
{
    background-position: -46px -91px;
}

.ampromo-item .qty-holder
{
    display: none;
}

.ampromo-item-options select,
.ampromo-item-options input
{
    max-width: 210px;
}

.ampromo-notification
{
    padding: 7px;
    text-align: center;
    margin-bottom: 12px;

    border: 1px solid #f16048;
    color: #df280a;
    background: #faebe7;
}

.ampromo_items_form h4 {
    line-height: 50px;
}

.ampromo_items_form h4 a {
    display: inline-block;
    vertical-align: middle;
    line-height: 14px;
}

.ampromo-label{
    float: right;
    position: absolute;
    z-index: 500;
}

.ampromo-gift .product-image{
    float: left;
}

.ampromo-gift li{
    margin: 10px 10px;
    float: left;
}
.ampromo-tooltip {
   padding:2px 5px;
   background:#FEC;
   border:1px solid #FAA819;
   color:#1F5070;
   text-align:left;
   width:300px;
   position:absolute;
   z-index: 10001;
}

.ampromo-product-name{
    font-weight: 500;
}

.ampromo-short-description{

}

.ampromo-img img{
    /*width: 100%;*/
}
div.amshopby-column {
    float: left;
    width: 105px;
    overflow: hidden;
}

select.amshopby-select {
    width:170px;
}

.amshopby-logo{
padding: 0pt 10px 10px 0pt; float: left;
}

.amshopby-featured {
    padding: 5px 5px 5px 5px;
}

.amshopby-link{
    float:left;
    padding-left:5px;
    padding-top:5px;
}
.clearer {
	clear:both;
}
.amshopby-clearer {
	display:block;
	clear:both;
	overflow: hidden;
}
div.block-layered-nav dd a {padding:5px; display:block; float: left; width:100%; margin:1px 0;}
div.block-layered-nav dd a.amshopby-attr,
div.block-layered-nav dd a.amshopby-attr:hover {padding-left:40px; background-image:url(../../skin/frontend/gibthai/default/images/amshopby-cb1.gif); background-repeat: no-repeat; background-position: 5px center;}
div.block-layered-nav dd a.amshopby-attr:hover,
div.block-layered-nav dd a.amshopby-attr-selected,
div.block-layered-nav dd a.amshopby-attr-selected:hover {background-color:#F7F7F7; color:#252525; text-decoration:none;}
div.block-layered-nav dd a.amshopby-attr::before,
div.block-layered-nav dd a.amshopby-attr-selected::before {border-style: none !important;}
div.block-layered-nav dd a.amshopby-attr-selected {font-weight: 500; padding-left:40px; background-image:url(../../skin/frontend/gibthai/default/images/amshopby-cb2.gif); background-repeat: no-repeat; background-position: 5px center;}

div.block-layered-nav dd a.amshopby-attr-inactive {pointer-events: none; color: #666666}
div.block-layered-nav dd a img {/* padding: 0px 4px 5px;*/ float:left;}

div.block-layered-nav dd .single-choice a.amshopby-attr,
div.block-layered-nav dd .single-choice a.amshopby-attr:hover,
div.block-layered-nav dd .single-choice a.amshopby-attr-selected
{padding-left:5px; background-image:none;}

div.block-layered-nav dd li.amshopby-cat-level-2 {padding-left:10px; background:#F7F7F7;}
div.block-layered-nav dd li.amshopby-cat-level-2 a,
div.block-layered-nav dd li.amshopby-cat-level-2 span.count {color:#767676;}
div.block-layered-nav dd li.amshopby-cat-level-3 {padding-left:20px;}

div.block-layered-nav dd a.amshopby-cat-selected {font-weight: 500;
color:black; text-decoration: none; cursor:text;}

div.block-layered-nav li.amshopby-cat-multi a {
    padding-left:15px;
    background-image:url(../../skin/frontend/gibthai/default/images/amshopby-cb1.gif); background-repeat: no-repeat; background-position: left center;
}

div.block-layered-nav li.amshopby-cat-multiselected a {
    font-weight: 500;
    background-image:url(../../skin/frontend/gibthai/default/images/amshopby-cb2.gif); background-repeat: no-repeat; background-position: left center;
}

div.block-layered-nav dd li span.amshopby-plusminus {
  float:right;
  display:block;
  width:18px;
  height:18px;
  cursor:pointer;
  position:relative;
  margin-top:4px;
}
div.block-layered-nav dd li span.amshopby-plusminus:before{
  content:"+";
  float:left;
  width:100%;
  height:18px;
  text-align:center;
  color:#C1C1C1;
  font-size: 20px;

}
div.block-layered-nav dd li span.minus:before {
  content:"-";
}
div.block-layered-nav dd li:after {display:block; content:".";
clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }



div.block-layered-nav.amshopby-collapse-enabled dl dt {
     cursor:pointer;
     padding-left:15px;
     background:url(../../skin/frontend/gibthai/default/images/amshopby-expanded.gif) center left no-repeat;
}
div.block-layered-nav.amshopby-collapse-enabled dl dt::after {
    border-style: none !important;
}
div.block-layered-nav.amshopby-collapse-enabled dl dt.amshopby-collapsed {background:url(../../skin/frontend/gibthai/default/images/amshopby-collapsed.gif) center left no-repeat;}
.main .col-left div.block-layered-nav.amshopby-collapse-enabled dl dt{background:url(../../skin/frontend/gibthai/default/images/amshopby-expanded.gif) center left no-repeat;}
.main .col-left div.block-layered-nav.amshopby-collapse-enabled dl dt.amshopby-collapsed{background:url(../../skin/frontend/gibthai/default/images/amshopby-collapsed.gif) center left no-repeat;}

.main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content dl dd .no-display {
    display: block!important;
}

div.block-layered-nav div.amshopby-slider {
	 position:relative; margin:10px 4px 5px 4px; z-index:9; height:18px;  background: url(../../skin/frontend/gibthai/default/images/amshopby-slider-bg.gif) repeat-x 0 50%; cursor:pointer;
}
div.block-layered-nav div.amshopby-slider div.handle {margin-left:-4px; width:8px; top:3px; height:14px; background: transparent url(../../skin/frontend/gibthai/default/images/amshopby-hadle.png) no-repeat; position: absolute; cursor:move; z-index: 2;}

/*
 * Slider labels
 */
.amshopby-slider-price {
	color: #959595;
  font-size:14px;
  font-family: 'db_heaventregular';
  line-height:16px;
}
.amshopby-slider-price-from {
	float: left;

}
.amshopby-slider-price-to {
	float: right;
}

.amshopby-slider-handle-right {
	position: absolute;
	top: 14px;
	right: 0px;
}

.amshopby-slider-handle-left {
	position: absolute;
	top: 14px;
	left: 0px;
}

.amshopby-tooltip {
    padding:2px 5px;
    background:#FEC;
    border:1px solid #FAA819;
    color:#1F5070;
    text-align:left;
    width:200px;
    position:absolute;
}

.amshopby-slider-price-range
{
	text-align: center;
	font-size: 0.9em;
}
.amshopby-slider-price-range  span {font-size:18px!important; color:#363636!important; line-height:18px; }

.amshopby-tooltip-img {
    cursor:help;
    display: inline;
}

div.block-layered-nav, div.amshopby-page-container, div.amshopby-filters-top {
    position: relative;
}
div.amshopby-overlay {
    background-color: #FFFFFF;
    height: 100%;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 555;
}
div.amshopby-overlay img {
    top: 100px;
    left: 45%;
    display: block;
    position: absolute;
}

div.amshopby-overlay div {
    margin: 0 auto;
    display: block;
	width: 300px;
	height: 200px;
	background:  url('../../skin/frontend/gibthai/default/images/amshopby-overlay.gif') 50% 50% no-repeat;
}

/*
 * Advanced Categories
 */
.amshopby-advanced li {
	clear: both;
}
.amshopby-advanced li.level1 {
	padding-left: 20px;
}
.amshopby-advanced li.level2 {
	padding-left: 30px;
}
.amshopby-advanced li.level3 {
	padding-left: 40px;
}
.amshopby-advanced li.level4 {
	padding-left: 50px;
}


.amshopby-advanced li.active > a {
	font-weight: 500;
}

/*
 * Slider Bar
 */
.amshopby-slider-bar {
	position:absolute;
	background: #999;
	height: 6px;
	top: 6px;
	z-index: 1;
}

/*
 * Subcategories block
 */
.amshopby-subcategory-image {
	overflow: auto;
}

.btn-remove-inline { background-image: url('../../skin/frontend/gibthai/default/images/am_btn_remove.gif'); background-repeat: no-repeat; width:13px; height:12px; margin-left: 4px; }
.btn-remove-inline:hover { /* background-position: center bottom; */ }
.amshopby-hightlighted { background: yellow;}

.btn-remove-inline img {display: inline;}

div.block-layered-nav div.amshopby-slider div.handle.active { z-index: 3; }

.amshopby-slider-ui { background:#C2C2C2; border-radius:4px; }
.amshopby-slider-ui .ui-slider-handle { background:#2f9ee5; box-sizing: border-box; outline: none; }
.amshopby-slider-ui .ui-slider-range { background-color: #2f9ee5; border-radius:4px; }

.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.ui-slider { cursor: pointer; position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width:10px; height: 10px; border-radius:10px; cursor: pointer; -ms-touch-action: none; touch-action: none; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; }

.ui-slider-horizontal { height:4px; margin: 15px 0 2px;}
.ui-slider-horizontal .ui-slider-handle { top: -3px; margin-left: -2px; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 4px; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

.amshopby-narrow-by-list table td { vertical-align: top; }

input[name^="amshopby"][id$="from"].input-text, input[name^="amshopby"][id$="to"].input-text{
    width: auto;
}

.amshopby-item-top{
    max-width: 225px;
    min-width: 180px;
    display: inline-block;
    vertical-align: top;
    height: 100%;
}

.amshopby-filters-top .block-content ol{
    max-width: 250px;
}

.amshopby-item-top div.amshopby-column {
    width: auto;
}

.no-display-current, .no-display{
    display: none;
}

.current .no-display-current, dd.current td.no-display{
    display: block;
}

@media only screen and (max-width: 800px) {
    .main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content dl dt{background:url(../../skin/frontend/gibthai/default/images/amshopby-collapsed.gif) center left no-repeat;}
    .main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content.accordion-open dl dt.current{background:url(../../skin/frontend/gibthai/default/images/amshopby-expanded.gif) center left no-repeat;}
}
/**
 * Innoexts
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@innoexts.com so we can send you a copy immediately.
 *
 * @category    Innoexts
 * @package     Innoexts_CustomerLocator
 * @copyright   Copyright (c) 2014 Innoexts (http://www.innoexts.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
/**
 * Customer Address Block
 */
.block-customer-address {
    line-height: 1.25;
}
.block-customer-address .block-title strong {
    background-position: 0 0;
    background-repeat: no-repeat;
}
.block-customer-address .form-list {
    padding: 5px 10px;
}
.block-customer-address .form-list label {

}
.block-customer-address .customer-address-id-form-list {
    padding: 5px 10px 0px 10px;
}
.block-customer-address .customer-address-form-list {
    padding: 0px 10px 5px 10px;
}
.block-customer-address input.input-text {

}
.block-customer-address select {

}

/*** Update address ***/
.update-address {width:100%; float:left;}
.update-address .update-address-form {float:left; width:35%}
.update-address .google-maps-address {float:right; width:60%; padding-right:10px;}
.register-steps {padding:30px 0; margin-bottom:30px; width:100%; overflow:hidden; border-bottom: 1px solid #e6e6e6;}
.register-steps ul {
	margin: 0 auto;
	width: 620px;
  max-width:100%;
  font-family: 'db_heaventregular';
  font-size:20px;
  color:#B5B5B5;
}
.register-steps ul li {
	display: inline-block;
	float: left;
	text-align: center;
	width: 33.33%;
  position:relative;
}

.register-steps ul li.active.complete .step-number {
    background: #2f9ee5;
}

.register-steps ul li .step-number {
    border-radius: 30px;
    display:block;
    margin:auto;
    height: 54px;
    width: 54px;
    color: #DADADA;
    line-height: 46px;
    border: solid 5px #DADADA;
    background: #fff;
}

.register-steps ul li.active .step-number {
    background: #2f9ee5;
    border-color:#2f9ee5;
    color:#fff;
}

.register-steps ul li .step-number span {
	font-weight:bold;
	font-size:36px;
}
.register-steps ul li h6{
  color: #B5B5B5;
  font-size: 20px;
  line-height: 24px;
  font-family: 'db_heaventregular';
  display: inline-block;
  margin: 5px 0;
  position: relative;
}
.register-steps ul li.active  h6 {
  color:#000;
}
.register-steps ul li:before{
  content:"";
  width:calc(100% - 70px);
  height:6px;
  background:#DADADA;
  position:absolute;
  top:27px;
  right: 50%;
  margin-right: 35px;
}
.register-steps ul li:nth-child(1):before{
  display:none;
}
.register-steps ul li.active:before{
  background:#2f9ee5;
}

.update-address p.notice {margin-bottom:10px;}

.update-success {
  color: #000;
  font-family: 'db_heaventregular';
  font-size: 28px;
  text-align: center;
}
.update-success h2{
  font-size: 36px;
  margin: 0px;
  color: #000;
}
.update-success p{
  margin: 0px;
}
#customerlocator-updateaddress-newbillingaddress{
  padding:20px;
  background: #F9F9F9;
}


@media (max-width: 800px){
  .update-address .google-maps-address,
  .update-address .update-address-form{
    width:100%;
    padding-right:0px;
  }
}
@media (max-width: 520px){
  .register-steps ul li .step-number{
    width:40px;
    height:40px;
    line-height:32px;
  }
  .register-steps ul li .step-number span {
    font-size:28px;
  }
  .register-steps ul li:before,
  .register-steps ul li:after {
    top:17px;
    width: calc(100% - 60px);
  }
  .update-address .google-maps-address,
  .update-address .update-address-form {
    width:100%;
    margin-bottom:20px;
  }

}








/**
 * Innoexts
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the InnoExts Commercial License
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://innoexts.com/commercial-license-agreement
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@innoexts.com so we can send you a copy immediately.
 *
 * @category    Innoexts
 * @package     Innoexts_Warehouse
 * @copyright   Copyright (c) 2014 Innoexts (http://www.innoexts.com)
 * @license     http://innoexts.com/commercial-license-agreement  InnoExts Commercial License
 */

/**
 * Warehouse
 */
.warehouse {  }
.warehouse .warehouse-name {
    font-weight: 500;
}
.warehouse .warehouse-origin {
    display: block;
    font-style: italic;
}
.warehouse .warehouse-distance {
    display: block;
    font-style: italic;
}
.warehouse .warehouse-description {
    display: block;
}
/**
 * Product Quote
 */
.product-quote tfoot td {
    padding: 5px 10px;
}
.product-quote .current {

}
.product-quote .button-update {
    margin-left: 5px;
}
/**
 * Cart
 */
.cart-table .cart-item-product-quote-button {
    margin-left: 10px;
}
.cart-table .product-quote {

}
.cart-table .product-quote .odd  {

}
.cart-table .product-quote .even {

}
.cart-table .product-quote thead th {

}
.cart-table .button-reset-cart span {

}
.cart-table .button-reset-cart {

}

/**
 * Warehouse Block
 */
.warehouse-block {  }
.warehouse-block .block-title strong {
    background-position: 0 0;
    background-repeat: no-repeat;
}
.warehouse-block .block-title strong {

}
.warehouse-block .current,
.warehouse-block .current.odd,
.warehouse-block .current.even {

}
.warehouse-block input.radio {
    float: left;
    margin: 3px -18px 0 0;
}
.warehouse-block .label {
    display: block;
    margin-left: 18px;
}
.warehouse-block li {
    padding: 3px 9px;
}
.warehouse-block .actions .button-update {
    margin-left: 5px;
}
/**
 * Warehouse Shipping Method
 */
.warehouse-shipping-methods .warehouse {
    padding-top: 15px;
}
.warehouse-shipping-methods .warehouse .warehouse-name {
    font-size: 1.125em;
}
.warehouse-shipping-methods .warehouse-content {
    padding-bottom: 10px;
}
.warehouse-shipping-methods .warehouse-content .shipping-methods {
    padding-left: 15px;
}
/**
 * Checkout
 */
.block-progress dl.warehouse-shipping-methods {
    border: 0;
    padding: 0;
}
.block-progress dl.warehouse-shipping-methods dt {
    border: 0;
    padding: 0;
}
.block-progress dl.warehouse-shipping-methods dd {
    border: 0;
    padding: 0 0 0 5px;
}
#ajax_cart_loading {
    width: 52px;
    height: 52px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -26px;
    margin-left: -26px;
    background: url(../../skin/frontend/gibthai/default/magebuzz/ajaxcart/images/loading.gif) no-repeat center;
    text-align: center;
    z-index: 10000;
}

#ajaxcart_content_option_product {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: url('../../skin/frontend/gibthai/default/magebuzz/ajaxcart/css/ie.html');
    background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);
    z-index: 99999;
}
#ajaxcart_content_option_product .content-popup {
  position: absolute;
  top:50%;
  left:50%;
  max-width:95%;
  width:730px;
  transform:translate(-50%,-50%);
  text-align: left;
  margin: 20px auto 0;
  border: none;
  z-index: 100;
  background-color: #fff;
  font-size: 20px;
  border-radius: 0px;
  padding:25px 50px 25px;
  font-family: 'db_heaventregular';
  font-size: 20px;
  /* max-height:calc(98% - 40px);
 /*  overflow-y:auto; */ */
}
#ajaxcart_content_option_product .content-popup .box-content-popup {
  overflow-y:auto;
}

#ajaxcart_content_option_product .content-popup.message-error-popup {
  width:400px;
  padding:20px;
  text-align:center;

}
.content-popup .error-text{
  color:#FF0000;
  font-size:30px;
  font-family: 'db_heaventregular';
  line-height:34px;
  display:block;
}
#ajaxcart_content_option_product .content-popup.message-success-popup{
  width:540px;
  padding:20px;
}
.content-popup .popup-title{
  font-size:30px;
  font-family: 'db_heaventregular';
  line-height:34px;
  display:block;
  text-align:center;
  color:#000;
  border-bottom:solid 1px #E6E6E6;
  margin-bottom:10px;
}
.content-popup .popup-title.shippinginfo{
  font-size:30px;
  font-family: 'db_heaventregular';
  line-height:34px;
  display:block;
  text-align:left;
  color:#000;
  border-bottom:none;
  margin-bottom:10px;
}
.content-popup .product-info{
  display:block;
  text-align:center;
  margin:10px 0;
}
.content-popup .product-info img {
  margin:auto;
}
.content-popup .product-info .product-name{
  font-size:24px;
  color:#595959;
  font-family: 'db_heaventregular';
}
.content-popup .info-shippingadress{
  display:block;
  padding:10px 20px;
  background:#F1F1F1;
  color:#767676;
  font-size:14px;

}
.content-popup .info-shippingadress label{
  /*display:block;*/
  clear:both;
  font-weight:bold;
  color: #363636;
}
.content-popup.message-success-popup .ajaxcart-buttons {
  border-top:0px;
}
.content-popup.message-success-popup .ajaxcart-buttons button{
  float:left;
  width:49%;
  margin:0px;
  margin-right:2%;
  background:#767676;
  height:40px;
}
.content-popup.message-success-popup .ajaxcart-buttons button + button {
  background:#2f9ee5;
  margin-right:0px;
}

.content-popup .ajaxcart-buttons{
  padding-top:20px;
  margin-top:10px;
  border-top:solid 1px #E6E6E6;
}


.content-popup h4{
  font-size:30px;
  color:#000;
  line-height:35px;
  padding-bottom:5px;
  border-bottom:solid 1px #E6E6E6;
  float:left;
  width:100%;
}
.content-popup h4 >span {
  padding-top:10px;
  float:left;
}
.content-popup .select-type{
  float:left;
  width:100%;
  margin:30px 0;
}
.content-popup .select-type li{
  float:left;
  width:49%;
  margin-right:2%;
  background:#F6F6F6;
  padding:24px;
  border:2px solid transparent;
}
.content-popup .select-type li:nth-child(2n){
  margin-right:0px;
}
.content-popup .select-type li.active{
  border-color:#2f9ee5;
}
.content-popup .select-type li:nth-child(2n).active{
  border-color:#FFB300;
}
.content-popup .select-type li input{
  display:none;
}
.content-popup .select-type li label{
  float:left;
  width:100%;
  padding-top:98px;
  background:url(../../skin/frontend/gibthai/default/magebuzz/ajaxcart/images/icon-delivery.png) no-repeat center top;
}
.content-popup .select-type li:nth-child(2n) label{
  background-image:url(../../skin/frontend/gibthai/default/magebuzz/ajaxcart/images/icon-pickup.png);
}
.content-popup .select-type li label span {
  display:inline-block;
  height:45px;
  padding:5px 10px;
  line-height:35px;
  text-align:center;
  min-width:220px;
  max-width:100%;
  color:#fff;
  background:#2f9ee5;
  font-size:26px;
  text-transform:uppercase;
  font-family: 'db_heaventregular';
  cursor:pointer;
}
.content-popup .select-type li:nth-child(2n) label span {
  background:#FFB300;
}
.content-popup .btn-chooser{
  float:right;
  min-width:160px;
  height:40px;
  padding:5px;
  line-height:30px;
  background:#FFB300;
  color:#fff;
  text-align:center;
  font-size:20px;
  font-family: 'db_heaventregular';
  border:none;
}
.content-popup .btn-chooser:before{
  content:"+ ";
}
.address-form {
  float:left;
  width:100%;
}
.address-form li {
  float:left;
  width:100%;
  margin-bottom:15px;
}
.address-form .delivery-address i.radio, .address-form .pickup-address i.radio{
	margin-top:10px;
}
.address-form li label{
  font-size:22px;
  color:#767676;
}
.address-form li input[type=text]{
  width:100%;
  clear:both;
  float:left;
  border: solid 1px #D7D7D7;
  color:#C1C1C1;
  height:50px;
}
.address-form li.active input[type=text] {
  color:#5D5D5D;
  background:#F5F5F5;
  border-color:#2f9ee5;
}
button.form-btn-set {
  border:none;
  min-width:250px;
  height:45px;
  padding:5px;
  line-height:35px;
  text-align:center;
  color:#fff;
  font-size:26px;
  font-family: 'db_heaventregular';
  text-transform:uppercase;
  background:#2f9ee5;
}

#ajaxcart_content_option_product .product-name{
  font-family: 'db_heaventregular';
  font-size:20px;
  line-height:24px;
}

@media (max-width: 480px) and (orientation:landscape) {
    #ajaxcart_content_option_product {
        overflow-y: auto!important;
        max-height: 300px;
    }
}

#plus_one {
    width: 256px;
    height: 256px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -128px;
    margin-left: -128px;
    background: url('../../skin/frontend/gibthai/default/magebuzz/ajaxcart/images/cart.png') no-repeat center;
}

.ajaxcart-product-image {
    display: inline;
    margin: 5px;
}

.ajaxcart-buttons button {
  margin:0 5px;
}
.content-popup.message-error-popup .ajaxcart-buttons button{
  background:#767676;
  min-width:270px;
  height:40px;
  margin:auto;
}

#form-validate-newDelivery .legend{
  font-size:30px;
  border-bottom:solid 1px #E6E6E6;
}

#form-validate-newDelivery .fields .field,
#pickup-new-form .fields .field{
  float:left;
  width:49%;
  margin-right:2%;
}
#form-validate-newDelivery .fields .field:nth-child(2n),
#pickup-new-form .fields .field:nth-child(2n) {
  margin-right:0px;
}
#form-validate-newDelivery li {
  float:left;
  width:100%;
}
.content-popup .back-link {
  float:left;
  clear:both;
  color:#000;
  font-size:14px;

  width: 100%;
}
.content-popup .back-link a{
  color:#000;
}

#ajaxcart_content_option_product .content-popup .close-popup{
  position: absolute;
  right: 0px;
  top: -40px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  float: left;
  text-indent: -9999px;
  background: url(../../skin/frontend/gibthai/default/magebuzz/ajaxcart/images/close.png) no-repeat center center #252525;
}

@media (max-width: 520px){
  #ajaxcart_content_option_product .content-popup,
  #ajaxcart_content_option_product .content-popup.message-success-popup{
    padding:10px;
  }
  .content-popup h4,
  #form-validate-newDelivery .legend{
    font-size:26px;
    line-height:26px;
  }
  .content-popup .select-type li {
    width:100%;
    margin-right:0px;
    margin-bottom:10px;
  }
  .content-popup .select-type li:nth-child(2n) {
    margin-bottom:0px;
  }
  .content-popup .select-type {
    margin:5px 0 0;
  }
  .content-popup .btn-chooser {
    width:100%;
    margin-top:5px;
  }
  button.form-btn-set {
    width:100%;
  }
  #form-validate-newDelivery .fields .field,
  #pickup-new-form .fields .field {
    width:100%;
    margin-right:0px;
  }
  .content-popup .buttons-set .back-link {
    display:block;
  }
  .content-popup .popup-title {
    font-size:22px;
    line-height:25px;
    border-bottom:none;
  }
  .content-popup .product-info {
    display:none;
  }
  .content-popup .ajaxcart-buttons {
    padding-top:0px;
  }
  .content-popup.message-success-popup .ajaxcart-buttons button {
    width:100%;
    margin-right:0px;
    margin-bottom:10px;
  }
  .content-popup.message-success-popup .ajaxcart-buttons button:nth-last-child(1){
    margin-bottom:0px;
  }
}

#ajaxcart_content_option_product .content-popup.message-success-popup-welcome{
  width: 625px;
  padding: 29px 62px 20px 62px;
  /*height: 272px;*/
  top: 38%;
  background: url(../../skin/frontend/gibthai/default/magebuzz/ajaxcart/images/bg_welcome.png) no-repeat -8px -95px;
  background-color: white;
}
.message-success-popup-welcome .popup-title.shippinginfo .welcome-back{
  font-size: 30px;
  font-family: 'db_heaventregular';
  float: left;
  line-height: 34px;
  display: block;
  text-align: left;

  color: #000;
  border-bottom: none;
  margin-bottom: 10px;
}

.message-success-popup-welcome .popup-title.shippinginfo .welcome-customer{
  color: #2f9ee5;
}
.message-success-popup-welcome .info-shippingadress label {
  display: block;
  clear: both;
  font-weight: 500;
  color: #363636;
}
.message-success-popup-welcome .info-shippingadress{
  display: block;
  padding: 10px 20px 15px 20px;
  background: #F1F1F1;
  color: #767676;
  font-size: 20px;

  max-width: 500px;
}

.message-success-popup-welcome .info-shippingadress {
  display: block;
  padding: 10px 20px 15px 20px;
  background: #F1F1F1;
  color: #767676;
  font-size: 20px;

  max-width: 500px;
}

.welcome-buttons button {
  background: #2f9ee5;
  display: inline-block;
  padding: 13px 30px;
  border: 0;
  color: #FFFFFF;
  font-size: 26px;
  font-style: oblique;
  font-family: 'db_heaventregular';
  line-height: 19px;
  text-align: center;

  vertical-align: middle;
  white-space: nowrap;
}

.content-popup .welcome-buttons {
  padding-top: 15px;
}

.content-popup.message-success-popup-welcome .welcome-buttons button + button {
  background: #767676;;
  margin-right: 0px;
}







/********Css For bannerads************/
.wrap-bannerads {
  width: 100%;
  overflow: hidden;
  text-align: center;
  margin: 0px;
  margin-bottom: 20px;
}

/*
.wrap-bannerads .div-banner{background:#FFF; border:2px solid #F0F0F0; padding:5px; overflow:hidden}
*/
.wrap-bannerads img {
  max-width: 100%;
}

/* Display type: Show all */
/*.wrap-bannerads .div-banner ul li{float:left; display:inline; margin:0 0 5px;}*/
/* Display type: Random */
.wrap-bannerads div.banner {
  margin: 0 auto;
}

.wrap-bannerads div.banner .bx-viewport {
  /* background: #FFF; */
}

.showall-banner {
}

.banner {
}

.allbanner {
  width: 70%;
  margin: 0 auto;
}
/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
  position: relative;
  margin: 0 auto 0px;
  padding: 0;
  *zoom: 1;
  min-height:50px;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
  margin:auto;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product-image.product-image-zoom .bx-wrapper .bx-viewport {
      height: 653px!important;
}
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
}

/* LOADER */

.bx-wrapper .bx-loading {
  min-height: 50px;
  background: #f9f9f9 center center no-repeat;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
}

/* PAGER */

.bx-wrapper .bx-pager {
  text-align: center;
  color: #fff;
  padding-top: 10px;

}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager {
  position:absolute;
  bottom:5px;
  width:100%;
	/* z-index:999; */
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #fff;
  text-indent: -9999px;
  display: block;
  width: 15px;
  height: 15px;
  margin: 0 3px;
  outline: 0;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  box-shadow: 1px 1px 2px 0px #ccc;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-controls-direction a.bx-prev {
  right: 40px;
  background:url(../../skin/frontend/gibthai/default/magebuzz/bannerads/css/images/left.png) no-repeat center center;
}


.bx-wrapper .bx-controls-direction a.bx-next {
  right: 0px;
  background:url(../../skin/frontend/gibthai/default/magebuzz/bannerads/css/images/right.png) no-repeat center center;
}



.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 5px;
  outline: 0;
  width: 35px;
  height: 35px;
  text-indent: -9999px;
	z-index:2;
}
.bx-wrapper .bx-controls-direction a:hover{
  background-color: #2f9ee5;
}


.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(../../skin/frontend/gibthai/default/magebuzz/bannerads/css/images/controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(../../skin/frontend/gibthai/default/magebuzz/bannerads/css/images/controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666\9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption .caption-text {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
  text-align: left;
}

.bx-wrapper .bx-caption .caption-text h3 {
  color: #FFFFFF;
}
/*-----------------------*/
.big-banner-home .bx-wrapper li {z-index:1;}
.big-banner-home .bx-wrapper .bx-controls-direction a {display:none;}

.small-banner-home .banner-vertical  {height:100%;}
.small-banner-home .banner-vertical .bx-wrapper {max-height:100%;}
.small-banner-home .banner-vertical img {max-height:100%;}
.small-banner-home .banner-vertical > ul {max-height:100%;}
.small-banner-home .banner-vertical > ul li {max-height:33%; padding-bottom:5%;}
.small-banner-home .banner-vertical li {padding-bottom:0px; }
.small-banner-home .banner-vertical .bx-wrapper .bx-controls-direction a{width:32px; height:32px; left:50%; margin:0 0 0 -16px;}
.small-banner-home .banner-vertical .bx-wrapper .bx-controls-direction a.bx-next{
  background-position: -63px -490px;
  top:5px;
}
.small-banner-home .banner-vertical .bx-wrapper .bx-controls-direction a.bx-next:hover{
  background-position: -63px -525px;
}
.small-banner-home .banner-vertical .bx-wrapper .bx-controls-direction a.bx-prev{
  background-position: 0px -525px;
  top:100%;
  margin-top:-37px;
}
.small-banner-home .banner-vertical .bx-wrapper .bx-controls-direction a.bx-prev:hover{
  background-position: 0px -490px;
}
/* home sections banner*/
.main-banner .wrap-bannerads{
  padding-left:24%;
}

.main-banner .bx-controls {display:none;}
.main-banner:hover .bx-controls {display:block;}
.slider-style1 .bx-wrapper .bx-controls-direction a {width:25px; height:50px; top:50%; margin-top:-25px; }
.slider-style1 .bx-wrapper .bx-controls-direction a.bx-next {background: url(../../skin/frontend/gibthai/default/magebuzz/bannerads/css/images/arrow-righ3.png) no-repeat center center; background-color: rgba(37,37,37,0.2);}
.slider-style1 .bx-wrapper .bx-controls-direction a.bx-prev {left:0px; background: url(../../skin/frontend/gibthai/default/magebuzz/bannerads/css/images/arrow-left3.png) no-repeat center center; background-color: rgba(37,37,37,0.2);}
.slider-style1 .bx-wrapper .bx-controls-direction a.bx-next:hover,
.slider-style1 .bx-wrapper .bx-controls-direction a.bx-prev:hover {background-color:#2f9ee5;}
.block-related-category .slider-style1 .bx-wrapper .bx-controls-direction a.bx-next:hover,
.block-related-category .slider-style1 .bx-wrapper .bx-controls-direction a.bx-prev:hover {background-color:#c2c2c2;}

.slider-style1 .bx-wrapper .bx-pager.bx-default-pager {position:static; }
.slider-style1 .bx-wrapper .bx-pager.bx-default-pager a {width:12px; height:12px; margin: 0 6px;}
.slider-style1 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.slider-style1 .bx-wrapper .bx-pager.bx-default-pager a.active {background:#555;}
/* home cat banner bottom */
.home-cat .banner-bottom .bx-controls-direction {
  display:none;
}
.home-cat .banner-bottom .bx-wrapper .bx-pager.bx-default-pager {
  float:right;
  right:10px;
  width:auto;
}
.home-cat .banner-bottom  .bx-wrapper .bx-pager.bx-default-pager a{
  text-indent:0;
  width:25px;
  height:25px;
  border-radius:25px;
  color:#9C9C9C;
  font-size:20px;
  line-height:25px;
  font-family: 'db_heaventregular';
  text-decoration:none;
  float:left;
}
.home-cat .banner-bottom  .bx-wrapper .bx-pager.bx-default-pager a.active,
.home-cat .banner-bottom  .bx-wrapper .bx-pager.bx-default-pager a:hover{
  color:#fff;
  background:#000;
}

/* Cat banner top */

.category-banner-top .bx-controls-direction a {width:25px; height:50px; top:50%; margin-top:-25px; }
.category-banner-top .bx-controls-direction a.bx-next {background: url(../../skin/frontend/gibthai/default/magebuzz/bannerads/css/images/arrow-righ3.png) no-repeat center center; background-color: rgba(255,255,255,0.5);}
.category-banner-top .bx-controls-direction a.bx-prev {left:0px; background: url(../../skin/frontend/gibthai/default/magebuzz/bannerads/css/images/arrow-left3.png) no-repeat center center; background-color: rgba(255,255,255,0.5);}
.category-banner-top .bx-controls-direction a.bx-next:hover,
.category-banner-top .bx-controls-direction a.bx-prev:hover {background-color:#2f9ee5;}
.category-banner-top .bx-wrapper .bx-pager.bx-default-pager a {width:10px; height:10px;}
.category-banner-top .bx-wrapper .bx-pager.bx-default-pager {bottom:0px;}

/* menu banner */
/* .nav-primary .featured-category .bx-wrapper .bx-viewport {
  min-height:254px;
}
.nav-primary .featured-category .bx-wrapper .bx-viewport .banner-carousel-menu li {
  width:auto!important;
} */
.nav-primary .featured-category .bx-wrapper .bx-pager.bx-default-pager a {
  width:12px;
  height:12px;
}
.product-img-box .more-views .bx-wrapper .bx-viewport .product-image-thumbs li {
  padding-top:7px;
  cursor: pointer;
}
.product-img-box .more-views .bx-wrapper .bx-pager.bx-default-pager{
  position:static;
  padding-top:3px;
}
.product-img-box .more-views .bx-wrapper .bx-pager.bx-default-pager a{
  background:#EBEBEB;
}
.product-img-box .more-views .bx-wrapper .bx-pager.bx-default-pager a:hover,
.product-img-box .more-views .bx-wrapper .bx-pager.bx-default-pager a.active{
  background:#000;
}

.home-cat .slider-banner .bx-wrapper .bx-controls-direction a {
  top:50%;
  margin-top:-17px;
}
.home-cat .slider-banner .bx-wrapper .bx-controls-direction a.bx-prev {
  right:auto;
  left:0px;
}
.home-cat .slider-banner .bx-wrapper .bx-controls-direction a.disabled{
  display: block;
  opacity: 0.3;
}

@media (max-width: 800px) {
  .main-home .main-banner {
    background:none;
    margin-top: 0px;
  }
  .main-banner .bx-controls {display:block;}
  .main-banner .wrap-bannerads {
    padding-left:0px;
  }
  .main-banner .bx-wrapper .bx-pager.bx-default-pager{
    position:static;
  }
  .main-banner .container {
    padding-left:0px;
    padding-right:0px;
  }
  .bx-wrapper .bx-pager.bx-default-pager a {
    width:10px;
    height:10px;
  }
  .main-banner  .bx-wrapper .bx-pager.bx-default-pager a{
    background:#DADADA;
  }
  .main-banner  .bx-wrapper .bx-pager.bx-default-pager a.active{
    background:#000;
  }
  .main-banner  .bx-wrapper .bx-controls-direction a.bx-next {
    right:10px;
  }
  .bx-wrapper .bx-controls-direction a.bx-prev {
    right:50px;
  }
}
@media (max-width: 520px) {
  .slider-style1 .bx-wrapper .bx-pager.bx-default-pager a{
    margin:0 2px;
  }
}










#product-attribute-specs-table{
  width:100%;
}
/* #product-attribute-specs-table tr td{padding:10px 0;}
#product-attribute-specs-table tr.last td{border:0 none;} */
#product-attribute-specs-table td img{
  width:265px;
  height:250px;
}
#product-attribute-specs-table .product-name a{font-size:30px; font-weight:bold; color:#1c9dd0; text-decoration:none;}
#product-attribute-specs-table .short-desc{font-size:14px; font-weight:normal; color:#636363;}
.deal-price{float:left; width:100%; margin:5px 0;}
.price-statistic{
  float:left;
  padding:5px;
  margin-right:10px;
}
.price-statistic label{float:left;}
.price-statistic .price{float:left;font-weight:bold;}
.deal-time{float:left; width:100%;margin:0 0 10px;}
.deal-time-info{
  text-align:left;
  padding:10px;
  border:1px solid #cccccc;
}
.deal-share{
  padding:10px 8px;
  overflow:hidden;
}

.deal-share .share-buttons {clear:both; }
.deal-share .share-buttons .fb-button {display:inline;}
.deal-share .share-buttons .twitter-button {display:inline;}

.deal-time .deal-share ul li {float:left; margin: 0 5px;}

.deal-time label{color:#FD9000; font-size:16px; font-weight:bold;}
.deal-time h4{font-size: 20px;color:#2f2f2f; text-align:center;}
.deal-time h4 label{color:#FD9000; font-size:37px; font-family: 'DS-Digital'; }
.deal-time h4 label,.deal-time .deal-share label{font-size:30px;}
.deal-time h5{color:#38A8FA; font-size: 20px; margin:6px 0 0;}
.deal-time button.btn-cart::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
.deal-time button.btn-cart { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */
.deal-time button.btn-cart{ overflow:visible; width:auto; border:0 none; padding:0; margin:0; background:transparent; cursor:pointer;}
.deal-time button.btn-cart span { height:37px;line-height:37px; border:0; padding:0; background:url(../../skin/frontend/gibthai/default/images/dailydeal/btn-buy-now.png) 0 0 no-repeat; width:95px; text-align:center;}
.deal-time button.btn-cart span span {background:0 none; color:#996633; font-size:16px; font-weight:normal;}


#countdown{float:left; width:100%; text-align:center; margin:0 0 10px;}
#countdown li{*float:left; *display:inline; zoom:1; display:inline-block; padding:0; text-align:center;}
.catalog-category-view #countdown li{width:32px;}
#countdown li .timeleft-value{font-size:15px; font-family:Arial; line-height:1.55; font-weight:bold; color:#000;}
#countdown li .timeleft-label{float:left; width:100%; clear:both; color:#333; font-size:11px; font-weight:bold; text-transform:uppercase;}

/* CSS FOR DEAL VIEW */
.product-view-deal{  float: right; width: 49%; position: relative; margin:0; background:url(../../skin/frontend/gibthai/default/images/dailydeal/background-deal.jpg);}
.product-view-deal:before{content:""; width:0px; height:0px; position:absolute; left:-10px; top:50%; margin-top:-5px;  border-right:solid 10px #FFC53B; border-top:solid 5px transparent; border-bottom:solid 5px transparent;}
.product-view-deal .deal-time-info {border:none; padding:10px; padding: 6px 10px; float: left; width: 100%;}
.product-view-deal .i-box {
    background: none repeat scroll 0 0 #F1F1F1;
    border: 5px solid #FFFFFF;
    box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.05);
    padding: 30px 10px 10px;
    position: relative;
    overflow:hidden;
    text-align:center;
}
.product-view-deal .price-save {
    background: url("../../skin/frontend/gibthai/default/images/dailydeal/i_save.png") no-repeat scroll right top transparent;
    float: right;
    height: 100px;
    position: absolute;
    right: -30px;
    top:-60px;
    width: 100px;
    text-align:center;
    z-index:1000;
}
.product-view-deal .price-save .price{
  line-height:100px;
  font-size:20px;
  color:#FFFFFF;
  font-weight:bold;
}
.deal-qty{}
.product-view-deal .timeleft{float:right; padding-top:5px; padding-left:46px; background:url(../../skin/frontend/gibthai/default/images/dailydeal/DEal-ICON2.png) no-repeat left 28px;}
.product-view-deal .dealtime-label{ float:left; margin:0px 10px 0 0; max-width:145px; padding:5px 0 5px 60px; background:url(../../skin/frontend/gibthai/default/images/dailydeal/DEal-ICON.png) no-repeat left center; font-size:41px; color:#000; line-height:30px; 	font-family: 'db_heaventregular';}

.product-view-deal #countdown{float:left; width:100%; text-align:left; margin:0px;}
.product-view-deal .deal-qty{ display:none;}

.product-view-deal #countdown li {width:auto; margin:0px; position:relative; float:left; margin-top:20px; overflow:hidden;}
.product-view-deal #countdown li:before{
  content: ":";
  line-height: 42px;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  color: #252525;
  z-index: 1;
  font-size: 45px;
  font-family: 'db_heaventregular';
  width:8px;
  text-align:center;
}
.product-view-deal #countdown li:nth-last-child(1):before {display:none;}
.product-view-deal #countdown li .timeleft-label {
  position: absolute;
  top: -20px;
  left: 0px;
  width: 100%;
  padding-right: 8px;
  text-align: center;
  font-family: 'db_heaventregular';
  font-size: 20px;
  color:#000;
  line-height:18px;
    }
.product-view-deal  #countdown li .timeleft-value {
  letter-spacing: 14px;
  text-align: center;
  padding: 0 0 0 6px;
  position:relative;
  height: 42px;
  display: block;
  line-height: 42px;
  font-size:33px;
  font-family: 'db_heaventregular';
}
.product-view-deal  #countdown li .timeleft-value:before{content:""; position:absolute; top:0px; right:33px; width:3px; height:100%; background:#FFB200;}
.product-view-deal  #countdown li .timeleft-value:after{content:""; position:absolute; top:0px; right:0px;  width:8px; height:100%; background:#FFB200;}
.product-view-deal  #countdown li:nth-last-child(3):after {content:""; position:absolute; top:0px; right:59px; width:3px; height:100%; background:#FFB200;}

/* CSS FOR DEAL SIDEBAR */
#deal-list tr td{padding:10px; border-bottom:2px solid #cccccc;}
#deal-list tr.last td{border:0 none;}
#deal-list .product-deal-image{width:100%; text-align:center;}
#deal-list .product-deal-name{width:100%; text-align:center; margin:5px 0;}
#deal-list .product-deal-name a{}
#deal-list td img{
  width:135px;
  height:135px;
}
#deal-list .deal-price{margin:3px 0;font-weight:normal; color:#636363;}
#deal-list .deal-price .price{font-size:20px;}
#deal-list .save-price {margin:3px 0;font-weight:normal; color:#636363;}
#deal-list .save-price .price{font-size:20px;}
#deal-list h4{}

/***** Subscription popup *****/
#subscription-popup { display: none; min-width: 240px; min-height:150px; max-width:320px; text-align:left;}
#subscribe-form-ajax {
  height:150px;
  background:url(../../skin/frontend/gibthai/default/images/dailydeal/ajax-loader.gif) center center no-repeat;
  z-index:999;
}
#newsletter-subscription-popup {position: fixed; width: 300px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); background: #FFFFFF; padding:20px; border-radius:5px;}
#newsletter-subscription-popup .dailydeal-subscription-popup {display:block; position:relative;}
#newsletter-subscription-popup .dailydeal-subscription-popup .close-popup{position:absolute; top:-40px; right:-40px;}
#newsletter-subscription-popup .dailydeal-subscription-popup p.intro-msg{color: #FD9000; font-weight: 500; font-size:13px;}
#newsletter-subscription-popup .dailydeal-subscription-popup .input-box {width:100%; float:left; margin:0 0 6px;}
#newsletter-subscription-popup .dailydeal-subscription-popup .input-box .validation-advice{margin-left:70px;}
#newsletter-subscription-popup .dailydeal-subscription-popup .input-box label{min-width:70px; float:left; font-weight:bold; color:#666666}
#newsletter-subscription-popup .dailydeal-subscription-popup .input-box input.input-text {float:left; width:220px; margin:0 0 3px;}
#newsletter-subscription-popup .dailydeal-subscription-popup .actions {clear:both; padding-top:15px; }
#subscription-popup #subscribe-result-message {color:#EB340A; font-weight:bold; text-align:center;}


/* Grid Mode */
/* .grid-deals{}
.title-buttons{}
.grid-deals #today-deals,.grid-deals #coming-deals,.grid-deals #previous-deals{float:left; width:100%; margin:0 0 10px;}
.grid-deals #today-deals h3,.grid-deals #coming-deals h3,.grid-deals #previous-deals h3{  font-size: 16px;  color: #000;  font-weight: 500;}
.grid-deals .list-deals{}
.grid-deals .list-deals .pager{margin:0 0 10px; border:0 none;}
.grid-deals .list-deals .pager .amount {float:left;}
.grid-deals .list-deals .pager .limiter {float:right;}
.grid-deals .list-deals ul{}
.grid-deals .list-deals ul li.first{}
.grid-deals .list-deals ul li{position:relative}
.grid-deals .all-deals  .list-deals .products-grid .item:hover {border-bottom:solid 1px #CECECE;}
.grid-deals .list-deals ul li.last{}
.grid-deals .list-deals .product-info{background:#FFFFFF; border:1px solid #cccccc; text-align:center; border-radius:5px; overflow:hidden; position:relative; padding:1px;}
.grid-deals .list-deals .product-info .product-image{display:block; margin:10px auto; width:135px; border:0 none;}
.grid-deals .list-deals .product-info .product-name{min-height:2.7em; font-size:15px; font-weight:bold; color:#666666; margin:0 0 10px; padding:0 10px;}
.grid-deals .list-deals .product-info .product-name a{color:#666666; text-decoration:none;}
.grid-deals .list-deals .product-info .product-name a:hover{color:#fd9000; text-decoration:none;}
.grid-deals .list-deals .product-info .deal-info{background:#F1F1F1; padding:10px; margin:0; overflow:hidden;}
.grid-deals .list-deals .product-info .deal-price{margin:0;}
.grid-deals .list-deals .product-info .deal-price .price-deal, .grid-deals .list-deals .product-info .deal-price .price-value{display:inline; padding:0 5px;}
.grid-deals .list-deals .product-info .deal-price .price{font-size:20px; color:#bb2626;}
.grid-deals .list-deals .product-info .deal-price .price-value .price{text-decoration:line-through;}
.grid-deals .list-deals .item  .save-price {
    background: url(https://www.bigc.co.th/skin/frontend/gibthai/default/images/dailydeal/icon-sale.png) no-repeat scroll left top transparent;
    height: 100px;
    position: absolute;
    top: 0;
    width: 100px;
}

.grid-deals .list-deals .item .save-price .price{
  font-size:16px;
  color:#FFFFFF;
  margin: 15px 0 0 5px;
  text-align: left;
}
.grid-deals .list-deals .product-info .deal-time{margin:0;}
.grid-deals .list-deals .product-info .deal-time h5{font-size:13px; color:#666666;}
.grid-deals .list-deals .product-info .deal-time #countdown li{width:auto!important; margin:0 5px 0 0!important; float:none!important;}
.grid-deals .list-deals .product-info .deal-time #countdown li .timeleft-value{font-size:15px; font-family:Arial; line-height:1.55;}
#countdown li .timeleft-label{float:left; width:100%; clear:both; color:#333; font-size:11px; font-weight:bold; text-transform:uppercase;} */

/* countdown in product list */
.box-deal-product #countdown {margin:0px;}
.box-deal-product #countdown li {width:auto; margin:0px; position:relative; overflow:hidden;}
.box-deal-product #countdown li:before{
  content: ":";
  line-height: 30px;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  color: #252525;
  z-index: 1;
  font-size: 29px;
  font-family: 'db_heaventregular';
  width:6px;
  text-align:center;
}
.box-deal-product #countdown li:nth-last-child(1):before {display:none;}
.box-deal-product #countdown li .timeleft-label {display:none;}
.box-deal-product  #countdown li .timeleft-value {
  letter-spacing: 12px;
  text-align: center;
  padding: 0 0 0 5px;
  position:relative;
  height: 30px;
  display: block;
  line-height: 30px;
}
.box-deal-product  #countdown li .timeleft-value:before{content:""; position:absolute; top:0px; right:25px; width:2px; height:100%; background:#fff;}
.box-deal-product  #countdown li .timeleft-value:after{content:""; position:absolute; top:0px; right:0px;  width:6px; height:100%; background:#fff;}
.box-deal-product  #countdown li:nth-last-child(3):after {  content:""; position:absolute; top:0px; right:45px; width:2px; height:100%; background:#fff;}

.box-deal-product #countdown li:nth-last-child(n+5) .timeleft-value:before{
  display:none;
}

.amquickview-ajax-view .product-view-deal .dealtime-label{
  font-size: 30px;
  padding-left:48px;
  max-width:105px;
  margin-right:0px;
}
.amquickview-ajax-view  .product-view-deal  #countdown li .timeleft-value{
  font-size:28px;
}



/* Responsive */
@media (max-width: 520px){
  .product-view-deal .deal-time-info {
    padding: 6px 4px 6px 10px;
  }
  .product-view-deal .dealtime-label {
    padding-left:37px;
    background-size:30px auto;
    font-size:26px;
    max-width:85px;
    line-height:22px;
  }
  .product-view-deal .timeleft {
    background-size:25px auto;
    background-position:left 17px;
    padding-left:28px;
  }
  .product-view-deal #countdown li .timeleft-label {
    font-size:12px;
    line-height:12px;
    top:-12px;
  }
  .product-view-deal  #countdown li .timeleft-value {
    height: 28px;
    line-height: 28px;
    font-size: 20px;
    letter-spacing: 10px;
    padding: 0 0 0 3px;
  }
  .product-view-deal #countdown li:before {
    line-height:28px;
    width:6px;
    font-size:30px;
  }
  .product-view-deal  #countdown li .timeleft-value:after {
    width:6px;
  }
  .product-view-deal #countdown li {
    margin-top:12px;
  }
  .product-view-deal  #countdown li .timeleft-value:before {
    width:2px;
    right:22px;
  }
  .product-view-deal  #countdown li:nth-last-child(3):after {
    width:2px;
    right:40px;
  }
}
@media (max-width: 480px) {
  .grid-deals .list-deals ul li, .grid-deals .list-deals ul li.first, .grid-deals .list-deals ul li.last{ float:left; width:100%; margin:0 0 15px; }
}
@media (min-width: 481px) and (max-width: 600px) {
  .grid-deals .list-deals ul li, .grid-deals .list-deals ul li.first, .grid-deals .list-deals ul li.last{ float:left; width:100%; margin:0 0 15px; }
}

 #countdown li {width:30px; }
 #countdown li .timeleft-value {
    background: #252525;
    color: #fff;
    padding: 5px 2px;
}

/********Css For shoppinglist************/
#form-add-item,
#form-add-item .form-add,
#form-add-item .form-add .content {
  float:left;
  width:100%;
}

.form-add {
    text-align: left;
    font-family: 'db_heaventregular';
    font-size: 20px;
}

.form-add h2.legend {
    font-family: 'db_heaventregular';
    border-bottom: 1px solid #E6E6E6;
    color: #000;
    font-size: 30px;
    font-weight: 500;
    margin-bottom:10px;

    text-align: center;
    padding:0px;
}
.form-add .product,
.form-add .form-list{
  float:left;
  width:50%;
  max-width:295px;
}
.form-add .form-list {
  min-height:200px;
}
.form-add .product img{
  margin:auto;
}
.form-add .product .name{
  font-size:24px;
  margin:10px 0px 0;
  font-family: 'db_heaventregular';
  line-height: 24px;
  padding-left: 10px;
}
.form-add .form-list >ul{
  float:left;
  width:100%;
  max-height:200px;
  overflow-y:auto;
}
.form-add .form-list .group{
  background:#f0f0f0;
  padding:10px 5px;
  float:left;
  width:100%;
  margin-bottom:10px;
}
.form-add .form-list .group label{
  float:left;
  line-height:20px;
  padding: 0 0 0 8px;
}
.form-add .form-list .group label span {
  color:#2f9ee5;
}
.form-add .form-list .group.disabled{
  background:none;
  font-size:24px;
  color:#000;
  line-height:20px;
  opacity: 0.25;
}
.form-add .form-list .group  i.checkbox {
  margin:0px;
}

.form-add .form-list .new-group{
  float:left;
  width:100%;
  background:#F5F5F5;
  padding:10px;
}
.form-add .form-list .new-group > span {
  font-size:24px;
  color:#000;
}
.form-add .form-list .new-group input{
  border:solid 1px #DADADA;
  margin:0px;
}
.form-add .form-list .new-group .button{
  float:right;
  margin-top:-40px;
  margin-bottom:0px;
  height:40px;
  position:relative;
  background:#252525;
  color:#fff;
}
.form-add .form-list .add-item{
    float:right;
    padding: 6px 10px 4px 10px;
    line-height: 10px;
    font-size: 20px;
}

.form-add .form-list .input-checkbox{
}

.form-add .qty {
    margin-left: 5px;
}

.form-add ul.options-list li {
    line-height: 1.5;
    padding: 2px 0;
}

.form-add ul.options-list input.radio {
    float: left;
    margin-top: 3px;
}

.form-add ul.options-list .label {
    /*display: block;*/
    margin-left: 18px;
}

.form-add .buttons-set {
    margin: 20px 0 0;
}

.btn-add-shoppinglist span span span {
    background: url(../../skin/frontend/gibthai/default/css/magebuzz/shoppinglist/images/add-to-list.png) left center no-repeat;
    padding-left: 20px;
}

#addShoppingList {
    text-align: left;
}

#addShoppingList .box-title {
    float: left;
    width: 100%;
    margin: 0 0 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
}

#addShoppingList .box-title h2 {
    color: #333333;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}

/* Frontend: Customer Dashboard */
.my-shoppinglist {
}

.my-shoppinglist .box-view {
    margin: 0 0 10px;
}

.customer-group-view .title-buttons button.button {
    margin-bottom: 5px;
}

.change-group-name {
    padding-bottom: 10px;
}

/* login form */

/* Social login button on Customer Login page */
#form-login {
}

#form-login #registered-user-login {
    float: left;
    margin-right: 20px;
    width: 420px;
}

#form-login #registered-user-login .form-list label {
    margin-right: 10px;
    min-width: 90px;
}

#form-login #registered-user-login .form-list input.input-text {
    width: 180px;
}

#form-login #registered-user-login .link-create-account {
    border-top: 1px dotted #CCCCCC;
    float: left;
    padding: 10px 0 0;
    margin: 10px 0 0;
    text-align: right;
    width: 100%;
}

#form-login #registered-user-login .link-create-account p {
    float: left;
}

#form-login #registered-user-login .link-create-account button.button {
    float: right;
}

#form-register .link-login {
    border-top: 1px dotted #CCCCCC;
    float: left;
    padding: 10px 0 0;
    margin: 10px 0 0;
    text-align: right;
    width: 100%;
}

#form-register .link-login p {
    float: left;
}

#form-register .link-login button.button {
    float: right;
}

#form-login #login-with-social-network {
    float: right;
    width: 162px;
}

#form-login #sendlogin {
    margin-left: 15px;
}

#form-forgot {
}

#form-forgot .page-title {
    margin: 0 !important;
}

.customer-login-with-social {
}

.customer-login-with-social .content ul {
    width: 100%;
    margin: 0 0 10px;
    text-align: right;
}

.customer-login-with-social .content ul li {
    display: inline;
}

#reminder_config_form #reminder-option  label {
    float: left;
}

#reminder_config_form #reminder-option .interval-number {
    float: left;
        padding-left: 5px;
}

#reminder_config_form #reminder-option .interval-number input {
    width: 50px;
    margin-right: 5px;
}

#reminder_config_form #number_reminder #count_send{
  margin-left:5px;
}

.shoppinglist-popup {
  /*   margin: 10px; */
	min-height: 110px;
}

#view-list {
    float: right;
}

#continue-shopping {
    float: left;
}
/* custom */
.customer-group-view .item-group {
  border:solid 1px #DADADA;
  font-family: 'db_heaventregular';
  padding:0px;
}
.customer-group-view .item-group.not-group {
  min-height:270px;
}
.customer-group-view .item-group.not-group  .product-info{
  position: absolute;
  width: 100%;
  height: 100%;
}
.customer-group-view .item-group.add-collections {
  background:#F5F5F5;
  position:relative;
}
.customer-group-view .item-group.add-collections  a{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
}
.customer-group-view .item-group.add-collections  a span{
  padding-top:62px;
  width:100%;
  text-align:center;
  position:absolute;
  top:50%;
  left:0px;
  transform: translate(0,-50%);
  background:url(../../skin/frontend/gibthai/default/css/magebuzz/shoppinglist/images/icon-add3.png) no-repeat top center;
  font-size:30px;
  color:#767676;
}
.customer-group-view .list-item {
  float:left;
  width:100%;
  position:relative;
  border-bottom:solid 1px #DADADA;
}
.customer-group-view .list-item:before,
.customer-group-view .list-item:after {
  content:"";
  position:absolute;
  background:#DADADA;
}
.customer-group-view .list-item:before {
  width:1px;
  height:100%;
  left:50%;
  top:0px;
}
.customer-group-view .list-item:after{
  width:100%;
  height:1px;
  top:50%;
  left:0px;
}
.customer-group-view .list-item li {
  float:left;
  width:50%;
  padding:16px 10px;
}
.customer-group-view .list-item li.no-item{
  background:#F5F5F5;
}

.customer-group-view .list-item li  img {
  max-width:100%;
  margin:auto;
}
.customer-group-view .name-group{
  float:left;
  width:100%;
  background:#F5F5F5;
  padding:3px 10px;
  text-align:left;
}
.customer-group-view .name-group h4{
  font-size:20px;
  color:#252525;
  text-transform:capitalize;
  line-height:22px;
  margin:0px;
}
.customer-group-view .name-group h4 a{
  color:#252525;
}
.customer-group-view .name-group .count-item{
  font-size: 20px;
  color:#767676;
  line-height:18px;
}
.customer-group-view .button-box{
  display:none;
  position:absolute;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  background: rgba(141, 197, 62, 0.9);
}
.customer-group-view .item-group:hover .button-box{
  display:block;
}
.customer-group-view .button-box .button{
  height:45px;
  width:80%;
  border:solid 2px #fff;
  border-radius:3px;
  background:transparent;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  padding:10px;
  line-height:23px;
  font-size:26px;
}
.customer-group-view .button-box .button.btn-view-all{top:45%}
.customer-group-view .button-box .button.btn-delete-group{top:50%; margin: 0; display: none;}
#mini-shoppinglist-wrapper .mini-products-list .list-group-wishlist .btn-delete-group {
	position: absolute;
	width: 21px;
	height: 21px;
	background: url(../../skin/frontend/gibthai/default/css/magebuzz/shoppinglist/images/remove1.png) no-repeat center center;
	text-indent: -9999px;
	float: left;
	top: 15px;
	left: 0;
}
#mini-shoppinglist-wrapper .mini-products-list .list-group-wishlist .btn-delete-group.active{
	top:5px;
}
.customer-group-view .product-info{
  float:left;
  width:100%;
  position:relative;
  padding: 0px!important;
}


#customer-group-table .td-select{
  width:25px;
}

.customer-group-view .minicart-actions{
  float:right;
  width:320px;
  max-width:100%;
  font-family: 'db_heaventregular';
}
.customer-group-view .minicart-actions .button{
  width:100%;
}
.customer-group-view .buttons-left{
  float:left;
}
.my-account .customer-group-view .buttons-left button.button{
  clear:both;
  margin:0 0 5px ;
  font-size:24px;
  background:#767676;
  min-width:202px;
}
@media (max-width: 520px){
  .form-add h2.legend {
    font-size:24px;
    line-height:24px;
  }
  .customer-group-view .products-grid .item-group{
    float:left;
    width:48%;
    margin-right:0px;
    border: solid 1px #DADADA;
    margin-bottom:15px;
  }
  .customer-group-view .products-grid .item-group:nth-child(even){
    margin-right:4%;
    clear:left;
  }
  .customer-group-view .products-grid .item-group:nth-child(odd){
    clear:none;
  }
  .customer-group-view .item-group:hover .button-box {
    display:none;
  }
  #customer-group-table tbody tr{
    position:relative;
    padding:32px 0 18px 85px;
  }
  #customer-group-table tbody tr td{
    padding:0px;
    border:none;
  }
  #customer-group-table .td-select {
    position:absolute;
    top:0px;
    left:0px;
  }
  #customer-group-table tbody tr td .btn-remove2{
    position:absolute;
    top:0px;
    right:0px;
    background:none;
    text-indent:0;
    float: right;
    line-height: 28px;
    color: #C1C1C1;
    font-size: 20px;
    font-family: 'db_heaventregular';
    width:auto;
  }
  #customer-group-table tbody tr td.td-image{
    position:absolute;
    top:30px;
    left:0px;
    width:68px;
  }
  #customer-group-table tbody tr td.cart-price{
    float:right;
  }
  #customer-group-table tbody tr td.cart-price .price{
    font-size:30px;
    font-family:'PSL-EmpirePro';
  }
  #customer-group-table tbody tr td.td-qty{
    float:left;
  }
  .customer-group-view .buttons-left {
    width:100%;
  }
	.shoppinglist-popup .button-container button {
    width: 48%;
		padding: 7px 0px;
	}
}

#message-group-null{
	color: red;
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    max-width:100%;
   /*  overflow: hidden; */
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
    padding:30px;
    background:#fff;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: url('../../skin/frontend/gibthai/default/css/magebuzz/shoppinglist/ie.html');
  background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);
}

#colorbox {
  outline: none;
  max-width:100%;
}

#cboxTopLeft {
    width: 21px;
    height: 21px;
}

#cboxTopRight {
    width: 21px;
    height: 21px;
}

#cboxBottomLeft {
    width: 21px;
    height: 21px;
}

#cboxBottomRight {
    width: 21px;
    height: 21px;
}

#cboxMiddleLeft {
    width: 21px;
}

#cboxMiddleRight {
    width: 21px;
}

#cboxTopCenter {
    height: 21px;
}

#cboxBottomCenter {
    height: 21px;
}

#cboxContent {
  background: transparent;
  overflow: hidden;
  padding-top:40px;
  max-width:100%;
  max-width: 95%;
  margin: auto;
  float: none!important;
}

.cboxIframe {
    background: #fff;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}


#cboxTitle {
    position: absolute;
    bottom: 4px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #949494;
}

#cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 58px;
    color: #949494;
}

#cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef;
}

#cboxPrevious {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../../skin/frontend/gibthai/default/css/magebuzz/shoppinglist/images/controls.png) no-repeat -75px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxPrevious:hover {
    background-position: -75px -25px;
}

#cboxNext {
    position: absolute;
    bottom: 0;
    left: 27px;
    background: url(../../skin/frontend/gibthai/default/css/magebuzz/shoppinglist/images/controls.png) no-repeat -50px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxNext:hover {
    background-position: -50px -25px;
}

#cboxLoadingOverlay {
    background: url(../../skin/frontend/gibthai/default/css/magebuzz/shoppinglist/images/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
    background: url(../../skin/frontend/gibthai/default/css/magebuzz/shoppinglist/images/loading.gif) no-repeat center center;
}

#cboxClose {
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  float: left;
  text-indent: -9999px;
  background: url(../../skin/frontend/gibthai/default/css/magebuzz/shoppinglist/images/close.png) no-repeat center center #252525;
  border:none;
}

#cboxClose:hover {
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft {
    background: url(../../skin/frontend/gibthai/default/css/magebuzz/shoppinglist/images/ie6/borderTopLeft.png);
}

.cboxIE6 #cboxTopCenter {
    background: url(../../skin/frontend/gibthai/default/css/magebuzz/shoppinglist/images/ie6/borderTopCenter.png);
}

.cboxIE6 #cboxTopRight {
    background: url(../../skin/frontend/gibthai/default/css/magebuzz/shoppinglist/images/ie6/borderTopRight.png);
}

.cboxIE6 #cboxBottomLeft {
    background: url(../../skin/frontend/gibthai/default/css/magebuzz/shoppinglist/images/ie6/borderBottomLeft.png);
}

.cboxIE6 #cboxBottomCenter {
    background: url(../../skin/frontend/gibthai/default/css/magebuzz/shoppinglist/images/ie6/borderBottomCenter.png);
}

.cboxIE6 #cboxBottomRight {
    background: url(../../skin/frontend/gibthai/default/css/magebuzz/shoppinglist/images/ie6/borderBottomRight.png);
}

.cboxIE6 #cboxMiddleLeft {
    background: url(../../skin/frontend/gibthai/default/css/magebuzz/shoppinglist/images/ie6/borderMiddleLeft.png);
}

.cboxIE6 #cboxMiddleRight {
    background: url(../../skin/frontend/gibthai/default/css/magebuzz/shoppinglist/images/ie6/borderMiddleRight.png);
}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

@media (max-width: 520px) {
  #cboxMiddleLeft,
  #cboxMiddleRight,
  #cboxTopLeft,
  #cboxTopCenter,
  #cboxTopRight,
  #cboxBottomLeft,
  #cboxBottomCenter,
  #cboxBottomRight{
    display:none;
  }
  #cboxLoadedContent {
    padding:10px;
    max-width:100%;
    overflow-y: auto!important;
		box-sizing: border-box;
  }
  .form-add .product,
  .form-add .form-list{
    width:100%;
    max-width:100%;
  }
  .form-add .form-list {min-height:10px;}
  #cboxContent,
  #cboxLoadedContent{
    height: auto!important;
    max-height: 100%;
  }
  #cboxWrapper {
    height: 100%!important;
    max-height:95%;
    top: 50%;
    transform: translate(0%,-50%);
  }
  #colorbox {
    height: 100%!important;
    top: 0%!important;
    position: fixed!important;
  }

  #cboxContent {
    position:absolute;
    left:2.5%;
    max-height: calc(100% - 40px)!important;
    top: 50%;
    transform: translate(0%,-50%);
  }
}

/*! Lazy Load XT v1.1.0 2016-01-12
 * http://ressio.github.io/lazy-load-xt
 * (C) 2016 RESS.io
 * Licensed under MIT */
.lazy-hidden {
    opacity: 0;
}
.lazy-loaded {
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
    opacity: 1;
}
.lazy-loaded-slider {
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    opacity: 0;
}


#solr_search_facets li a.facet-item {
    background: url("../../skin/frontend/gibthai/default/solrsearch/images/amshopby-cb1.gif");
    clear: both;
    line-height: 15px;
    padding-left: 40px;
    /*padding-top: 2px !important;*/
    background-repeat: no-repeat;
    background-position: 5px center;
    /*font-size: 20px;*/
    font-family: 'db_heaventregular';
    color: #636363;
    font-weight: 400;
}

#solr_search_facets .sf-menu li a.facet-item,
#solr_search_facets .sf-menu li a.empty, #solr_search_facets .sf-menu li a.empty:hover
{
	background: none;
	padding: 0;
}

#solr_search_facets li a.empty {
	color: #000;
	text-decoration: none;
}

#solr_search_facets ol li{
	/*padding: 2px 0;*/
}


#solr_search_facets dt {
    cursor: pointer;
    font-weight: 500;
    padding: 1px 10px 0 0px;

}

#solr_search_facets .block-content  #narrow-by-list  dl  dt:after {
  content:"-";
}
#solr_search_facets .block-content  #narrow-by-list  dl  dt.collapsed:after{
	content:"+";
}

#solr_search_facets li.toggle-hide {
    display: none;
}

#solr_search_facets li.more-less {
    text-align: right;
    background: none;
}
#solr_search_facets li.more-less a {
	color: #2f9ee5;
  font-size: 20px;
  font-weight: 400;
}

#solr_search_facets li.more-less:hover, #solr_search_facets li.more-less a:hover {
    background:none;
}

#solr_search_facets li a.active {
    background: url("../../skin/frontend/gibthai/default/solrsearch/images/amshopby-cb2.gif");
    background-repeat: no-repeat;
    background-position: 5px center;
    font-weight: 400;
    padding-left: 40px;
    background-color: #F7F7F7;
      color: #252525;
    text-decoration: none;
}

#solr_search_facets dl li a:hover {
    background-repeat: no-repeat;
    background-position: 5px center;
    font-weight: 400;
    padding-left: 40px;
    background-color: #F7F7F7;
    color: #252525;
    text-decoration: none;
}

#solr_search_facets li a.empty, #solr_search_facets dl li a.empty:hover {
	background: url("../../skin/frontend/gibthai/default/solrsearch/images/checkboxes.png") no-repeat scroll -3px -29px transparent;
    color: #000000;
    cursor: default;
    opacity: 0.5;
}

#solr_search_price_slider {
    /*
    background: url("https://www.bigc.co.th/skin/frontend/gibthai/default/solrsearch/images/slider-images-track-right.png") no-repeat scroll right top transparent;
	height: 9px;
	*/
	width: 100%;
}
#solr_search_price_slider_handle1,  #solr_search_price_slider_handle2{

}

#content_holder_prize .refine-results-price-slider {
    background: url("../../skin/frontend/gibthai/default/solrsearch/images/basicSprite.png") no-repeat scroll -143px -87px transparent;
    height: 22px;
    padding: 0;
    position: relative;
}
#content_holder_prize .ui-slider {
    cursor: pointer;
    height: 24px;
    margin-bottom: -7px;
    position: relative;
    text-align: left;
    width: 100%;
}
#content_holder_prize .ui-slider .ui-slider-range {
    background: url("../../skin/frontend/gibthai/default/solrsearch/images/basicSprite.png") no-repeat scroll -144px -55px transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 100%;
    position: absolute;
    z-index: 1;
}
#content_holder_prize .ui-slider .ui-slider-handle {
    background: url("../../skin/frontend/gibthai/default/solrsearch/images/basicSprite.png") no-repeat scroll -144px -122px #fff;
    cursor: pointer;
    height: 25px;
    /*margin-left: -8px;*/
    position: absolute;
    top: -2px;
    width: 16px;
    z-index: 2;
}
#content_holder_prize #refine-results-price-values input{
	font-size: 20px;
    font-weight: 500;
    padding: 2px;
    width: 60px;
}
#content_holder_prize #refine-results-price-values {
	margin: 5px 0;
}

#content_holder_category_path li li{
	margin-left: 7px;
}
#solr_search_facets li a.facet-item span{
	color: #636363;
    /*font-style: italic;*/
}

#content_holder_price_decimal > ol > li {
    overflow: hidden;
}
div.block-layered-nav div.solrbridge-slider {
	 position:relative; margin:10px auto 5px auto; z-index:9; height:4px;  background:#2f9ee5; cursor:pointer;
}
div.block-layered-nav div.solrbridge-slider div.handle {width:10px; top:-3px; height:10px; border-radius:5px; background: #2f9ee5; position: absolute; cursor:move; z-index: 2;}
div.block-layered-nav div.solrbridge-slider div.handle:nth-child(1):before {
	content: "";
	width: 250px;
	height: 4px;
	position: absolute;
	background: #c2c2c2;
	right: 100%;
	margin-right: 0px;
	top: 3px;
}
div.block-layered-nav div.solrbridge-slider div.handle:nth-child(2):before {
	content: "";
	width: 250px;
	height: 4px;
	position: absolute;
	background: #c2c2c2;
	left: 100%;
	margin-left: 0px;
	top: 3px;
}
/*
 * Slider labels
 */
.solrbridge-slider-price {
	color: #959595;
	font-size: 20px;
	font-family: 'db_heaventregular';
	line-height: 16px;
}
.solrbridge-slider-price-from {
	float: left;

}
.solrbridge-slider-price-to {
	float: right;
}

#solrbridge-price-from-slider, #solrbridge-price-to-slider{
	font-size: 18px!important;
  color: #363636!important;
	font-family: 'db_heaventregular';
  line-height: 20px;
}

.solrbridge-slider-handle-right {
	position: absolute;
	top: 14px;
	right: 0px;
}

.solrbridge-slider-handle-left {
	position: absolute;
	top: 14px;
	left: 0px;
}
.solrbridge-slider-price-range
{
	text-align: center;
	font-size: 0.9em;
}
/*
 * Slider Bar
 */
.solrbridge-slider-bar {
	position:absolute;
	background: #999;
	height: 6px;
	top: 6px;
	z-index: 1;
}
#solrbridge-price-btn{
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-color: #CCCCCC #CCCCCC #B3B3B3;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 2px 4px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}
#solrbridge-price-btn span {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #000000;
    display: block;
    padding: 0 8px;
    text-align: center;
    white-space: nowrap;
}

div.solrbridge-overlay {
    background-color: #FFFFFF;
    height: 100%;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 555;
}
div.solrbridge-overlay img {
    top: 100px;
    left: 45%;
    display: block;
    position: absolute;
}

div.solrbridge-overlay div {
    margin: 0 auto;
    display: block;
	width: 300px;
	height: 200px;
	background:  url('../../skin/frontend/gibthai/default/solrsearch/images/solrbridge-overlay.gif') 50% 50% no-repeat;
}
#solr_search_facets .arrow {
    background: url("../../skin/frontend/gibthai/default/solrsearch/images/arrows.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    float: left;
    margin: 3px 3px 0;
}
#solr_search_result_page_container .page-title h1 {
  border:none;
}
#solr_search_result_page_container .note-msg{
  display: block;
  width: 100%;
  float: left;
  clear:both;
}














/*
/!* reset cms page std styles *!/
.std .block-highlight ul,
.std .block-highlight ol { margin: 0; padding: 0; list-style: none; }
.std .block-highlight .add-to-links { margin: 5px 0 0; }
.std .block-highlight .add-to-links li { margin: 0; }
.std .block-highlight .price-box p { margin: 0; }

.block-highlight .block-title { color: #0A263C; font-size: 20px; font-weight: 500; }
.col-main .block-highlight { margin: 0 0 0.7em; }
.block-highlight img { max-width: 100%; height: auto; }
.block-highlight .products-grid { position: static; background: none; }
.block-highlight .products-grid .actions { position: static; }

/!* Reviews list mode *!/
.highlight-review .products-list .author { font-weight: 500; }

/!* multicolumns mode *!/
.block-highlight .products-grid li.item{
    padding: 7px 1%;
    margin: 0 1% 7px;
    clear: none;
    box-sizing: border-box;
}
.block-highlight .products-grid.cols-1 li.item { width: 100%; }
.block-highlight .products-grid.cols-2 li.item { width: 48%; }
.block-highlight .products-grid.cols-3 li.item { width: 31.3%; }
.block-highlight .products-grid.cols-4 li.item { width: 23%; }
.block-highlight .products-grid.cols-5 li.item { width: 18%; }
.block-highlight .products-grid.cols-6 li.item { width: 14.6%; }
.block-highlight .products-grid li.item:last-child { margin: 0 1% 7px; } /!* rwd fix *!/

/!* Wide grid for product reviews *!/
.block-highlight .grid-wide { background: none; border: none; margin: 10px auto; }
.block-highlight .products-grid.grid-wide li.item {
    padding: 12px 1%;
    margin: 0 1% 7px;
    border: 1px solid #eaeaea;
    border-radius: 7px;
    min-height: 100px;
    background: #f8f8f8;
    position: relative;
    text-align: left;
    box-sizing: border-box;
}
.block-highlight .grid-wide li.item:last-child { margin: 0 1% 7px; } /!* rwd fix *!/
.block-highlight .grid-wide li.item .actions { text-align: left; }

.block-highlight .grid-wide.cols-1 li.item { width: 100%; min-height: 80px; margin: 0; }
.block-highlight .grid-wide.cols-2 li.item { width: 48%; }
.block-highlight .grid-wide.cols-3 li.item { width: 31.3%; }
.block-highlight .grid-wide.cols-4 li.item { width: 23%; }
.block-highlight .grid-wide.cols-3 .product-image { width: 90px; }
.block-highlight .grid-wide.cols-3 .product-shop { margin-left: 95px; }
.block-highlight .grid-wide.cols-4 .product-image { width: 80px; }
.block-highlight .grid-wide.cols-4 .product-shop { margin-left: 85px; }

.block-highlight .grid-wide li.last { margin: 0; }
.block-highlight .grid-wide .product-name { font-size: 1em; }
.block-highlight .grid-wide .desc { font-size: 0.9em; }
.block-highlight .grid-wide .link-learn {
    font-size: 11px;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 1px 8px;
    background: #e3e3e3;
    border-radius: 7px 0 7px 0;
    text-decoration: none;
    color: #777;
}
.block-highlight .grid-wide .link-learn:hover { background: #dadada; }

.block-highlight .products-list .product-image,
.block-highlight .grid-wide .product-image { float: left; width: 33%; height: auto; }
.block-highlight .products-list .product-image img { width: auto; }
.block-highlight .products-list .product-shop,
.block-highlight .grid-wide .product-shop { margin: 0 0 0 33%; padding: 0 0 0 7px; box-sizing: border-box; }

/!* Prolabels fix *!/
.block-highlight .products-list .prolabel-wrapper { float: left; width: 33%; height: auto; }
.block-highlight .products-list .prolabel-wrapper .product-image { float: none; width: auto; height: auto; }

/!* Sidebar styles *!/
.side-col .block-highlight .products-grid,
.sidebar .block-highlight .products-grid { background: none; width: 100%; }
.side-col .block-highlight .products-grid .product-image,
.sidebar .block-highlight .products-grid .product-image { width: auto; height: auto; margin: 0; }

/!* Highlight page *!/
.highlight-index-index .toolbar .sort-by { display: none; }

.block-highlight .clearer { clear: both; }
.block-highlight .page-link { padding: 7px; }

.block-highlight .block-content { zoom: 1; }
.block-highlight .block-content:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; font-size: 0; }

@media (max-width: 767px) {
    .block-highlight .grid-wide.cols-3 .product-image { width: 70px; }
    .block-highlight .grid-wide.cols-3 .product-shop { margin-left: 75px; }

    /!* two columns instead of four for wide grid *!/
    .block-highlight .grid-wide.cols-4 li.item { width: 48%; padding-left: 2%; padding-right: 2%; }
    .block-highlight .grid-wide.cols-4 li.item:nth-of-type(2n+1) { clear: left; }

    /!* Three columns instead of six *!/
    .block-highlight .products-grid.cols-6 li.item { width: 31.3%; }
    .block-highlight .products-grid.cols-6 li.item:nth-of-type(4n) { clear: left; }
}

@media (max-width: 480px) {
    .block-highlight .products-grid.cols-6 li.item:nth-of-type(4n) { clear: none; }
    /!* Two columns for small screen *!/
    .block-highlight .products-grid li.item { width: 48% !important; padding-left: 2%; padding-right: 2%; }
    .block-highlight .products-grid.cols-1 li.item,
    .block-highlight .grid-wide li.item { width: 100% !important; margin-left: 0; margin-right: 0; }
    .block-highlight .grid-wide li.item:last-child { margin-left: 0; margin-right: 0; }
    /!* clear: left for every third li *!/
    .block-highlight .products-grid.cols-2 li.item:nth-of-type(2n+1),
    .block-highlight .products-grid.cols-4 li.item:nth-of-type(2n+1),
    .block-highlight .products-grid.cols-6 li.item:nth-of-type(2n+1),
    /!* clear: left for every third li inside every third .easycatalog-grid *!/
    .block-highlight .products-grid.cols-3:nth-of-type(2n+1) li.item:nth-of-type(2n+1),
    .block-highlight .products-grid.cols-5:nth-of-type(2n+1) li.item:nth-of-type(2n+1),
    /!* clear: left for every second li inside every second .easycatalog-grid *!/
    .block-highlight .products-grid.cols-3:nth-of-type(2n) li.item:nth-of-type(2n),
    .block-highlight .products-grid.cols-5:nth-of-type(2n) li.item:nth-of-type(2n) { clear: left; }
    .block-highlight .products-grid.cols-3:after,
    .block-highlight .products-grid.cols-5:after { content: ''; clear: none; }
}
*/

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */

.amtooltip-label{
    text-align: center;
    font-weight: 500;
}

.amtooltip-img{
    margin-bottom: 3px;
}

.tooltipster-default {
	border-radius: 5px;
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 20px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0;
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important;
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important;
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important;
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important;
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.tooltipster-shadow {
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
    color: #2c2c2c;
}
.tooltipster-shadow .tooltipster-content {
    font-family: 'Arial', sans-serif;
    font-size: 20px;
    line-height: 16px;
    padding: 3px 4px;
}

.tooltipster-light {
    border-radius: 5px;
    border: 1px solid #cccccc;
    background: #ededed;
    color: #666666;
}
.tooltipster-light .tooltipster-content {
    font-family: Arial, sans-serif;
    font-size: 20px;
    line-height: 16px;
    padding: 3px 4px;
}
.tooltipster-noir {
    border-radius: 0px;
    border: 3px solid #2c2c2c;
    background: #fff;
    color: #2c2c2c;
}
.tooltipster-noir .tooltipster-content {
    font-family: 'Georgia', serif;
    font-size: 20px;
    line-height: 16px;
    padding: 3px 4px;
}

.tooltipster-punk {
    border-radius: 5px;
    border-bottom: 3px solid #f71169;
    background: #2a2a2a;
    color: #fff;
}
.tooltipster-punk .tooltipster-content {
    font-family: 'Courier', monospace;
    font-size: 20px;
    line-height: 16px;
    padding: 3px 4px;
}


.amquickview-ajax-view{}
.amquickview-ajax-view .wrapper .page{ padding-top: 0;}
.amquickview-ajax-view .zopim{display:none!important}
.products-grid .amquickview-hover
{
  position: absolute;
  width: 100%;
  height:100%;
  text-align: center;
  z-index: 7000;
  top:0px;
  left: 0;
  background-color:rgba(255,255,255,0.8);
  padding: 8px 0;
}

.products-grid  .amquickview-hover a,
.products-grid  .amquickview-hover a:hover
{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:50px;
  height:50px;
  text-indent:-9999px;
  background:url(../../skin/frontend/gibthai/default/images/quickview.png) no-repeat center center;
  cursor:pointer;
}

.products-list .amquickview-hover{
  display:block!important;
  margin-top:-67px;
  float:right;

}
.products-list .amquickview-hover {float:right; height:40px; padding:5px 10px; min-width:140px; text-align:center; line-height:30px; border:solid 1px #000; color:#000;}
.products-list .amquickview-hover  .amquickview-link {display:inline-block; cursor:pointer; padding-left:40px; font-size:20px; color:#252525; font-family: 'db_heaventregular'; background:url(../../skin/frontend/gibthai/default/images/icons.png) no-repeat -69px -535px; }
.products-list .amquickview-hover:hover{background-color:#2f9ee5; border-color:#2f9ee5; }
.products-list .amquickview-hover:hover .amquickview-link {color:#fff; background-position:-69px -583px; text-decoration:none;}

.amquickview-hover img.am-quickview-icon
{
  display:none;
}



@media (max-width: 1024px) {
  .products-grid   .amquickview-hover {
    display:none!important;
  }
}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }

  .owl-carousel .owl-item:hover{
    z-index: 9999;
    position: relative;
  }
 /* .owl-carousel .owl-item li.item {
    position: static;
  }*/
/*.owl-carousel .owl-item li.item .item-content {
  position: static;
}*/
#related-products .owl-carousel .owl-item li.item .item-content {
  text-align: center;
}
#related-products   .owl-item li.item .item-content {
  text-align: center;
}
#related-products .owl-item li.item .item-content h2{
  margin-bottom: 0em;
}
#related-products .owl-item li.item .item-content h3{
  margin-bottom: 5px;
      font-size: 20px;
      font-weight: 400;
   color: #2f9ee5;
      line-height: 18px;
}
#recommened-products{
  max-width: 880px;
  margin-left: 300px;
}
#related-products{
  max-width: 880px;
  margin-left: 0;
}
.related-products{
  margin-top: 20px;
}

#related-products .owl-item .item {
    border: solid 0px #E6E6E6;
    margin: 20px;
    min-height: unset;
}

.cate-highlight a{
  float: left;
  max-width: 300px;
  border: solid 1px #E6E6E6;
  border-bottom: solid 2px #E6E6E6;
}



@media only screen and (max-width: 800px) {
  #recommened-products, #related-products {
      max-width: 100%;
      margin-left: 0;
      clear: both;
  }

  .cate-highlight a{
    float: left;
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cate-highlight a {
    max-width: 34%;
  }
  #recommened-products {
    clear: none!important;
    margin-top: 0;
  }
}
@media only screen and (max-width: 800px) and (orientation:landscape) {
  #promo-banner-1{
    float: left;
    width: 33%;
  }
  #promo-banner-2{
    float: left;
    width: 50%;
  }
  #promo-banner-3{
    float: left;
    width: 17%;
  }
  .cate-highlight a {
      float: left;
      max-width: 244px;
      display: none;
  }
  #recommened-products {
    max-width: 100%;
    margin-left: 0;
    clear: none;
  }

}
  .owl-carousel .owl-item img {
    display: block;
    width: 100%;
  }


  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("../../skin/frontend/gibthai/default/css/owl.video.play.html") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }
.owl-carousel .owl-nav {}
.owl-carousel .owl-nav > div {
  position: absolute;
  top: 50%;
  width: 35px;
  height: 35px;
  margin-top: -17px;
  text-indent: -9999em;
  z-index: 9;
}
.owl-carousel .owl-nav > div:hover {
  background-color: #2f9ee5;
}
.owl-carousel .owl-nav > .owl-prev {
  background: url("../../skin/frontend/gibthai/default/images/owl-carousel/owl-prev.png") 0 0 no-repeat;
  left: 0px;
}
.owl-carousel .owl-nav > .owl-next {
  background: url("../../skin/frontend/gibthai/default/images/owl-carousel/owl-next.png") 0 0 no-repeat;
  right: 0px;
}
.owl-carousel .owl-item .amquickview-hover img.am-quickview-icon {
  display: none;
}

.pdfobject-container { height: 500px;}
.pdfobject { border: 1px solid #666; }

.note-detail p {
    margin-bottom: 20px;
  }

@media only screen and (max-width: 800px) {
  .note-detail table td {
    float: left;
    width: 100%;
    text-align: center;
  }
  .note-detail img {
    max-width: 100%;
    height: auto;
  }
  .note-detail .float-left-width-auto {
    float: none;
  }
  .note-detail .gtc-download-btn {
    float: none;
    display: inline-block;
  }
}

.myorder-list-div {
  border-radius: 6px;
  overflow: hidden;
  background-color: #ebebeb;
  padding: 0px;
  box-shadow: 0 3px 6px 1px rgba(0,0,0,0.07);
}
#myorder-list {
  border-radius: 6px;
  padding: 6px;
  background-color: #ebebeb;
  font-size: 20px;
}
#myorder-list td{
  padding: 6px;
  padding-bottom: 0;
  background-color: #ebebeb;
}
#myorder-list tbody table tr:last-of-type {
  margin-bottom: 10px;
}
#myorder-list  h2.product-name{
  font-size: 17px;
  margin-bottom: 0;
}
#myorder-list  h2.product-name a{
  font-size: 20px;
}
#myorder-list  tbody table  {
  width: 100%;
}
#myorder-list tbody table  td {
  background-color: #fff;
  font-weight: 400;
}

#myorder-list .qtywrapper-update {
  width: auto;
}
#myorder-list .padding-1 {
  padding: 1px;
}
.myorder-list-toolbar.toolbar-right {
    float: right;
    margin-bottom: 2px;
    width: 42%;
    text-align: right;
    margin-bottom: 15px;
}
.myorder-list-toolbar.toolbar-right > .sort-by {
    float: right;
    margin-right: 0;
    height: 30px;
    width: 100%;
}
@media only screen and (max-width: 767px) {
  .myorder-list-toolbar.toolbar-right {
      width: 100%;
  }
}

.add-fav-2cart {
  background: url('../../images/add-fav-2cart.png') no-repeat;
  background-size: cover;
  width: 41px;
  height: 35px;
  float: left;
  font-size: 10px;
    padding-top: 26px;
    text-align: center;
}
.del-fav {
  background: url('../../images/del-fav.png') no-repeat;
  background-size: cover;
  width: 29px;
  height: 35px;
  float: left;
  font-size: 10px;
    padding-top: 26px;
    text-align: center;
}
.add-fav-2cart:hover, .del-fav:hover {
/* -moz-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
transform:rotate(15deg); */
}
.Redemption-list tr {
  border: none!important;
}
@media only screen and (max-width: 767px) {
  .Redemption-list td {
    width: 100%;
    float: left;
  }
}

.btn-second {
  -webkit-transition: color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
  transition: color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
  transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
  transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out, -webkit-box-shadow 300ms ease-in-out;
  background-color: #2f9ee5;
  color: #fff;
  padding: 5px 38px;
  border: 2px solid #2f9ee5;
}
.btn-second:hover {
  box-shadow: 0 0 40px 40px #fff inset;
  background-color: #fff;
  color: #2f9ee5;
  text-decoration: none;
  border: 2px solid #2f9ee5;
}
.unsubscribe-table {
  width: 485px;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .unsubscribe-table {
    width: auto;
    margin: auto;
  }
}


.search-suggestion {
  position: absolute;
  background: #fff;
  width: 100%;
  border-radius: 6px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  z-index: 1001;
  list-style: none;
  box-shadow: 0 3px 6px 1px rgba(0,0,0,0.07);
  max-height: 280px;
    overflow-y: auto;
  background: rgba(251, 251, 251, 1);
}
#box-search-suggestion::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
    border-radius: 6px;
    background-color: #F5F5F5;
}

#box-search-suggestion::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}

#box-search-suggestion::-webkit-scrollbar-thumb
{
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #ACACAC;
}
.search-list {
  font-weight: 600;
  padding: 3px 3px ​3px ​3px;
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  /* cursor: pointer; */
}
 
.btn:not(:disabled):not(.disabled) {
    /* cursor: pointer; */
}
.btn-search-all {
  background: #2f9ee5;
  color: #fff;
  width: 50%;
  font-size: 20px;
  font-weight: 20;
  margin: 0 auto;
  display: block;
  border: 0;
  border-radius: 6px;
  padding: 5px 0;
  text-align: center;
}
.btn-search-all:hover {
  color: #ffffff;
}
.search-suggestion .search-list .col-lg-2 {
  float: left;
  width: 15%;
}
.search-suggestion .search-list .col-lg-10 {
  float: left;
  width: 85%;
}
@media only screen and (max-width: 767px) {
  .search-suggestion .search-list .col-lg-2 {
    float: left;
    width: 20%;
  }
  .search-suggestion .search-list .col-lg-10 {
    float: left;
    width: 80%;
  }
}

body.noscroll
{
    position: fixed; 
    overflow-y: scroll;
    width: 100%;
}

@media (min-width: 1280px){
  .box-header-search {
      width: auto!important;
      max-width: 600px!important;
  }
}