/* ===========================================================
  ecommerce editable styles
   =========================================================== */

/* JH fix for PDP video icon */
.icon-youtube-play:before {content:"\e01d"}

.dropdown-subheader a {
    color:#EB008B;
}
.menutoppink {
  color:#fff;
  background-color: #EB008B;
}
.menutoppinklc {
  color:#fff;
  background-color: #EB008B;
  border-radius: 5px 0 0 0;
}
.menutoppinkrc {
  color:#fff;
  background-color: #EB008B;
  border-radius: 0 5px 0 0;
}
.menulevelonestyle {
  font-weight: bold;
  font-size: 14px;
  color: #EB008B;
  border-bottom: 1px solid #CCC;
}
.menulevelonestylegreen {
  font-weight: bold;
  font-size: 14px;
  color: #64b44b;
  border-bottom: 1px solid #CCC;
}

.menulevelonestylegreen-extra {
    font-weight: bold;
    font-size: 14px;
    color: #64b44b;
    border-bottom: 1px solid #CCC;
    width: 347px;
}

.menulevelonestylepink-extra {
    font-weight: bold;
    font-size: 14px;
    color: #EB008B;
    border-bottom: 1px solid #CCC;
    width: 347px;
}

.sublevelonestyle {
  font-weight: normal;
  font-size: 14px;
  color: #EB008B;
  background: #fff;
  line-height: 20px;
}

.sublevelonestylehealth {
  font-weight: normal;
  font-size: 14px;
  color: #64b44b;
  background: #fff;
  line-height: 20px;
}

