@charset "utf-8";
/**** RESET START ****/
html
{
	overflow-y:scroll;
	overflow-x:hidden
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
    overflow: visible !important;
}
p
{
	color: #777777;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

a{outline:none;}

hr {
display:block;
height:1px;
border:0;
border-top:1px solid #e7e7e7;
margin:1em 0;
padding:0;
}
/**** RESET CLOSE ****/
/**** COMMAN STYLE START ****/
@font-face {
    font-family: 'Y2KNeophyteRegular';
    src: url('../fonts/y2k_neophyte.eot');
    src: url('../fonts/y2k_neophyte.eot') format('embedded-opentype'),
         url('../fonts/y2k_neophyte.woff') format('woff'),
         url('../fonts/y2k_neophyte.ttf') format('truetype'),
         url('../fonts/y2k_neophyte.svg#Y2KNeophyteRegular') format('svg');
}

body
{
	margin: 0; 
	padding: 0; 
	width:100%; 
	background: #ffffff;
	color: #666666;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.main-partician
{
   max-width: 1000px;
   margin: 0 auto;
   width: 100%;
   display: block;
   clear: both;
}
a 
{
   outline: none;
   text-decoration: none;
   color: #666666;
   font-size: 12px;
   line-height: 18px;
   text-transform: uppercase;
}
a:hover
{
   color:#FD6C6E;
}
button
{
  text-transform: uppercase;
}
img 
{
  border: none;
  max-width: 100%;
}
span
{
   font-size: 12px;
   color: #666666;
   line-height: 18px;
}
p, ul li
{
   font-size: 12px;
   color: #666666;
   line-height: 18px;
}
h1
{
  font-size: 35px;
  color: #333333;
  font-weight: 300;
  padding: 10px 0;
}
h2
{
  font-size: 20px;
  color: #333333;
  font-weight: 300;
  padding: 10px;
}
h3
{
  font-size: 14px;
  color: #666666;
  font-weight: 300;
  padding: 10px 0;
  text-transform: uppercase;
}
h4
{
  font-size: 12px;
  color: #666666;
  font-weight: 300;
  padding: 10px 0;
  text-transform: uppercase;
}
h5
{
  font-size: 12px;
  color: #666666;
  font-weight: 300;
  padding: 10px 0;
  text-transform: uppercase;
}
h6
{
  font-size: 12px;
  color: #666666;
  font-weight: 300;
  padding: 10px 0;
  text-transform: uppercase;
}
.btn-xenca{
    background: url("../images/yellow-btn-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    margin: 0 15px 0 0;
    padding: 4px 12px;
	overflow: hidden;
	width: auto;
}


.order-list {
    padding-bottom: 20px;
}

.order-list div {

    padding: 5px;
    
   
}

.order-list div:nth-child(odd) {
    background-color: #666;
    
   
}

.order-list div:nth-child(odd) p{
    color: #fff;
}

.failed-panel div p {
    width: 66%;
    text-align: center;
    font-weight: bold;
}
.btn-xenca:hover{
    background: url("../images/yellow-btn-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    margin: 0 15px 0 0;
    padding: 4px 12px;
	overflow: hidden;
	width: auto;
}

.quick-cart-btn{
    margin-left: 25px !important;
}

.cart-btn, .checkout-btn, .checkout-btn-place a
{
    font-size: 12px;
    margin: 0 15px 0 14px;
    width: auto;
    text-transform: uppercase;
    float: left;
}

.cart-btn, .checkout-btn, .checkout-btn-place a, .apply-button{
 background: url("../images/sprite-xenca.png") repeat-x 0 -242px;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    padding: 4px 20px 4px;
} 

.apply-button{
 float: right;
 height: 30px;
 line-height: 20px;
}

.cart-btn:hover, .checkout-btn:hover, .checkout-btn-place a:hover
{
    background: url("../images/sprite-xenca.png") repeat-x 0 -210px;
}

.checkout-btn, .checkout-btn-place a { float: right;font-size: 12px; margin-right:0;}
.prodouct-detailPage .checkout-btn { margin-right: 0; }
.associate-shop .prod-quantity-label, .associate-shop .prod-add-quantity { display: none;}
.associate-shop .add { float: right; width: 127px;}
.search-heading { border-bottom: 1px solid #E7E7E7; }
.search-results { padding: 0 10px; }
.categories-product-listing-container .search-results-feed li {
    display: inline-block;
    margin: 0 34px 44px 0;
    max-width: 214px;
    vertical-align: top;
}
.search-results-feed li:nth-child(4n+4) { margin-right: 0; }
.search-results-feed .search-block-img {
}
.search-results-feed li img {
}
.search-block a { text-decoration: underline; }

.search-results-feed .search-block-title {
    text-align: center; max-width: 100%;
}

input[type="text"] {
    border: 1px solid #999999;
    padding: 5px;
	color: #666666;
}
input[type="password"] {
    border: 1px solid #999999;
    padding: 5px;
	color: #666666;
}
input[type="submit"],
.button {
	background: #55626f;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    height: auto;
    padding: 6px 12px;
}
.search-form { float: right; text-align: right; }
.search-form input { text-align: left; }
.search-form input[type="submit"] { height: 28px; padding: 5px; }
input[type="submit"]:hover,
.button:hover {
	background: #fd6c6e;
    color: #ffffff !important;
	 transition: all linear 0.5s;
   -moz-transition: all linear 0.5s;
   -webkit-transition: all linear 0.5s;
   -ms-transition: all linear 0.5s;
   -o-transition: all linear 0.5s;
}
select {
    border: 1px solid #999999;
    color: #666666;
    padding: 5px;
}
input[type='text'].quanty-text
{
   border: 1px solid #55626f;
   padding: 2px 4px;
   margin: 0px;
   float: left;
   font-size: 12px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #666666;
   width: 30px;
   height: 20px;
   text-align: center;
}
.plus, .minus
{ 
 width: 25px;
 height: 26px;
 margin: 0px;
 padding: 0px;
 background: #55626f;
 border: none;
 color: #ffffff;
 cursor: pointer;
 float: left;
 font-size: 14px;
 font-weight: bold;
 line-height: 23px;
 text-align: center;
}
.minus { line-height: 28px; }
.plus:hover { color: #62c462 !important; text-decoration: none; }
.minus:hover { color: #FD6C6E !important; text-decoration: none; }

.align-right { text-align: right; }
/**** COMMAN STYLE CLOSE ****/

/***** HEADER START ******/
.top-border
{ 
  width: 100%;
  height: 7px;
  background: url(../images/border-header.png) repeat 0 0;
  display: block;
  clear: both;
  overflow: hidden;
}
.top-border, .border-bottom
{
   background-size: 100% auto !important;
}
.header-container
{
  width: 100%;
  height: auto;
  display: block;
  clear: both;
  overflow: hidden;
  margin: 15px 0 0;
  padding-bottom: 20px;
}
.header-col-left
{
   float: left;
}
.header-col-right
{
   float: right;
}
.search-container
{
  display: block;
  clear: both;
  overflow: hidden;
  float: right;
}
.search-container input[type='text']
{
   font-style: italic;
}

.follow-us { float: right; margin: 0; }
.follow-us li {
    float: left;
    height: 28px;
    margin: 0 7px 0 0;
    padding: 0;
    width: 28px;
}
.follow-us a {
    background: url("../images/sprite-xenca.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: transparent;
    display: block;
    height: 28px;
    width: 28px;
}
.facebook-icon a {  }
.twitter-icon a { background-position: 0 -29px; }
.pinterest-icon a { background-position: 0 -58px; }
.instagram-icon a { background-position: 0 -87px; }
.gplus-icon a { background-position: 0 -116px; }
.linkedin-icon a {
    background: url("../images/linkedin-xenca.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: transparent;
    display: block;
    height: 28px;
    width: 28px;

}

/*.-fileupload-file-text, .-fileupload-info-text, .-fileupload-button-delete, input[type="submit"].-fileupload-button-delete {
    display: none;
}*/

.sectionBox {
    float: left;
    margin: 1%;
    padding: 1%;
    width: 29%;
}

    .sectionBox h2 {
        padding-left:0;
    } 
.sectionBox li a {
    color:#49B2AA;
    font-size: 11px;
    line-height: 2em;
    }


.associate-summary li p span {
    float: left;
    clear: both;
}

.signin-con
{
    clear: both;
    display: block;
    overflow: hidden;
    padding: 12px 0;
    text-align: right;
}
.signin-con a
{
   color: #c24e5a;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-transform: uppercase;
}
.signin-con a:hover
{
  color: #666666;
}
.main-nav-container
{
  display: block;
  clear: both;
  overflow: hidden;
  float: right;
}
.main-nav-container .navigation ul li
{
   display: inline;
   margin:  0 0 0 15px;
   width: 135px;
   float: left;
}
.main-nav-container .navigation ul li a
{
   display: inline-block;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #ffffff;
   font-size: 12px;
   font-weight: bold;
   padding: 7px 0px;
   background: url(../images/sprite-xenca.png) repeat-x 0 -210px;
   text-transform: uppercase;
   width: 100%;
   text-align: center;
}
.main-nav-container .navigation ul li a:hover
{
   background: url(../images/sprite-xenca.png) repeat-x 0 -145px;
   color: #ffffff !important;
}
.main-nav-container .navigation ul li a.active
{
   background: url(../images/sprite-xenca.png) repeat-x 0 -145px;
}
.account-nav-container, .shopby-head
{
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  padding: 0;
  display: block;
}
.account-nav-container a .account-nav-container p, .account-nav-container span , .shopby-head a , .shopby-head span, .shopby-head p
{
  color: #333333;
}
.main-catnav 
{
  float: left;
}
.main-catnav li
{
  float: left;
  margin: 0 1px;
  position: relative;
  z-index: 200;
  width:109px
}
.main-catnav a
{
   color: #333;
   display: inline-block;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   padding: 10px 5px;
   position: relative;
   text-transform: uppercase;
   z-index: 201;
   font-size:11px;
}

.topLi > a {
    width: 100px;
    text-align:center;
}
.main-catnav .menu-item-border { border-bottom: 6px solid transparent;  }
.main-catnav li:hover .menu-item-border { border-bottom: 0; padding-bottom: 20px; }
.main-catnav > ul > li:hover > a {
    background: #fff;
    -webkit-box-shadow: 0 0 4px 2px #bbb;
            box-shadow: 0 0 4px 2px #bbb;
    color: #333;
    position: relative;
    text-decoration: none;
    height: 35px;
}
/* not particularly happy with this hack, but don't think there's a better way to do it unfortunately */
.main-catnav > ul > li:hover > a:after {
    background: #fff;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    right: -20px;
    top: 100%;
}
.main-catnav .dropdown-sub {
    background: #fff;
    -webkit-box-shadow: 0 0 4px 2px #bbb;
            box-shadow: 0 0 4px 2px #bbb;
    left: -99999px;
    padding: 24px 100px 30px 0;
    position: absolute;
    top: 100%;
    width: 511px;
}
.main-catnav li:hover .dropdown-sub { left: 0; }
.main-catnav .item4:hover .dropdown-sub { left: -107px; }
.main-catnav .item5:hover .dropdown-sub { left: -307px; }
.main-catnav .item6:hover .dropdown-sub { left: -418px; }
.main-catnav .item7:hover .dropdown-sub { left: -480px; }
.main-catnav .item8:hover .dropdown-sub { left: -500px; }
.main-catnav > ul > .item4:hover > a:after,
.main-catnav > ul > .item5:hover > a:after,
.main-catnav > ul > .item6:hover > a:after,
.main-catnav > ul > .item7:hover > a:after,
.main-catnav > ul > .item8:hover > a:after {
    left: -20px;
}
.item4:hover .dropdown-sub { left: -64px; }
.item5:hover .dropdown-sub { left: -210px; }
.item6:hover .dropdown-sub { left: -372px; }
.item7:hover .dropdown-sub { left: -372px; }
.item8:hover .dropdown-sub { left: -372px; }
.main-catnav .item8 { z-index: 100; }
.dropdown-sub a { padding: 0; }
.dropdown-sub a { }
.dropdown-sub-right { overflow: hidden; padding: 0 0 0 25px; }
.dropdown-sub-title { border-left: 5px solid #c8f16d; padding: 3px 0 4px 8px; display:inline-block; }
.dropdown-sub-right ul { border-top: 1px solid #cdcdcd; margin: 6px 0 0 11px; padding: 5px 0 0 0; }
.dropdown-sub-right li { float: left; margin: 5px 0; padding: 0 4% 0 0; width: 46%; }


.main-catnav li:nth-child(6) .dropdown-sub, .main-catnav li:nth-child(7) .dropdown-sub  {
    width:650px;
}

.main-catnav li:nth-child(6) .dropdown-sub .dropdown-sub-right li, .main-catnav li:nth-child(7) .dropdown-sub .dropdown-sub-right li  {
    width:29%;
}

.main-catnav li:nth-child(6) .dropdown-sub .dropdown-sub-right li:nth-child(odd), .main-catnav li:nth-child(7) .dropdown-sub .dropdown-sub-right li:nth-child(odd)  {
    clear:none;
}

.dropdown-sub-right li:nth-child(odd) { clear: left;}

.dropdown-sub-right a {  }
.myacctoun-nav-section
{
  float: right;
}
.account-nav-container a, .account-nav-container p, .account-nav-container span
{
   color: #333333;
}
.account-anch
{
   float: right;
   padding: 20px 0;
}
.account-anch a
{
   padding: 0 0 0 7px;
   float: left;
}
.account-anch
{
   float: right;
   border-left: 1px solid #e7e7e7;
}
.myshopping-basket
{
   float: right;
   padding: 0 0 0 8px;
}

.myshopping-basket .mini-basket-items { display: inline-block; padding: 0 0 0 7px; }
.cart { display: inline-block;float: left;width: 24px;}
h3.inline-header { display: inline;}

.checkout-header { padding: 12px 0 0 0; }
/* Basket Progress Bar */
.basket-progress { float: right; margin: 8px 0 0 0; width: 450px; }
.basket-stages { list-style: none; margin: 0; padding: 0; position: relative; }
.basket-stages li { color: #cccccc; float: left; font-weight: bold; margin: 0; padding: 0; text-align: center; text-transform: uppercase; width: 33.33%; }
.stage-basket .basket-stage { color: #5bcdbf; }
.stage-shipping .shipping-stage { color: #5bcdbf; }
.stage-confirm .confirm-stage { color: #5bcdbf; }
.progress-bar { background: #cccccc; height: 12px; margin: 10px auto; overflow: hidden; width: 300px; }
.progress-bar-inner { background: url('../images/progress_indicator.png') no-repeat top right #5bcdbf; color: transparent; height: 100%; min-width: 8px; width: 0; }
.stage-shipping .progress-bar-inner { width: 50%; }
.stage-confirm .progress-bar-inner { width: 110%; }

.hide { display: none;}
.empty-basket{ font-size: 12px; line-height: 69px; margin: 0 0 0 12px; text-decoration: underline; }
.moneyback-basket,
.moneyback-product { float: right; max-width: 140px; width: 100%; }
.menu-toggler
{
   display: none;
   width: 100%;
   background: #f5f5f5;
   cursor: pointer;
}
.menu-toggler span
{
   font-size: 18px;
   color: #333333;
   padding: 10px 0;
   display: block;
   text-transform: uppercase;
   background: url(../images/menutog-bg.png) no-repeat right center;
   width: 92%;
   margin: 0 auto;
}
/*********** HEADER CONTAINER CLOSE *********/
/************* FOOTER CONTAINER START ************/
.footer-container
{
   width: 100%;
   display: block;
   clear: both;
   overflow: hidden;
   border-top: 1px solid #e7e7e7;
   padding: 20px 0 40px;
}
.border-bottom
{ 
  width: 100%;
  height: 7px;
  background: url(../images/border-footer.png) repeat 0 0;
  display: block;
  clear: both;
  overflow: hidden;
}
.footer-modules
{
   width: 150px;
   float: left;
   margin: 0 0 0 20px;
}
.customer-service,
.quick-links { width: 100px; }
.xenca-links { width: 175px; }
.footer-modules h4
{
   color: #999999;
   padding-top:0;
}

.forgot {
    padding-left:10px;
}
.footer-modules ul
{
  width: 100%;
  display: block;
  clear: both;
}
.footer-modules li
{
  display: block;
  padding-bottom: 5px;  
}
.footer-modules a
{
   text-transform: uppercase;
   font-size: 11px;
   color: #999999;
}
.footer-modules a:hover
{
  text-decoration: underline;
}
.join-maillist
{
    float: right;
    width: 258px;
}
.footer-contact { padding: 0; width: 190px; }
.join-maillist h4
{
  color: #fd6c6e;
}
.join-maillist .subscribe-form-container
{
   background: #55626F;
   padding: 8px;
   overflow: hidden;
}

.join-maillist .subscribe-form-submit-container {
    background: #55626F;
    padding: 4px 8px 8px 8px;
    float: right;
}

.join-maillist input[type='text']:first-of-type {
    margin: 0px 0px 6px 0px;
}

.join-maillist input[type='text']
{
    background: #ffffff;
	border: none;
	font-style: italic;
	width: 95%;
	float: right;
	border: 1px solid #ffffff;
}

.join-maillist input[type='submit']
{
    background: #fd6c6e;
	width: 100%;
	text-transform: uppercase;
	float:right;
    clear: both;
    padding-left: 16%;
}
.join-maillist input[type='submit']:hover
{
    background: #5ebd5f;
	transition: all linear 0.5s;
   -moz-transition: all linear 0.5s;
   -webkit-transition: all linear 0.5s;
   -ms-transition: all linear 0.5s;
   -o-transition: all linear 0.5s;
}

/************* FOOTER CONTAINER CLOSE ************/

/*********** HOME MAIN CONTENT START *********/
.main_content, .main-col
{
  display: block;
  clear: both;
  width: 100%;
  height: auto;
  padding-bottom: 30px;
}
.main-col
{
   padding:0px;
}
.col-left
{
   width: 26%;
   float: left;
}
.home-introcontainer
{
  margin: 15px 0 10px;
  width: 100%;
  overflow: hidden;
  display: block;
  border-bottom: 2px solid #e7e7e7;
}
.col-left .banner-box
{
  width: 100%;
  margin: 0 0 15px;
}
.col-left .banner-box img
{
  width: 100%;
  height: 259px;
}
.home-introcontainer .col-mid
{
   width: 44%;
   padding: 0 2%;
   float: left;
   text-align: center;
}
.home-introcontainer .col-mid .intro-text
{
   padding: 90px 0 0 0;
}
.home-introcontainer .col-mid .intro-text
{
   padding: 90px 0 0 0;
}
.home-introcontainer .col-mid .intro-text p
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
}
.home-introcontainer .col-mid  .mid-lister
{
  padding: 60px 0 0;
}
.home-introcontainer .col-mid  .mid-lister ul
{
  width: 100%;
  text-align: center;
}
.home-introcontainer .col-mid  .mid-lister ul li
{
  width: 212px;
  margin: 0 auto 5px;
  text-align: center;
  display: block;
}
.home-introcontainer .col-mid  .mid-lister ul li a
{
    background: url("../images/sprite-xenca.png") repeat-x scroll 0 -177px rgba(0, 0, 0, 0);
	color: #FFFFFF;
	display: inline-block;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 7px 0;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}
.home-introcontainer .col-mid  .mid-lister ul li a:hover
{
    background: url("../images/sprite-xenca.png") repeat-x scroll 0 -145px rgba(0, 0, 0, 0);
	color: #ffffff !important;
}
/* New homepage styles */
.lfloat { float: left; }
.rfloat { float: right; }
.clearfix:after { clear: both; content: ""; display: table; }
.home-intro { border-bottom: 1px solid #ccc; clear: both; margin: 27px 0 0 0; padding: 0 0 30px 0; }
.home-features { list-style: none; }
.home-feature {
    background: #e7e7e7;
    border-left: 8px solid transparent;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    color: #556370;
    float: left;
    margin: 0 0 12px 0;
    padding: 16px 10px;
    position: relative;
    width: 30%;
}
.home-feature-blue { border-left-color: #55cdc4;}
.home-feature-green { border-left-color: #c8f16d;}
.home-feature-red { border-left-color: #fd6d6d;}
.home-feature p { font-size: 12px; line-height: 21px; }
.home-feature a { font-size: 10px; font-weight: bold; font-style: normal; }
.home-feature-main { background: transparent; border: 0; color: #fff; height: 515px; margin: 0 1.5% 0 0; padding: 0; width: 68.4%; }
.home-feature-main p { color: inherit; line-height: 24px; padding: 0 0 11px 26px; }
.home-feature-main p:last-child { padding: 0; }
.feature-inset { left: 0; position: absolute; top: 140px; width: 250px; }
.home-feature-main .inset-button { background: #55cdc3; color: #fff; display: block; font-style: normal; padding: 13px 12px 13px 30px;font-size: 12px;  text-transform: uppercase; }
.home-feature-main .inset-button:hover { color: #eeeeee; }
.home-feature-heading { font-size: 12px; font-weight: bold; margin: 0 0 12px 0; padding: 0; text-transform: uppercase; }


.aboutSectionContent {
    float: left;
    padding: 5% 0 0 5%;
    width: 50%;
}

.DeliveryCheckBox,
.associate-main .success {
    color:#ffffff;
    background:#55cdc3;
}
.associate-main .success {
    padding: 12px;
}
.DeliveryCheckBox p {
    color: inherit;
}

.copyrightFooter {
margin-bottom:5px;
}
.aboutSectionContent img {
    float:left;
    margin-right: 10px;
    }

    .aboutSectionContent h2 {
        font-size: 1.5em;
        padding-left: 0;
        color: #55cdc3;
        float:left;
    }
.aboutSectionContent p {clear:both; margin: 25px 0;}

.aboutImage {
     float: right;
     margin: 5% 0;
     text-align: right;
     width: 28%;
}

.AboutMenu {
    float:left;
}

.AboutMenu ul {
}

.AboutMenu ul li {
}

.teamImage {
    float:left;
    width:200px;
    margin: 5% 0 5% 5%;
}

.shopby-cat-lister ul li .meetheteamMemebers li a  {
    color: #55CDC3;
    font-size: 11px;
    margin-left: 15px;
}

.meetheteamMemebers {margin-top:10px;}

#resetPasswordPrompt {
    background:#FD6C6E;
    padding: 1%;
}

#resetPasswordPrompt p {color:#ffffff;}
#resetPasswordPrompt a {font-weight: bold;}
#resetPasswordPrompt a:hover {color:#333333;}    
.category-list .checkbox { display: inline;}
.featured-product-container, .mission-box-container, .logout-product-detail-container
{
   width: 100%;
   display: block;
   overflow: hidden;
   clear: both;
   margin: 30px 0 0;
}
.productpage-header
{
   text-align: center;
   width: 100%;
   padding: 10px 0;
}
.featured-product-container .featured-prosection, .featured-product-container .featured-prosection ul
{
   width: 100%;
   display: block;
   overflow: hidden;
   clear: both;
}
.featured-product-container .featured-prosection ul li
{
   width: 18%;
   margin: 1%;
   float: left;
   text-align: center;
}
.featured-product-container .featured-prosection ul li .feat-img
{
  width: 100%;
  text-align: center;
  min-height: 275px;
  height: 275px;
  position:relative; 
}
.featured-product-container .featured-prosection ul li .feat-img a 
{
  width: 100%;
  position: absolute;
  bottom: 0px;
  height: auto;
  left:0px;
  text-align: center;
}
.featured-product-container .featured-prosection ul li .feat-img a img
{
  width: 150px;
  margin: 0 auto;
}
.featured-product-container .featured-prosection ul li p.pro-tit
{
  font-weight: 600;
  font-size:13px;
}
.mission-box-container
{
  margin: 50px 0 0;
}


.mission-box-container .mission-boxes
{
	background: #e7e7e7;
	border-top: 6px solid #55cdc3;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
	min-height: 240px;
	padding: 2% 2.3%;
	position: relative;
    width: 30%;
    margin: 0 0 4% 0;
}
.mission-box-container .mission-boxes p
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   padding: 5px 0 0;
}
.mission-box-container .mission-boxes a.find-more
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   clear: both;
   padding: 15px 0;
   font-size: 14px;
   font-style: italic;
   font-weight: 600;
   position: absolute;
   bottom: 10px;
   display: block;
}
.mission-box-container .mission-boxes.joinus-box
{
     margin: 0 5%;
	 border-top: 6px solid #c8f26d;
}
.mission-box-container .mission-boxes.shopnow-box
{
	 border-top: 6px solid #fd6c6e;
}

.assincform {
width: 46%;
margin:0 1% 0 28px;
float:left;
}
.assocform-group {
    background: rgba(255,255,255, 0.5);
    padding: 0 1% 2% 3%;
    border:1px solid #47AEA6;
}
.required-hidden {
    display: none !important;
}
/*.form-line .required-hidden + .text-input {
    border-color: #f00;
}*/
.blueTopBack {
    background: #484e8a;
    padding:1%;
    display: inline-block;
width: 98%;
}

.blueTopBack h2, .blueTopBack p {
    color:#ffffff;
    float: left;
}

.blueTopBack p {
    font-size:1.2em;
    width:50%;
    }

.blueTopBack h2 {
    font-size: 2em;
    margin-right: 5%;
    float: left;
}

.eachassociateText {
    float:left;
}

.contactassociateform {
    background: #ffffff;
    width: 50%;
    margin: 3%;
}

    /*.mission-box-container div:nth-child(2) div:nth-child(2),*/
    .mission-box-container div.mission-boxes:nth-child(2)
    {
        margin: 0 5%;
        border-top: 6px solid #c8f26d;
    }

    /*.mission-box-container div:nth-child(2) div:nth-child(3),*/
    .mission-box-container div.mission-boxes:nth-child(3)

    {
        border-top: 6px solid #fd6c6e;
    }
/*********** HOME MAIN CONTENT CLOSE *********/

/******* ASSOCIATE PAGE START *****/

.associate-main { float: left; margin-left: 6%; width: 63%; }


.profile-box-container .profile-box {
    width: 42%;
	float: left;
	position: relative;
    padding-left: 5%;
    margin-bottom: 18px;
}

.profile-box-container {
    float: left;
    margin-left: 4%;
    width: 70%;
}

.profile-container-left .profile-box-left {
    margin-top: 10%;
    float: left;
    clear: both;
}

.profile-box-container-left {
    width: 26%;
    float: left;
    margin-left: 0px;
}

.profile-box-container-left .profile-box{
    width: 100%;
}

.profile-box .text-input {
    width: 90%;
    background-color: #F4F4F4;
}

.profile-box-container > div > h3 {
    font-size: 1.1rem;
    border-bottom: 2px solid #CCC;
    margin-bottom: 14px;
    padding-bottom: 14px;
}

.profile-box-container .profile-box-full {
    width: 90%;
    float: left;
    clear: both;
}

.profile-box > div > span {
    padding: 10px;
    width: 100%;
    float: right;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
	        box-sizing: border-box; /* Opera/IE 8+ */
}

.profile-box > div > span.grey {
    
    background-color: #566270;
}
.profile-box > div > span.red {
    
    background-color: #FD6C6F;
}

.profile-box > div > div {
    background-color: #F4F4F4;
    padding: 20px;
    clear: both;
}
.profile-box h4, .profile-box a {
    text-transform: none;
}

.profile-box .profile-details {
    font-size: 1rem;
}

.profile-box .padded{
    padding: 25px 20px 25px 20px;
}

.profile-box .profile-image {
    margin: 0 0 12px 0;
    max-height: 228px;
    width: 100%;
}

.profile-box .store-list {
    background-color: #F4F4F4;
}

    .profile-box .store-list li:first-child {
        border: 0;
    }

.profile-box .store-list li {
    margin: 0px;
    border-top: 2px solid #E9E9E9;
}

.profile-box .store-list li a{
    text-decoration: none;
    font-size: 1.2rem;
}

.profile-icon {
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    float: right;
    margin-left: 5px;
}

    .profile-box .store-stats h4, .profile-box .store-stats p {
        padding-left: 10px;
    }

/*Use Transparent and turn these into one*/
.edit-r {
    background-image: url("../images/edit-red.jpg");
}

.edit-g {
    background-image: url("../images/edit-grey.jpg");
}

.add-r {
     background-image: url("../images/add-red.jpg");
}

.sub-assoc-table {
    font-size: 1.4rem;
    border-collapse: collapse;
    width: 100%;
}

.sub-assoc-table tr {
    border-bottom: 1px solid #CCC;
}

.sub-assoc-table th, .sub-assoc-table td {
    text-align: left;
    padding: 20px;

}
.sub-assoc-table th {
    background-color: #999;
    color: #EFEFEF;
}

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

.caret {
    width: 70%;
    background-image: url('/FreshTemplates/Vanilla/images/caret.png');
    background-position: right;
    background-repeat: no-repeat;
}

.profile-box .big {
    font-size: 2.4rem;
}
/******* ASSOCIATE PAGE CLOSE ****/

.assMainImage {
    background: url('/FreshTemplates/Vanilla/images/assbackimage1.jpg') no-repeat;
    display:block;
    width: 1000px;
height: 490px;
}
.bottomAssociatesBit {
    width:100%;
}

.bottomAssociatesBit div:first-child {
   width: 48%;
    float: left;
    padding: 1% 3% 1% 1%;
}

.reasonsAssForm {
    float:left;
    background:rgba(255,255,255, 0.5);
    margin: 4% 2% 0 1%;
    border: 1px solid #fd6c6e;
    width: 46%;
    height: 336px;
}

.reasonsAssForm ul {
    padding:3%;
}

.signupImage img {
        float: left;
        margin-right: 10px;
    }
.reasonsAssForm-top {
    background:#fd6c6e;
    padding:1% 3%;
    }

.reasonsAssForm-top h3, .reasonsAssForm-top p {
    color:#ffffff;
    }
.reasonsAssForm ul li {
    font-size:14px;
    line-height: 2em;
    }

.reasonsAssForm ul li span {
    background: #fd6c6e;
    color: #ffffff;
    border-radius: 80px;
    padding: 5px 8px;
}

.errorMessage {
    color:#ff0000;
    line-height: 2em;
}
.panel-ass-button a, .bottomAssociatesBit div:first-child a {
    background:#f7d102;
    color:#333333;
}

.reasonsAssForm-top h3 {
    padding-bottom:0;
    font-weight:bold;
}



.bottomAssociatesBit div:last-child {
   width: 46%;
float: left;
padding: 1%;
}

.associateTestimonial {
    clear:both;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    margin: 2% 0 0;
    padding-bottom:5px;
    float: left;
    padding: 1% 0 5%;
}

.testBox {
    box-sizing: border-box;
    float: left;
    padding: 2% 2.3%;
    position: relative;
    width: 30%;
    background: #eeeeee;
    margin: 2% 5% 0 0;
}

.testBox img {
width: 90px;
float: left;
margin-right: 3%;
display: inline-block;
}

.testBox:last-child {
    margin-right:0;
    float:right;
}

.panel-ass {
    margin-top:40px;
}
.panel-ass-button {
    padding: 17px;
}

.fomHide, .fomamore {
    display:none;
}

.fomHide p {
    margin:0;
    padding: 0 0 5% 0 !important;
    }

.fomOpen {
    cursor:pointer;
    text-transform: uppercase;
}
.associateTestimonial h2, .bottomAssociatesBit h2 {
    padding: 10px 0;
    text-align: left;
    margin-top: 10px;
}

.associateTestimonial p {
    
    padding: 2%;
    font-style: italic;
    font-size:1em;
    display:inline;
}


/*********** LOGGEDOUT BASKET *********/
.main-col.loggedour-basket .account-nav-container, .shopby-head 
{
   padding: 20px 15px;
}
.main-col.loggedour-basket .account-nav-container { padding-bottom: 0; padding-top: 0; }
.main-col.loggedour-basket .account-nav-container .myacctoun-nav-section
{
   width: 100%;
   float: left;
}
.main-col.loggedour-basket .account-nav-container .myacctoun-nav-section .myshopping-basket
{
  float: left;
  padding: 0px;
  margin: 0px;
}
.logout-anch
{
  float: right;
  padding: 0 0 0 30px;
}
.account-anch .cart-item-sec
{
   float: left;
   padding: 0 0 0 30px;
}
.account-anch .cart-item-sec span
{
  padding: 0 2px;
}
.logout-product-detail-container
{
   margin: 20px 0 0;
}
.logout-product-detail-container .tab-detail-con
{
  width: 100%;
}
.logout-product-detail-container .tab-detail-con table
{
  width: 100%;
  border: #e7e7e7 solid 1px;
}
.logout-product-detail-container .tab-detail-con table th
{
   padding: 10px 0;
   background: #e7e7e7;
}
.logout-product-detail-container .tab-detail-con table td
{
   text-align: center;
   vertical-align: middle;
   padding: 20px 0;
}
.logout-product-detail-container .tab-detail-con table td p.pro-tit span
{
  font-weight: 600;
}
.logout-product-detail-container .tab-detail-con table td p.pro-tit span
{
  font-weight: 600;
}
.logout-product-detail-container .tab-detail-con table td p
{
  padding: 5px 0 0;
}
.logout-product-detail-container .tab-detail-con table td  .product-qty {
    margin: 0 auto;
    width: 91px;
}
.logout-product-detail-container .tab-detail-con table td a.prodcut-img img
{
  width: 75px;
}
.Total-rt-con
{
  clear: both;
  overflow: hidden;
  display: block;
  margin: 15px 0 0;
  float: right;
}
.login-signup
{
  float: left;
  margin: 0 20px 0;
    width: 500px;
}
.product-totalarate
{
   float: right;
   width: 200px;
   margin: 0 40px 0 0;
   border: 1px solid #e7e7e7;
   text-align: center;
}
.product-totalarate h3
{
  text-align: center;
  background: #e7e7e7;
  padding: 7px 0px;
  display: block;
  overflow: hidden;
}
.product-totalarate  span.com-total
{
   padding:30px 0px;
   display: block;
   color: #333333;
}
/*********** LOGGEDOUT BASKET CLOSE*********/

/*----------------------------------------------------------------------------------------------------------
[ Basket  ] 
------------------------------------------------------------------------------------------------------------*/
    #BasketTable {float: left; margin-bottom: 10px;width: 100%;}
    #BasketTable table {width: 100%;}
    #BasketTable table th,
    #BasketTable table td {padding: 10px; border: none;}
    #BasketTable table th {background: #e7e7e7;font-size: 12px;color: #666666;font-weight: 300;padding: 10px; text-transform: uppercase;text-align:left;}
    #BasketTable table th.small {width: 140px;text-align: right;}
    #BasketTable table td {font-size:12px;vertical-align: top;}
    #BasketTable table td.basketProduct {width: 370px;}
    #BasketTable table td.basketPrice {text-align:right;}
    .basketImage {float:left; padding-right: 20px; width: 60px;}
    #BasketTable table td input.textinput {float: left; width: 50px;}
    #BasketTable table td.basketProductQuantity { width: 140px;}
    #BasketTable table td.basketProductQuantity .textinput {float:left;margin:0 4px 0 0;width: 20px;border:solid 1px #ccc;}
    #BasketTable table td.basketProductQuantity .minus + .textinput { margin-right: 0; }
    .removeButton { display: none;}
    .basketTotals th .removeButton { display: inline-block;width: 14px;}
    .basketTotals th span { display: inline-block;color: #333;padding: 3px;}
    .incorrect-price{ color: #fd6c6e;}
/* -------------------------------------------------------*/
    #BasketTable .totalsTableDiv table { float: right; font-size:12px; margin-bottom: 20px; margin-left: 20px; width: 220px; }
    #BasketTable .totalsTableDiv table td,
    #BasketTable .totalsTableDiv table th { background: none; border: none; padding: 6px 8px; }
    #BasketTable .totalsTableDiv table th.label { text-align: right; width: 155px; }
    #BasketTable .totalsTableDiv table td.value { text-align: right; vertical-align: top; width: 70px; }
/* -------------------------------------------------------*/
    #Addresses {float: right; display: inline;}
    #Addresses select.addressSelector {float: left; margin-bottom: 10px; width: 220px;}

    #Addresses .selectedAddresses {float: left; display: inline; margin-right: 20px; width: 225px;}
    #Addresses .selectedAddresses .deliveryAddress {float: left; margin-bottom: 10px; width: 225px;}
    #Addresses .selectedAddresses .billingAddress {float: left; margin-top: 10px; width: 225px;}

    #Addresses .newAddress {float: left; width: 220px;}
    #Addresses .newAddress label {width: 220px;}
    #Addresses .newAddress .textinput {float: left; width: 210px;}
    #Addresses .newAddress select {width: 220px;}
 /* -------------------------------------------------------*/
    #PostageInstruction {float: left; margin-bottom: 20px; width: 220px;}
    #PostageInstruction textarea {float: right; height: 60px; width: 210px;}
/* -------------------------------------------------------*/
    #OrderInstruction {float: left; padding: 16px; width: 180px; border: solid 1px #ccc;}
    #OrderInstruction p {font-size: 1.25em; font-weight: bold;}
/* -------------------------------------------------------*/

/*********** PRODUCT CATEGORIES *********/
.col-right
{
  width: 74%;
  float: left;
}
.col-right .account-nav-container, .shopby-head 
{
  margin-left: 3%;
}
.shopby-cat-sec
{
  width: 100%;
  display: block;
  overflow: hidden;
  clear: both;
}
.pro-catit h4
{
    padding: 7px 15px 7px;
    margin: 15px 0 0 3%;
   border-left: 6px solid transparent;
   text-transform: uppercase;
}
.shopby-cat-lister
{
    float:left;
    margin:30px 0 0;
}
.shopby-cat-lister ul li
{
   display: block;
   margin: 0 0 5px;
   overflow: hidden;
}
.shopby-cat-lister ul li a span
{
   width: 50px;
   height: 17px;
   display: inline-block;
   float: left;
   margin: 0 5px 0 0;
}
.shopby-cat-lister ul li a
{
  color: #999999;
}
.shopby-cat-lister ul li.nutri a span
{
   background: #c8f26d !important;
}
.shopby-cat-lister ul li.skincare a span
{
   background: #55cdc3 !important;
}
.shopby-cat-lister ul li.collagen a span
{
   background: #55626f !important;
}
.shopby-cat-lister ul li.five-day a span
{
   background: #fd6c6e !important;
}
.shopby-cat-lister ul li.xenca-weight a span
{
   background: #ffcc00 !important;
}
.shopby-cat-lister ul li.per-xenca a span
{
   background: #ff6699 !important;
}
.shopby-cat-lister ul li.sport-xenca a span
{
   background: #c24e5a !important;
}
.shopby-cat-lister ul li.pet-xenca a span
{
   background: #66cc66 !important;
}
.featured-slider-container
{
    border: 1px solid #e7e7e7;
    padding: 20px 30px;
    text-align: center;
    margin: 20px 0 20px 0;
}
.featured-slider-container h5
{
    color: #666666;
}
.featured-slider-container p
{
    padding: 10px 0 0;
}
.featured-slider-container a.more-detbtn
{
    clear: both;
    display: block;
    font-style: italic;
    font-weight: 600;
    padding: 10px 0 0;
}
.slider-content { min-height: 525px; }
.flex-caption { bottom: 20px; position: absolute; right: 11px; }
.caption_title_line { background:url(images/slider_caption_bg.png) repeat; color: #303030; height: 75px; padding: 5px 15px 10px 15px; width: 450px;}
.flex-caption h2 { color: #303030; font-family: 'Ovo', serif; font-size: 20px; margin: 0; padding: 5px 0 5px 0; }
.flex-container a:active,
.flexslider a:active { outline: none; }
.slides,
.flex-control-nav,
.flex-direction-nav { list-style: none; margin: 0; padding: 0; } 
/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 50px 0 0px 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: inline-block; border:none;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
.flex-container {zoom: 1; position: relative;}
/* Direction Nav */
.flex-direction-nav 
{
   display: none; 
}
.flex-direction-nav li a {width:45px; height:100%; margin:0; display: block; position: absolute; right:11px; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li a.next {background: #f4f4f4 url(../images/slide-right.png)  center center no-repeat; top:0px; right: 0px;}
.flex-direction-nav li a.prev {background: #f4f4f4 url(../images/slide-left.png) center center no-repeat; top:0px; left:0px;}
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
/* Control Nav */
.flex-control-nav { display: block; position: absolute; right: 0; text-align: center; top: 10px; width: 100%; z-index: 99; }
.flex-control-nav li {margin: 0 0 0 12px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 9px; height: 9px; display: block; cursor: pointer; text-indent: 99999px;background: none repeat scroll 0 0 
#ffffff;
border: 1px solid #55626f;
color: #000000;
margin: 0px;
padding: 0 0px;
text-decoration: none;}
.flex-control-nav li a:hover {background: #55626f;}
.flex-control-nav li a.active {background: #55626f; cursor: default;}
/* Homepage Flexslider */
.home-flexslider { padding: 0; }
.home-flexslider .flex-control-nav { bottom: 25px; left: 25px; right: auto; text-align: left; top: auto; width: auto; }
.home-flexslider .flex-control-nav li { margin: 0 4px 0 0; }
.home-flexslider .flex-control-nav li a { background: transparent; border: 2px solid #55626F; border-radius: 20px; height: 19px; width: 19px; }
.home-flexslider .flex-control-nav li a.active { background: #55626F; }

.slider-content .product-img {
    background: none repeat scroll 0 0 #FFFFFF;
    text-align: center;
    width: 100%;
	padding: 20px 0px;
	position: relative;
}
.slider-content .product-img img
{
  width: auto;
  height: 139px !important;
}
.slider-content .prodcut-btn-con
{
  display: block;
  z-index: 99999999;
  margin: 10px 0 0;
  width: 100%;
  bottom: 0px;
  position: absolute;
}
.slider-content .prodcut-btn-con .product-qty
{
  width: 91px;
  float: left;
}
.slider-content .prodcut-btn-con .product-qty
{
  width: 91px;
  float: left;
}
.slider-content  .product-rate, .slider-content .product-rate , .productPrice
{
    font-weight: bold;
}


.slider-content  .product-rate span
{
  display: block;
}
.slider-content .prodcut-btn-con .product-qty .plus, .slider-content .prodcut-btn-con .product-qty .minus {
    background: none repeat scroll 0 0 #66CC66 !important;
    border: medium none; 
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 26px;
    margin: 0;
    padding: 0;
    width: 22px;
}
.slider-content .prodcut-btn-con .product-qty  input[type='text']
{
    border: 1px solid #66CC66 !important;
}
.slider-content .prodcut-btn-con .cart-btn
{
   float:right;
   padding: 7px 3px 5px !important;
}
.cat-product-detal { margin: 15px 0 0 3%; padding: 4px 15px; }
.cat-product-detal p { margin: 0 0 12px 0; }
.cat-product-detal p:last-child { margin-bottom: 0; }
.cat-product-detal p, .cat-product-detal h5, .cat-product-detal span, .cat-product-detal a
{
   color: #666666;
}
.categories-product-listing-container
{
   clear: both;
   display: block;
   margin: 0 0 30px 0;
   overflow: hidden;
}
.categories-product-listing-container ul li {
    border: 1px solid #e7e7e7;
    display: inline-block;
    min-height: 230px;
    margin: 20px 0 0 3%;
    padding: 20px 0 18px 0;
    text-align: center;
    vertical-align: top;
    width: 29%;
}
.categories-product-listing-container .prodcut-img { display: block; height: 150px; overflow: hidden; width: 100%; }
.categories-product-listing-container .prodcut-img a { display: block; height: 100%; }
.categories-product-listing-container .prodcut-img img { margin: 0 auto; max-height: 100%; max-width: 165px; }

/* Code to make the Christmas images larger */
.param-christmas-offers .categories-product-listing-container ul li { padding-top: 4px; }
.param-christmas-offers .categories-product-listing-container .prodcut-img { height: 190px; }
.param-christmas-offers .categories-product-listing-container .prodcut-img img { margin-top: -7px; max-height: 104%; max-width: 214px; }


.categories-product-listing-container ul li .product-btn-con
{
   margin: 15px 0 0 10px;
}
.categories-product-listing-container ul li .product-btn-con .product-qty
{
  float: left;
}
.categories-product-listing-container ul li .product-btn-con .cart-btn
{
  float: left;
  font-size: 12px;
  margin-left: 5px;
}
.categories-product-listing-container ul li p.prodcut-title
{
    font-size: 14px;
    margin: 12px 0 0 0;
    padding: 0 15px;
}
.categories-product-listing-container ul li a.more-detbtn {
    clear: both;
    display: block;
    font-style: italic;
    font-weight: 600;
    margin: 0;
    padding: 10px 0 0;
}
.categories-product-listing-container ul li p.prodcut-rate
{
  font-size: 14px;
  margin: 0;
  padding: 5px 0;
}
/*********** PRODUCT CATEGORIES CLOSE*********/

/*********** PRODUCT CATEGORIES CLOSE*********/
.cat-product-detal h3
{
  text-transform: none;
}

.product-specification {
    clear: both;
    display: block;
    height: auto;
    margin: 20px 0 0 3%;
    width: 88.5%;
    border: 1px solid rgb(231, 231, 231);
    padding: 22px 4%;
}
.product-specification .product-video-box {
    float: right;
    margin: 0 0 10px 30px;
    width: 424px;
}
.product-specification .product-video-box iframe {
    float: right;
}
.product-specification .product-spec-box {
    margin-right: 25px;
}

.prodouct-detailPage { margin-top: 15px; }
.prodouct-detailPage h2 { line-height: 25px; margin: 0 0 6px 0; }

.prodouct-detailPage .product-artcile .cat-product-detal
{
   background: #ffffff;
   border: 1px solid #e7e7e7;
   border-left: 6px solid #55626F !important;
   min-height: 235px;
}
.prodouct-detailPage .product-img
{
    width: 28%;
	float: left;
	margin: 0 3%;
    min-height: 225px;
}
.prodouct-detailPage .product-img img
{
    width: 100%;
}
.prodouct-detailPage .product-specification
{
  width: 97%;
  height: auto;
  display: block;
  overflow: hidden;
  clear: both;
  margin: 5px 0 0 3%;
}
.prodouct-detailPage .product-video-box
{
  width: 55%;
  background: #e7e7e7 url(../images/video-icon.png) center center no-repeat;
  min-height: 245px;
  height: 245px;
  cursor: pointer;
  float: left;
}
.prodouct-detailPage .product-spec-box
{
   float:right;
   width: 38%;
   border: 1px solid #e7e7e7;
   padding: 0 3%;
   min-height: 243px;
   height: 243px;
}
.prodouct-detailPage .product-spec-box h6.spec-head
{
   padding: 40px 0;
}
.prodouct-detailPage .product-spec-box p
{
   color: #666666;
   font-weight: 600;
   padding: 5px 0 0;
}
.prodouct-detailPage .product-spec-box p span
{
   font-weight: 300;
}
.prodouct-detailPage .product-btn-con
{
    margin: 45px 0 0 0;
}
.related-product-container h4
{
   margin: 20px 0 0 7.5%;
}



/* IP Styles */

.clear { clear: both; }
.overflow { overflow: hidden; }

.form-group { position: relative; }
.form-control { height: 20px; width: 94%; }
select.form-control {height: 33px;width: 50%;border-radius: 0;margin: 5px 0; }
.form-required { color: #f00; position: absolute; right: 0; top: 0; }
.form-required-block { color: #f00; display: block !important; padding: 4px 0 0 0; }
.control-label {font-weight: normal;margin: 10px 0;font-size: 14px;}
.page-content-container { padding: 10px 20px; }
.page-content-container h2 { padding: 10px 0; }
.page-content-container p { margin: 10px 0; }

.col-form { float: left; width: 40%; }
.col-form-left  { padding: 14px 0 0 0; width: 62%; }
.col-form-right { float: right; padding: 14px 0 0 0; width: 32%; }
.panel { padding: 10px 0 10px 10px; }
.vertical-nav li { margin: 4px 0; }
.box { border: 1px solid #e7e7e7; margin-bottom: 10px; margin-right: 20px; padding: 15px; }
.box .address-edit { float: right; color: #666;}
.checkout-heading { background: #e7e7e7; color: #54626f; display: block; font-size: 12px; padding: 11px 0 11px 37px; }
.payment-sagepay-panel .error { font-weight: bold;font-size: 16px;color: #ff4500;line-height: 18px;}
.my-account { }
.my-account .control-label { float: left; padding-right: 14px; width: 22%; }
.my-account .form-control { width: 68%; }
.my-account input { max-width: 100%; }

.custom.checkbox { display: none; }
.my-account input[type="checkbox"] { margin: 8px 8px 0 0; }

.conpanyDeets {
font-size: 10px;
color: #999999;
line-height: 12px;
}

/*********************** Blog Styles *****************************/
.blog-listing-container { margin-left: 45px; }
.blog-heading { font-size: 18px; padding-bottom: 6px; }
.blog-heading a { font-size: inherit; }
.post-date { font-size: 10px; }
.blog-list li { margin-bottom: 20px; }

.post-summary img { margin-bottom: 10px; }
.post-image { margin-bottom: 20px; }

/* This makes me feel ill, but it's not my fault the HTML is so poorly conceived that I have to do this */
.blog-detail-container { margin-top: -124px; }

.blog-paginator a { margin: 0 10px 0 0; }
.blog-paginator .current { color: #FD6C6E; text-decoration: underline; }

/********************** Form Styles *******************************/

.signup-steps { counter-reset: li; list-style: none; margin: 14px 0 20px 0; padding: 0; }
.signup-step { color: #d8d8d8; float: left; font-size: 12px; margin: 0; padding: 0; position: relative; text-transform: uppercase; width: 25%; }
.signup-step:before {
    border: 1px solid #D8D8D8;
    border-radius: 28px;
    color: #D8D8D8;
    content: counter(li, decimal);
    counter-increment: li;
    display: block;
    font-size: 18px;
    font-weight: bold;
    left: 1px;
    padding: 7px 11px 9px 11px;
    position: absolute;
    top: 9px;
}
.signup-step span { color: inherit; display: block; padding: 18px 0 18px 45px; }
.signup-step-three span,
.signup-step-four span { padding-top: 11px; }
.signup-step-current { color: #55cdc3; }
.signup-step-current:before { background: #55cdc3; color: #fff; }

.associates-signup-left { margin-bottom: 30px; }
.associates-signup-right { border: 1px solid #e7e7e7; margin: 12px 0 30px 0; padding: 0; }
.associates-signup-right > img { width: 100%; }
.associates-list > li { border-bottom: 3px solid #E7E7E7; padding: 22px 0 38px 0; }
.associates-list > li:first-child { padding-top: 12px; }
.associates-list > li:last-child { border-bottom: 0; }
.associates-list .prodcut-title a { color: #3E9993; font-size: 18px; }
.associates-list .prodcut-img { max-width: 290px; }
.col-right-inset { padding: 8px 12px; }
.col-right-inset h2,
.col-right-inset h3 { color: #55626f; font-size: 30px; line-height: 36px; text-transform: none; }
.join-us-benefits .heading { background-image: url('../images/list_icon_sprite.jpg'); background-repeat: no-repeat; font-weight: bold; line-height: 27px; padding: 0 0 0 40px; }
.join-us-benefits p { padding-left: 40px; }
.benefit-product-range .heading { background-position: 0 0; }
.benefit-great-deal .heading { background-position: 0 -27px; }
.benefit-unbeatable-support .heading { background-position: 0 -54px; }

.form-heading { background: #e7e7e7; color: #525f6c; display: block; font-size: 14px; margin: 0 0 8px 0; padding: 11px 37px; text-transform: uppercase; }
.form-group { border: 1px solid #e7e7e7; padding: 8px 37px 18px 37px; position: relative; }
.form-group-note { position: absolute; right: 15px; top: 18px; }
.panel-thin .form-heading { padding-left: 20px; }
.panel-thin .form-group   { padding-left: 20px; padding-bottom: 26px; }

.form-line { display: block; margin: 16px 0 0 0; position: relative; width: 50%; }
.form-line-wide { width: 100%; }
.form-line-inline { display: inline-block; padding: 0 2% 0 0; vertical-align: top; width: 46% }

.label { color: #525f6c; display: block; font-size: 14px; font-weight: normal; min-height: 12px; padding: 0 6px 8px 0; }
.form-line .text-input,
.form-line .text-area {
    background: #fff;
    border: 1px solid #ccc;
    color: #111;
    font-size: 14px;
    min-height: 18px;
    padding: 7px 14px;
    width: 90%;
}
.form-line select.text-input { width: 100%; }
.text-input:focus,
.text-area:focus {  }

.required { color: #54ccc3; }

.form-line-single { width: 100%; }
.form-line-single.overflow { width: auto; }
.form-line-single .label { float: left; padding: 7px 14px 8px 0; text-align: right; width: 24%; }
.form-line-single .text-input { padding: 7px 3%; width: 93%; }
.form-line-single .text-input option { padding: 0; }

.form-line .overflow i { display: block; padding: 5px 0 2px 5px; }


#infovis {
    position:relative;
    width:100%;
    height: 700px;
    margin:auto;
    overflow:hidden;
      cursor:all-scroll;
}


.fullscreen{ position: absolute;z-index: 10000;right: 30px;top: 60px;}
.tree-load {
    position: absolute;
    z-index: 10000;
    left: 50%;
    top: 50%;
}
/********************** MEDIA QUERY SMALL DEVICE ****************************/
@media screen and (max-width: 950px)
{
    /*************** HEADER START  ******************/
    .header-col-left {
        float: none;
        text-align: center;
        width: 100%;
    }
    .header-col-right {
        float: none;
        width: 100%;
	    text-align: center;
    }
    .search-container {
        float: none;
        width: 100%;
    }
    .signin-con {
        text-align: center;
    }
    .main-nav-container {
        float: none;
        width: 100%;
	    text-align: center;
    }
    .main-nav-container .navigation ul li {
        display: inline-block;
        float: none;
        margin: 0 0 0 5px;
        width: 110px;
    }
    .main-nav-container .navigation ul li a {
        width: 100%;
    }
    .menu-toggler
    {
       display: block;
    }
    .main-catnav
    {
       display: none;
    }
    .main-catnav ul li
    {
      display: block;
      float: none;
      padding: 7px 0;
      border-bottom: 1px dotted #e7e7e7;
      margin: 0px;
    }
    .main-catnav ul li a
    {
       background: url(../images/arrow-nav.png) left center no-repeat;
       padding: 0 0 0 20px;
    }

    .main-catnav > ul > li:hover > a {
       background: url(../images/arrow-nav.png) left center no-repeat;
        -webkit-box-shadow: none;
                box-shadow: none;
    }
    .main-catnav .dropdown-sub { display: none !important; }
    /*************** HEADER CLOSE  ******************/

    /************* HOME CONTAIAINER START ***********/

    .home-feature { width: 42%; }
    .home-feature-main { width: 56.4%; }
    .home-introcontainer .col-mid .intro-text {
        padding: 10px 0 0;
    }

    .home-introcontainer .col-mid .mid-lister {
        padding: 10px 0 0;
    }
    .col-left .banner-box {
        margin: 0 0 25px;
        width: 100%;
    }
    .featured-product-container .featured-prosection ul li {
        display: block;
        float: none;
        text-align: center;
        width: 80%;
	    border: 1px solid #e7e7e7;
	    margin: 15px auto;
	    padding: 0 0 20px;
    }
    .mission-box-container .mission-boxes, .profile-box-container .profile-box {
        padding: 2%;
        width: 76%;
	    float: none;
        margin: 15px auto 0 !important;
	    min-height: 200px;
    }
    .mission-box-container .mission-boxes.joinus-box {
        margin: 15px auto 0;
    }

    

    
    .mission-box-container .mission-boxes a.find-more {
        bottom: 0px;
        position: relative;
    }
    .col-left 
    {
            float: none;
            width: 100%;
    }
	    .col-left .banner-box {
		    margin: 10px 2.5%;
		    width: 45%;
		    text-align: center;
		    float: left;
	    }
	
	    .col-left .banner-box img{
		    height: auto;
	    }
    
        .home-introcontainer .col-mid {
        float: left;
        padding: 0 2.5%;
        text-align: center;
        width: 95%;
        }
	
        .myacctoun-nav-section {
        float: none;
        overflow: hidden;
        padding: 15px 0 0;
        width: 100%;
        }
	
    .myshopping-basket {
        float: left;
        padding: 0 0 0 8px;
    }
    .cart { float: left;}

    /************* HOME CONTAIAINER CLOSE ***********/
    /************** FOOTER START ******************/
    .footer-container .footer-modules {
        float: none;
        margin: 15px auto 0px;
        width: 80%;
    }
    .footer-container .footer-modules ul li {
        border-bottom: 1px dotted #E7E7E7;
        display: block;
        padding-bottom: 5px;
    }
    .footer-container .footer-modules ul li a
    {
       background: url(../images/arrow-nav.png) left center no-repeat;
       padding: 0 0 0 25px;
    }
    .footer-container .footer-modules.follow-us ul li {
       border: none;
    }
    .footer-container .footer-modules.join-maillist {
        width: 80%;
    }
    /************** FOOTER CLOSE ******************/

    /*********** LOGGED OUT START ********/
    .logout-product-detail-container .tab-detail-con table thead , .logout-product-detail-container .tab-detail-con table tr th{
    display: none;
    }
    .logout-product-detail-container .tab-detail-con table tr td
    {
       display: block;
       text-align: left;
       padding: 20px;
       border-bottom: 1px solid #e7e7e7;
       overflow: hidden;
    }
    .logout-product-detail-container .tab-detail-con table tr td:last-child
    {
      border-bottom: none;
    }
    .logout-product-detail-container .tab-detail-con table td .product-qty {
        margin: 0;
        width: 91px;
    }
    .Total-rt-con {
        clear: both;
        display: block;
        float: none;
        margin: 15px 0 0;
        overflow: hidden;
    }
    .product-totalarate {
        float: none;
        margin: 0 0px 0 0;
        text-align: left;
        width: auto;
    }
    .product-totalarate span.com-total {

        padding: 30px 20px;
    }

    .account-nav-container, .shopby-head {
        padding: 10px 0;
    }

    .main-col.loggedour-basket .account-nav-container, .shopby-head {
        padding: 10px 15px;
    }

    .account-anch .cart-item-sec span {
        padding: 0 5px 0 0;
    }
    .login-signup {
        float: left;
        margin: 10px;
        width: 100%;
    }

    .login-signup p {
        text-align: left;
    }
    .login-signup a {
       margin: 0 10px 0 0;
    }
    .loggedour-basket .account-anch {
        border: medium none;
        float: left;
        padding: 10px 0;
	    border-top: 1px solid #e7e7e7;
	    margin: 10px 0 0;
	    width: 100%;
    }
    .account-anch a {
        float: right;
        padding: 0 0 0 15px;
    }
    .account-anch .cart-item-sec 
    {
        float: left;
        padding: 0 0 0 0px;
    }
    /*********** LOGGED OUT CLOSE ********/

    /******** PRODUCT CATEGORIES START *****/
    .slider-content .prodcut-btn-con {

        position: static;
        width: 100%;
    }
    .slider-content 
    {
        min-height: 150px;
    }
    .col-right .account-nav-container, .shopby-head {
        margin-left: 0;
    }
    .shopby-cat-lister ul li {
        display: block;
        padding: 0 0 10px;
        overflow: hidden;
	    border-bottom: 1px dotted #e7e7e7;
    }
    .col-right {
        float: left;
        width: 100%;
    }
    .cat-product-detal {
        margin: 15px 0 0;
    }
    .categories-product-listing-container ul li {
        margin: 15px auto 0px;
        width: 80%;
	    float: none;
	    display: block;
	    overflow: hidden;
    }
    .categories-product-listing-container ul li .product-btn-con {
        display: block;
        margin: 15px auto;
        overflow: hidden;
        text-align: center;
        width: 215px;
    }
    .slider-content .prodcut-btn-con .product-qty {
        float: left;
        width: 85px;
    }
    .slider-content .prodcut-btn-con {
        margin: 15px auto 0;
        width: 200px;
    }
    /******** PRODUCT CATEGORIES CLOSE *****/

    /******** PRODUCT DETAIL START *****/

    .related-product-container .pro-catit {
        margin: 10px 0px 0;
    }
    /******** PRODUCT DETAIL START *****/
}
/********************** MEDIA QUERY LARGE MOBILE TABLET ****************************/
@media screen and (max-width: 575px) {
    .home-feature { height: auto; width: 100%; }
    .home-feature-main { margin-bottom: 12px; width: 100%; }
    .feature-inset { top: 14px; }
    

    /************ FORMS ************/
    .col-form,
    .col-form-left { clear: both; text-align: center; width: 96%; }
    .form-line-inline { display: block; width: 100%; }
    .col-form .button { display: block; margin: 1rem auto; padding: 1.2rem; text-align: center; width: 80%; }
    .form-group-note { position: static; }
}
/********************** MEDIA QUERY MOBILE TABLET ****************************/
@media screen and (max-width: 400px)
{
    /**********HEADER START *********/
    .main-nav-container .navigation ul li {
        display: block;
        float: none;
        margin: 5px auto;
        width: 200px;
    }
    /*********** HEADER CLOSE ******/

    /************ HOME START *******/

    .featured-product-container .featured-prosection ul li {
        border: 1px solid #E7E7E7;
        display: block;
        float: none;
        margin: 15px auto;
        padding: 0 0 20px;
        text-align: center;
        width: 90%;
    }
    .mission-box-container .mission-boxes, .profile-box-container .profile-box {
        float: none;
        margin: 15px auto 0;
        min-height: 200px;
        padding: 2%;
        width: 86%;
    }


        .mission-box-container>div
        {
            color: pink;
            margin: 0 5%;
            border-top: 6px solid #c8f26d;
        }

        .mission-box-container > div:nth-child(3)
        {
            border-top: 6px solid #fd6c6e;
        }

    /************ HOME CLOSE *******/



    /*********** FOOTER START *******/
    .footer-container .footer-modules {
        float: none;
        margin: 15px auto 0;
        width: 90%;
    }
    .footer-container .footer-modules.join-maillist {
        width: 90%;
    }
    /*********** FOOTER START *******/

    /*********** LOGGED OUT START ********/
    .logout-product-detail-container .tab-detail-con table thead , .logout-product-detail-container .tab-detail-con table tr th{
    display: none;
    }
    /*********** LOGGED OUT CLOSE ********/

    /******** PRODUCT CATEGORIES START *****/
    .categories-product-listing-container ul li {
        display: block;
        float: none;
        margin: 15px auto 0;
        overflow: hidden;
        width: 90%;
    }
    /******** PRODUCT CATEGORIES START *****/
}
/********************* FOR DEVELOPER ALWAYS KEEP THIS QUERY BOTTOM OF THE STYLE SHEET***************/
@media screen and (min-width: 951px)
{
   .main-catnav
   {
    display: block;
   }
}

/* Becoming an associate - Find out more page */

.page-find-out-more p {
    font-size: 1.3em;
    line-height: 1.6;
}

.page-find-out-more .header-container,
.page-find-out-more .home-main,
.page-signup .header-container,
.page-signup .home-main {
    display: none;
}

header {
    height: 115px;
    border-bottom: 1px solid #e7e7e7;
}

header .logo-sec {
    float: left;
}

header .contact-details {
    color: #f76e75;
    float: right;
    font-family: Verdana;
    font-size: 2em;
    font-style: italic;
    position: relative;
    top: 5rem;
}

header .contact-details a {
    font-weight: bold;
    font-style: normal;
    color: #f76e75;
    font-size: 1em;
}

/* Media Queries 1018px */
@media screen and (min-device-width:1px) and (max-device-width:1018px), (min-width:1px) and (max-width:1018px) {

    header {
        box-sizing: border-box;
        padding: 1rem;
    }

}

/* Media Queries 600px */
@media screen and (min-device-width:1px) and (max-device-width:600px), (min-width:1px) and (max-width:600px) {

    header {
        height: 168px;
    }

    header .logo-sec {
        float: none;
        text-align: center;
        width: 100%;
    }

    header .contact-details {
        float: left;
        text-align: center;
        top: 1rem;
        width: 100%;
    }

    header .contact-details a:hover {
        text-decoration: none;
    }

}

/* Media Queries 324px */
@media screen and (min-device-width:1px) and (max-device-width:324px), (min-width:1px) and (max-width:324px) {

    .page-find-out-more header,
    .page-signup header {
        height: 198px;
    }

    .page-find-out-more header .contact-details a,
    .page-signup header .contact-details a {
        clear: both;
        float: left;
        margin: 1rem 0;
        width: 100%;
    }

}

.beinganassociate {
    padding-top: 2rem;
}

.beinganassociate .section-1 {
    background: #eaeaea;
    float: left;
    width: 100%;
}

.beinganassociate .section-1 h2 {
    color: #505050;
    float: left;
    font-size: 2.5em;
    font-weight: bold;
    padding: 3rem 0;
    text-align: center;
    width: 100%;
}

.beinganassociate .section-1 .part-1 {
    box-sizing: border-box;
    float: left;
    padding: 0 1rem;
    width: 100%;
}

.beinganassociate .section-1 .part-1 .wrapper {
    clear: both;
    float: left;
    width: 100%;
}

.beinganassociate .section-1 .part-1 .video {
    background: #FFF;
    float: left;
    height: 425px;
    width: 73%;
}

.beinganassociate .section-1 .part-1 .sub-text {
    background: #354096;
    clear: none;
    float: right;
    height: 425px;
    padding: 5rem 1rem 2rem 3rem;
    width: 27%;
}

.beinganassociate .section-1 .part-1 .sub-text h3 {
    color: #FFF;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.3;
    text-transform: none;
}

.beinganassociate .section-1 .part-1 .sub-text h3 span {
    color: #FE6D6E;
    font-size: 1em;
}


.beinganassociate .section-1 .part-1 .sub-text h4 {
    color: #FFF;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.3;
    text-transform: none;
}

.beinganassociate .section-1 .part-1 .sub-text ul {
    clear: both;
    float: left;
    margin: 1rem 0 0;
}

.beinganassociate .section-1 .part-1 .sub-text li {
    background: url("../images/icon-tick.png") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 2;
    padding-left: 2rem;
}

.beinganassociate .section-1 .part-1 p {
    background: #FF8481;
    box-sizing: border-box;
    clear: both;
    color: #FFF;
    float: left;
    font-size: 2.3em;
    font-weight: bold;
    line-height: 1.2;
    margin: 0;
    padding: 2.5rem 1rem;
    position: relative;
    text-align: center;
    width: 100%;
}

.beinganassociate .section-1 .part-1 p:after {
    background: url("../images/icon-arrow.png") no-repeat scroll center bottom;
    bottom: -2rem;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}

.section-1 .assincform {
    box-sizing: border-box;
    float: left;
    margin: 0;
    padding: 0 4rem;
    width: 100%;
}

.section-1 .panel-ass {
    background: url("../images/guide.png") no-repeat scroll 94% 0 / 28% auto;
    float: left;
    margin-top: 2rem;
}

.section-1 .assocform-group {
    background: none;
    border: none;
    clear: both;
    float: left;
    margin: 4rem 0 0;
    padding: 0;
}

.section-1 .mandatory-text {
    color: #505050;
    float: left;
    font-size: 1.3em;
}

.section-1 .form-line-inline {
    box-sizing: border-box;
    clear: both;
    float: left;
    padding: 0;
    width: 100%
}

.section-1 .form-line .label {
    color: #505050;
    float: left;
    font-size: 1.3em;
    padding: 1.2rem 1rem 0 0;
    text-align: right;
    width: 148px;
}

.section-1 .form-line .text-input {
    border-radius: 10px;
    box-sizing: border-box;
    float: left;
    padding: 1rem;
    width: 402px;
}

.section-1 .required,
.section-1 .mandatory {
    color: #ff8481;
}

.section-1 .panel-ass-button {
    box-sizing: border-box;
    clear: both;
    float: left;
    margin: 5rem 0 2rem;
    padding: 0 3rem;
    width: 100%;
}

.section-1 .panel-ass-button a,
.section-1 .panel-ass-button input {
    background: url("../images/icon-guide.png") no-repeat scroll 25px 16px #ff8481;
    color: #FFF;
    float: left;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.3;
    margin: 1rem 3rem;
    padding: 1.5rem 1rem 1.5rem 9rem;
    text-align: left;
    text-transform: uppercase;
    white-space: normal;
    width: 255px;
}

.section-1 .panel-ass-button a:hover,
.section-1 .panel-ass-button a:focus,
.section-1 .panel-ass-button input:hover,
.section-1 .panel-ass-button input:focus {
    text-decoration: none;
}

.section-1 .panel-ass-button .sub-text-1 {
    background: url("../images/icon-arrow-c.png") no-repeat scroll right 62px rgba(0, 0, 0, 0);
    float: left;
    padding-right: 3.6rem;
    text-align: left;
    width: 227px;
}

.section-1 .panel-ass-button .sub-text-2 {
    float: left;
    text-align: center;
    width: 257px;
}

.section-1 .panel-ass-button p {
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.4;
}

.section-1 .social {
    float: left;
}

.section-1 .social p {
    float: left;
}

.section-1 .social ul {
    float: left;
    padding-top: 1.5rem;
}

.section-1 .social li {
    background: url("../images/icons-social.png") no-repeat scroll 0 0 / 24px auto rgba(0, 0, 0, 0);
    float: left;
    height: 25px;
    margin-left: 1rem;
    text-indent: -999em;
    width: 24px;
}

.section-1 .social .gp {
    background-position: 0 -53px;
}

.section-1 .social .lk {
    background-position: 0 -109px;
}

.section-1 .social .tw {
    background-position: 0 -166px;
}

.section-1 .social li a {
    float: left;
    width: 24px;
}

.section-1 .social li a:focus {
    outline: none;
}

.section-1 .note {
    background: url("../images/icon-lock.png") no-repeat scroll 0 3px / 12px auto rgba(0, 0, 0, 0);
    float: right;
    padding-left: 2rem;
}

.section-2 {
    clear: both;
    float: left;
    margin: 1rem 0;
    width: 100%;
}

.section-2 h2 {
    background: #63D5D0;
    box-sizing: border-box;
    clear: both;
    color: #FFF;
    float: left;
    font-size: 2.3em;
    font-weight: bold;
    line-height: 1.5;
    margin: 0;
    padding: 2.5rem 16rem;
    position: relative;
    text-align: center;
    width: 100%;
}


.section-2 h2:after {
    background: url("../images/icon-arrow-g.png") no-repeat scroll center bottom;
    bottom: -2rem;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}

.sub-text {
    box-sizing: border-box;
    clear: both;
    color: #fff;
    float: left;
    padding: 4rem 6rem;
    width: 100%;
}

.section-2 .sub-text {
    background: url("../images/bg-section-2.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    text-align: center;
}

.section-2 .sub-text p {
    color: #FFF;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.2;
}

.section-3 {
    border: 1px solid #eaeaea;
    clear: both;
    float: left;
    margin: 1rem 0 2rem;
    width: 100%;
}

.section-3 h2,
.section-4 h2,
.section-5 h2,
.section-6 h2,
.section-8 h2,
.section-10 h2,
.section-11 h4,
.section-14 h2 {
    background: #EEEEEE;
    box-sizing: border-box;
    clear: both;
    color: #505050;
    float: left;
    font-size: 2.3em;
    font-weight: bold;
    line-height: 1.5;
    margin: 0;
    padding: 4rem 10rem;
    position: relative;
    text-align: center;
    text-transform: none;
    width: 100%;
}

.section-14 h2 {
    padding-bottom: 1rem;
}

.section-3 h2:after,
.section-4 h2:after,
.section-5 h2:after,
.section-6 h2:after,
.section-8 h2:after,
.section-10 h2:after,
.section-11 h4:after {
    background: url("../images/icon-arrow-gr.png") no-repeat scroll center bottom;
    bottom: -2rem;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}

.section-3 .sub-text,
.section-5 .sub-text {
    text-align: center;
}

.section-3 p {
    clear: both;
    float: left;
}

.section-3 .first {
    background: url("../images/icon-face.png") no-repeat scroll 0 2rem / 90px auto rgba(0, 0, 0, 0);
    float: left;
    padding: 3rem 0 3rem 11rem;
    text-align: left;
}

.section-3 .second,
.section-3 .third,
.section-3 .fifth,
.section-3 .sixth,
.section-3 .seventh,
.section-3 .eighth,
.section-3 .ninth {
    text-align: center;
    width: 100%;
}

.section-3 .fourth span {
    color: #55cdc3;
    text-align: left;
}

.section-3 .fourth .price {
    float: left;
    font-size: 1.1em;
    font-weight: bold;
    width: 162px;
}

.section-3 .fourth .price .amount {
    float: left;
    font-size: 4em;
    font-weight: bold;
    margin: 2.5rem 0;
}

.section-3 .fourth .text {
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.4;
    margin-left: 2rem;
    margin-top: 1.4rem;
    width: 697px;
}

.section-3 ul,
.section-8 ul,
.section-10 ul {
    box-sizing: border-box;
    clear: both;
    display: inline-block;
    float: none;
    width: auto;
}

.section-3 ul {
    margin-top: 2rem;
}

.section-3 li,
.section-8 li,
.section-10 li {
    background: url("../images/icon-tick-g.png") no-repeat scroll 0 9px / 40px auto rgba(0, 0, 0, 0);
    font-size: 1.3em;
    line-height: 1.6;
    padding: 1rem 0 2rem 6rem;
    text-align: left;
}

.section-3 .eighth,
.section-3 .ninth {
    font-weight: bold;
    font-size: 1.8em;
    margin-bottom: 0;
}

.section-3 .ninth {
    color: #ff7610;
    margin-top: 0;
}

.section-3 .button,
.section-7 .button,
.section-11 .button,
.section-17 .button {
    background: url("../images/icon-button-arrow.png") no-repeat scroll 325px 17px #ff7610;
    font-size: 2em;
    font-weight: bold;
    margin: 3rem 0 0;
    padding: 3.5rem 10rem 3.5rem 2rem;
    width: 300px;
}

.section-3 .button:hover,
.section-3 .button:focus,
.section-7 .button:hover,
.section-7 .button:focus,
.section-11 .button:hover,
.section-11 .button:focus,
.section-17 .button:hover,
.section-17 .button:focus {
    text-decoration: none;
}

.section-4,
.section-5,
.section-6,
.section-8,
.section-10,
.section-11 {
    border: 1px solid #EEE;
    clear: both;
    float: left;
    margin-bottom: 2rem;
    width: 100%;
}

.section-4 .column-2-layout {
    clear: both;
    float: left;
    margin: 2.5rem 0;
    width: 100%;
}

.section-4 .column-2-layout.second {
    margin: 0 0 4rem 0;
}

.section-4 .column-2-layout.fourth {
    margin-bottom: 0;
}

.section-4 .column-2-layout .col-1,
.section-4 .column-2-layout .col-2 {
    float: left;
    width: 45%;
}

.section-4 .column-2-layout .col-2 {
    box-sizing: border-box;
    padding-left: 2rem;
    width: 55%;
}

.section-4 .first,
.section-4 .third {
    background: #EEE;
    border: 1px solid #354096;
    clear: both;
    float: left;
    width: 100%;
}

.section-4 .first h3,
.section-4 .third h3 {
    background: #354096;
    box-sizing: border-box;
    color: #fff;
    font-weight: bold;
    font-size: 2em;
    line-height: 1.4;
    padding: 2rem 1rem;
    text-align: center;
    text-transform: none;
}

.section-4 .first img {
    margin: .5rem;
    width: 345px;
}

.section-4 .first ul {
    float: left;
    margin-top: 3rem;
}

.section-4 .first li {
    clear: both;
    float: left;
    margin-bottom: 3rem;
    width: 80%;
}

.section-4 .first li h4 {
    font-size: 1.5em;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-transform: none;
}

.section-4 .first li p {
    font-size: 1.3em;
    margin: 1rem 0 0;
    padding: 0;
}

.section-4 .second .col-1,
.section-4 .fourth .col-2 {
    width: 70%;
}

.section-4 .fourth .col-2 {
    margin-top: 2.5rem;
}

.section-4 .second .col-2,
.section-4 .fourth .col-1 {
    width: 30%;
}

.section-4 .second img,
.section-4 .fourth img {
    float: right;
    margin-top: 2rem;
    width: 204px;
}

.section-4 .fourth img {
    float: left;
}

.section-4 .quote {
    background: url("../images/icon-quotes.png") no-repeat 0 0;
    padding: 3rem 3rem 1rem;
    position: relative;
    width: 80%;
}

.section-4 .quote:after {
    background: url("../images/icon-quotes.png") no-repeat 0 0;
    bottom: -1rem;
    content: "";
    height: 29px;
    position: absolute;
    right: 0;
    width: 40px;
}

.section-4 .quote p {
    font-size: 1.3em;
    font-style: italic;
    line-height: 1.4;
    margin-bottom: 1rem;
}

.section-4 .author,
.section-4 .team,
.section-4 .role {
    color: #5bcdc4;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 0;
    margin-left: 3rem;
}

.section-4 .third h3 {
    padding: 2rem 6rem;
}

.section-4 .third img {
    width: 100%;
}

.section-5 .sub-text h3,
.section-8 .sub-text h3,
.section-10 .sub-text h3,
.section-11 .sub-text h5,
.section-11 .sub-text h6 {
    clear: both;
    float: left;
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 3rem;
    text-align: center;
    text-transform: none;
    width: 100%;
}

.section-5 .sub-text h3.last ,
.section-10 .sub-text h3.last {
    margin-top: 2rem;
}

.section-8 .sub-text h3 {
    margin-top: 3rem;
}

.section-5 ul {
    box-sizing: border-box;
    float: left;
    margin: 0 0 2rem;
    padding: 0 0 0 2.5rem;
    width: 50%;
}

.section-5 ul li {
    box-sizing: border-box;
    clear: both;
    color: #55cdc3;
    float: left;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.6;
    list-style-type: disc;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 88%;
}

.section-5 p,
.section-11 p {
    clear: both;
    float: left;
    text-align: center;
    width: 100%;
}

.section-6 {
    clear: both;
    float: left;
    width: 100%;
}

.section-6 ul {
    box-sizing: border-box;
    float: left;
    padding: 7rem 6rem 2rem;
    width: 100%;
}

.section-6 ul li {
    background: url("../images/icons-numbers.png") no-repeat 0 16px;
    clear: both;
    float: left;
    margin-bottom: 3rem;
    padding-left: 12rem;
}

.section-6 ul .second {
    background-position: 0 -470px;
}

.section-6 ul .third {
    background-position: 0 -922px;
}

.section-6 ul .fourth {
    background-position: 0 -1422px;
}

.section-6 ul .fifth {
    background-position: 0 -2130px;
}

.section-6 ul .sixth {
    background-position: 0 -2818px;
}

.section-6 ul .seventh {
    background-position: 0 -3390px;
}

.section-6 ul li h3 {
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 1.5rem;
    text-transform: none;
}

.section-6 ul li p {
    font-size: 1.3em;
    line-height: 1.6;
}

.section-7,
.section-9 {
    background: #EAEAEA;
    clear: both;
    float: left;
    margin-bottom: 2rem;
    text-align: center;
    width: 100%;
}

.section-7 h2,
.section-7 h3,
.section-9 h2,
.section-11 h2,
.section-11 h3 {
    background: #354096;
    color: #fff;
    font-size: 2.3em;
    font-weight: bold;
    padding: 4rem 15rem;
    text-align: center;
    text-transform: none;
}

.section-7 h2,
.section-11 h2 {
    padding-bottom: 0;
}

.section-9 h2 {
    font-size: 2.3em;
    line-height: 1.2;
    padding: 4rem 11rem;
}

.section-7 h3,
.section-11 h3 {
    font-size: 1.5em;
    line-height: 1.3;
    padding: 1rem 14rem 4rem;
}

.section-11 h3 {
    font-size: 1.5em;
    padding: 1rem 20rem 4rem;
}

.section-7 .button {
    margin-bottom: 3rem;
}

.section-8 p,
.section-2 .sub-text {
    text-align: center;
}

.section-8 ul,
.section-10 ul {
    padding: 0 0 0 11rem;
}

.section-8 li,
.section-10 li {
    background-position: 0 4px;
}

.section-10 p {
    text-align: center;
}

.section-10 .sub-text {
    padding: 4rem 8rem;
    text-align: center;
}

.section-10 .column-2-layout {
    clear: both;
    float: left;
    margin: 2rem 0 4rem;
    width: 100%;
}

.section-10 .column-2-layout .col-1 {
    box-sizing: border-box;
    float: left;
    padding-right: 2rem;
    width: 45%;
}

.section-10 .column-2-layout .col-1 img {
    float: left;
    width: 346px;
}

.section-10 .column-2-layout .col-2 {
    float: left;
    width: 55%;
}

.section-10 .column-2-layout p {
    font-size: 1.4em;
    font-weight: bold;
    margin: 0 0 2.5rem;
    text-align: left;
}

.section-10 ul {
    margin-bottom: 4rem;
}

.section-10 ul:last-child {
    margin: 0;
    padding: 0;
    float: none;
    text-align: center;
    width: auto;
    display: inline-block;
}

.section-10 ul:last-child li {
    background: none;
    clear: none;
    display: inline-block;
    float: none;
    padding: 0 1rem;
    text-align: center;
    width: auto;
}

.section-10 ul:last-child li img {
    height: 51px;
}

.section-11 {
    clear: both;
    float: left;
    width: 100%;
}

.section-7 .video,
.section-9 .video,
.section-11 .video {
    box-sizing: border-box;
    height: 500px;
    padding: 4rem 11rem 0;
    width: 100%;
}

.section-9 .video,
.section-11 .video {
    padding-bottom: 4rem;
}

.section-11 .sub-text {
    text-align: center;
}

.section-11 .sub-text h6 {
    font-size: 2em;
    margin: 3rem 0 0;
}

.section-12 {
    background: url("../images/bg-section-12.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    clear: both;
    float: left;
    margin-bottom: 2rem;
    width: 100%;
}

.section-12 img {
    float: left;
    margin: 8rem 4rem 8rem 8rem;
    width: 180px;
}

.section-12 .content {
    float: left;
    margin-top: 5rem;
    width: 500px;
}

.section-12 .content p {
    color: #FFF;
    font-size: 2em;
    font-style: italic;
    font-weight: bold;
    line-height: 1.2;
}

.section-12 .content .author {
    color: #55cdc3;
}

.section-13,
.section-14,
.section-15 {
    background: #FD6C6E;
    clear: both;
    float: left;
    width: 100%;
}

.section-13 h2 {
    box-sizing: border-box;
    color: #FFF;
    float: left;
    font-size: 2.3em;
    font-weight: bold;
    line-height: 1.4;
    margin: 0;
    padding: 2.5rem 10rem;
    position: relative;
    text-align: center;
    width: 100%;
}

.section-14 {
    background: #EEE;
    margin: 2rem 0 .5rem;
}

.section-14 p {
    color: #505050;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.4;
    padding: 0 6rem 2rem;
    text-align: center;
}

.section-14 p.first {
    margin-bottom: 0;
    padding-bottom: 0;
}

.section-15 {
    background: none;
}

.section-15 ul,
.section-15 li {
    clear: both;
    float: left;
    margin-bottom: 0.5rem;
    position: relative;
    width: 100%;
}

.section-15 li a {
    float: left;
    width: 100%;
}

.section-15 li a:hover,
.section-15 li a:focus {
    text-decoration: none;
}

.section-15 li h3 {
    background: url("../images/icon-toggle.png") no-repeat scroll 98% 28px / 15px auto #55CDC3;
    color: #FFF;
    font-size: 1.25em;
    font-weight: bold;
    padding: 2rem 3rem;
    text-transform: none;
}

.section-15 li h3.selected {
    background-position: 98% -51px;;
}

.section-15 .answer {
    box-sizing: border-box;
    float: left;
    /*height: 100px;*/
    padding: 2.5rem 3rem;
    width: 100%;
}

.section-15 li:nth-child(4) .answer {
    height: 272px;
}

.section-15 .answer p {
    font-size: 1.2em;
    margin: 0;
    padding: 0;
}

.section-15 .answer ul {
    margin: 1rem 0 1rem 1.5rem;
}

.section-15 .answer li {
    font-size: 1em;
    list-style-type: disc;
    padding-left: 1rem;
}

.section-15 li .answer a {
    font-size: 1em;
    float: none;
    width: auto;
}

.section-16 {
    background: url("../images/icon-call.png") no-repeat scroll 6.5rem 5rem / 168px auto #eaeaea;
    box-sizing: border-box;
    clear: both;
    float: left;
    padding: 3rem 10rem 3rem 32rem;
    width: 100%;
}

.section-16 a,
.section-16 p {
    color: #505050;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1.4;
    margin: 0;
}

.section-16 a {
    color: #55cdc3;
    font-size: 4em;
}

.section-16 a:hover,
.section-16 a:focus {
    text-decoration: none;
}

.section-17 {
    clear: both;
    float: left;
    margin: 2rem 0 5rem;
    text-align: center;
    width: 100%;
}

/*  Success */


#success { 
    background: transparent;
}

#success p:after { 
    display: none;
}

#success h2,
#success p { 
    background:#4556a7;
    color: #fff;
    font-weight: normal;
}

#success h2{
    font-size: 73px;
}

#success p { 
    font-size: 24px;
}

#success .section-1 .part-1 p { 
    background: transparent;
}

/* Media Queries 1018px */
@media screen and (min-device-width:1px) and (max-device-width:1018px), (min-width:1px) and (max-width:1018px) {

    .section-1 .assincform {
        padding: 0 2rem;
    }

    .section-1 .panel-ass {
        background-position: right 0;
    }

    .section-1 .panel-ass-button {
        padding: 0;
    }

    .section-2 h2 {
        padding: 2.5rem 2rem;
    }

    .section-3 h2, 
    .section-4 h2, 
    .section-5 h2, 
    .section-6 h2, 
    .section-7 h2, 
    .section-7 h3,
    .section-8 h2,  
    .section-9 h2, 
    .section-10 h2, 
    .section-11 h2,
    .section-11 h3,
    .section-11 h4, 
    .section-13 h2,
    .section-14 h2 {
        box-sizing: border-box;
        padding: 2rem;
        width: 100%;
    }

    .section-5 ul {
        padding-left: 2rem;
    }

    .section-6 ul {
        padding: 7rem 2rem 2rem;
    }

    .section-7 h3,
    .section-11 h3 {
        padding: 1rem 2rem 4rem;
    }

    .section-3 p {
        float: none;
        display: inline-block;
    }

    .section-8 ul, 
    .section-10 ul {
        padding-left: 1rem;
    }

    .sub-text {
        padding: 4rem 2rem;
    }
    
    .section-4 .third img {
        width: 100%;
    }

    .section-14 p {
        box-sizing: border-box;
        padding: 0 2rem 2rem;
        width: 100%;
    }

    .section-16 {
        background: url("../images/icon-call.png") no-repeat scroll 3rem 5rem / 112px auto #eaeaea;
        padding: 3rem 2rem 3rem 19rem;
    }

    .section-16 a, 
    .section-16 p {
        font-size: 1.4em;
    }

    .section-16 a {
        font-size: 2em;
    }

}


/* Media Queries 856px */
@media screen and (min-device-width:1px) and (max-device-width:856px), (min-width:1px) and (max-width:856px) {

    .section-15 li:nth-child(4) .answer {
        height: 360px;
    }

    .section-7 .video,
    .section-9 .video,
    .section-11 .video {
        padding: 4rem 0;
        width: 100%;
    }

}


/* Media Queries 792px */
@media screen and (min-device-width:1px) and (max-device-width:792px), (min-width:1px) and (max-width:792px) {

    .beinganassociate .section-1 .part-1 .video {
        width: 100%;
    }

    .beinganassociate .section-1 .part-1 .sub-text {
        height: auto;
        padding: 2rem;
        width: 100%;
    }

    .section-1 .note p {
        clear: both;
        float: left;
    }

    .section-3 .fourth .price {
        display: inline-block;
        float: none;
    }

    .section-3 .fourth .text {
        margin-left: 0;
        text-align: center;
        width: 100%;
    }

    .section-12 .content {
        box-sizing: border-box;
        width: 62%;
    }

    .section-12 img {
        margin: 8rem 4rem 8rem 2rem;
    }

}

/* Media Queries 625px */
@media screen and (min-device-width:1px) and (max-device-width:625px), (min-width:1px) and (max-width:625px) {

    .section-1 .form-line .label {
        padding-right: 0;
        text-align: left;
        width: 100%;
    }

    .section-1 .form-line-inline,
    .section-1 .form-line .text-input {
        width: 100%;
    }

    .section-1 .panel-ass-button a, 
    .section-1 .panel-ass-button input {
        margin: 1rem 0 1rem 0;
    }

    .section-3 .eighth, 
    .section-3 .ninth {
        line-height: 1.2;
    }

    .section-3 .button, 
    .section-7 .button, 
    .section-11 .button, 
    .section-17 .button {
        background: url("../images/icon-button-arrow.png") no-repeat scroll center 60px / 40px auto #ff7610;
        box-sizing: border-box;
        font-size: 1.5em;
        font-weight: bold;
        margin: 3rem 0 0;
        padding: 3rem 1rem 8rem;
        text-align: center;
        width: 100%;
    }

    .section-4 .column-2-layout .col-1,
    .section-4 .column-2-layout .col-2,
    .section-4 .second .col-1, 
    .section-4 .fourth .col-2,
    .section-4 .second .col-2, 
    .section-4 .fourth .col-1,
    .section-5 ul,
    .section-6 ul li,
    .section-10 .column-2-layout .col-1,
    .section-10 .column-2-layout .col-2 {
        box-sizing: border-box;
        width: 100%;
    }

    .section-6 ul li {
        padding: 10rem 0 0 0;
    }

    .section-6 ul li {
        background: url("../images/icons-numbers.png") no-repeat center 16px;
        padding: 10rem 0 0 0;
        text-align: center;
    }

    .section-6 ul .second {
        background-position: center -470px;
    }

    .section-6 ul .third {
        background-position: center -922px;
    }

    .section-6 ul .fourth {
        background-position: center -1422px;
    }

    .section-6 ul .fifth {
        background-position: center -2130px;
    }

    .section-6 ul .sixth {
        background-position: center -2818px;
    }

    .section-6 ul .seventh {
        background-position: center -3390px;
    }

    .section-10 .sub-text {
        padding: 4rem 2rem;
    }

    .section-10 .column-2-layout .col-2 {
        margin-top: 1rem;
    }

    .section-4 .first .col-1,
    .section-4 .second .col-2,
    .section-4 .fourth .col-1  {
        text-align: center;
    }

    .section-4 .first .col-1 img,
    .section-4 .second .col-2 img,
    .section-4 .fourth .col-1 img {
        text-align: center;
        margin: 0 auto;
        display: inline-block;
        float: none;
    }

    .section-4 .column-2-layout .col-2 {
        padding-top: 2rem;
    }

    .section-10 .column-2-layout .col-2 {
        text-align: center;
    }


    .section-12 {
        text-align: center;
    }
    
    .section-12 img {
        display: inline-block;
        float: none;
        margin: 0 auto;
        padding: 1rem;
        text-align: center;
        width: 150px;
    }

    .section-12 .content {
        box-sizing: border-box;
        float: none;
        margin: 0;
        padding: 0 1rem 1rem;
        width: 100%;
    }

    .section-12 .content p {
        font-size: 1.3em;
        margin-top: 0;
    }

    .section-16 {
        background-position: center 4rem;
        padding: 18rem 2rem 3rem;
        text-align: center;
    }
    
}


/* Media Queries 358px */
@media screen and (min-device-width:1px) and (max-device-width:358px), (min-width:1px) and (max-width:358px) {

    .section-15 li:nth-child(4) .answer {
        height: 418px;
    }

}

@media screen and (max-width: 780px) and (min-width: 780px){
    .shopby-cat-sec{
     display:none    
    }
}