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

/** GLOBAL SECTION **/
* {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: 'Maax-Medium';
	font-weight: normal;
	color: #002142;
/*	color: #777; */
/*	font-family: Arial, Helvetica, sans-serif;*/
}

html {
	margin: 0;
	padding: 0;
	background: white;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
}

body {
	margin: 0;
	padding: 0;
	background: white;
}

h1 {
	font-size: 25px;
	color: black;
	width: 100%;
	margin: 0 0 12px 0;
	padding: 5px 0 0 0;
	text-align: center;
	font-family: 'Maax-Medium', sans-serif;
	text-transform: uppercase;
	height: 22px;
}

h2 {
	font-size: 20px;
	color: black;
	width: 100%;
	margin: 0 0 12px 0;
	padding: 5px 0 0 0;
	text-align: left;
	font-family: 'Maax-Medium';
	height: 22px;
	padding: 0 0 0.8em 0 !important;
}

h3 {
	font-size: 16px;
	clear: both;
	float: left;
	color: black;
	width: 100%;
	margin: 0;
  padding: 0 0 0.8em 0;
	text-align: center;
	font-family: 'Maax-Medium';
	font-weight: normal;
	text-transform: uppercase;
	height: 16px;
  letter-spacing: normal;
  line-height: 1.2em;
}

/*
h3 {
	font-size: 17px;
	color: black;
	width: 100%;
	margin: 5px 0 4px 0;
	padding: 0;
	clear: both;
}

h4 {
	font-size: 14px;
	color: black;
	width: 100%;
	margin: 0 0 4px 0;
	padding: 0;
	clear: both;
}*/

.wellness_cat {
	display: flex;
	flex-direction: row;
	height: 50px;
}

.SP, .AS, .PR {
	background-size: contain;
	background-repeat: no-repeat;
	width: 50px;
}

.AS {
	background-image: url("/images/logos/wellness_as.png"); 
}

.PR {
	background-image: url("/images/logos/wellness_pr.png"); 
}

.SP {
	background-image: url("/images/logos/wellness_sp.png"); 
}

.container {
	width: 970px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	position: relative;
}

.banner {text-align: center; font-size: 16px; font-family: "Maax-Medium";}

.button a, .button span {
	float: left;
	/*clear: both;*/
	border: none;
	box-shadow: none;
	height: 38px;
	font-family: 'Maax-Medium';
	font-weight: normal;
	font-size: 13px;
	letter-spacing: 0.1em;
	margin: 5px 10% 15px 10%;
	padding: 0;
	line-height: 38px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.button.white_button a, #btn_update_cart {
	background: white;
	color: #000000;
	border: 1px solid #000000;
	padding: 0 30px;
	margin: 5px 20px 15px 20px;
}
.button.soldout_button span {
	background: white;
	color:  #FF4C4C;
	border: 1px solid #FF4C4C;
	padding: 0 30px;
	width: 92px;
	margin: 5px 20px 15px 20px;
}

#mbf_fcontent .pbox .button.white_button a, .button.soldout_button span {
	margin-left: 28px;
}

#btn_update_cart {
	margin: 5px 0px 15px 0px;
}
.chart_buttons a {
	width: 170px;
}
#mbf_psubmit button {
	width: 80%;
}


form input[type="submit"]:hover, input[type="button"]:hover {
	transition: background-color 0.2s linear;
	background: #EB008B;
	cursor:pointer;
}

.button a:hover, button:hover, #btn_update_cart:hover, #submit_order:hover {
	transition: all 0.2s linear;
	/*background: #B7DB83 !important;*/
	background: #EB008B;
	color: white;
	border-color: white;
	cursor:pointer;
}

input[type="search"] {
    width: 80%;
    clear: both;
    float: left;
    display: block;
    outline: 0;
    -webkit-border-radius: 0px;
    -webkit-appearance: none !important;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: none;
    height: 35px;
    background: #EAEAEC;
    font-family: 'Maax-Medium';
    font-weight: normal;
    font-size: 14px;
    color: #444444;
    box-shadow: none;
    text-indent: 5px;
    margin-bottom: 10px;  
}

input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

form input[type="text"], form input[type="number"], form input[type="password"] {
    width: 100%;
    clear: both;
    float: left;
    display: block;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: none;
    height: 35px;
    background: #EAEAEC;
    font-family: 'Maax-Medium';
    font-weight: normal;
    font-size: 14px;
    color: #444444;
    box-shadow: none;
    text-indent: 5px;
    margin-bottom: 10px;
}

