/* ACCORDION
_______________________________________________________________________________________________*/

/* JAVASCRIPT DISABLED
_______________________________________________________________________________________________*/
.accordion h3 a, .accordion p {
    display: block;
}

.accordion h3 a {
    clear: both;
    cursor: default;
    font-family: 'GillSansRegular', Helvetica, Arial, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    padding: 0.8em 4.210526316%; /* (12px/285px) x 100) */
    text-decoration: none;
}

#your-questions .accordion h3 a {
    padding: 0.8em 4.210526316% 0.8em 7.01754386%; /* (12px and 20px /285px) x 100) */
}

#your-questions .accordion h3 a.product {
    background: url(../../img/icons/your-questions/product.gif) no-repeat 2% center;
}

#your-questions .accordion h3 a.nutrition {
    background: url(../../img/icons/your-questions/nutrition.gif) no-repeat 2% center;
}

#your-questions .accordion h3 a.suitability {
    background: url(../../img/icons/your-questions/suitability.gif) no-repeat 2% center;
}

.accordion p, .accordion table {
    clear: both;
    padding: 0 4.210526316% 0.8em 4.210526316%; /* (12px/285px) x 100) */
}

.accordion div.accordion-content {
    font-family: 'GillSansRegular', Helvetica, Arial, sans-serif;
    background: #fff; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffff 0%, #edeceb 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ffffff 0%,#edeceb 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ffffff 0%,#edeceb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edeceb',GradientType=1 ); /* IE6-9 */
}
.accordion div.accordion-content strong {
    color: #111;
}

#ni-yakult .accordion div.accordion-content, #ni-yakult-light .accordion div.accordion-content {
    background: none;
}

.accordion div.last {
    margin-bottom: 1em;
}

/* LOCAL STYLES */
#general-enquiries h3 a {
    text-transform: uppercase;
}

/* JAVASCRIPT ENABLED
_______________________________________________________________________________________________*/
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion {
    clear: both;
    overflow: hidden;
    position: relative; /* Cleartype Fix */
    width: 100%;
}

.ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    /*margin-top: 1px;*/
    zoom: 1;
}

.ui-accordion .ui-accordion-header.ui-state-active > a:link {
    color: #e10032;
}

.ui-accordion .ui-accordion-header.last {
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-radius: 0 0 6px 6px;
}

.ui-accordion .ui-accordion-li-fix {
    display: inline;
}

.ui-accordion .ui-accordion-header-active {
    border-bottom: 0 !important;
}

.ui-accordion .ui-state-active a {

}

.ui-accordion .ui-accordion-header a {
    cursor: pointer;
    display: block;
    font-weight: normal;
}

.ui-accordion-icons .ui-accordion-header a {
    padding-right: 2.2em;
}

.ui-accordion .ui-accordion-content {
    /*margin-top: -2px;*/
    position: relative;
    /*top: 1px;*/
    /*margin-bottom: 2px;*/
    overflow: auto;
    display: none;
    zoom: 1;
}

.ui-accordion .ui-accordion-content p {
    padding: 0 4.210526316% 0.8em 4.210526316%; /* (12px and 20px /285px) x 100) */
}

.ui-accordion .ui-accordion-content-active {
    display: block;
}

/* ICONS */
.ui-icon {
    right: 0.6em;
}

.ui-widget-header .ui-icon {
    background: url(../../img/icons/arrows/arrows-sprite-new.png) no-repeat 0 center;
}

.ui-state-default .ui-icon {
    background: url(../../img/icons/arrows/arrows-sprite-new.png) no-repeat -39px center;
}

/* ACCORDION INTERACTION STATES
_______________________________________________________________________________________________*/
/* HEADER ICONS */
.ui-state-hover .ui-icon {
    background: url(../../img/icons/arrows/arrows-sprite-new.png) no-repeat -52px center;
}

.ui-state-active .ui-icon {
    background: url(../../img/icons/arrows/arrows-sprite-new.png) no-repeat -78px center;
}

.ui-state-highlight .ui-icon {
    background: url(../../img/icons/arrows/arrows-sprite-new.png) no-repeat -13px center;
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background: url(../../img/icons/arrows/arrows-sprite-new.png) no-repeat 0 center;
}

/* HEADER BACKGROUNDS */
.ui-accordion .ui-state-active, .ui-accordion .ui-widget-content .ui-state-active {
    background: #fff; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffff 0%, #edeceb 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ffffff 0%,#edeceb 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ffffff 0%,#edeceb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edeceb',GradientType=1 ); /* IE6-9 */
}

.ui-accordion .ui-state-default, .ui-accordion .ui-widget-content .ui-state-default, .ui-accordion .ui-state-focus, .ui-accordion .ui-widget-content .ui-state-focus {
    background: #fff; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffff 0%, #edeceb 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ffffff 0%,#edeceb 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ffffff 0%,#edeceb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edeceb',GradientType=1 ); /* IE6-9 */
}

.ui-accordion .ui-state-default ui-icon, .ui-accordion .ui-state-default ui-icon, .ui-accordion .ui-state-default ui-icon {
    background: url(../../img/interfaces/accordion/accordion-a-closed.gif) no-repeat 95.78947368% center;
}

.ui-accordion .ui-state-hover, .ui-accordion .ui-widget-content .ui-state-hover {
    background: #fff; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffff 0%, #edeceb 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ffffff 0%,#edeceb 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ffffff 0%,#edeceb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edeceb',GradientType=1 ); /* IE6-9 */
}

.ui-accordion .ui-state-active:hover, .ui-accordion .ui-widget-content .ui-state-active:hover {
    /*background: none;*/
}

.ui-accordion .ui-state-active a, .ui-accordion .ui-state-active a:link, .ui-accordion .ui-state-active a:visited {
    color: #888888;
}

.ui-accordion .ui-state-hover a {
    color: #e10032;
}