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

	Version : 2020.01.28

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


/* style 2017 */ 

* {margin: 0;	padding: 0;}
html, body, #dWrap {height: 100%; font-size: 100%;}
body > #dWrap {height: auto;	min-height: 100%;	position: relative;}

body {font-size:20px; line-height: 170%; color: #ffffff; font-family: 'Open Sans', sans-serif !important;	background:#00acc8;	margin: 0 auto;	position: relative;}


/* @group FRIENDLY SETTINGS*/
img, a img {border: 0;	vertical-align: top;} /* nobody likes default border around images*/
a:hover img {opacity: 0.8;	filter: alpha(opacity=80);	-moz-opacity: 0.8;	-o-opacity: 0.8;text-decoration: none;}
/* @end*/

/* ========================================== GENERAL STARTS ========================================== */

a {text-decoration: none;	outline: none;	color: #464646;}
a:hover {text-decoration: underline;color: #e7851c;}

#dTorso a{text-decoration: none; outline: none;	color: #fff;}
#dTorso a:hover{text-decoration:underline; color:#f26522;}

#dWrap {width: 100%;}
header {padding-top:30px;padding-bottom:30px; background:#00acc8; color:#fff;}
#dLogo {width:26%; float: left;}
 
#dLogo img{width:99%; height:auto; padding-top:1%;}
#dPhone{margin-bottom:6px; width:70%; float:right;}
#dPhone h3{color:#ffffff; font-size:32px; margin-top:0px; margin-bottom:0px; float:right; line-height:80%;  text-align:center; padding-left:50px; background:url(/images/common/icon-phone.png) no-repeat left center; background-size:40px auto; font-weight:normal; }
#dPhone h3 span{font-size:12px; color:#ffffff; display:block; overflow:hidden; }
#dPhone a{color:#ff9933; text-decoration:none;}
header a{color:#fff;}
/*
	jQuery.mmenu CSS
*/


#dMheader a{display:none;}

@media all and (min-width:960px){
  nav#menu{display:none;}
  html.mm-opening .mm-page,
  html.mm-opening #mm-blocker,
  html.mm-opening .mm-fixed-top,
  html.mm-opening .mm-fixed-bottom {
    right: 0px !important; } 

}


@media all and (max-width:720px){

nav#dTopM{display:none !important;}
#dMheader{position:relative;}
#dMheader a{
	background:#00acc8;
	display: block;
	width: 35px;
	height:35px;
	position: absolute;
	top:0px;
	right:0px;
	cursor:pointer;
	z-index:655555;
	text-align:center;
	padding:5px;	
}
 .product-form{width:90%; margin-left:3%;}
.product-form input.cat_textbox_small{width:71%; border:0px none;}
	.product-form input.cat_button{font-size:8px; line-height:33px; height:35px;}
}
 
 
 
@media all and (max-width:480px){
#dMheader a{top:8px;}
	
}
.mm-list li#dMCart, .mm-list li#dABN{display:none;}
/*
	jQuery.mmenu panels CSS
*/
.mm-menu.mm-horizontal > .mm-panel {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }

.mm-menu .mm-hidden {
  display: none; }

.mm-wrapper {
  overflow-x: hidden;
  position: relative; }

.mm-menu,
.mm-menu > .mm-panel {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0; }

.mm-menu {
  background: inherit;
  display: block;
  overflow: hidden;
  padding: 0; }
  .mm-menu > .mm-panel {
    background: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 20px;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
    .mm-menu > .mm-panel.mm-opened {
      -webkit-transform: translateX(0%);
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -o-transform: translateX(0%);
      transform: translateX(0%); }
    .mm-menu > .mm-panel.mm-subopened {
      -webkit-transform: translateX(-30%);
      -moz-transform: translateX(-30%);
      -ms-transform: translateX(-30%);
      -o-transform: translateX(-30%);
      transform: translateX(-30%); }
    .mm-menu > .mm-panel.mm-highest {
      z-index: 1; }
	  
  .mm-menu .mm-list {
   /* padding: 20px 0; */}
	
	
  .mm-menu > .mm-list {
    padding-bottom: 0; }
    .mm-menu > .mm-list:after {
      content: '';
      display: block;
      height: 40px; }

.mm-panel > .mm-list { /*margin-left: -20px;  margin-right: -20px;*/ }
  .mm-panel > .mm-list:first-child {
    padding-top: 0; }

.mm-list,
.mm-list > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
  padding-left:0 !important; }

.mm-list {
  font: inherit;
  font-size: 14px; }
  .mm-list a,
  .mm-list a:hover {
    text-decoration: none; }
  .mm-list > li {

    position: relative; }
    .mm-list > li > a,
    .mm-list > li > span {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      color: inherit;
      line-height: 20px;
      display: block;
      padding: 10px 10px 10px 20px;
      margin: 0; }
.mm-list > li.cMobileH{display:none;}
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    content: '';
   border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
	
	 #dSM .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
		border-bottom-width: 0px; 
		 }
	 
	 
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
    width: auto;
    margin-left: 0px;
    position: relative;
    left: auto; }
  .mm-list a.mm-subopen {
    background: rgba(3, 2, 1, 0);
    width: 40px;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2; }
    .mm-list a.mm-subopen:before {
      content: '';
      border-left-width: 1px;
      border-left-style: solid;
      display: block;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
    .mm-list a.mm-subopen.mm-fullsubopen {
      width: 100%; }
      .mm-list a.mm-subopen.mm-fullsubopen:before {
        border-left: none; }
    .mm-list a.mm-subopen + a,
    .mm-list a.mm-subopen + span {
      padding-right: 5px;
      margin-right: 40px; }
  .mm-list > li.mm-selected > a.mm-subopen {
    background: transparent; }
  .mm-list > li.mm-selected > a.mm-fullsubopen + a,
  .mm-list > li.mm-selected > a.mm-fullsubopen + span {
    padding-right: 45px;
    margin-right: 0; }
  .mm-list a.mm-subclose {
    text-indent: 20px;
    padding-top: 30px;
    margin-top: -20px; }
  .mm-list > li.mm-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px;
    padding-right: 5px; }
  .mm-list > li.mm-spacer {
    padding-top: 40px; }
    .mm-list > li.mm-spacer.mm-label {
      padding-top: 25px; }
  .mm-list a.mm-subopen:after,
  .mm-list a.mm-subclose:before {
    content: '';
    border: 2px solid transparent;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-bottom: -5px;
    position: absolute;
    bottom: 50%; }
  .mm-list a.mm-subopen:after {
    border-top: none;
    border-left: none;
    right: 18px; }
  .mm-list a.mm-subclose:before {
    border-right: none;
    border-bottom: none;
    margin-bottom: -15px;
    left: 22px; }

.mm-menu.mm-vertical .mm-list .mm-panel {
  display: none;
  padding: 10px 0 10px 10px; }
  .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
    border-color: transparent; }
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
  display: block; }
.mm-menu.mm-vertical .mm-list > li > a.mm-subopen {
  height: 40px; }
  .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after {
    top: 16px;
    bottom: auto; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }
.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen {
  height: 25px; }

html.mm-opened .mm-page {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.mm-menu {
  background: #4b4b4b;
  color: #fff;}
  .mm-menu .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.1); }
  .mm-menu .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.05); }
  .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.05); }

/*
	jQuery.mmenu offcanvas addon CSS
*/
.mm-page {
  box-sizing: border-box;
  position: relative;
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease; }

html.mm-opened {
  overflow: hidden;
  position: relative; }
  html.mm-opened body {
    overflow: hidden; }

html.mm-background .mm-page {
  background: inherit; }

#mm-blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999; }

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
  display: block; }

.mm-menu.mm-offcanvas {
  display: none;
  position: fixed; }
.mm-menu.mm-current {
  display: block; }

.mm-menu {
  width: 80%;
  min-width: 140px;
  max-width: 440px; }

html.mm-opening .mm-page,
html.mm-opening #mm-blocker {
  -webkit-transform: translate(80%, 0);
  -moz-transform: translate(80%, 0);
  -ms-transform: translate(80%, 0);
  -o-transform: translate(80%, 0);
  transform: translate(80%, 0); }

@media all and (max-width: 175px) {
  html.mm-opening .mm-page,
  html.mm-opening #mm-blocker {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0); } }
@media all and (min-width: 550px) {
  html.mm-opening .mm-page,
  html.mm-opening #mm-blocker {
    -webkit-transform: translate(440px, 0);
    -moz-transform: translate(440px, 0);
    -ms-transform: translate(440px, 0);
    -o-transform: translate(440px, 0);
    transform: translate(440px, 0); } }