form input[type="submit"], input[type="button"] {
    width: auto;
    padding: 0 30px;
    box-shadow: none;
    height: 40px;
    font-family: 'Maax-Medium';
    font-weight: normal;
    font-size: 14px;

    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 5px 0 10px 0;
    border: none;
}

form input[type="submit"] {
    background: #EB008B;	
    color: #ffffff;
}

input[type="button"] {
    background: white;	
    color: black;
		border: 1px solid black;	
}

input[type="checkbox"] {
	-webkit-appearance: checkbox;
}

/** END GLOBAL SECTION **/

/** OVERALL TEMPLATE **/
#header_replacement {
	height: 123px;
}

#header {
    padding-top: 0;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
}
#header .container {
    padding-top: 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
}

#header.bordered > .container {
    padding-top: 10px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
}

#header.fix-header {
	position: fixed;
	z-index: 1000;
	top: 0px;
	margin-top: 0px;
	background: white;
}

#header.fix-header.bordered {
	border-bottom: 1px solid #f3f3f3;
}

#header.fix-header.bordered a img {
    height: 50px;
}

div#header.fix-header div a img#nov-deal-img {
	margin-top: 5px;
}

#header #nov-deal-img {
	margin-left: 25px;
	height: 65px;
}


#header, .header {
	width: 100%;
}

.header a img {
	float: left;
	height: 50px;
}

/* top nav menu */

#rtl_nav {
	width: 970px;
	height: 35px;
	margin: 0;
	padding: 0 0 0 0;
	float: left;
	clear: both;
	position: relative;
}

#rtl_nav ul {margin: 0 0 0 0;clear: both;float: left;width: 100%;text-align: center;}

#rtl_nav li {font-weight: normal;font-size: 14px;letter-spacing: 0.1em; list-style: none;display: inline-block;margin: 0; text-transform: uppercase;}

#rtl_nav li:hover a span {
	border-bottom: 3px solid #eb008b;
}

#rtl_nav li a {
	margin: 0 0 0 20px;
	padding: 10px 5px 0 10px;
	line-height: 18px;
	height: 25px;
	display: block;
	vertical-align: middle;
	text-decoration: none;
}

/*#rtl_nav li a.menuactive:hover {}*/
#rtl_nav li a:hover {color: black; font-weight: bold;}

/* the nav pop up style */
#rtl_nav ul > li > ul {background: rgba(243, 243, 243, 0.85);}
#rtl_nav li ul {display: none;position: absolute;width: 185px; margin: -1px 0 0 0;z-index: 500;}
#rtl_nav ul > li > ul > li{display:block; color: #333333; margin: 0 0 0 0;list-style-type: none;text-transform: none;text-align: left;}
#rtl_nav li ul li a,#rtl_nav li ul li a:hover,#rtl_nav li ul li a:active,#rtl_nav li ul li a:visited{
text-decoration: none;padding: 5px 0 5px 15px;margin:0 0 1px 0; font-size: 14px;
	height: 100%;
}
#rtl_nav li:hover ul{display:block;}

#rtl_nav_info {
	text-align: right;
	position: relative;
	float: right;
	width: 280px;
	top: -4px;
}

#rtl_nav_info .button {
	display: inline-block;
}

#rtl_cart_button, #rtl_logout_button {
	float: none;
	background: #f3f3f3;
	color: #000000;
	line-height: 28px;
	font-size: 12px;
	padding: 6px 8px;
	margin: 0px 10px 0px 0px;
}

#rtl_cart_button:hover, #rtl_logout_button:hover {
	background: #f3f3f3;
}

#info_banner {
	right: 20px;
	color: black;
	position: absolute;
	text-align: right;
	width: 100%;
	font-size: 14px;
	height: 24px;
	margin-top: 2px;
}

.search_container {
	position: relative;
	top: 23px;
	width: 47%;
	text-align:center;
	margin:auto;
}
.top_search input[type="search"] {
	height: 27px;
	width: 60%;
	margin: 0 -5px 0 0;
	vertical-align: middle;
	float: none;
	display: inline-block;	
	background: #f3f3f3;
}