.sublevelonestylehealth a {color: #64b44b;}

.subleveltwostyle {
  color:#666;
}
.subleveltwostyleone {
  color:#666;
  background-color:#eee;
}
.mega-dropdown-menu .menuwrap {
  -webkit-column-width: 150px;
  -moz-column-width: 150px;
  column-width: 150px;
  margin-bottom: 0px;
  padding: 5px;
}
.no-csscolumns .mega-dropdown-menu .menuwrap ul li{
  float:left;
  width:150px;
}
.menulevelonestyleother {
    font-weight: normal;
    font-size: 18px;
    color: #fff;
    background: #EB008B;
    border-bottom: 1px solid #000;
}
.menulevelonestyleother > div {
    background: #eee;
}
.menuwrap .column {
  margin-right:0px;
}
.menuwrapcol .menuimagetitle {
    font-weight: bold;
    font-size: 12px;
}

span.TOP {font-size: 12px; text-transform: uppercase; top: 20px; color: #666;}
span.BOTTOM {font-size: 12px; text-transform: uppercase; top: 20px; color: #666;}

.cmsimage {padding: 5px 0px 10px 0px!important;}
.cmsimage .navigationimage {width: 100%; border-left: none!important; border-right: none!important; border-top: none!important; border-bottom: 1px solid #CCCCCC!important; padding-bottom: 10px;}

.NavHolidayShopColour {background-color: #ec8923; color: #ffffff; border-radius: 5px 0 0 0;}
.NavExploreColour {background-color: #e6057f; color: #ffffff; border-radius: 0 5px 0 0;}
.NavFathersDayColour {color: #ffffff; border-radius: 0 0 0 0;}

.NavValentinesColour {background-color: #e15b81; color: #ffffff; border-radius: 5px 0 0 0;}

.NavMotherDayColour {background-color: #c32672; color: #ffffff; border-radius: 5px 0 0 0;}

.NavChristmasShopColour { background-color: #d12929; color: #ffffff; border-radius: 5px 0 0 0;}

.NavBlackFridayColour { border-radius: 5px 0 0 0; background-color: #000; color: #e08; border: 1px solid white; font-weight: bold; }

.sublevelblogmenu {border-bottom: 1px dotted grey; padding: 6px 0px!important;}


.sublevelonestylehealth a:hover {color: #64b44b;}
nav a:hover {color: #EB008B;}

.navigationNode_00000BKW.menuwrapcol img {width: 220%;}
.navigationNode_00000CCG.menuwrapcol img {width: 210%;}
.navigationNode_00000JAJ.menuwrapcol img {width: 220%;}

.ImagesOnlineOpticians.Menu.menuwrapcol img {width: 219%;}

.subleveltwostyle-more {font-weight: bold;}

/* Health and OD Colour Link */

.OnlineDoctorCategoryNavNode a:hover {color: #64b44b;}
.navigationNode_00000ASX a:hover {color: #64b44b;}
.navigationNode_00000AT1 a:hover {color: #64b44b;}
.HealthCategoriesLevel1NavNode a:hover {color: #64b44b;}
.HealthBrandsNavNode a:hover {color: #64b44b;}


/* Offers Colum */

/* Makeup */
.MakeupOffersNavNode {border: dashed 1px #F99BD7; margin-top: 10px;}
.MakeupOffersNavNode li.subleveltwostyle {background: url('/medias/custom-content/img/nav/navigationstar-15.jpg') 0 0 no-repeat; margin: 3px 0px 0px 0px; background-repeat: no-repeat; padding: 0px 0px 5px 31px!important;}

/* Skincare */
.SkinCareOffersNavNode {border: dashed 1px #F99BD7; margin-top: 10px;}
.SkinCareOffersNavNode li.subleveltwostyle {background: url('/medias/custom-content/img/nav/navigationstar-15.jpg') 0 0 no-repeat; margin: 3px 0px 0px 0px; background-repeat: no-repeat; padding: 0px 0px 5px 31px!important;}

/* Fragrance */
.FragranceOffersNavNode {border: dashed 1px #F99BD7; margin-top: 10px;}
.FragranceOffersNavNode li.subleveltwostyle {background: url('/medias/custom-content/img/nav/navigationstar-15.jpg') 0 0 no-repeat; margin: 3px 0px 0px 0px; background-repeat: no-repeat; padding: 0px 0px 5px 31px!important;}

/* Health and Wellbeing */
.HealthOffersNavNode {border: dashed 1px #F99BD7; margin-top: 10px;}
.HealthOffersNavNode li.subleveltwostyle {background: url('/medias/custom-content/img/nav/navigationstar-15.jpg') 0 0 no-repeat; margin: 3px 0px 0px 0px; background-repeat: no-repeat; padding: 0px 0px 5px 31px!important;}

/* Mother and Baby */
.BabyOffersNavNode {border: dashed 1px #F99BD7; margin-top: 10px;}
.BabyOffersNavNode li.subleveltwostyle {background: url('/medias/custom-content/img/nav/navigationstar-15.jpg') 0 0 no-repeat; margin: 3px 0px 0px 0px; background-repeat: no-repeat; padding: 0px 0px 5px 31px!important;}

/* Hair */
.HairOffersNavNode {border: dashed 1px #F99BD7; margin-top: 10px;} 
.HairOffersNavNode li.subleveltwostyle {background: url('/medias/custom-content/img/nav/navigationstar-15.jpg') 0 0 no-repeat; margin: 3px 0px 0px 0px; background-repeat: no-repeat; padding: 0px 0px 5px 31px!important;}

/* Mens */
.MensOffersNavNode {border: dashed 1px #F99BD7; margin-top: 10px;}
.MensOffersNavNode li.subleveltwostyle {background: url('/medias/custom-content/img/nav/navigationstar-15.jpg') 0 0 no-repeat; margin: 3px 0px 0px 0px; background-repeat: no-repeat; padding: 0px 0px 5px 31px!important;}

/* Toiletries */
.ToiletriesOffersNavNode {border: dashed 1px #F99BD7; margin-top: 10px;}
.ToiletriesOffersNavNode li.subleveltwostyle {background: url('/medias/custom-content/img/nav/navigationstar-15.jpg') 0 0 no-repeat; margin: 3px 0px 0px 0px; background-repeat: no-repeat; padding: 0px 0px 5px 31px!important;}

/* Electrical */
.ElectricalsOffersNavNode {border: dashed 1px #F99BD7; margin-top: 10px;}
.ElectricalsOffersNavNode li.subleveltwostyle {background: url('/medias/custom-content/img/nav/navigationstar-15.jpg') 0 0 no-repeat; margin: 3px 0px 0px 0px; background-repeat: no-repeat; padding: 0px 0px 5px 31px!important;}

/* fix for carousel arrows */
.panel-carousel-prevnext .arrow-holder {
    width: 21px;
}