/*
	jQuery.mmenu buttonbars addon CSS
*/
.mm-buttonbar {
  border: 1px solid transparent;
  border-radius: 5px;
  text-align: center;
  line-height: 20px;
  overflow: hidden;
  display: block;
  padding: 0;
  margin: 0;
  position: relative; }
  .mm-buttonbar:after {
    content: '';
    display: block;
    clear: both; }
  .mm-buttonbar > * {
    border-left: 1px solid transparent;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .mm-buttonbar > a {
    text-decoration: none; }
  .mm-buttonbar > input {
    position: absolute;
    left: -1000px;
    top: -1000px; }
  .mm-buttonbar > input:checked + label {
    border-color: transparent  !important; }
  .mm-buttonbar > *:first-child,
  .mm-buttonbar > input:first-child + * {
    border-left: none; }
  .mm-buttonbar.mm-buttonbar-2 > * {
    width: 50%; }
  .mm-buttonbar.mm-buttonbar-3 > * {
    width: 33.33%; }
  .mm-buttonbar.mm-buttonbar-4 > * {
    width: 25%; }
  .mm-buttonbar.mm-buttonbar-5 > * {
    width: 20%; }

.mm-header .mm-buttonbar {
  margin-top: 20px;
  margin-left: -30px;
  margin-right: -30px; }

.mm-footer .mm-buttonbar {
  border: none;
  border-radius: none;
  line-height: 40px;
  margin: -10px -10px 0 -20px; }
  .mm-footer .mm-buttonbar > * {
    border-left: none; }

.mm-list > li > .mm-buttonbar {
  margin: 10px 20px; }

.mm-menu .mm-buttonbar {
  border-color: rgba(255, 255, 255, 0.6);
  background: #333333; }
  .mm-menu .mm-buttonbar > * {
    border-color: rgba(255, 255, 255, 0.6); }
  .mm-menu .mm-buttonbar > input:checked + label {
    background: rgba(255, 255, 255, 0.6);
    color: #333333; }

/*
	jQuery.mmenu counters addon CSS
*/
em.mm-counter {
  font: inherit;
  font-size: 14px;
  font-style: normal;
  text-indent: 0;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 40px;
  top: 50%; }
  em.mm-counter + a.mm-subopen {
    padding-left: 40px; }
    em.mm-counter + a.mm-subopen + a,
    em.mm-counter + a.mm-subopen + span {
      margin-right: 80px; }
  em.mm-counter + a.mm-fullsubopen {
    padding-left: 0; }

.mm-vertical em.mm-counter {
  top: 12px;
  margin-top: 0; }

.mm-nosubresults > em.mm-counter {
  display: none; }

.mm-menu em.mm-counter {
  color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-page,
html.mm-opened.mm-dragging .mm-fixed-top,
html.mm-opened.mm-dragging .mm-fixed-bottom,
html.mm-opened.mm-dragging #mm-blocker {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s; }

/*

	jQuery.mmenu footer addon CSS
*/
.mm-footer {
  background: inherit;
  border-top: 1px solid transparent;
  text-align: center;
  line-height: 20px;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding: 10px 10px 0 20px;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0; }

.mm-menu.mm-hasfooter > .mm-panel:after {
  height: 80px; }

.mm-menu .mm-footer {
  border-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu header addon CSS
*/
.mm-header {
  background: inherit;
  border-bottom: 1px solid transparent;
  text-align: center;
  line-height: 20px;
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  padding: 0 50px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0; }
  .mm-header .mm-title,
  .mm-header .mm-prev,
  .mm-header .mm-next,
  .mm-header .mm-close {
    padding-top: 30px; }
  .mm-header .mm-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    position: relative;
	text-indent:-1000px; 
	background:url(/images/common/zanzibar-hairstyling-mobilelogo.png) no-repeat center center; background-size:auto 70%; }
	
   
  .mm-header .mm-prev,
  .mm-header .mm-next,
  .mm-header .mm-close {
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    min-width: 10px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1; }
  .mm-header .mm-prev {
    padding-left: 20px;
    padding-right: 10px;
    left: 0; }
  .mm-header .mm-next,
  .mm-header .mm-close {
    padding-left: 10px;
    padding-right: 20px;
    right: 0; }
  .mm-header [href].mm-prev:before, .mm-header [href].mm-next:after {
    content: '';
    border: 2px solid transparent;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .mm-header [href].mm-prev:before {
    border-right: none;
    border-bottom: none;
    margin-left: 2px;
    margin-right: 5px; }
  .mm-header [href].mm-next:after, .mm-header [href].mm-close:after {
    margin-left: 5px;
    margin-right: -2px; }
  .mm-header [href].mm-next:after {
    border-top: none;
    border-left: none; }
  .mm-header [href].mm-close:after {
    content: 'x'; }

.mm-menu.mm-hassearch .mm-header {
  height: 50px;
  top: 50px; }
  .mm-menu.mm-hassearch .mm-header .mm-title,
  .mm-menu.mm-hassearch .mm-header .mm-prev,
  .mm-menu.mm-hassearch .mm-header .mm-next,
  .mm-menu.mm-hassearch .mm-header .mm-close {
    padding-top: 20px; }

.mm-menu.mm-hasheader li.mm-subtitle {
  display: none; }
.mm-menu.mm-hasheader > .mm-panel {
  padding-top: 70px; padding-left:0px; padding-right:0px;}
  .mm-menu.mm-hasheader > .mm-panel.mm-list {
    padding-top: 60px; }
  .mm-menu.mm-hasheader > .mm-panel > .mm-list:first-child {
    margin-top: -10px; }
.mm-menu.mm-hasheader.mm-hassearch > .mm-panel {
  padding-top: 120px; }
  .mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list {
    padding-top: 100px; }

.mm-menu .mm-header {
  border-color: rgba(0, 0, 0, 0.15);
    }
  .mm-menu .mm-header .mm-prev:before,
  .mm-menu .mm-header .mm-next:after,
  .mm-menu .mm-header .mm-close:after {
    border-color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu labels addon CSS
*/
.mm-list > li.mm-label > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  line-height: 25px; }
.mm-list > li.mm-label.mm-opened a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }
.mm-list > li.mm-collapsed {
  display: none; }

.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen:after {
  top: 8.5px; }

.mm-menu .mm-list li.mm-label > div > div {
  background: rgba(255, 255, 255, 0.05); }

/*
	jQuery.mmenu searchfield addon CSS
*/
.mm-search,
.mm-search input {
  box-sizing: border-box; }

.mm-list > li.mm-search {
  padding: 10px;
  margin-top: -20px; }
.mm-list > li.mm-subtitle + li.mm-search {
  margin-top: 0; }

div.mm-panel > div.mm-search {
  padding: 0 0 10px 0; }

.mm-menu.mm-hasheader .mm-list > li.mm-search {
  margin-top: 0; }

.mm-menu > .mm-search {
  background: inherit;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2; }

.mm-search {
  padding: 10px; }
  .mm-search input {
    border: none;
    border-radius: 30px;
    font: inherit;
    font-size: 14px;
    line-height: 30px;
    outline: none;
    display: block;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0 10px; }
  .mm-search input::-ms-clear {
    display: none; }

.mm-menu .mm-noresultsmsg {
  text-align: center;
  font-size: 21px;
  display: none;
  padding: 60px 0; }
  .mm-menu .mm-noresultsmsg:after {
    border: none !important; }

.mm-noresults .mm-noresultsmsg {
  display: block; }

.mm-menu li.mm-nosubresults > a.mm-subopen {
  display: none; }
  .mm-menu li.mm-nosubresults > a.mm-subopen + a,
  .mm-menu li.mm-nosubresults > a.mm-subopen + span {
    padding-right: 10px; }
.mm-menu.mm-hassearch > .mm-panel {
  padding-top: 70px; }
  .mm-menu.mm-hassearch > .mm-panel > .mm-list:first-child {
    margin-top: -20px; }
.mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child {
  margin-top: -10px; }
  .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child + .mm-list {
    padding-top: 0; }

.mm-menu .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6); }
.mm-menu .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu toggles addon CSS
*/
input.mm-toggle,
input.mm-check {
  position: absolute;
  left: -10000px; }

label.mm-toggle,
label.mm-check {
  margin: 0;
  position: absolute;
  bottom: 50%;
  z-index: 2; }
  label.mm-toggle:before,
  label.mm-check:before {
    content: '';
    display: block; }

label.mm-toggle {
  border-radius: 30px;
  width: 50px;
  height: 30px;
  margin-bottom: -15px; }
  label.mm-toggle:before {
    border-radius: 30px;
    width: 28px;
    height: 28px;
    margin: 1px; }

input.mm-toggle:checked ~ label.mm-toggle:before {
  float: right; }

label.mm-check {
  width: 30px;
  height: 30px;
  margin-bottom: -15px; }
  label.mm-check:before {
    border-left: 3px solid;
    border-bottom: 3px solid;
    width: 40%;
    height: 20%;
    margin: 25% 0 0 20%;
    opacity: 0.1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }

input.mm-check:checked ~ label.mm-check:before {
  opacity: 1; }

.mm-menu.mm-vertical .mm-list > li label.mm-toggle, .mm-menu.mm-vertical .mm-list > li label.mm-check {
  bottom: auto;
  margin-bottom: 0; }
.mm-menu.mm-vertical .mm-list > li label.mm-toggle {
  top: 5px; }
.mm-menu.mm-vertical .mm-list > li label.mm-check {
  top: 5px; }

label.mm-toggle, label.mm-check {
  right: 20px; }

label.mm-toggle + a,
label.mm-toggle + span {
  margin-right: 70px; }

label.mm-check + a,
label.mm-check + span {
  margin-right: 50px; }

a.mm-subopen + label.mm-toggle, a.mm-subopen + label.mm-check {
  right: 50px; }

a.mm-subopen + label.mm-toggle + a,
a.mm-subopen + label.mm-toggle + span {
  margin-right: 100px; }

a.mm-subopen + label.mm-check + a,
a.mm-subopen + label.mm-check + span {
  margin-right: 80px; }

em.mm-counter + a.mm-subopen + label.mm-toggle, em.mm-counter + a.mm-subopen + label.mm-check {
  right: 90px; }

em.mm-counter + a.mm-subopen + label.mm-toggle + a,
em.mm-counter + a.mm-subopen + label.mm-toggle + span {
  margin-right: 140px; }

em.mm-counter + a.mm-subopen + label.mm-check + a,
em.mm-counter + a.mm-subopen + label.mm-check + span {
  margin-right: 120px; }

.mm-menu label.mm-toggle {
  background: rgba(0, 0, 0, 0.15); }
  .mm-menu label.mm-toggle:before {
    background: #333333; }
.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

.mm-menu label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.6); }

/*
	jQuery.mmenu effects extension CSS
*/
html.mm-slide .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }
html.mm-slide.mm-opened .mm-menu {
  -webkit-transform: translateX(-30%);
  -moz-transform: translateX(-30%);
  -ms-transform: translateX(-30%);
  -o-transform: translateX(-30%);
  transform: translateX(-30%); }
html.mm-slide.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%); }
html.mm-slide.mm-right.mm-opened .mm-menu {
  -webkit-transform: translateX(30%);
  -moz-transform: translateX(30%);
  -ms-transform: translateX(30%);
  -o-transform: translateX(30%);
  transform: translateX(30%); }
html.mm-slide.mm-right.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%); }
html.mm-slide.mm-top.mm-opened .mm-menu {
  -webkit-transform: translateY(-30%);
  -moz-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  -o-transform: translateY(-30%);
  transform: translateY(-30%); }
html.mm-slide.mm-top.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%); }
html.mm-slide.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: translateY(30%);
  -moz-transform: translateY(30%);
  -ms-transform: translateY(30%);
  -o-transform: translateY(30%);
  transform: translateY(30%); }
html.mm-slide.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%); }

html.mm-zoom-menu .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease; }
html.mm-zoom-menu.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(-30%);
  -moz-transform: scale(0.7, 0.7) translateX(-30%);
  -ms-transform: scale(0.7, 0.7) translateX(-30%);
  -o-transform: scale(0.7, 0.7) translateX(-30%);
  transform: scale(0.7, 0.7) translateX(-30%);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center; }
html.mm-zoom-menu.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  -moz-transform: scale(1, 1) translateX(0%);
  -ms-transform: scale(1, 1) translateX(0%);
  -o-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%); }
html.mm-zoom-menu.mm-right.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(30%);
  -moz-transform: scale(0.7, 0.7) translateX(30%);
  -ms-transform: scale(0.7, 0.7) translateX(30%);
  -o-transform: scale(0.7, 0.7) translateX(30%);
  transform: scale(0.7, 0.7) translateX(30%);
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center; }
html.mm-zoom-menu.mm-right.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  -moz-transform: scale(1, 1) translateX(0%);
  -ms-transform: scale(1, 1) translateX(0%);
  -o-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%); }
html.mm-zoom-menu.mm-top.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(-30%);
  -moz-transform: scale(0.7, 0.7) translateY(-30%);
  -ms-transform: scale(0.7, 0.7) translateY(-30%);
  -o-transform: scale(0.7, 0.7) translateY(-30%);
  transform: scale(0.7, 0.7) translateY(-30%);
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top; }
html.mm-zoom-menu.mm-top.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  -moz-transform: scale(1, 1) translateY(0%);
  -ms-transform: scale(1, 1) translateY(0%);
  -o-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%); }
html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(30%);
  -moz-transform: scale(0.7, 0.7) translateY(30%);
  -ms-transform: scale(0.7, 0.7) translateY(30%);
  -o-transform: scale(0.7, 0.7) translateY(30%);
  transform: scale(0.7, 0.7) translateY(30%);
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom; }
html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  -moz-transform: scale(1, 1) translateY(0%);
  -ms-transform: scale(1, 1) translateY(0%);
  -o-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%); }

html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel {
  -webkit-transform: scale(1.5, 1.5) translateX(100%);
  -moz-transform: scale(1.5, 1.5) translateX(100%);
  -ms-transform: scale(1.5, 1.5) translateX(100%);
  -o-transform: scale(1.5, 1.5) translateX(100%);
  transform: scale(1.5, 1.5) translateX(100%);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition-property: -webkit-transform, left;
  transition-property: transform, left; }
  html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened {
    -webkit-transform: scale(1, 1) translateX(0%);
    -moz-transform: scale(1, 1) translateX(0%);
    -ms-transform: scale(1, 1) translateX(0%);
    -o-transform: scale(1, 1) translateX(0%);
    transform: scale(1, 1) translateX(0%); }
    html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened {
      -webkit-transform: scale(0.7, 0.7) translateX(-30%);
      -moz-transform: scale(0.7, 0.7) translateX(-30%);
      -ms-transform: scale(0.7, 0.7) translateX(-30%);
      -o-transform: scale(0.7, 0.7) translateX(-30%);
      transform: scale(0.7, 0.7) translateX(-30%); }

/*
	jQuery.mmenu fullscreen extension CSS
*/
.mm-menu.mm-fullscreen {
  width: 100%;
  min-width: 140px;
  max-width: 10000px; }

html.mm-opening.mm-fullscreen .mm-page,
html.mm-opening.mm-fullscreen #mm-blocker {
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0); }

@media all and (max-width: 140px) {
  html.mm-opening.mm-fullscreen .mm-page,
  html.mm-opening.mm-fullscreen #mm-blocker {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0); } }
@media all and (min-width: 10000px) {
  html.mm-opening.mm-fullscreen .mm-page,
  html.mm-opening.mm-fullscreen #mm-blocker {
    -webkit-transform: translate(10000px, 0);
    -moz-transform: translate(10000px, 0);
    -ms-transform: translate(10000px, 0);
    -o-transform: translate(10000px, 0);
    transform: translate(10000px, 0); } }
html.mm-right.mm-opening.mm-fullscreen .mm-page,
html.mm-right.mm-opening.mm-fullscreen #mm-blocker {
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0); }

@media all and (max-width: 140px) {
  html.mm-right.mm-opening.mm-fullscreen .mm-page,
  html.mm-right.mm-opening.mm-fullscreen #mm-blocker {
    -webkit-transform: translate(-140px, 0);
    -moz-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    -o-transform: translate(-140px, 0);
    transform: translate(-140px, 0); } }
@media all and (min-width: 10000px) {
  html.mm-right.mm-opening.mm-fullscreen .mm-page,
  html.mm-right.mm-opening.mm-fullscreen #mm-blocker {
    -webkit-transform: translate(-10000px, 0);
    -moz-transform: translate(-10000px, 0);
    -ms-transform: translate(-10000px, 0);
    -o-transform: translate(-10000px, 0);
    transform: translate(-10000px, 0); } }
.mm-menu.mm-front.mm-fullscreen.mm-top, .mm-menu.mm-front.mm-fullscreen.mm-bottom {
  height: 100%;
  min-height: 140px;
  max-height: 10000px; }

html.mm-opened.mm-fullscreen .mm-page {
  box-shadow: none !important; }