#top_search_submit {
	width: 8%;
    height: 27px;
    background: url('../images/Search-Icon.png') center no-repeat #f3f3f3;
    background-size: 47%;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    border: 0;
    box-shadow: none;
    outline: none;
    padding: 0;
}

.top_search_submit:hover {
		cursor:pointer;
}

/* Footer */
/* for footer and sitemap */
#footer_container{background-color: #fff;}
#footer_container #f1{width: 970px;margin: 10px auto;padding: 20px 0 20px 0;border-bottom: 1px solid #1A607D;}

.social-media-links {
	background-color: #8c8c8c;
	height: 0px;
	display: none;
}

/* for sitemap */
#sitemap-wrap {background-color: #f9f9f9;}
#sitemap{width: 970px;margin: 20px auto;padding: 0 0 15px 0;text-align: left;position: relative;clear: both;}
#sitemap .section {color: #002142;font-size: 12px; line-height: 14px;margin: 0 0 0 30px;
width: 150px; border-right: 1px solid #444;padding:5px 0 0 0;display: inline-block;vertical-align: top;}
#sitemap .section a:link, #sitemap .section a:visited 
{margin: 2px 0 8px 0;display: block;
color: #002142;font-weight: normal;text-decoration: none; 
line-height: 14px;}

#sitemap .section a:hover {
	transition: background-color 0.2s linear;
	color: #EB008B;
	cursor:pointer;	
}

footer {
	clear: both;
	width: 100%;
	text-align: center;
	background-color: #002142;
	color: white;
	margin: 0;
	line-height: 24px;
	font-weight: bold;
	height: 45px;
}

footer span {
	color: white;
	font-size: 12px;
	line-height: 45px;
	text-transform: uppercase;
}
/* LOGIN PAGE */
#login-header { font-size: 1.5em;font-family: 'Maax-Medium', sans-serif;	color: black;text-transform: uppercase;text-align: center;}

.etalage_zoom_preview { display: none !important; }
.etalage_small_thumb { object-fit: contain; }
.etalage_thumb_image { object-fit: contain; }


/* for carts/order listing in home page*/
.rtl_carts_man{width: 850px;margin: 0 0 40px 10px; font-size: 12px;}
.rtl_carts_man .row {line-height: 55px;border-bottom: 1px solid #D1D1D1;padding:2px 0 2px 0;}
.rtl_carts_man .heading, .heading span { font-size: 14px; line-height: 22px; text-transform: uppercase;}
.rtl_carts_man .ordnum {width: 130px; display: inline-block;text-align: center;}
.rtl_carts_man .initial {width: 50px; display: inline-block;text-align: center;}
.rtl_carts_man .row .date{width: 130px; display: inline-block;text-align: center;}
.rtl_carts_man .row .creator{width: 240px; display: inline-block;text-align: center;}
.rtl_carts_man .row .name{width: 150px; display: inline-block;}
.rtl_carts_man .row .note{width: 230px; display: inline-block;}
.rtl_carts_man .row .edit{width: 40px; display: inline-block;float: right;}

/* category page */

/* Search box */
#mbf_search{float: left;width: 205px;padding: 0; margin:20px 0 20px -30px;}

#mbf_search h1{
margin: 0; font-size: 22px; font-family: 'Maax-Medium', sans-serif;	color: black;text-transform: uppercase;line-height:28px;color: black; text-align: left;
}

