/* Question List */
.aw-pq2-list__button_position_right {
    float: right;
}

.aw-pq2-question-form__wrapper {
    padding:0px;
	margin:20px 0 0;
}

.aw-pq2-list__please-login-note {
    float: right;
}

.aw-pq2-list__no-questions {
    font-style: italic;
}

.aw-pq2-list__question-item {
    margin-top: 10px;
    margin-bottom: 10px;
}

.aw-pq2-list__question-wrapper {
    position: relative;
}

.aw-pq2-list__question-expand {
    float: left;
    width: 21px;
    height: 21px;
    cursor: pointer;
    background-repeat: no-repeat;
}

.aw-pq2-list__question-expand_arrow_right {
    background: url(https://www.stedi.com.au/skin/frontend/default/stedi/aw_pq2/image/expand-closed.png) no-repeat center center;;
}

.aw-pq2-list__question-expand_arrow_down {
    background: url(https://www.stedi.com.au/skin/frontend/default/stedi/aw_pq2/image/expand-open.png) no-repeat center center;;
}

.aw-pq2-list__question {
    display: inline-block;
    max-width: 80%;
    margin-left: 5px;
}
.aw-pq2-question-list-wrapper h2{line-height: 36px;}
.aw-pq2-list__question-content {
    cursor: pointer;
    font-size: 14px;
}

.aw-pq2-list__question-date {
    color: #999;
    font-size: 10px;
    margin-left:0px;
}

.aw-pq2-list__helpfulness {
    display: inline-block;
    position: absolute;
    right: 0;
}

.aw-pq2-list__question-item_hidden {
    display: none;
}

.aw-pq2-list__question-action-bar {
    line-height: 22px;
    margin-bottom: 0;
}

.aw-pq2-list__next-question-wrapper {

}

.aw-pq2-list__next-question {
    text-align: center;
}

/* Answer List */

.aw-pq2-list__answer-list {
    margin:10px 0 0;
}

.aw-pq2-list__no-answers {
    margin-top: 10px;
    margin-bottom: 10px;
    font-style: italic;
}

.aw-pq2-list__answer-item {
    margin-top: 10px;
    margin-bottom: 10px;
}

.aw-pq2-list__answer-item_hidden {
    display: none;
}

.aw-pq2-list__answer-item_type_admin {

}

.aw-pq2-list__answer-wrapper {
    position: relative;
}

.aw-pq2-list__answer {
    display: inline-block;
    max-width: 80%;
}

.aw-pq2-list__answer-content {}

.aw-pq2-list__answer-date {
    color: #999;
    font-size: 10px;
}

.aw-pq2-list__admin-name {
    color: #444;
    font-weight: bold;
}

.aw-pq2-list__answer-action-bar {
    line-height: 22px;
    margin-bottom: 10px;
}

/* Form */
.aw-pq2-form__field-wrapper {
    margin-bottom: 10px;
}

.aw-pq2-form__field {
    margin:0 0 20px;
}

.aw-pq2-form__field_size_wide {
    width: 100%;
}

.aw-pq2-form__field_position_left {
    float: left;
}

.aw-pq2-form__field_position_right {
    float: right;
}

.aw-pq2-form__field-clear {
    clear: both;
}

.aw-pq2-form__label-box {
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    padding-right: 5px;
}

.aw-pq2-form__label-box_type_popup {
    display: block;
}

.aw-pq2-form__input-box {
    width:100%;
}
.aw-pq2-form__input-box input{
    width:100%;
    border: 2px solid #acacac;
    border-radius: 5px;
    color: #878787;
    font-family: ProximaNovaA-Regular;
    font-size: 14px;
    font-weight: bold;
    height: 60px;
    padding: 0 0 0 15px;
    text-transform: uppercase;
}
.aw-pq2-form__field textarea {
    border: 2px solid #acacac;
    border-radius: 5px;
    color: #878787;
    font-family: ProximaNovaA-Regular;
    font-size: 14px;
    font-weight: bold;
    height: 185px;
    padding: 15px 0 0 15px;
    text-transform: uppercase;
}
.aw-pq2-form__input-box_type_popup {
    display: block;
}

.aw-pq2-form__input-box_offset_right {
    padding-right: 15px;
}

.aw-pq2-form__input {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.aw-pq2-form__textarea {
    width: 100%;
    height: 100px;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    resize: vertical;
}

.aw-pq2-form__label {
    color: #666;
    font-weight: bold;
    position: relative;
    z-index: 0;
}

.aw-pq2-form__label_indent_left {
    margin-left: 5px;;
}

.aw-pq2-form__label__asterisk {
    font-style: normal;
    color: #eb340a;
    margin-left: 2px;
}

.aw-pq2-form__button-set {
    padding-top: 5px;
	margin:10px 0 0;
	display:inline-block;width:100%;
}
.aw-pq2-form__button-set button{

    background: #fff none repeat scroll 0 0;
    border: 2px solid #f46421;
    border-radius: 5px;
    box-shadow: none;
    color: #f46421;
    font-family: ProximaNovaA-Regular;
    font-size: 14px;
    font-weight: bold;
    height: 54px;
    line-height: 20px;
    padding:0px 15px;
    text-transform: uppercase;
    -moz-transform: skew(-23deg);
    -webkit-transform: skew(-23deg);
    transform: skew(-23deg);
    margin-right:25px;
}
.aw-pq2-form__button-set button:hover{
    background: #f46421;
}
.aw-pq2-form__button-set button span{
    display: inline-block;
    transform: skew(23deg);
    background: none;
    padding:0;
    height: auto;
    line-height: 54px;
    -moz-transform: skew(23deg);
    -webkit-transform: skew(23deg);
    transform: skew(23deg);
    color: #f46421;
}
.aw-pq2-form__button-set button:hover span {
    background: none;
    color:#fff;
}
.aw-pq2-list__add-answer-button-wrapper {

}

.aw-pq2-list__next-answer-wrapper {

}

.aw-pq2-list__next-answer {
    text-align: center;
}

.aw-pq2-form__field-checkbox {
    padding-bottom: 5px;
}
.aw-pq2-form__field-checkbox #question_visibility{margin:0;}
.aw-pq2-form__button_position_left {
    float: left;
}

.aw-pq2-form__note-wrapper {
    float: left;
    margin: 10px 0 0;
	width:100%;
}

.aw-pq2-form__button-note {
    line-height: 21px;
    margin-bottom: 0;
    text-align: left;
}

.aw-pq2-form__button-note_size_small {
    font-size: 10px;
    line-height: 11px;
}
.aw-pq2-form__points{
    color: green;
    text-align: center;
}

/* Helpfulness */
.aw-pq2-list__helpfulness-layout {
    display: table;
}

.aw-pq2-list__helpfulness-layout-unit {
    display: table-cell;
    vertical-align: middle;
}

.aw-pq2-list__helpfulness-layout-unit_position_center {
    padding: 0 5px;
    width: 40px;
    text-align: center;
}

.aw-pq2-list__helpfulness-value {
    font-weight: bold;
    font-size: 15px;
}

.aw-pq2-list__helpfulness-progress {
    display: block;
    height: 23px;
    background: url(https://www.stedi.com.au/skin/frontend/default/stedi/aw_pq2/image/progress.gif) no-repeat center center;
}

.aw-pq2-list__helpfulness-icon {
    display: block;
    width: 17px;
    height: 17px;
    cursor: pointer;
}

.aw-pq2-list__helpfulness-icon_dislike {
    background-image: url(https://www.stedi.com.au/skin/frontend/default/stedi/aw_pq2/image/icon_dislike.png);
}
.aw-pq2-list__helpfulness-icon_dislike.aw-pq2-list__helpfulness-icon_state_disabled{
    background-image: url(https://www.stedi.com.au/skin/frontend/default/stedi/aw_pq2/image/icon_dislike.png)!important;
    cursor: default!important;
}

.aw-pq2-list__helpfulness-icon_dislike_voted {
    background-image: url(https://www.stedi.com.au/skin/frontend/default/stedi/aw_pq2/image/icon_dislike_active.png);
}

.aw-pq2-list__helpfulness-icon_dislike:hover {
    background-image: url(https://www.stedi.com.au/skin/frontend/default/stedi/aw_pq2/image/icon_dislike_active.png);
}

.aw-pq2-list__helpfulness-icon_like {
    background-image: url(https://www.stedi.com.au/skin/frontend/default/stedi/aw_pq2/image/icon_like.png);
}
.aw-pq2-list__helpfulness-icon_like.aw-pq2-list__helpfulness-icon_state_disabled{
    background-image: url(https://www.stedi.com.au/skin/frontend/default/stedi/aw_pq2/image/icon_like.png)!important;
    cursor: default!important;
}

.aw-pq2-list__helpfulness-icon_like_voted {
    background-image: url(https://www.stedi.com.au/skin/frontend/default/stedi/aw_pq2/image/icon_like_active.png);
}

.aw-pq2-list__helpfulness-icon_like:hover {
    background-image: url(https://www.stedi.com.au/skin/frontend/default/stedi/aw_pq2/image/icon_like_active.png);
}

/* POPUP */
.aw-pq2-answer-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    -moz-opacity: 0.3;
    opacity: .30;
    filter: alpha(opacity=30);
    z-index: 100;
}

.aw-pq2-answer-popup {
    width: 500px;
    margin: 0 auto;
    position: fixed;
    z-index: 9999;
    padding: 20px;
    border: 1px #999999 solid;
    background-color: #ffffff;
    text-align: left;
}

.aw-pq2-answer-popup__salutation {
    text-align: center;
}

.aw-pq2-answer-popup__question-wrapper {
    text-align: justify;
    font-size: 14px;
}

.aw-pq2-answer-popup__label {
    color: #666;
    font-weight: bold;
}

.aw-pq2-answer-popup__close-button {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 10px;
    height: 10px;
    overflow: hidden;
    background: url(https://www.stedi.com.au/skin/frontend/default/stedi/aw_pq2/image/close-popup.png);
    cursor: pointer;
}

/* SORTER */
.aw-pq2-question-sort.pager {
    color: #2f2f2f;
}

.aw-pq2-question-sort.pager .limiter img {
    margin-left:5px;
    vertical-align:middle;
}

.aw-pq2-overlay {
    background: no-repeat center center;
    position: absolute;
    z-index: 9999;
}
@media(max-width:767px){
	.aw-pq2-list__helpfulness {position:relative;margin:10px 0 0;width:100%;}
	.aw-pq2-list__answer-list {margin:10px 0 0 0;}
	.aw-pq2-list__question-date {margin:0;}
}
@media(max-width:420px){
	.aw-pq2-question-form__wrapper {margin:15px 0 0;}
	.aw-pq2-form__field {width:100%;}
	.aw-pq2-form__label-box {width:100%;display:inline-block;margin-bottom:10px;}
	.aw-pq2-form__input-box {width:100%;display:inline-block;margin:0 0 10px;padding:0;}
	.aw-pq2-form__input-box input{width:100%;}
	.aw-pq2-form__note-wrapper {width:100%;margin:10px 0 0;}
	.aw-pq2-form__field-checkbox  #question_visibility {margin:0;}
	.aw-pq2-form__button-set {display:inline-block;width:100%;text-align:center; }
	.aw-pq2-form__field-checkbox {margin:10px 0px;text-align:left;}
	.aw-pq2-form__button-set button {float:none;display:inline-block;margin-right:0;}
	.aw-pq2-form__button-set button span{line-height:30px; }
	.aw-pq2-form__button-set .required-note{float:none;display:block;}
	
}
@media(max-width:340px){
	.aw-pq2-question-title button.button span {padding:0px 8px;}
	.aw-pq2-question-form button.button span {padding:0px 8px;}
	.aw-pq2-question-list-wrapper h2 {font-size:15px;}
}
input::-webkit-input-placeholder {
    color: #878787;
	opacity:1;
}

input:-ms-input-placeholder {
    color: #878787;
	opacity:1;
}

input::-moz-placeholder {
    color: #878787;
	opacity:1;
}

.subcribe-popup {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.subcribe-popup-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 30px 20px;
    border: 1px solid #888;
    width: 40%;
    min-width: 515px;
    height: auto;
    position: relative;
}

.close-subcribe-popup {
    color: #aaa;
    position: absolute;
    right: 5px;
    top: 0;
    font-size: 28px;
    font-weight: bold;
}

.close-subcribe-popup:hover,
.close-subcribe-popup:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.amxnotif-block label {
    display: block;
    color: #2F2F2F;
    font-weight: bold;
    float:none;
}

.amxnotif-block {
    margin-bottom: 5px;
    clear: both;
}

.amxnotif-block-label {
    cursor: pointer;
}

.amxnotif-block.category button {
    margin-top: 5px;
}

.amxnotif-block-price {
    clear: both;
    margin-bottom: 5px;
}

.grouped-items-table .amxnotif-block [name="guest_email"] {
    width: 100%;
    margin: inherit;
}

@media only screen and (max-width: 520px) {
    .grouped-items-table .image .thumbnail {
        max-width: 70px;
    }
}

.amxnotif-button-container, .amxnotif-input-fields {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    max-width: 100%;
}

.subcribe-popup.amxnotif-block label {
    font-size: 20px;
    margin-bottom: 10px;
}

.amgdpr-checkbox + .amgdpr-label {
    display: inline;
    width: 100%;
    padding: 5px;
    vertical-align: initial;
}

.amgdpr-checkbox {
    vertical-align: middle;
}

.subcribe-popup-content .amxnotif-input-fields {
    max-width: 50%;
}

@media only screen and (max-width: 768px) {
    .subcribe-popup-content {
        margin: 20% auto;
        padding: 30px 10px;
        width: 90%;
        min-width: inherit;
    }

    .subcribe-popup-content .amxnotif-input-fields {
        max-width: 90%;
        margin-bottom: 20px;
    }

    .subcribe-popup-content .amxnotif-button-container {
        display: block;
        text-align: center;
    }

    .amxnotif-email {
        display: block;
        margin: auto;
    }
}

/**
 * MageWorx
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the MageWorx EULA that is bundled with
 * this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://www.mageworx.com/LICENSE-1.0.html
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade the extension
 * to newer versions in the future. If you wish to customize the extension
 * for your needs please refer to http://www.mageworx.com/ for more information
 *
 * @category   MageWorx
 * @package    MageWorx_CustomOptions
 * @copyright  Copyright (c) 2014 MageWorx (http://www.mageworx.com/)
 * @license    http://www.mageworx.com/LICENSE-1.0.html
 */

/**
 * Advanced Product Options extension
 *
 * @category   MageWorx
 * @package    MageWorx_CustomOptions
 * @author     MageWorx Dev Team
 */

.option a {text-decoration: none;}
.option .special-price {color: #CD5033;}
.option .small-image-preview {padding:3px;}
.option li.swatch {display: inline-block; margin: 1px; text-align: center; }
.option li.swatch-disabled {opacity: 0.3;}

.option img.swatch, .option div.swatch {margin: 1px 1px 5px 1px;}
.option img.swatch-selected, .option div.swatch-selected {border: 1px solid #000000; margin-bottom:4px;}
 
.option div.swatch-color {
    display:inline-block;
    width:100%;
    height:100%;
}

.option .limit-holder {
    display: block; padding: 10px 0 0;
}

.option .radio-checkbox-img {
    float:left;
}
.product-options ul.options-list label.radio-checkbox-label-1 {
    padding:6px; width:330px;
}
.product-options ul.options-list label.radio-checkbox-label-2 {
    padding:6px; width:400px;
}
.option .radio-checkbox-text {
    display:inline-block; float:left; width:200px; margin: 2px 5px;
}
.option .radio-checkbox-label-1 .label-qty, .option .radio-checkbox-label-2 .label-qty {
    display:inline-block; float:right; padding:5px;
}        
.product-options ul.options-list .radio-checkbox-label-1 input.product-custom-option, .product-options ul.options-list .radio-checkbox-label-2 input.product-custom-option {
    margin:5px;
}

.product-options ul.options-list span.radio-checkbox-label {
    display: inline-block;
}

.product-options ul.tier-prices {display: block;}
 

.tagtip-question {
    background: url(https://www.stedi.com.au/skin/frontend/base/default/images/question.png) 0 0 no-repeat; 
    width: 16px; 
    height: 16px;
    display: inline-block;
    margin-left: 5px;
} 
.tagtip {
    background: #fff;
    border: 1px solid #c7c7c7;
    color: #505050;
    padding: 2px;
    min-width: 100px;
    max-width: 500px;
    text-align: center;
    z-index: 9999;
}
.tagtip .content {
    padding: 5px 5px 0px 5px;
    text-align:left;
}
.tagtip .content p {margin: 0;}


.mousetrap {
	width: 100% !important;
	height: 100% !important;
}
.cloud-zoom img { width: 100%; }
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border: 1px solid #ccc;
	margin:-1px;	/* Set this to minus the border thickness. */
	background-color:#fff;	
	cursor:move;
}

/* This is for the title text. */
.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;	
	font-weight:bold;
	font-size:10px;
	top:0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
	border:4px solid #ccc;
	overflow:hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
	color:white;	
	background:#222;
	padding:3px;
	border:1px solid #000;
	display:none;
}
.product-view .product-img-box .product-image-zoom
	{		
		border: 2px solid #CCCCCC;
	}

.ma-a-lighbox
	{
		display:none;
	}
/*##########--------------##########*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 999999; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{/* background: url(https://www.stedi.com.au/skin/frontend/default/stedi/magentothem/images/loading.gif) 50% 50% no-repeat;*/ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(https://www.stedi.com.au/skin/frontend/default/stedi/magentothem/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(https://www.stedi.com.au/skin/frontend/default/stedi/magentothem/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif;  background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 80%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
/*
#imageData #bottomNavClose{ background:url(https://www.stedi.com.au/skin/frontend/default/stedi/magentothem/images/closelabel.gif) no-repeat 0 0; width: 66px; height:22px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
*/
#overlay{ position: absolute; top: 0; left: 0; z-index:100001; width: 100%; height: 500px; background-color: #000; }

.ma-thumbnail-hor {
	float:left;
	width:267px;
}
.ma-thumbnail-slider-title {}
.ma-thumbnail-slider-title h2 {
	padding:5px;
}
.ma-thumbnail-slider {}
.thumb-slider .jcarousel-container {
    -moz-border-radius: 10px;
    background: #fff;
    border: 2px solid #000;
}

.thumb-slider .jcarousel-container-horizontal {
    width: 1000px;
    padding: 10px 0px;
	padding-left:40px;
	margin:0 auto;
	margin-top:80px
}

.thumb-slider .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 0px 0px;
}

.thumb-slider .jcarousel-clip-horizontal {
    width:  960px;
    height: 154px;
}

.thumb-slider .jcarousel-clip-vertical {
    width:  240px;
    height: 245px;
}

.thumb-slider .jcarousel-item {
	float: left;
    list-style: none outside none;
	text-align:center;
}

.thumb-slider .jcarousel-item-horizontal {
    margin-right: 0px;
}
.product-view .product-img-box .more-views li.jcarousel-item-horizontal {
	margin: 0 0 0 7px;
}
.thumb-slider .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.thumb-slider .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
.thumb-slider .product-image {
	display:inline-block;
	margin:0 0 8px;
}

/**
 *  Horizontal Buttons
 */
.ma-thumbnail-slider .jcarousel-next-horizontal {
    position: absolute;
    top: 20%;
    right: -30px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(https://www.stedi.com.au/skin/frontend/default/stedi/magentothem/images/next-horizontal.png) no-repeat 0 0;
}

.ma-thumbnail-slider .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.ma-thumbnail-slider .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.ma-thumbnail-slider .jcarousel-next-disabled-horizontal,
.ma-thumbnail-slider .jcarousel-next-disabled-horizontal:hover,
.ma-thumbnail-slider .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.ma-thumbnail-slider .jcarousel-prev-horizontal {
    position: absolute;
    top: 20%;
    left: -30px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(https://www.stedi.com.au/skin/frontend/default/stedi/magentothem/images/prev-horizontal.png) no-repeat 0 0;
}

.ma-thumbnail-slider .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.ma-thumbnail-slider .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.ma-thumbnail-slider .jcarousel-prev-disabled-horizontal,
.ma-thumbnail-slider .jcarousel-prev-disabled-horizontal:hover,
.ma-thumbnail-slider .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.ma-thumbnail-slider .jcarousel-container {
    position: relative;
}
.ma-thumbnail-slider .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.ma-thumbnail-slider .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */

.ma-thumbnail-slider .jcarousel-next {
    z-index: 3;
    display: none;
}
.ma-thumbnail-slider .jcarousel-prev {
    z-index: 3;
    display: none;
}

.ma-thumbnail-vert {
	float: left;
}
#ma-thumb-vert-slider {
	height: 5555px !important;
}

.ma-thumbnail-vert  .jcarousel-container-vertical {
    width: 62px;
    padding: 35px 10px;
}
.ma-thumbnail-vert  .jcarousel-clip {
    overflow: hidden;
}
.ma-thumbnail-vert  .jcarousel-clip-vertical {
    width: 60px;
    height: 267px;
}
.ma-thumbnail-vert  .jcarousel-item {
    width: 60px;
    height: 60px;
    margin-left: 0 !important;
}
.ma-thumbnail-vert .product-image {
	float: left;
}
.ma-thumbnail-vert .product-name  {
	margin: 0 0 5px;
}

.ma-thumbnail-vert  .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
.ma-thumbnail-vert .block-content li.item {
	padding: 0;
}

/**
 *  Vertical Buttons
 */
.ma-thumbnail-vert .jcarousel-next-vertical, 
.ma-thumbnail-vert  .jcarousel-prev-vertical {
    background: transparent url(https://www.stedi.com.au/skin/frontend/default/stedi/magentothem/images/prev-vertical.png) no-repeat 0 0;
	width: 30px;
	height: 32px;
	position: absolute;
	left: 32%;
	cursor: pointer;
}
.ma-thumbnail-vert .jcarousel-next-vertical {
    background: transparent url(https://www.stedi.com.au/skin/frontend/default/stedi/magentothem/images/next-vertical.png) no-repeat 0 0;
	width: 30px;
	height: 32px;
	position: absolute;
	left: 30%;
	cursor: pointer;
}

.ma-thumbnail-vert  .jcarousel-next-vertical:hover,
.ma-thumbnail-vert  .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}
.ma-thumbnail-vert  .jcarousel-prev-vertical {
    top: 5px;
}
.ma-thumbnail-vert  .jcarousel-prev-vertical:hover,
.ma-thumbnail-vert  .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

.product-view .product-img-box .more-views ul { }
.product-view .product-img-box .more-views li {
}
.product-view .product-img-box .more-views li a {

}

/* Browser Resets */
.ma-thumbnail-container .flex-container a:active,
.ma-thumbnail-container .flexslider a:active,
.ma-thumbnail-container .flex-container a:focus,
.ma-thumbnail-container .flexslider a:focus  {outline: none;}
.ma-thumbnail-container .slides,
.ma-thumbnail-container .flex-control-nav,
.ma-thumbnail-container .flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.ma-thumbnail-container .flexslider {margin: 0; padding: 0;z-index: 999;}
.ma-thumbnail-container .flexslider .slides > li {-webkit-backface-visibility: hidden; display: inline-block;width:19.2%;margin:0 1% 5px 0; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.ma-thumbnail-container .flexslider .slides > li:nth-child(5n+5) {margin-right:0;}
.product-view .product-img-box .more-views .flex-direction-nav li a { border: 0; width: auto; height: auto; }
.ma-thumbnail-container .flexslider .slides img { /*width: 100%;*/ display: inline-block;border:1px solid #ddd;}
.ma-thumbnail-container .flexslider .slides img:hover {border:1px solid #111;}
.ma-thumbnail-container .flex-pauseplay span {text-transform: capitalize;}
.ma-thumbnail-container .bx-wrapper{margin:0px !important;}

/* Clearfix for the .slides element */
.ma-thumbnail-container .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .ma-thumbnail-container .slides {display: block;} 
* html .ma-thumbnail-container .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .ma-thumbnail-container .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.ma-thumbnail-container .flexslider {margin: 0 0 20px; position: relative; zoom: 1;z-index: 999;}
.ma-thumbnail-container .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.ma-thumbnail-container .loading .flex-viewport {max-height: 300px;}
.ma-thumbnail-container .flexslider .slides {zoom: 1;}

.ma-thumbnail-container .carousel li {margin-right: 5px; text-align: center; }


/* Direction Nav */
.ma-thumbnail-container .flex-direction-nav {*height: 0;}
.ma-thumbnail-container .flex-direction-nav a {width: 30px !important; height: 30px !important; border: 0 !important; margin: -20px 0 0; display: block; background: url(https://www.stedi.com.au/skin/frontend/default/stedi/magentothem/images/icon_control_thumb.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; }
.ma-thumbnail-container .flex-direction-nav .flex-next { background-position: 100% 0; right: 6px; }
.ma-thumbnail-container .flex-direction-nav .flex-prev { left: 6px;}
.ma-thumbnail-container .flexslider:hover .flex-next { }
.ma-thumbnail-container .flexslider:hover .flex-prev { }
.ma-thumbnail-container .flexslider:hover .flex-next:hover, .ma-thumbnail-container .flexslider:hover .flex-prev:hover {opacity: 1;}
.ma-thumbnail-container .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.ma-thumbnail-container .flex-control-nav {width: 100%; position: absolute; top: -16px; text-align: center;}
.ma-thumbnail-container .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.ma-thumbnail-container .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #aaa; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.ma-thumbnail-container .flex-control-paging li a:hover { background: #fff; }
.ma-thumbnail-container .flex-control-paging li a.flex-active { background: #fff; cursor: default; }

.ma-thumbnail-container .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.ma-thumbnail-container .flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.ma-thumbnail-container .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.ma-thumbnail-container .flex-control-thumbs img:hover {opacity: 1;}
.ma-thumbnail-container .flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .ma-thumbnail-container .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .ma-thumbnail-container .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}
.ma-thumbnail-container .ma-loading {
	width: 16px;
	height: 16px;
	position: absolute;
	z-index: 99;
	background: url(https://www.stedi.com.au/skin/frontend/default/stedi/magentothem/images/loader.gif) no-repeat ;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -8px;
}
.ma-thumbnail-container .bx-wrapper {padding:20px 0px;}
.ma-thumbnail-container .bx-wrapper .bx-viewport{}
@media (min-width: 1200px) {
    .ma-thumbnail-container .bx-wrapper {}
    .ma-thumbnail-container .bx-wrapper .bx-viewport{}
}
@media (max-width: 992px) {
    .ma-thumbnail-container .bx-wrapper {margin:0px auto !important;}
}
@media (min-width: 768px) and (max-width: 992px) {
    .ma-thumbnail-container .bx-wrapper {max-width: 570px !important;}
}