/*
	jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top,
.mm-menu.mm-bottom {
  width: 100%;
  min-width: 100%;
  max-width: 100%; }

.mm-menu.mm-right {
  left: auto;
  right: 0; }

.mm-menu.mm-bottom {
  top: auto;
  bottom: 0; }

html.mm-right.mm-opening .mm-page,
html.mm-right.mm-opening #mm-blocker {
  -webkit-transform: translate(-80%, 0);
  -moz-transform: translate(-80%, 0);
  -ms-transform: translate(-80%, 0);
  -o-transform: translate(-80%, 0);
  transform: translate(-80%, 0); }

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-page,
  html.mm-right.mm-opening #mm-blocker {
    -webkit-transform: translate(-140px, 0);
    -moz-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    -o-transform: translate(-140px, 0);
    transform: translate(-140px, 0); } }
@media all and (min-width: 550px) {
  html.mm-right.mm-opening .mm-page,
  html.mm-right.mm-opening #mm-blocker {
    -webkit-transform: translate(-440px, 0);
    -moz-transform: translate(-440px, 0);
    -ms-transform: translate(-440px, 0);
    -o-transform: translate(-440px, 0);
    transform: translate(-440px, 0); } }
/*
	jQuery.mmenu z-position extension CSS
*/
html.mm-front .mm-page,
html.mm-front #mm-blocker {
  -webkit-transform: translate(0, 0) !important;
  -moz-transform: translate(0, 0) !important;
  -ms-transform: translate(0, 0) !important;
  -o-transform: translate(0, 0) !important;
  transform: translate(0, 0) !important;
  z-index: 0; }

.mm-menu.mm-front {
  z-index: 1;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }

html.mm-opened.mm-next .mm-page {
  box-shadow: none; }

.mm-menu.mm-front, .mm-menu.mm-next {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0); }
  .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0); }
.mm-menu.mm-front.mm-top {
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  transform: translate(0, -100%); }
.mm-menu.mm-front.mm-bottom {
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%); }

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

.mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom {
  height: 80%;
  min-height: 140px;
  max-height: 880px; }