.mbf_filter_option .heading {color: #6c6c71;font-family: Maax-Medium; font-size:14px;font-weight: normal; margin: 10px 0px 5px 0px; text-transform: capitalize; border-top: 1px solid #ccc;}
.mbf_filter_option div.heading:hover { cursor: pointer;}
.mbf_filter_option .heading i {float: right;}
.mbf_filter_option .row{width: 197px; display: block;float: left;margin:0 0px 2px 3px;}
.mbf_filter_option label{width: 70px;display: inline;line-height: 14px;font-size: 14px;line-height: 18px; color:#474C6E;  text-transform: capitalize; margin-left: 10px;}

.button_search{margin:0px auto 10px auto;display:block;}
.product_selector{text-decoration: none; text-align: center;font-size: 14px;margin:0 0 21px 0;display:block;}
.product_selector:hover {text-decoration: none; text-align: center;}

.style_search .search_submit {
    width: 20%;
    height: 35px;
    background-color: transparent;
    color: #fff;
    border: none;
    outline: none;
    float: right;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
    box-shadow: none;
}

.style_search .search_submit:hover {
		cursor:pointer;
}
.style_search {
    position: relative;
    float: left;
    width: 100%;
    height: 35px;
    margin-top: 0px;
    margin-bottom: 10px;
    background: #EB008B; /* #FF4C4C !important; */
}

.style_search:after {
    display: block;
    content: "\f002";
    font-family: 'fontawesome';
    font-size: 13px;
    line-height: 35px;
    margin: 0;
    padding: 0;
    width: 20%;
    height: 35px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    color: #ffffff;
    text-align: center;
}

/* the layout */
#order_msg {width: 100%; text-align: center; margin: 30px;}
#order_msg i { font-size: 16px; color: green; line-height: 24px; }
#mbf_content{}
#mbf_phighlight{float: left;width:70px;margin: 0 15px 0 15px;text-align: center;}
#mbf_pcontent{float: right; width: 610px;font-size: 16px;color: #605D7C;line-height: 24px;}
#mbf_wcontent{float: left; width: 910px;font-size: 16px;color: #605D7C;line-height: 24px; margin: 20px -10px 20px 0px;}
#mbf_fcontent{float: right; width: 715px;font-size: 16px;color: #605D7C;line-height: 24px; margin: 20px -10px 20px 0px;}
#mbf_pcontent a:hover,#mbf_fcontent a:hover{text-decoration: none;}
#mbf_pcontent h1,#mbf_fcontent h1,#mbf_content h1{margin: 10px 0 10px 20px;font-size: 18px;display: block;clear: both;}
.pbox {position: relative;margin: 5px 0 25px 25px;width: 210px;height: 280px;float: left; 

/*border-bottom: 1px solid #555384;*/color:#403F6B;outline:none;}
.pbox a:hover{text-decoration: none;}
.pbox a .thumb
{
margin: auto;
width: 160px;
height: 160px;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
/*width: expression(this.width > 170 ? "170px" : true);
height: expression(this.height > 120 ? "120px" : true);*/
}
.pbox .text {margin-top: 10px; margin-bottom: 10px; font-size: 14px;line-height: 16px;text-transform:uppercase;clear: both;height: 50px; text-align: center;}
.pbox .text h3 {padding-bottom: 12px; margin-bottom: 10px;}
.pbox .text .rrp_price {color: #787878; font-size:16px;}
/*.pbox .buy{position: absolute;bottom: 15px; left: 17px;font-size: 13px;}*/
.pbox a img {height: 120px;}

/* the product details */
#mbf_pdetails{margin: 0 10px 0 0;}
#mbf_pdetails h1{font-size: 18px;display: block;}
#mbf_pdetails .t1{font-size: 14px;color: #444; margin: 10px 0 5px 0px; font-size: 16px; line-height: 35px; padding: 0px 15px; font-family: 'Maax-Medium'}
#mbf_pdetails .t2{font-size: 14px;color: black;margin: 10px 0 5px 0px;}
#mbf_pdetails .feature-box { background-color: #eaeaec; color: #444; }
#mbf_pdetails .feature-box li { font-family: 'Maax-Medium'; font-size: 16px; list-style-type: square; list-style-position: outside !important; width: 95%; margin: 0 0 0 5% !important; padding: 5px 0 !important;}

#mbf_pdetails .hero {}
#mbf_pdetails .hero-block {width: 500px; float:left;}
#mbf_pdetails .hero-block a { margin: 5px 0px 15px 10px;}
#mbf_pdetails .hero .photo{float: left;width: 400px;margin-bottom:20px;}
#mbf_pdetails .hero .photo .main{border: 1px solid #696697;}
#mbf_pdetails .hero .photo .main img{margin: 0 auto;width:398px;}
#mbf_pdetails .hero .photo .extra{}
#mbf_pdetails .hero .photo .extra .video{}
#mbf_pdetails .hero .photo .extra .img{}

/*#mbf_pdetails .hero .text{float: right; position: relative;width: 250px;height: 225px;*/
#mbf_pdetails .hero .text{float: right; position: relative;width: 350px;margin-right: 0px;
line-height: 18px; font-size: 12px;color:#303030;}
#mbf_pdetails .hero .text ul{color: #7b78a3;margin: 10px 0 0 20px;list-style: circle;font-size: 14px;}
#mbf_pdetails .hero .text .title{text-transform: capitalize;}
#mbf_pdetails .hero .text .features{margin: 10px 0 0 0;}
#mbf_pdetails .hero .text .features img{display:inline-block; margin-right: 15px;}
#mbf_pdetails .hero .text .chart_buttons{margin: 15px 0 0 0;}
#mbf_pdetails .hero .text .chart_buttons img{margin: 10px 0 0 0;}
#mbf_pdetails .hero .text .fitting {font-size: 18px;color: black;margin: 10px 0 5px 0px; font-weight: bold;}

/* retail product details  */
#mbf_pdetails .legend, #mbf_content .legend {text-align: left;}
#mbf_pdetails .legend span, #mbf_content .legend span{display: inline-block;margin: 0 20px 0 5px;font-size: 12px;font-weight: bold;}
#mbf_content .legend-label { clear: both; margin-left: 10px; font-size: 14px; font-weight: bold;}
#mbf_content .legend { line-height: 24px; margin: 0 0 20px 10px; vertical-align: middle;}
#mbf_pdetails .legend {margin: 30px 0 20px 0;vertical-align: middle;}
#mbf_pdetails .legend .t2, #mbf_content .legend .t2 {	font-size: 11px;font-weight:bold;width: 70px;display: inline-block; text-align: center;line-height: 12px;vertical-align:middle;}
#mbf_pdetails .legend img, #mbf_content .legend .img {display: inline;margin:0 0 0 25px; vertical-align:middle;}

#mbf_pdetails .item{margin:0 10px 0 0;line-height: 24px;border-bottom: 1px solid #696697;}
#mbf_pdetails .item .thumb{display: inline;width:90px;vertical-align:middle;margin: 0 0 0 5px;}
#mbf_pdetails .item .colour{display: inline-block;font-size: 14px;color: #696697;margin: 0 0 0 5px; font-weight: bold;width: 115px;text-transform: Capitalize;}
#mbf_pdetails .item .sizes{display: inline-block;width: 430px;}
#mbf_pdetails .item .sizes .stock_yes,
#mbf_pdetails .item .sizes .stock_no,
#mbf_pdetails .item .sizes .stock_soldout,
#mbf_pdetails .item .sizes .sel
{display: inline-block;width:25px;height:25px;text-align: center;
font-weight: bold;font-size: 12px;line-height: 25px;margin-left: 3px;}

#mbf_pdetails .item .sizes .stock_yes{background: #fff url(../../images/stock-yes.gif);color: black;}
#mbf_pdetails .item .sizes .stock_yes:hover{background-color: #5BD8FF;background-image:none;}
#mbf_pdetails .item .sizes .stock_no{background: #fff url(../../images/stock-no.gif);color: white;}
#mbf_pdetails .item .sizes .stock_soldout{background: #fff url(../../images/stock-soldout.gif);color: red;}
#mbf_pdetails .item .sizes .sel{background: #fff; color: black;background-color:green;}
#mbf_pdetails .stockinfo{font-size: 16px;font-weight: bold;margin: 10px 0 10px 20px;}

#mbf_pdetails .text .title {font-size: 30px; line-height: 1em; color: #545454;}
#mbf_pdetails .text .rrp {font-size: 25px; line-height: 1.5em;}
#mbf_pdetails .text .price {font-size: 25px; line-height: 1.5em; color: #777777; }

#mbf_psubmit{vertical-align: middle; margin: 10px 0 0 0;line-height: 16px; text-align: center; }
#mbf_psubmit .preorder{float: left;width: 70px;font-size: 14px;color: #696697;font-weight: bold;margin: 10px 0 0 20px;}
#mbf_psubmit .text{float: left;font-size: 14px;color: #696697;font-weight: bold;margin: 10px 0 0 50px;}
#mbf_psubmit .button{float: left;margin: 3px 0 0 10px;}
#mbf_psubmit .total{float: left;font-size: 14px;color: #696697;font-weight: bold;margin: 0 0 0 100px;text-align: center;}
#mbf_psubmit .total span{font-size: 11px;}
#mbf_psubmit .price{float: right;margin: 6px 0 0 10px;font-size: 18px; color:#AC0000;}
#mbf_psubmit button {
	float: none;
	max-width: 300px;
	padding: 6px 8px;
	border: none;
	color: white !important;
	background: #EB008B !important
}