/*
	jQuery.mmenu themes extension CSS
*/
html.mm-opened.mm-light .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light {
  background: #f3f3f3;
  color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-light .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-light .mm-list > li > a.mm-subclose {
    background: rgba(255, 255, 255, 0.6);
    color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before {
    border-color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu.mm-light .mm-list > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-light .mm-list > li.mm-label {
    background: rgba(0, 0, 0, 0.03); }
  .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-buttonbar {
  border-color: rgba(0, 0, 0, 0.6);
  background: #f3f3f3; }
  .mm-menu.mm-light .mm-buttonbar > * {
    border-color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-light .mm-buttonbar > input:checked + label {
    background: rgba(0, 0, 0, 0.6);
    color: #f3f3f3; }

.mm-menu.mm-light label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-light em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-footer {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-header .mm-prev:before,
  .mm-menu.mm-light .mm-header .mm-next:after,
  .mm-menu.mm-light .mm-header .mm-close:after {
    border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-light .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-light label.mm-toggle:before {
    background: #f3f3f3; }
.mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

html.mm-opened.mm-white .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white {
  background: white;
  color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-white .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before {
    border-color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu.mm-white .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.06); }
  .mm-menu.mm-white .mm-list > li.mm-label {
    background: rgba(0, 0, 0, 0.03); }
  .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-buttonbar {
  border-color: rgba(0, 0, 0, 0.6);
  background: white; }
  .mm-menu.mm-white .mm-buttonbar > * {
    border-color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-white .mm-buttonbar > input:checked + label {
    background: rgba(0, 0, 0, 0.6);
    color: white; }

.mm-menu.mm-white label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-white em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-footer {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-header .mm-prev:before,
  .mm-menu.mm-white .mm-header .mm-next:after,
  .mm-menu.mm-white .mm-header .mm-close:after {
    border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-white .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white label.mm-toggle:before {
    background: white; }
.mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

html.mm-opened.mm-black .mm-page {
  box-shadow: none; }

.mm-menu.mm-black {
  background: black;
  color: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-black .mm-list > li:after {
    border-color: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-black .mm-list > li > a.mm-subclose {
    background: rgba(255, 255, 255, 0.25);
    color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-list > li > a.mm-subopen:before {
    border-color: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu.mm-black .mm-list > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.25); }
  .mm-menu.mm-black .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.15); }
  .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-buttonbar {
  border-color: rgba(255, 255, 255, 0.6);
  background: black; }
  .mm-menu.mm-black .mm-buttonbar > * {
    border-color: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-black .mm-buttonbar > input:checked + label {
    background: rgba(255, 255, 255, 0.6);
    color: black; }

.mm-menu.mm-black label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-black em.mm-counter {
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-footer {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-header {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-header .mm-prev:before,
  .mm-menu.mm-black .mm-header .mm-next:after,
  .mm-menu.mm-black .mm-header .mm-close:after {
    border-color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-list li.mm-label > div > div {
  background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-black .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black label.mm-toggle {
  background: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-black label.mm-toggle:before {
    background: black; }
.mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }
 





/*end Menu */

 
/* ========================================== Navigation ========================================== */
 
nav#dTopM {z-index: 10;	float: right;}
nav#dTopM ul {margin: 0px;	padding: 0px;}
/* Top level */
nav#dTopM li {list-style: none;
	float: left;
	position: relative;
	margin-left:5px;
	margin: 3px\9;
}
nav#dTopM li a {display: block;
	color: #fff;
	padding: 10px 20px;
	padding: 10px 18px\9;
	line-height: 18px;
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 16px;
	font-weight:bold;
	text-transform:uppercase;
}
nav#dTopM li.cHM{display:none;}
nav#dTopM li a:last-child{padding-right:0px;}
nav#dTopM li a:hover, nav#dTopM li.active a, nav#dTopM li.selected a {text-decoration: none;
	 color:#fff;
	 
}
nav#dTopM li.drop a {padding-right: 20px;
	padding-right: 17px\8;
}
nav#dTopM li.drop a:hover {padding: 10px 20px 10px 20px;
	padding: 10px 17px 10px 18px\8;
}
nav#dTopM li a:active {background-position: 0px -72px;
}
nav#dTopM li .dropdown {display: block;
	float: right;
	width: 7px;
	height: 5px;
	margin: -30px 15px 0px 12px;
	color: #00acc8;
}
nav#dTopM li.active .dropdown, nav#dTopM li.selected .dropdown {color: #fff;}
/* Drop down */
nav#dTopM li ul {position: absolute;
	left: 0;
	top: 0px;
	display: none;
	border-left: none;
	text-align: left;
	z-index: 15;
	margin-top: 38px;
	background:#00acc8;
	color:#fff;
}
nav#dTopM li ul li {position: relative;
	clear: left;
	list-style-type: none;
	display: block;
	padding: 0px;
	margin: 0;
	background:#00acc8;
	color:#fff;
	/*border-bottom: 1px solid #00acc8;
	border-left: 1px solid #00acc8;
	border-right: 1px solid #00acc8;*/
}
nav#dTopM li ul li:last-child {}
 
#dTopM li ul li a, #dTopM li.selected ul li a {font-size: 14px;
	font-weight: normal;
	display: block;
	height: auto;
	margin: 0;
	width: 165px;
	padding: 8px 7px !important;
	border: none;
	border-radius: 0px !important;
	text-shadow: none !important;
	border-top: none !important;
	border-bottom: none !important;
	color: #fff !important;
	background:#00acc8!important;
	border-top:1px solid #fff!important;

}
nav#dTopM li#dMBoxes ul li a {width: 280px;
}
nav#dTopM li ul li a:hover {background:#ff7800!important;
	color: #fff!important;
	padding: 8px 7px !important;
	border-bottom: none !important;
}
nav#dTopM li ul li.arrow {display: none;
}



/* General - Home / Sub */ 

section {padding-top:50px;	padding-bottom:50px;}

#dHomeVisual{background:url(/images/home/slider-zanzibarhairstyling02.jpg) no-repeat center center; background-size:100% auto; padding-top:300px; padding-bottom:430px; }
#dMission h1{font-family: 'Satisfy', cursive; font-size:42px; color:#fff;   margin-bottom:60px;} 
#dMission p{ }
 
#dBreadcrumb, #dBreadcrumbshop {font-size: 11px;
	text-align: right;
}

.cBtn {margin-top:30px; display:block; overflow:hidden;}
.cBtn a {padding: 15px 30px;
	font-size:22px;
	text-transform:capitalize;
	background: #f26522;
	color: #fff;
	display:inline-block;
	overflow: hidden;
	text-decoration: none;
	border-radius:35px; -webkit-border-radius:35px; -moz-border-radius:35px; -o-border-radius:35px; border:2px solid #fff;
}

.cBtn a:hover{background:#0db9d5; color:#fff!important; text-decoration:none !important; }

.cBtnMore {margin-top:15px; }
.cBtnMore a {padding:8px 30px;
	text-transform: capitalize;
	background: #f26522;
	color: #fff;
	display:inline-block;
	overflow: hidden;
	text-decoration: none;
	border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border:1px solid #fff;
}

.cBtnMore a:hover{background:#0db9d5; color:#fff!important; text-decoration:none !important;}

/*embed */
.cEmbed-container {position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.cEmbed-container iframe, .cEmbed-container object, .cEmbed-container embed {position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	
}

hr{border:0px none; border-top:1px dotted #fff;}
/* Footer */ 
#dTestibox h2{font-size:32px; font-weight:300; margin-top:25px; margin-bottom:26px;  text-align:center; text-transform:uppercase;} 
.cTextbox{background:url(/images/common/footer-testimonials.png) no-repeat; background-position: top 26% left; padding-left:12%; border-bottom:1px solid #fff; padding-bottom:3%; margin-bottom:3%;}
#dTestibox .cTextbox{border-bottom:0px none;}
.cTextbox h3 {padding-bottom:18px; font-size:24px; font-weight:bold !important;  font-style:italic; text-align:center;}
.cTextbox p, #dInfo p{padding-bottom:15px;}
#dTestibox h2, .cTextbox h3, .cTextbox p{color:#fff;}

footer{ }
#dFooterContact{height:300px; display:block; overflow:hidden;}
#dFooterCopy{color:#fff; padding-top:35px; padding-bottom:35px; font-size:14px; background:url(/images/common/bg-footer.jpg) top center no-repeat; background-size:100% 100%;}
#dFooterCopy a{color:#fff; text-decoration:none;}
#dFooterCopy h4{font-size:1.4em; padding-bottom:10px;}

#dFooterCopy ul {list-style:none;}
#dFooterCopy ul li{}
 
#dCopyright {margin-top:17px;} 
 
#dSM { }
#dSM ul {display:block; overflow:hidden;}
#dSM ul li {float:left; list-style: none; padding-right:15px;}
#dSM span{display:block; overflow:hidden;}
#dLetGeoCreate{ }





#dHomeTorso h2{font-size:34px; color:#fff; text-align:center; font-weight:normal; margin-bottom:60px;  line-height: 100%;}
 

#dTorso{ min-height:490px;}
#dTorso h1{font-size:46px; margin-bottom:60px;text-align:center; font-weight:normal;  text-align:center; text-transform:uppercase;}
#dTorso h2{font-size:32px; font-weight:300; margin-top:25px; margin-bottom:26px;  text-align:center; text-transform:uppercase;}
#dTorso h2 a, #dTorso h3 a{text-decoration:none;}
#dTorso h2 a{color:#ff7800;}
#dTorso h2,#dTorso h3{line-height:140%;}
#dTorso h3{font-size:24px; margin-top:15px; margin-bottom:15px; font-weight:bold; letter-spacing:0.1em;}
#dTorso p{margin-bottom:1.5%;}
#dTorso .cHr{border-bottom:1px solid #00acc8; margin-bottom:45px;}
#dTorso ul, #dTorso ol {padding-left:25px;}
#dTorso ul li, #dTorso ol li{margin-bottom:12px;}
#dTorso ul ol {margin-top:12px;}
#dTorso #dFood ul > li{background:url(/images/common/icon-bb.png) no-repeat left top; padding-left:35px; list-style:none;}
#dForm{width:80%;}
#dForm div{margin-bottom:25px;}

 
 



/* Sub Visual */ 
#dSub-About{background:url(/images/common/bg-aboutzanzibar02.jpg) no-repeat center; background-size:100% auto;}
#dSub-Products{background:url(/images/common/bg-products.jpg) no-repeat center; background-size:100% auto;}
#dSub-Services{background:url(/images/common/bg-services01.jpg) no-repeat center; background-size:100% auto;}
#dSub-Testi{background:url(/images/common/bg-testimonials01.jpg) no-repeat center; background-size:100% auto;}
#dSub-Gallery{background:url(/images/common/bg-gallery.jpg) no-repeat center; background-size:100% auto;}
#dSub-Contact{background:url(/images/common/bg-contact1.jpg) no-repeat center; background-size:100% auto;}
.cSubVisual{padding-top:19%;}
.cSubVisual img{opacity:0;}


/*About */ 
#dAbout img{border:1px solid #fff;}
#dAbout .cGallerylink img{padding:0px !important;}
#dAbout div{padding-top:15px;}
.cTeam h4{padding-bottom:24px; margin-bottom:24px; border-bottom:1px solid #fff;} 

#dProductImage img{width:100%; height:auto;}

/*Products */ 
#dTorso #dProducts h2{background:#f26522; display:inline-block; text-align:center; margin-bottom:0px; padding: 8px 10px;}
#dTorso #dProducts h2 span{font-size:88%; display:block;  }
#dTorso #dProducts h3{text-align:center; text-transform:uppercase;}
.cPTitle{border-bottom:1px solid #fff; display:block; overflow:hidden; margin-bottom:30px; text-align:center;}

/*Service*/ 
.cServiceTable{margin-top:2.5%; padding-top:2.5%; padding-left:2%; padding-right:2%;}
.cServiceTable table td{vertical-align:top;}
.cServiceTable table td:nth-child(1){width:70%;}
.cServiceTable table td:nth-child(2){text-align:right;}

/*General */ 

.cFloatL {float: left;}
.cFloatR, .cFloatR2 {float: right;}
.cTextL {text-align: left;}
.cTextR {text-align: right;}
.cTextC {text-align: center;}
.cPaddingLR {padding-left: 10px;	padding-right: 10px;}
.cPaddingTB{padding-top:25px; padding-bottom:25px;}

 
.cHalf {width: 48%;}
.cFontW300 {font-weight: 300;}
.cFontW400 {font-weight: 400;}
.cFontW500 {font-weight: 500;}
.cFontW700 {font-weight: 700;}
.cLast {margin: 0px !important;}
.cMarginC {margin: 0 auto;}
.cMarginMB8 {margin-bottom: 8px;}
 
.cMobileH {}
.cMobileS, .cMobileSI {display: none;}
.cMarginBasicTB {margin-top: 25px;	margin-bottom: 25px;}
.cMarginBasicB {margin-bottom: 35px;}
.cMarginBasicTBSm {margin-top: 15px;	margin-bottom: 15px;}
.cPaddingT {padding-top: 24px;}
.cPadding8 {padding: 8px;}
.cCenter{text-align:center;}
.cTopLine{border-top:1px solid #ffffff;}
 
.cSmall {font-size: 0.7em;	line-height: 100%;}
.cBold {font-weight: bold;}
.cOverHide {overflow: hidden;}
.cImageRB, cImageLB{display:block; overflow:hidden;}
.cImageRB{float:right; margin-left: 15px;	margin-bottom: 15px; }
.cImageLB{float:left; margin-right: 15px;	margin-bottom: 15px;}
.cImageRB img {float: right; width:96%; height:auto; padding:2%; }
.cImageLB img {float: left;	width:96%; height:auto; padding:2%; }
.cImage img, .cResImage {width: 100%;	height: auto;}
.req{color:#ff7800;}

.cOne {width:90px;}
.cTwo {width:180px;}
.cThree {width:270px;}
.cFour {width:360px;}
.cFive {width:450px;}
.cSix {width:540px;}
.cSeven {width:630px;}
.cEight {width:720px;}
.cNine {width:810px;}
.cTen {width:900px;}
.cEleven {width:990px;}
.cTwelve {width:1080px;}
.cThirteen {width:1170px;}
.cFourteen {width:1260px;}
.cFifteen {width:1350px;}
.cSixteen {width:1420px;}
.cRight {width: 31%;}
.cLeft {width: 65%;}
.cOne-third {width: 33%;}
.cTwo-third {width: 65%;}
.cQuarter {width: 25%;}


@media screen and (max-width:1920px) {
#dHomeVisual{padding-top:200px; padding-bottom:450px; background-size:auto 100%;  }

	}


@media screen and (max-width:1680px) {
	
#dHomeVisual{padding-top:170px; padding-bottom:360px; }
#dInfo{margin-left:16%; }  
.cTextbox{background-position: top 20% left; }
	
	}
	
@media screen and (max-width:1560px) {
	
section {padding-top:40px;	padding-bottom:40px;}
#dHomeVisual{padding-top:200px; padding-bottom:300px; background-size:100% 100%;}

#dInfo{width:37%; margin-left:5%; }  
#dTorso h1{font-size:36px; margin-bottom:46px; }
#dTorso h2{font-size:28px; margin-bottom: 30px;}
 
#dTorso .cHr img{width:45px; height:auto;}

#dFood {background:url(/images/common/hr-img.png) top center no-repeat; background-size:45px auto; }
 

	}



 @media screen and (max-width:1440px)  {/* Genearl */ 
body {}

#dLogo {width:23%;}
 
#dPhone h3{padding-left:40px; background-size:32px auto; font-weight:normal; }
#dPhone h3 span{display:block; overflow:hidden;}
 



nav#dTopM{ }
nav#dTopM li a {padding: 10px 10px;	padding: 10px 8px\9;}
nav#dTopM li.drop a {padding-left:10px; padding-right:10px; padding-right:8px\8;}
nav#dTopM li.drop a:hover {padding: 10px 10px 10px 10px; padding: 10px 8px 10px 8px\8;}




#dHomeVisual{padding-top:210px; padding-bottom:270px; background-size:auto 100%;} 
 

#dHomeTorso h2{font-size:32px;margin-bottom:40px; }
ul#dAList{list-style:none;}
ul#dAList li{}
ul#dAList li div.cAImage{width:50%;  display:block; overflow:hidden;}
ul#dAList li div.cAImage img{width:100%; height:auto;}
ul#dAList li div.cAText{padding:1% 7% 1% 3%; width:40%;}
ul#dAList li div.cAText p{padding-bottom:12px;}
ul#dAList li h3{color:#e7851c; font-size:26px; font-weight:normal;}
 

.cOne {width:6%;}
.cTwo {width: 12%;}
.cThree {width: 18%;}
.cFour {width:25%;}
.cFive {width:31%;}
.cSix {width:37%;}
.cSeven {width:43%;}
.cEight {width:50%;}
.cNine {width:56%;}
.cTen {width:62%;}
.cEleven {width:68%;}
.cTwelve {width:75%;}
.cThirteen {width:81%;}
.cFourteen {width:87%;}
.cFifteen {width:93%;}
.cSixteen {width: 100%;}
.cOne-third {width: 33%;}
.cRight {width: 31%;}
.cLeft {width: 65%;}
.cTwo-third {width: 66%;}
.cPaddingLR {padding-left: 2%;	padding-right: 2%;}

#dInfo{padding: 25px 4% 0px 4%;  width:42%; margin-left:2%;  } 
.cTextbox{background-position: top 18% left;}

}
 @media screen and (max-width:1366px)  {
	 ul#dAList li div.cAText{padding:2% 6% 2% 2%; width:42%;}
	 ul#dAList li h3{font-size:24px; }
#dFooterLogo{width:25%;}	 
#dFooterLogo img{width:85%;}	 
}
 
 @media only screen and (max-width:1200px) { 
#dMission h1{font-size:36px; margin-bottom:30px;}
ul#dAList li div.cAImage{width:50%; }
ul#dAList li div.cAImage img{width:auto; height:100%;}

#dTorso{background-size:500px auto;}


ul#dTList li:nth-child(n+1) div.cTLogo img, ul#dTList li:nth-child(2n) div.cTLogo img{width:80%; height:auto; }
ul#dTList li:nth-child(n+1) div.cTallow, ul#dTList li:nth-child(2n) div.cTallow{background-size:30% auto;}
#dFooterCopy{background-size:auto 100%;}

#dAbout img{width:90%; height:auto;}

 }

 @media only screen and (max-width:1000px) {
 
#dLogo {width:24%;} 
section {padding-top: 30px;	padding-bottom: 30px;} 
#dHomeVisual{background:url(/images/home/slider-zanzibarhairstyling02-1024.jpg) no-repeat center top;  background-size:100% auto; padding-top:130px; padding-bottom:160px; }
nav#dTopM{width:100%; margin-top:15px; margin-left:auto; margin-right:auto;}
#dBreadcrumb {}
#dFooterCopy{color:#fff; padding-top:15px; padding-bottom:15px;}
#dFooterLogo img{width:90%;}
}


@media only screen and (max-width:860px) {
	
header {
    padding-top:20px;padding-bottom:0px;
}

nav#dTopM li {margin: 0px 2px; margin: 0px 1px \9;}
nav#dTopM li a {padding: 10px 14px;	padding: 10px 12px\9; font-size:14px;}
nav#dTopM li.drop a {padding-left:14px; padding-right:14px; padding-right:12px\8;}
nav#dTopM li.drop a:hover {padding: 10px 14px 10px 14px;padding: 10px 12px 10px 12px\8;}


#dHomeVisual{background:url(/images/home/slider-zanzibarhairstyling02-860.jpg) no-repeat center top;  background-size:100% 100%; padding-top:100px; padding-bottom:150px; }
#dMission h1{font-size:32px; margin-bottom:20px;}
#dHomeTorso h2{font-size:28px;margin-bottom:20px; }
 
ul#dAList li{margin-bottom:10px;}
ul#dAList li div.cAImage{width:50%;}
ul#dAList li div.cAImage img{width:auto; height:auto;}
ul#dAList li div.cAText{padding:4% 7% 2% 3%; width:40%; float:left; position:relative;}
ul#dAList li div.cAText p{padding-bottom:12px;}
ul#dAList li h3{font-size:20px; padding-bottom:3%;}
 ul#dAList li div.cABg2{}
ul#dAList li div.cABg1, ul#dAList li div.cABg2{background-size:80px auto;}
ul#dTList li div.cTallow, ul#dTList li div.cTLogo {min-height:360px;}

ul#dAMenu{list-style:none; padding-left:0px !important;}
ul#dAMenu li{width:96%; margin-right:auto; margin-left:auto; float:none;}
 
 
 
#dFooterContact{height:250px; }
#dFooterCopy{ background-size:auto 100%; background-position:top left;}

#dTorso{background-size:400px auto;}
#dTorso h1{font-size:32px;  margin-bottom:40px; }
#dTorso h2{font-size:22px;  margin-top:18px; margin-bottom:18px;}
#dTorso h3{font-size:20px; margin-top:12px; margin-bottom:12px; }
#dTorso .cHr{margin-bottom:40px;}
#dTorso .cHr img{width:30px; height:auto;}
#dForm{width:100%;}
#dSub-About{background:url(/images/common/bg-aboutzanzibar02-890px.jpg) no-repeat center; background-size:auto 100%;}
#dSub-Products{background:url(/images/common/bg-products-890px.jpg) no-repeat center; background-size:auto 100%;}
#dSub-Services{background:url(/images/common/bg-services01-890px.jpg) no-repeat center; background-size:auto 100%;}
#dSub-Testi{background:url(/images/common/bg-testimonials01-890px.jpg) no-repeat center; background-size:auto 100%;}
#dSub-Gallery{background:url(/images/common/bg-gallery-890px.jpg) no-repeat center; background-size:auto 100%;}
#dSub-Contact{background:url(/images/common/bg-contact1-890px.jpg) no-repeat center; background-size:auto 100%;}
.cSubVisual{padding-top:21%;}

#dFood {background-size:30px auto; }

.cTextbox{background-size:60px auto;}
#dFooterCopy .cOne-third{width:50%;}
#dFooterCopy .cOne-third#dFooterM{width:100%; margin-top:25px; clear:both;}
#dFooterM ul{display:block; overflow:hidden;}
#dFooterM ul li{float:left; padding-right:2%; }
#dFooterM p{ }

}


/* mobile menu comes out */ 
@media only screen and (max-width:720px) {
header {padding-top:15px;   padding-bottom:15px;}	 
#dLogo {width:23%;}	 
nav#dTopM{margin-top:13px;}
#dPhone{margin-right:80px; width:50%;}
#dPhone h3{font-size:22px;}
#dPhone h3 span{font-size:12px;}
.cOne, .cTwo, .cThree, .cFour, .cFive, .cSix, .cSeven, .cEight, .cNine, .cTen, .cEleven, .cTwelve, .cThirteen, .cFourteen, .cFifteen, .cLeft, .cRight {width: 100%;}
.cSixteen {width: 100%;}
.cOne-third {width: 33%;}
.cTwo-third {width: 66%;} 
ul#dTList li div.cTallow, ul#dTList li div.cTLogo{min-height:440px;}
#dFoodB table tr td{padding-bottom:12px;}
#dFoodB table td:nth-child(1){width:17%; background-size:18px auto; padding-left:5%;}
#dFoodH table tr:nth-child(even) td{padding-bottom:12px;}
#dFoodH table tr:nth-child(odd) td:nth-child(1){background-size:18px auto;}
#dAbout img{width:50%; height:auto;}
.cTextbox{background-image:none; padding-left:0px;}
.cTextbox h3{ background:url(/images/common/footer-testimonials.png) no-repeat; background-size:80px auto; padding-left:90px; }
}


 
@media only screen and (max-width:660px) {
body {font-size:16px; line-height: 160%; }
header {padding-top:12px; padding-bottom:12px;}
#dLogo {width:30%;}
#dHomeVisual{padding-top:60px; padding-bottom:60px; background-size:100% 100%;  }
ul#dAList li{margin-bottom:10px;}
ul#dAList li div.cAImage{width:100%; }
ul#dAList li div.cAImage img{width:100%; height:auto;}
ul#dAList li div.cAText{padding:3% 9% 3% 3%; width:88%; float:left; position:relative;}
ul#dAList li div.cAText .cFloatL, ul#dAList li div.cAText .cFloatR{float:left;}
ul#dAList li div.cABg1, ul#dAList li div.cABg2{background-size:80px auto;}
ul#dTList li:nth-child(n+1) div.cTLogo, ul#dTList li:nth-child(2n) div.cTLogo{width:100%; float:none; height:40px; background:#96d85b;}
ul#dTList li div.cTLogo p{position:relative;}
ul#dTList li:nth-child(n+1) div.cTLogo img, ul#dTList li:nth-child(2n) div.cTLogo img{display:none; }
ul#dTList li:nth-child(n+1) div.cTallow, ul#dTList li:nth-child(2n) div.cTallow{background:url(/images/common/icon-arrow-3.png) no-repeat left top; height:20px; width:auto;}
ul#dTList li:nth-child(n+1) div.cTesti, ul#dTList li:nth-child(2n) div.cTesti{padding: 15px 5% 15px 5%; width:90%; float:none;}
ul#dTList li div.cTallow, ul#dTList li div.cTLogo{min-height:auto; }
ul#dTList li div.cTesti{min-height:auto;}
ul#dTList li div.cTLogo p{font-size:16px;}
ul#dTList li:nth-child(n+1){background-position:100% 40px;}
ul#dTList li:nth-child(2n){background-position:0px 40px;}

.cBtn {margin-top:12px;}
.cBtn a {padding:10px 20px;
	font-size:18px; }
 
 
/* Footer */
.cTextbox h3{}

#dTestibox h2{padding-bottom:12px; font-size:22px;} 
.cTextbox h3 {padding-bottom:8px; font-size:20px; background-size:70px auto; padding-left:80px; }
.cTextbox p, #dInfo p{padding-bottom:8px;}
#dFooterContact{height:150px; } 
#dFooterContact .cEmbed-container iframe {position:relative;}
#dFooterContact .cEmbed-container{padding-bottom:0px;}
 
 
 
#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
#dFooterCopy{color:#fff; padding-top:12px; padding-bottom:12px;}
#dFooterLogo {width:100%; text-align:center;}
#dFooterLogo span{display:block; overflow:hidden; margin-top:12px;}
#dFooterLogo img{width:30%; height:auto;}

#dCopyright, #dLetGeoCreate{text-align:center;}


 
#dTorso h1{font-size:30px;  margin-bottom:30px; }
#dTorso h2{font-size:24px;  margin-top:16px; margin-bottom:16px; }
#dTorso h3{font-size:20px; margin-top:10px; margin-bottom:10px; }
#dTorso .cHr{margin-bottom:30px; position:relative;}
#dTorso .cHr img{width:20px; height:auto; position:absolute; bottom:0px;}
 
.cTeam h4{text-align:center; padding-top:12px; padding-bottom:12px; margin-bottom:12px; border-bottom:none;} 

/* end Footer */ 


.cOne, .cTwo, .cThree, .cFour, .cFive, .cSix, .cSeven, .cEight, .cNine, .cTen, .cEleven, .cTwelve, .cThirteen, .cFourteen, .cFifteen, .cHalf, .cRight, .cLeft, .cOne-third, .cTwo-third {width: 100%;}
.cPaddingLR {padding-left: 3%;
	padding-right: 3%;
}
.cMarginBasicTB {maring-top: 10px;
	margin-bottom: 10px;
}
.cMarginBasicB {margin-bottom: 15px;
}
.cMarginBasicTBSm {margin-top: 7px;
	margin-bottom: 7px;
}
.cFloatR, .cFloatL {float: none;
}
.cMobileH {display: none;}
.cMobileS {display: block;}
.cMobileSI {display: inline-block;}
.cMTextC{text-align:center;}
 
#dFooterCopy .cOne-third{width:90%; margin-left:auto; margin-right:auto;}
 
.cImageRB, .cImageLB{float:none; margin-left:0px; margin-right:0px; }
 
.cImageRB img, .cImageLB img{float:none; margin-bottom:3px;}

#dFooterCopy{ text-align:center;}
#dSM ul{margin-left:auto; margin-right:auto; width:90px; }
#dSM ul li{text-align:center;}
#dFooterCopy h4{padding-top:10px;}



}

 @media only screen and (max-width:540px) {
#dPhone h3{padding:0px 0px 0px 20px; background-size:20px auto; background-position:left bottom; }
#dPhone h3 span{font-size:11px;} 
ul#dTList li div.cTLogo img{width:100%; height:auto; float:none;}
ul#dTList li div.cTallow{background:none; }
.cTextbox h3{background-size:58px auto; padding-left:66px;  }

	 
	 }

@media only screen and (max-width:480px) {
header {
    padding-top:15px;
    padding-bottom:15px;
}
#dLogo {width:50%; margin-left:20%;}
 
#dPhone{text-align:left; float:none; width:55%; margin-left:auto; margin-right:auto; overflow:hidden;}
#dPhone h3{padding:0px 0px 0px 20px; background-size:16px auto; background-position:0px 0px; float:none;  margin-top:16px; font-size:20px; text-align:left;}
#dPhone h3 span{display:none;}

#dHomeVisual{background:url(/images/home/slider-zanzibarhairstyling02-500.jpg) no-repeat top right;  background-size:100% auto;  padding-top:40px; padding-bottom:40px;} 	
#dMission h1{font-size:28px; }
#dHomeTorso h2 {font-size:24px;}
#dBreadcrumb{padding-bottom:8px;}

#dTorso #dProducts h2{padding:8px 5px;}

#dTorso{background-size:200px auto; min-height:220px;}
#dTorso h1{margin-bottom:26px; }
#dTorso h2{font-size:22px;}
#dTorso h2{font-weight:bold;}
#dTorso .cHr{margin-bottom:26px;}
#dFooterCopy{background:url(/images/common/bg-footer-mobile.jpg) top left no-repeat; background-size:auto 100%;}
#dAbout img{width:80%; height:auto;}

.cTextbox h3{font-size:18px; min-height:60px; margin-top:30px!important; }

 }


}
 @media only screen and (max-width:380px) {
 
	 #dPhone{width:60%;}
	 #dPhone h3{ background-size:14px auto; background-position:0% 8px; margin-top:4px; font-size:16px;}} 
 @media only screen and (max-width:320px) { }
 
/* Use clearfix class on parent to clear nested columns,
or dWrap each row of columns in a <div class="row"> */
.cInner:before, .cInner:after {content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.cInner:after, .cClear:after {clear: both;
}
.cInner {zoom: 1;
}
.cRow:before, .cRow:after {content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.cRow:after, .clearfix:after {clear: both;
}
.cRow, .clearfix {zoom: 1;
}




/* end style 2017 */ 





/* based on YUI 2.3 base.css */

/* Idioms */

ul.mod {list-style-image:none;
	list-style-position: outside;
	list-style-type: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.mod li {list-style: none;
}

/* @end */

/* @group Web Form */

ul.form {margin: 0;
	padding: 0;
}

ul.form li {list-style: none;
	margin: 0 0 18px 0;
}

ul.form li label {color: #888;
	display: block;
}

div.form div.item, div.webform div.item {padding: 3px;
}

input[type="button"], .cat_button {-webkit-appearance:none;}

.cat_button {background:#00acc8;
    border: none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-weight: 400;
    padding: 10px 30px;}

#dProductFormTop .item{width:24%; padding:3px 1% 3px 0; float:left; }

#dProductFormTop input, #dProductFormTop select{color:#464646;
        border:1px solid #d7d7d7;   /*Removes border*/
		-webkit-appearance: none;  /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/  width: 96%; padding:5px 4%; font-size:14px; font-weight:300; height:35px;}

#dProductFormTop select.cat_dropdown_small{width: 96%; /*Width of select dropdown to give space for arrow image*/
		text-indent: 0.01px; /* Removes default arrow from firefox*/
		text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/ }
	
#dProductFormTop .cat_button{}
 
input.cat_textbox,
textarea.cat_listbox,
select.cat_dropdown,
select.cat_listbox {padding:8px 2% ;
	width:90%;
	border:1px #ccc solid;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;	
	background:none;
	}

.form1 table{padding:10px; background:#eee; width:100%;}

.cat_dropdown_small, .cat_dropdown_smaller {border:1px solid #d7d7d7;   /*Removes border*/
		-webkit-appearance: none;  /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/  width: 96%; padding:5px 4%; font-size:14px; font-weight:300; height:35px;
	 
		text-indent: 0.01px; /* Removes default arrow from firefox*/
		text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/ }
.cat_dropdown_small{width: 96%; /*Width of select dropdown to give space for arrow image*/}
 
.cat_dropdown_smaller {width: 45%;
}
.product-form{position:relative; }
.product-form input.cat_textbox_small{padding:3px 2%; width:66%; border:1px solid #95c14e; border-radius:5px 0px 0px 5px; -webkit-border-radius:5px 0px 0px 5px; -o-border-radius:5px 0px 0px 5px; -moz-border-radius:5px 0px 0px 5px; -webkit-appearance:none; line-height:29px; position:relative; left:5px; height:29px;}
.product-form input.cat_button, #dNewsletter input.cat_button{padding:3px 2%; width:21%; vertical-align:top; -webkit-appearance:none; background:#95c14e; line-height:29px; border-radius:0px 5px 5px 0px; -webkit-border-radius:0px 5px 5px 0px; -o-border-radius:0px 5px 5px 0px; -moz-border-radius:0px 5px 5px 0px; position:relative; border:0px; color:#606060; -o-border:1px solid #9e9f9e; height:37px;  }

input.cat_button::-moz-focus-inner {border: 0; 
	padding: 0; 
	margin-top:-2px; 
	margin-bottom: -2px; 
}

.cat_textbox_small, .cat_listbox_small {padding:3px 2%;
	width:50%;
}

#dNewsletter .cat_textbox_small{color:#9e9f9e; padding:3px 2%; width:66%; border:1px solid #9e9f9e; border-radius:5px 0px 0px 5px; -webkit-border-radius:5px 0px 0px 5px; -o-border-radius:5px 0px 0px 5px; -moz-border-radius:5px 0px 0px 5px; -webkit-appearance:none; line-height:29px; position:relative; left:5px; height:29px;}
.cat_listbox {height: 120px;
	padding:3px 2%;
	width:96%;
}

table.webform,
table.reporting {border-collapse:collapse;
	border-spacing:0;
	width: 100%;
}


table.webform td {line-height: 24px;
	padding: 6px 2%;
	font-size:14px;
}

.form label, .webform label {font-size:14px;
color:#333;
}

 
.form input[type=submit], .webform input[type=submit], #catshopcontinue, .cartLink{cursor:pointer;
	background:#00acc8;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:#fff; 
	font-size:18px;
	font-weight:400;
	padding:10px 20px;
	display:block;
	border:none;
}
.form input[type=submit]:hover, .webform input[type=submit]:hover, #catshopcontinue:hover, .cartLink:hover{background:#333; color:#fff;text-decoration:none;
}

.cartLink{text-align:center; margin-bottom:50px;}
 

#recaptcha_widget_div {overflow: hidden !important; width:260px !important;
}
 #recaptcha_area, #recaptcha_table{width:260px !important;}

.recaptchatable td {line-height: 14px !important;
}
#recaptcha_widget_div {min-height: 130px;
}

#recaptcha_image img {width: 250px !important;
height: 48px !important;
}

 



 
.recaptchatable .recaptcha_image_cell{background:none!important;}	
.recaptchatable .recaptcha_r2_c2, .recaptcha_r1_c1, .recaptcha_r2_c1, .recaptchatable .recaptcha_r3_c1, .recaptchatable .recaptcha_r3_c2, .recaptchatable .recaptcha_r3_c3, .recaptchatable .recaptcha_r3_c1, .recaptchatable .recaptcha_r3_c2, .recaptchatable .recaptcha_r3_c3, .recaptchatable .recaptcha_r4_c1, .recaptchatable .recaptcha_r7_c1, .recaptchatable .recaptcha_r8_c1, .recaptchatable .recaptcha_r4_c2, .recaptchatable .recaptcha_r4_c4{background:none!important; width:auto !important; height:auto!important;}
	
	
#recaptcha_image{text-align:left; position:absolute; left:-5px;}
	
.recaptchatable .recaptcha_r4_c1{width:155px !important;}

.recaptchatable a, .recaptchatable a:hover{color:#C01D2E !important;}


@media screen and (max-width: 979px) {#dProductFormTop input, #dProductFormTop select{font-size:12px;}
	 #recaptcha_widget_div {overflow: hidden !important; width:190px !important;}
 #recaptcha_area, #recaptcha_table{width:190px !important;}
 
    #recaptcha_image img {width:180px !important;
    height:35px !important;
    }
	 } 
 
 
 
@media screen and (max-width:767px) {#recaptcha_widget_div {overflow: hidden !important; width:260px !important;
}
#recaptcha_area, #recaptcha_table{width:260px !important;}
 
#recaptcha_image img {width: 250px !important;
height: 48px !important;
}


}

@media all and (max-width: 660px) {.cartSummaryItem{font-size:12px;}	
#dProductFormTop .item{width:48%;}
#dProductFormTop input, #dProductFormTop select{font-size:11px;}

input.cat_textbox,
textarea.cat_listbox,
select.cat_dropdown,
select.cat_listbox {font-size:14px;}

		}

@media all and (max-width: 480px) {}


@media all and (max-width:320px){}

 


/* @end */

/* @group System Message */

.system-message, .system-error-message {	
	padding: 3%;
}


.system-message h1, .system-error-message h1 {color: #000;
	margin: 0 0 18px 0;
}

.system-message a:link, .system-error-message a:link {color: #1969bc;
}

.ok {background: #E9FBE3;
	color: #21A347;
	margin-bottom: 18px;
}

.error {background: #FBE3E4;
	color: #D12F19;
	margin-bottom: 18px;
}

/* @end */

/* @group Announcement */

.announcement-list {font-size: 11px;
}

.announcement-list h2 {font-size: 14px;
	margin: 0 0 3px 0;
}

.announcement-list span.date {font-size: 10px;
	font-weight: normal;
	margin: 0 0 0 6px;
}

.announcement-details span.date {display: block;
	font-size: 10px;
	font-weight: normal;
	margin-bottom: 18px;
}


/* @end */

/* @group Blog */

/* NOTE: div.post-list exists in FORUMS as well */


.blog-list {background: #f9f9f9;
	border: 1px solid #eee;
	color: #000;
	font-size: 11px;
	margin: 0 0 18px;
	padding: 18px;
}

.blog-list h2 {font-size: 18px;
	margin: 0 0 3px 0;
}

.blog-list span {color: #888;
}

.blog-container h1 {}

.blog-container p.description {margin: 0 0 36px;
}

.blog-post h2.post-title {border-bottom:1px dashed #e8e8e8;
	margin: 0 0 15px 0;
	padding:0 0 12px 0;
 
}

.blog-post ul, .blog-post ol{padding-left:25px; margin-bottom:8px; padding-bottom:2px;  }


 
#dBlogDate {font-size:10px;}
.blog-post h2.post-title a {color:#464646;
}
.blog-post h2 a:hover {text-decoration:none;
}


.blog-post .post-details {color: #888;
	font-size: 11px;
	margin: 0 0 5px;
}

.blog-container .post-list {width:70%; float:left;}

.blog-post .post-body {margin: 0 0 40px;
	color:#736357;
}

.comment-list {background: #f9f9f9;
	border: 1px solid #eee;
	margin-bottom: 36px;
	padding: 18px;
}

.comment-list h5 {font-size: 14px;
	margin: 0 0 18px;
}

.comment-list input#Captcha {width: 300px;
}

.comment-list textarea.cat_listbox_small {height: 120px;
	width: 100%;
}

.blog-comment-container {border: 1px solid #e9e9e9;
	margin: 0 0 18px;
}

.blog-comment-container  .comment-details {background: #eee;
	font-size: 11px;
	padding: 6px;
}

.blog-comment-container .comment {background: #fff;
	padding: 9px;
}

span.flag {margin: 0 6px;
	vertical-align: middle;
}

input#fullname, input#website, input#emailaddress {width: 300px;
}

textarea.comment {height: 160px;
	width: 100%;
}

.forum-registration textarea.comment {height: 70px;
	width: 270px;
}

.post-body .links {font-size: 11px;
	margin-top:20px;
}

.post-body .links a {color:#AA0A0A;
	text-decoration:none;
}

.post-body .links a:hover {text-decoration:underline;
}

.blog-container .side-panel {float: right;
	width: 27%;
}
.side-panel ul{display:block; overflow:hidden; margin-bottom:25px;}
.side-panel ul li{width:93% !important; margin-right:0% !important;}

.side-panel h4 {font-size: 14px;
	margin: 0 0 9px;
	background:#F6F6F6;
	padding:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #e8e8e8;
}

.BlogTagCloud {margin: 0 0 18px;
}

#dTorso .BlogRecentPost ul, #dTorso .BlogTagList ul,#dTorso .BlogPostArchive ul {margin-left:0px !important; margin-bottom:20px;
	padding: 0 5px !important;
}

.BlogRecentPost li, .BlogTagList li, .BlogPostArchive li {
	font-size: 14px;
	list-style:none;
	padding:5px 2% 5px 25px;
	background:url(/images/common/hr-img.png) no-repeat center left; 
	background-size:20px auto;
	margin:0 0 5px 0 !important ;
	border-bottom:1px dashed #ccc;
}

.BlogRecentPost li a, .BlogTagList li a, .BlogPostArchive li a {
	color:#4b4b4b;
	font-weight:bold;
	line-height:20px;
	
}

.BlogRecentPost li a:hover, .BlogTagList li a:hover, .BlogPostArchive li a:hover { color:#ff7800; text-decoration:none;}

p.page-nav {text-align: center;
	color:#ff7800!important;
	font-weight:bold;
	font-size:13px;
	margin-bottom:45px !important;
} 

p.page-nav a {font-weight:normal;
	color:#736357;
}

.blog-post dl {background: #f9f9f9;
	border: 1px solid #eee;
	margin: 0 0 18px;
	padding: 18px;
}

.blog-post dt {color: #000;
}

.blog-post dd {margin: 0 0 9px;
}

/* @end */

/* @group Booking */

.booking-list {margin: 0 0 9px;
}

.booking-list span.date {margin: 0 9px 0 0;
}

.booking-container h1, .form-container h2 {margin: 0 0 18px;
}

.form-container {background: #f9f9f9;
	border: 1px solid #eee;
	padding: 18px;
}

.form-container input#FirstName, .form-container input#LastName, .form-container input#EmailAddress, .form-container input#Company, .form-container input#WorkPhone {width: 260px;
}

.go-back {margin: 18px 0;
}

/* @end */

/* @group Calendar */

div.select-month-year {padding: 9px 0;
}

table.module-calendar {border: 1px solid #888;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}

table.module-calendar td {border: 1px solid #d7d7d7;
	font-size: 11px;
	height: 80px;
	overflow: hidden;
	padding: 0;
	vertical-align: top;
}

table.module-calendar td span {background: #f7f7f7;
	color: #333;
	display: block;
	font-size: 11px;
	padding: 0 2px;
	text-align: right;
}

tr.day-of-week td {background: #d7d7d7;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	height: 18px;
	text-align: center;
	vertical-align: middle;
}

table.module-calendar td.events span {background: #2BABFA;
	color: #fff;
	font-weight: bold;
}

table.module-calendar td.events {background: #EEF5FA;
}

table.module-calendar td ul {margin: 9px 0;
	padding-left: 24px;
}

table.module-calendar td.last-month {background: #eee;
}

table.module-calendar td.next-month {background: #eee;
}

/* @end */

/* @group Catalogue and Products */

 /* Header important */ 
 
.empty0, .notEmpty1{display:none;}


/* Shop */ 

ul.productLarge li, ul.catalogueList li{list-style:none; margin-left:0px !important; }
#dTorso ul.productfeaturelist,  #dTorso ul.productSmall, #dTorso ul.catalogueList{margin-top:5px !important; }
ul.productfeaturelist li, ul.productSmall li, ul.catalogueList li{width:31%; margin-right:2.5%; float:left; margin-left:0px !important; list-style:none; text-align:center; position:relative; padding-bottom:0px !important; margin-bottom:25px; border-bottom:1px solid #eee; }
 
ul.productfeaturelist li:nth-child(3n), ul.productSmall li:nth-child(3n), ul.catalogueList li:nth-child(3n){margin-right: 0px;
}
 
#dTagDetail p{font-weight:300;}

.productItemNotFound, .catalogueItemNotFound{display:none;}
.cSmallProduct, .cCatalogue{position:relative;}
.cCatalogue{}
 

#dSimilar{margin-top:25px;}
 
.cSmallImage img, .cCatalogue img{width:100%; height:auto;}
.catalogueList li h3 {margin-top:0px; margin-bottom:0px;}
.catalogueList li h3 a{color: #fff!important;
	font-size: 16px;
	z-index: 10;
	line-height: 130%;
	background: #00acc8;
	width: 94%;
	padding: 15px 3%;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: center;
	font-weight:100;
	display:block;
	text-decoration:none;
} 
.catalogueList li h3 a:hover {background: #1372b9; text-decoration:none;}

.cIcon{position:absolute; width:40px; height:40px; right:20px; top:20px;  z-index:10;}
.cOnSale1{background:url(/images/common/icon-onsale.png) right top no-repeat;}
.cNew{background:url(/images/common/icon-new.png) right top no-repeat;}
.cPopular{background:url(/images/common/icon-popular.png) right top no-repeat;}

.cSmallDetail{padding:7px 4%; position:relative; text-align:center;}
.cSmallDetail h3{margin-top:0px !important; font-size:16px !important; line-height:130%; text-transform:capitalize; margin-bottom:0px !important;}
.cSmallDetail h3 a{color:#000; font-weight:300; padding-bottom:8px!important; display:block; overflow:hidden;}
.cSmallDetail h3 a:hover{color:#1372b9; text-decoration:none;}

.cPrice0{font-size:26px;  font-weight:300; }
.cPrice0 span.cRetail, span.cRetail span{text-decoration:line-through; line-height:24px; font-size:14px !important; color:#000!important; margin-left:3px;}
.cPrice1 span, .cPrice0 span{font-size:18px;  font-weight:300;color:#cc3333; }
 
.cPrice0 .cStarts {font-size:12px; color:#333 !important;}
input.productSubmitInput{color:#fff; font-size:14px; font-weight:400; padding:5px 5%; border:1px solid #00acc8; 
background:#00acc8; -webkit-appearance:none; -moz-appearance:none;

	}

#dBack{display:none;} 
#dBack a{color:#5e5c5c;}
/* Large Layout */

.cLargeImage{width:47%; margin-right:2%; position:relative; float:left; }
.cImage{width:100%;} 
.cImage img{width:100%; height:auto;}
.cEnlarge{display:block; overflow:hidden; background:#ececec; width:80%; padding-top:8px; padding-bottom:8px; text-align:center; margin-top:25px; color:#464646; font-weight:bold; margin-left:auto; margin-right:auto;
border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; }
table.productPoplets{margin-left:auto; margin-right:auto; text-align:center;}
td.productPopletsItem{border:1px solid #FFF;}

.cLargeDetails{width:50%; float:left;}
h1.cProductTitle{font-size:22px !important; text-transform:capitalize; margin-bottom:25px;}
#dProdInfo{margin-bottom:15px; padding-top:0px;}
#dProdInfo ul{list-style:none; padding:0px; margin:0px !important;}
#dProdInfo ul li{float:left; width:100%; margin-left:0px !important;  margin-bottom:7px;}
#dProdInfo ul li.cPrice0 p{font-size:14px ; color:#464646; font-weight:400;}
#dProdInfo ul li input.productSubmitInput{width:80%; padding-top:15px; padding-bottom:15px; font-weight:700; font-size:16px;}
#dProdInfo ul li.cBuyNow input.productSubmitInput{width:100%; 
background: #00acc8;  
border:1px solid #25b5d3; color:#fff;

}

#dProdInfo ul li select{width:46%;padding:10px 5%;	}
.productTextInput{border: 1px solid #9e9f9e; -webkit-appearance:none; width:96%; padding:8px 2%;  border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;  }
 
#dProdAttribute{clear:both;}
 
.productAttributes{}
.catProdAttributeItem{display:block; overflow:hidden;}
.catProdAttributeItem img{width:17%; height:auto; float:left; margin-right:2%;} 
.catProdAttributeItem span{display:block; overflow:hidden; width:75%; float:right;}
.catProdAttributeItem input{margin-right:2%; float:left;}
.catProdAttributeItem select{text-indent: 0.01px; /* Removes default arrow from firefox*/
		text-overflow: ""; 
		color:#464646;
        border:1px solid #d7d7d7;   /*Removes border*/
		-webkit-appearance: none;  /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/  
		width:90%; padding:10px 5%; font-size:14px; font-weight:300; 
		}
.catProdAttributeTitle{font-weight:600; padding-bottom:5px; }
.catProdAttributeItem {padding-bottom:15px; }



 
 
table.productTable td{vertical-align:top; width: 32%; padding-right:1%}

 
 
#dSMIcon{margin-top:15px; text-align:center;}

table.cTableR {text-align:left; border-spacing:1px; border-collapse:collapse;  border:1px solid #eee; border-bottom: 2px solid #b60000; font-size:12px; margin-bottom:12px;}
table.cTableR th {background-color:#b60000; color:#FFF; text-transform:uppercase; font-weight:normal;}
table.cTableR td.alternate {background-color:#e5e5e5;}
table.cTableR th, table.cTableR td {padding:5px 1%;}

table.cBasic th{}

table.cBasic{text-align:left; border-spacing:1px; border-collapse:collapse;  border:1px solid #eee;  font-size:12px; margin-bottom:12px;}

table.cBasic th{background-color:#b60000; color:#FFF; text-transform:uppercase; font-weight:normal;}
table.cBasic td.cAlternate {background-color:#e5e5e5;border-bottom: 2px solid #b60000;}
table.cBasic th, table.cBasic td {padding:5px 1%;}

table.cTableR th.cTablePrice{width:15%;}


@media all and (max-width: 979px) {ul.productfeaturelist li, ul.productSmall li{min-height:230px;} 
 .cSmallImage{text-align:center; margin-left:auto; margin-right:auto;}
 
}
 
@media all and (max-width:767px) {ul.productfeaturelist li, ul.productSmall li{min-height:200px;}  
 
 table.productTable td{width:24%; padding-right:1%;}
 .cAdditional{margin-bottom:8px;}
table.productPoplets {width:70%;} 
table.productPoplets td{width:33%;}
table.productPoplets td img{width:100%; height:auto;}

}

@media all and (max-width: 660px) {.cLargeImage{width:60%; margin-right:20%; margin-left:20%; margin-bottom:12px;  }
    .cImage{width:95%;} 
    .cEnlarge{width:10%; position:absolute; right:20%; bottom:10%; padding:10px; margin-top:0px; background:#fff;
	          opacity:0.8; filter: alpha(opacity=80); -moz-opacity:0.8; -o-opacity:0.8; text-decoration:none; font-size:24px;}
	.cEnlarge:hover{text-decoration:none;}
    .cLargeDetails{width:98%; margin-left:1%; margin-right:1%;}
	 #dTagDetail p{line-height:130%;  margin-bottom:7px;}
     ul.productfeaturelist li, ul.productSmall li{width:48%; margin-right:2%; margin-bottom:15px; min-height:160px;}
	 ul.catalogueList li{width:48%; margin-right:2%;}
	 ul.productfeaturelist li:nth-child(3n), ul.productSmall li:nth-child(3n), ul.catalogueList li:nth-child(3n){margin-right:2%;}
	ul.productfeaturelist li:nth-child(2n), ul.productSmall li:nth-child(2n), ul.catalogueList li:nth-child(2n){margin-right:0px;}
	 
	 
	 .cCatalogue h3{font-size:16px !important;}
	.cSmallDetail{padding:5px 2% 8px 2%; position:relative; }
	.cSmallDetail h3{font-size:14px;}
	.cPrice0{font-size:22px;}
	input.productSubmitInput{font-size:12px;}
	.cAdditional{line-height:120%;}
	.cOnSale1{background-size:80% auto;}
	table.productTable .cSmallDetail h3{font-size:12px !important;}
	table.productTable .cSmallDetail .productSubmitInput{display:none !important;}
	table.productTable .cPrice1 span, table.productTable .cPrice0 span{font-size:14px !important;}
	table.productPoplets {width:50%;}
	#dProdInfo ul li{width:98%;}
	 
	  }

@media all and (max-width: 480px) {.cSmallProduct{margin-left:auto; margin-right:auto;}
	.cSmallDetail{padding:8px 1% 8px 1%; position:relative; background:none !important;} 
	.cSmallDetail h3 a{padding-bottom:5px;}
	table.productTable td{width:25%;padding-right:0px;}
	table.productTable td .cSmallImage img{padding:0px !important; box-shadow:none !important; border:none 0px !important; border-radius:0px !important; width:80px !important;}
	table.productTable td .cSmallProduct {width:100%;}
	
	table.productTable td div.cSmallDetail{border-bottom:0px none!important;} 
	
	}
	
@media all and (max-width: 320px) {table.productTable td .cSmallImage img{width:50px !important;}
	
	}

/*Accordion*/ 
.heading-primary {}

.accordion dl,
.accordion-list {background:#f0eeea; border:1px solid #d7d7d7;
 border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; 
   
}
.accordion dl:after,
.accordion-list:after {content: "";  display: block;  width: 100%;}

.accordion dd,
.accordion__panel {font-size: 1em;  line-height: 1.5em; }

.accordion div.cIn{padding:0px 25px 15px 25px;}

.accordion {position: relative;}
a.accordionTitle{color:#464646;}

.accordionTitle,
.accordion__Heading {font-weight:500;
  padding: 1em 1em 1em 50px;
  display: block;
  text-decoration: none;
    -webkit-transition: background-color 0.5s ease-in-out;
          transition: background-color 0.5s ease-in-out;

}
.accordionTitle:before,
.accordion__Heading:before {}
.accordionTitle:hover,
.accordion__Heading:hover {text-decoration:none; 
}

.cAddShip{background:url(/images/common/icon-shipping-info-2.png) no-repeat left 2% top 10px;}

.accordionTitleActive,
.accordionTitle.is-expanded {}
.accordionTitleActive:before,
.accordionTitle.is-expanded:before {}

.accordionItem {height: auto;
  overflow: hidden;
   
  -webkit-transition: max-height 1s;
          transition: max-height 1s;
}
@media screen and (min-width: 48em) {.accordionItem {-webkit-transition: max-height 0.5s;
            transition: max-height 0.5s;
  }
}

.accordionItem.is-collapsed {max-height: 0;
}

.no-js .accordionItem.is-collapsed {max-height: auto;
}

.animateIn {-webkit-animation: accordionIn 0.65s normal ease-in-out both 1;
          animation: accordionIn 0.65s normal ease-in-out both 1;
}

.animateOut {-webkit-animation: accordionOut 0.75s alternate ease-in-out both 1;
          animation: accordionOut 0.75s alternate ease-in-out both 1;
}

@-webkit-keyframes accordionIn {0% {opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  100% {opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes accordionIn {0% {opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  100% {opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes accordionOut {0% {opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
  }
}
@keyframes accordionOut {0% {opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
  }
}





#catCartSummary{float:right; color:#fff; height:34px;}
table.cartSummaryTable {border-collapse:collapse;
	border-spacing:0;	
	display:inline-block;
	
}

.notEmpty0{width:100%;}
.cartSummary{float:right; text-align:right;}
.cartSummaryItem {line-height:20px;
	padding-left:10px;
	text-align:right;
	display:inline-block;
}

a.cartSummaryLink {margin: 0 0 0 18px;
	text-decoraton:none;
	color:#fff;
	background:#090; padding:6px 20px;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;  -o-border-radius:5px; 
	
}

a.cartSummaryLink:hover{color:#fff;
}

a.cartSummaryLink:hover{}

 

.poplets {border-top: 1px solid #eee;
	margin-top: 36px;
	padding: 9px 0;
}

.poplets img {border: 1px solid #ddd;
}

@media all and (max-width: 480px) {span#catCartSummary{}
table.cartSummaryTable{display:block; }	
 
.cartSummaryItem {text-align:center; text-wrap:unrestricted;
}
	} 
 
 
 
@media all and (max-width:320px){ul.productfeaturelist li, ul.productSmall li{width:98%; margin-right:1%; margin-left:1% !important; text-align:center;  } 


} 
 
 
/* Cart*/  

#catCartDetails{display:block; overflow:hidden; float:left; width:100%;}
#shippingSpan, #shippingCountrySpan, #shippingPostcodeSpan{display:block; float:left; padding-right:15px;}
.shippingCountryDiv, .shippingDiv, .shippingPostcodeDiv{display:block; margin-bottom:10px;}
#shippingCalc{display:block; padding-top:15px;}
#shippingCalc > input{margin-right:5px;}

#dCart{margin-top:15px;border: 1px solid #dddddd; display:block; overflow:hidden; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }

#catCartDetails h1{padding:5px 0px; font-weight:normal;}
#dCart h2, #dCart h3{font-weight:normal;}

table.cart {border-collapse:collapse;
	border-spacing:0;	
	width: 100%;
}

.cBorderDash{border-bottom:1px dashed #dddddd;}

 

table.cart td{font-size:12px; vertical-align: top; /*to make sure the div stack line up at the top */
}

table.cart a {}

table.cart th, table.cart td {padding: 9px;
	font-size:12px;
}

 

 
tr.val td {}

tr.shipping td {border-bottom: 1px solid #dddddd;
}

tr.discount td.quantity, tr.shipping td.quantity {text-align: right;
}


td.quantity input.update {margin: 0 0 0 3px;
	
}

table.cart th {border-bottom: 1px solid #dddddd;
	font-weight: normal;
	text-align: left;
	
}


td.cShippingTotal{width:100px; text-align:center; vertical-align: bottom !important;}
td.cCartTitle{background: #f9f9f9; width:45%; border-right:1px solid #dddddd;}

td.cCartTitle{}

input.cartInputText {width: 70px; border: 1px solid #d7d7d7;}

.cart input{padding:5px 2%; border: 1px solid #d7d7d7; width:94%; }
.cart input.discountcodeInput, .cart input.discountcodeInput, table.cart td .update{width:42%;padding:5px 1%; margin-right:1%; }
table.cart td .update{background:#00acc8; border:1px solid #00acc8; color:#fff; }
 
#shippingSpan{display:none !important;}
select.shippingDropDown {border:1px solid #d7d7d7;   /*Removes border*/
		-webkit-appearance: none;  /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/  width: 96%; padding:5px 4%; font-size:14px; font-weight:300; height:35px;
		 
		width: 96%; /*Width of select dropdown to give space for arrow image*/
		text-indent: 0.01px; /* Removes default arrow from firefox*/
		text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
} 


table.cart th.quantity {text-align: right;
}

table.cart td.quantity {text-align: right;
}

.productitemcell {display:block;
	min-height:40px;
	line-height: 20px;
	margin: 0 0 3px 0;
	overflow: hidden;
}
.cCartName .productitemcell{font-size:12px; line-height:12px !important;}
.cCartName .productitemcell a{color:#000;}

.product-remove a:link, .product-remove a:visited {background: url("/images/common/cart-remove.png") no-repeat scroll 0 0 transparent;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    text-indent: -9999px;
    width: 20px; 
	 
	margin-right:auto;
	margin-left:auto;
}
.product-remove a:hover, .product-remove a:active {opacity: 0.8;
}

table.cart td.actions {text-align: right;
}

table.cart td.actions a {font-size: 12px;
	font-weight: bold;
	margin: 0 18px 0 0;
	text-decoration: none;
}
.cCartButton{display:block;  overflow:hidden; padding:10px 0px; float:right;}

.cCartButton a{display:block;
	margin-bottom:15px;
	width:270px;
	text-align:center;
	font-size:18px;
	background:#00acc8;
	color:#FFF;
	text-decoration:none;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	padding:8px 15px;
	
	}
	
.cCartButton a:hover{background:#494949;
	color:#fff;
	text-decoration:none;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	}
	
.cCartButton #catshopclear{background:none; font-size:14px; border:none !important; color:#494949 !important; text-shadow:none !important;}

input.cSubmitButton{background:#494949;
	border:0px none;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	padding:10px 25px; text-align:center; margin:0 auto;}
	
input#Amount {border:0px none; font-size:32px; font-weight:400; background:none !important; margin-bottom:10px;}


@media all and (max-width:960px){}
@media all and (max-width:767px){#catCartDetails{width:99%;margin-bottom:15px;} 
	 #dCheckoutR{width:98%; margin-top:12px;}
	 .cCartButton{float:none;}
	.cCartButton a{width:80%; margin:0 auto;}}	
	
@media all and (max-width:660px){table.cart th{padding:3px 9px; line-height:12px;}
	table.cart th h3{font-size:18px !important;}
	table.cart td{font-size:0.8em; padding:5px 1px;}
	table.cart td:first-child{padding-left:9px;}	
	input.cartInputText{width:25px !important;}
	table.webform td , table.form td{line-height: 24px;	padding:5px 2%;}
	.productitemcell{min-height:60px;}
	.cart input{padding:5px 1%;}
} 

@media all and (max-width:480px){.productitemcell{min-height:100px;}
} 

table.cart strong {font-size: 14px;
}

.shop-form {margin: 0 0 18px;
}

.shop-form ul.form {background: #f9f9f9;
	border: 1px solid #eee;
	padding: 18px;
}

.shop-form label {}

.shop-form ul.form li {margin: 0;
	padding: 9px 0;
}

.shop-form li.last {border-top: 1px solid #eee;
}

.shop-form h4{border-bottom:1px solid #dddddd; margin-bottom:10px; font-size:20px; font-weight:normal; padding-bottom:8px; }


/*.shop-form .checkboxes {line-height: 27px;
}*/

input.PaymentMethodType {margin: 0 6px 0 0;
}

.shop-form ul.form input.cat_textbox,
.shop-form ul.form select.cat_dropdown,
.shop-form ul.form textarea.cat_listbox {width: 260px;
	border:1px #ccc solid;
	padding:3px;
}

.shop-form textarea.cat_listbox {height: 100px;
	font-family:Arial, Helvetica, sans-serif;
}

.shop-receipt, .shop-quote-receipt {background: #f9f9f9;
	border: 1px solid #eee;
	margin: 18px;
	padding: 18px;
}

.shop-receipt h1, .shop-quote-receipt h1 {border-bottom: 1px solid #ccc;

	padding: 0 0 3px;
}

.shop-receipt h2, .shop-quote-receipt h2 {font-size: 12px;
	font-weight: normal;
}

/* @end */

/* @group Customer Cases */

table.case-list {border-collapse:collapse;
	border-spacing:0;	
	margin: 0;
	width: 100%;
}

table.case-list td {padding: 6px;
}

table.case-list td.subject,
table.case-list td.category {width: 40%;
}

table.case-list td.status {width: 20%;
}

table.case-details {background: #f9f9f9;
	border-collapse:collapse;
	border-spacing:0;	
	border: 1px solid #eee;
	width: 100%;
}

table.case-details td {padding: 6px;
}

table.case-details tr.odd td {background: #fff;
}

table.case-details td.var {color: #888;
	text-align: right;
	width: 130px;
}

table.case-details td.val {color: #000;
}

/* @end */

/* @group Customer Orders */

table.border {border-collapse:collapse;
	border-spacing:0;	
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

table.border td {border-top: 1px solid #eee;
	border-left: 1px solid #eee;
}

table.border span {color: #888; }

table.order-list {border-collapse:collapse;
	border-spacing:0;	
	width: 100%;
}

table.order-list td {border: 1px solid #eee;
}

table.order-list a {margin: 0 9px 0 0;
}

table.order-list span.number {font-size: 11px;
}

@media all and (max-width: 660px){span#catCartSummary{margin-top: 6px; margin-bottom:6px;}
	a.cartSummaryLink{font-size:12px; padding:10px 15px; color:#fff;}
	a.cartSummaryLink:hover{}
	}

/* @end */

/* @group Comment */

.comment-container {background: #f9f9f9;
	border: 1px solid #eee;
	margin: 0 0 18px;
}

.comment-container .header {background: #eee;
	font-size: 11px;
	padding: 6px 18px;
}

.comment-container span.name {color: #000;
}

.comment-container span.rating {margin: 0 9px;
	vertical-align: middle;
}

.comment-container .content {padding: 18px;
}

.comment-form {background: #f9f9f9;
	border: 1px solid #eee;
	color: #666;
	margin: 0 0 18px;
	padding: 18px;
}

.comment-form h3 {font-size: 14px;
	margin: 0 0 18px;
}

.comment-form h5 {color: #666;
	font-size: 14px;
	margin: 0 0 18px;
}

/*.comment-form li.rating div {font-size: 10px;
}*/

/*.comment-form li.rating div input {margin: 0 3px;
}*/

.comment-form input.cat_textbox_small,
.comment-form textarea {width: 300px;
}

.comment-form textarea {height: 120px;
}

/* @end */

/* @group FAQ */

table.faq-search {background: #f9f9f9;
	border-collapse:collapse;
	border-spacing:0;	
	border: 1px solid #eee;
	margin: 0 0 18px 0;
	width: 100%;
}

table.faq-search label {color: #888;
}

table.faq-search td {border-collapse:collapse;
	border-spacing:0;	
	padding: 9px;
}

table.faqresultstable {background: #fff;
	border-collapse:collapse;
	border-spacing:0;	
	border: 1px solid #eee;
	width: 100%;
}

table.faqresultstable td {color: #666;
	padding: 9px;
}

table.faqresultstable a {color: #1969bc;
}

table.faqresultstable td.faqresultstableinfo {background: #f9f9f9;
	color: #888;
	font-size: 10px;
	padding: 3px 18px;
	text-align: right;
}

table.faqresultstable td.faqresultstablecount {padding-left: 18px;
	width: 10px;
}

td.faqresultstablehead {background: #fff;
	border-collapse:collapse;
	border-spacing:0;	
	border-bottom: 1px solid #eee;	
	color: #000;
	font-weight: bold;
}

/* @end */

/* @group Forums */

/* NOTE: div.post-list exists in BLOG as well */

.forum-container h1 {font-size: 24px;
}

table.topic-list, div.forum-posts-container div.post-list, div.forum-registration {color: #666;
}

div.forum-posts-container div.post-list a, div.forum-registration a {color: #1969bc;
}

div.forum-registration h2 {color: #000;
}

table.forum {background: #f9f9f9;
	border-collapse:collapse;
	border-spacing:0;	
	border: 1px solid #eee;
	margin: 0;
	width: 100%;	
}

table.forum td {font-size: 11px;
	padding: 9px;
	vertical-align: top;
}

table.forum td.topics {border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	width: 90px;
}

table.forum td.posts {border-right: 1px solid #eee;	
	width: 90px;
}

table.forum td.lastpost {border-left: 1px solid #eee;	
	width: 180px;
}

table.forum .icon {float: left;
	width: 50px;
}

table.forum .forum {margin: 0 0 0 50px;
}

table.forum h3 {margin: 0;
}

table.forum h3 a {text-decoration: none;
}

ul.cap-top,
ul.cap-bottom {font-size: 11px;
	height: 30px;
	margin: 0 0 18px;
	padding: 0;
}

ul.cap-bottom {margin: 18px 0 0;
}

ul.cap-top li,
ul.cap-bottom li {display: block;	
	line-height: 30px;
	list-style: none;	
}

ul.cap-top li.user,
ul.cap-bottom li.nav-page {float: left;
	width: 200px;
}

ul.cap-top li.actions,
ul.cap-bottom li.actions
{float: right;
	font-size: 12px;
	text-align: right;
	width: 350px;
}

ul.cap-top li.actions a,
ul.cap-bottom li.actions a{float: right;
	margin: 0;
	padding: 0 9px;
}

table.topic-list {background: #f9f9f9;
	border-collapse:collapse;
	border-spacing:0;	
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	width: 100%;
}

table.topic-list th {background: #ddd;
	border: 1px solid #ddd;
	color: #000;
	font-size: 10px;
	padding: 6px;
	text-align: left;
}

table.topic-list .name {font-weight: bold;
	width: 60%;
}

table.topic-list .name .icon {float: left;
	width: 30px;
}

table.topic-list .replies,
table.topic-list .views {font-size: 10px;
	text-align: center;
	width: 10%;
}

table.topic-list .date {font-size: 10px;
	text-align: right;
	width: 20%;
}

table.topic-list td {padding: 0;
}

table.topic-list a {color: #1969bc;
}

table.topic {border-collapse:collapse;
	border-spacing:0;	
	border-bottom: 1px solid #eee;;
	margin: 0;
	width: 100%;
}

table.topic td {padding: 9px;
}

table.topic td.name,
table.topic td.replies,
table.topic td.views {border-right: 1px solid #eee;
	vertical-align: middle;
}

.forum-registration {border: 1px solid #eee;
	background: #f9f9f9;
	padding: 18px;
}

.forum-registration input.cat_textbox,
.forum-registration textarea.cat_textbox {width: 260px;
}

.forum-registration input.cat_button {margin: 0 6px 0 0;
}

.forum-posts-container .breadcrumb {font-size: 11px;
	padding: 6px;
}

.forum-posts-container h1 {font-size: 18px;
	margin: 18px 0;
}

.forum-posts-container h2 {background: #eee;
	border: 1px solid #eee;
	color: #888;
	font-size: 10px;
	font-weight: normal;
	margin: 0;
	padding: 3px 18px;
}

.forum-posts-container table.container {border-collapse:collapse;
	border-spacing:0;	
	width: 100%;
}

.forum-posts-container td {background: #f9f9f9;	
	border: 1px solid #ddd;
	padding: 18px;
	vertical-align: top;
}

.forum-posts-container td.author {font-size: 11px;
	width: 160px;
}

.forum-posts-container h3.name {color: #000;
	font-size: 12px;
	font-weight: bold;
}

.forum-posts-container tr.sub td {height: 30px;
	padding: 0 18px;
}

.forum-posts-container td.action a {float: right;
	line-height: 30px;
}

/* @end */

/* @group Literature */

p.literature-container img {vertical-align: middle;
}

p.literature-container span.icon, p.literature-container span.name {margin: 0 3px 0 0;
}


/* @end */

/* @group Secure Zone Markup */

.case-search {background: #f9f9f9;
	border: 1px solid #eee;
	margin: 0 0 18px;
	padding: 18px;
}

.secure-lost-password {background: #f9f9f9;
	border: 1px solid #eee;	
	padding: 18px;
}

.secure-lost-password input.cat_textbox_small {width: 210px;
}

.secure-update-details {background: #f9f9f9;
	border: 1px solid #eee;
	margin: 0 0 18px;
	padding: 18px;
}

.secure-update-details input.cat_textbox,
.secure-update-details select.cat_dropdown {width: 260px;
}


/* @end */

/* @group Form Modules */

.product-form h3 {padding-left: 9px;
}

.secure-login, .newsletter-form {background: #f9f9f9;
	border: 1px solid #f2f2f2;
	margin-bottom: 18px;
}

.secure-login h3, .newsletter-form h3 {background: #eee;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	margin: 0;
	padding: 6px 18px;
}

.secure-login div.form, .newsletter-form div.form {padding-left: 9px;
}

/* @end */

/* @group Search */

.search-box {padding: 6px;
}

.search-box input.cat_textbox_small {margin: 0 3px 0 0;
}

/* @end */



/* @group Affiliate Program */

table.affiliate-stats {border: 1px solid #d7d7d7;
	border-collapse: collapse;
}

table.affiliate-stats td {border: 1px solid #d7d7d7;
	padding: 6px;
}

table.affiliate-stats td.var {color: #888;
}

/* @end */

/* @group Tell a Friend */

.tell-a-friend {border: 2px solid #333;
	background-color: #fff;
	color: #666;
	padding: 18px;
}

.tell-a-friend form {padding: 0 0 0 36px;
}

.tell-a-friend  h1 {border-bottom: 1px solid #ccc;
	color: #222;
	font-size: 18px;
	margin: 0;
	padding: 0 0 6px;
}

.tell-a-friend  h2 {border-bottom: 1px dotted #ccc;
	color: #222;
	font-size: 12px;
	margin: 18px 0 9px;
}

.tell-a-friend  td.var {text-align: right;
	width: 130px;
}

.tell-a-friend td {font-size: 11px;
	vertical-align: top;
}

.tell-a-friend  label {color: #888;
	font-size: 11px;
}

.tell-a-friend  input.cat_textbox_small {height: 21px;
}

.tell-a-friend  input.cat_textbox_small, .tell-a-friend textarea.cat_listbox {font-size: 11px;
	width: 300px;
}

/* @end */

/* @group Favourites */

.favourite-registration {border: 1px solid #eee;
	background: #f9f9f9;
	padding: 18px;
}

.favourite-registration input.cat_textbox,
.favourite-registration textarea.cat_textbox {width: 260px;
}

.favrourite-registration input.cat_button {margin: 0 6px 0 0;
}


/* @end */

/* @group eCommerce Browse Panel */

.browse-panel {border: 1px solid #d7d7d7;
}

.browse-panel h5 {background: #eee url(/CatalystImages/shop_bg-browse-panel.png) repeat-x;
	border-bottom: 1px solid #d7d7d7;
	font-size: 14px;
	margin: 0;
	padding: 9px;
}

.browse-panel h6 {background: #f7f7f7;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 3px 9px;
}

.browse-panel ol {background: #fff;
	border-bottom: 1px solid #e7e7e7;
	margin: 0;
	padding: 9px;
}

.browse-panel ol.browse-catalogue {border-bottom: none;
}

.browse-panel li {list-style: none;
	padding: 3px 9px;
}

.browse-panel li span {display: inline;
	font-weight: bold;
}

/* @end */

/* @group eCommerce Image Zoom Slider */

img.drag {position: relative;
	padding: 0.5em;
	/*margin: 0 0 0.5em 1.5em;*/
	margin: 0;
	cursor: move;
}
 
.slidertrack {background-color: #d7d7d7;
    color: #333;
    float: left;
    margin: 0;
    line-height: 0px;
    font-size: 0px;
    text-align: left;
    padding: 4px;
    border: 1px solid;
    border-color: #ccc #aaa #aaa #ccc;
}
 
.slidertrack .sliderslit {background-color: #333;
    color: #ccc;
    height: 2px;
    margin: 4px 4px 2px 4px;
    line-height: 0px;
    position: absolute;
    z-index: 1;
    border: 1px solid;
    border-color: #999 #ddd #ddd #999;
}
 
.slidertrack .slider {width: 16px;
    background-color: #555;
    color: #333;
    position: relative;
    margin: 0;
    height: 8px;
    z-index: 1;
    line-height: 0px;
    font-size: 0px;
    text-align: left;
    border: 2px solid;
    border-color: #999 #222 #222 #999;
}
 
#zoomcontainer{overflow: hidden;
    position: relative;
}

#zoomcontainer img{position: absolute;
}


/* @end */

/* @group Web Apps */

/*pagination*/
ul.pagination {margin: 0;
	padding: 0;
	text-align:center;
}

ul.pagination li {display: inline;
	list-style: none;
	margin: 0 2px;
}

/* @end */