@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Rubik'), local('Rubik-Regular'), url(https://www.powertrain.com.au/skin/frontend/rwd/default/css/fonts/iJWKBXyIfDnIV7nBrXyw023e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

::selection { background: #b5deff; }

main,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
	display: block;
}


html {
	text-size-adjust: none;
	overflow-y: scroll;
}

body, html {
	margin: 0;
	font-family: "Rubik", Arial, Helvetica, sans-serif;
	text-rendering: optimizeSpeed;
}


a:active,
a:hover {
	outline: 0;
}

.no-display {
	display: none !important;
}
.lazyshow {
    height: 0!important;
    overflow: hidden!important;
    margin: 0!important;
    padding: 0!important;
    border: 0!important;
    width: 0!important;
    opacity: 0!important;
}



/* ============================================ *
 * Reset
 * ============================================ */
*,
*:before,
*:after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: rgba(255,255,255,0);
}

body {
	background-color: #FFFFFF;
	color: #000000;
}

html,
body,
img,
fieldset {
	border: 0;
}


/* ============================================ *
 * Base Styles
 * ============================================ */


a, button {
	touch-action: manipulation;
}

body,
button,
input,
select,
table {
	font-size: 1em;
	line-height: 1.5em;
}

a {
	color: #0075c9;
	text-decoration: none;
}

a:hover {
	color: #2e8ab8;
	text-decoration: underline;
}

a:focus {
	color: #143d52;
	outline: none;
}
a.silent, a.silent:focus, a.silent:hover {
    color: inherit;
    cursor: inherit;
    text-decoration: none;
}

ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.clearfix:after {
	content: '';
	display: table;
	clear: both;
}

.nosel { user-select: none; }

/* ============================================ *
 * Typography
 * ============================================ */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	margin: 0;
	font-size: 100%;
	color: #444;
	font-weight: normal;
	font-style: normal;
	border: none;
}
h1, .h1 {
	margin-bottom: 0.4em;
	font-size: 26px;
	font-weight: normal;
	line-height: 1.2em;
}
h2, .h2 {
	margin-bottom: 0.5em;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.2em;
}
h3, .h3 {
	text-transform: none;
}
h4, .h4 {
	margin: 6px 0 0;
	font-size: 14px;
	line-height: 1.4em;
}

h5, .h5 {
	margin: 6px 0 0;
	font-size: 13px;
	line-height: 1.4em;
}

h6, .h6 {
	margin: 5px 0 0;
	font-size: 12px;
	line-height: 1.4em;
}
small { font-size: .7em; }

/* ============================================ *
 * Shared Classes
 * ============================================ */

@media only screen and (min-width: 771px) {
	.hidedesktop { display: none!important; }
}
@media only screen and (max-width: 770px) {
	.hidephone { display: none!important; }
}

.tooltip {
	display:none;
	position:absolute;
	border:1px solid rgba(7, 128, 210, 1);
	background-color: rgba(7, 128, 210, 0.9);
	border-radius:5px;
	padding:6px 12px;
	color:#fff;
	line-height: 16px;
	font-size: 14px;
	max-width: 350px;
	z-index: 1000;
}

.videoGroup {
	text-align: center;
	padding: 10px 0;
}

.videoWrapper {
	position: relative;
	margin:20px auto;
	max-width: 853px;
}
.videoWrapper:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%; /* 16:9 */
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.videoGroup .videoWrapper {
	width: calc(50% - 22px);
	margin: 10px;
	display: inline-block;
}

@media only screen and (max-width: 770px) {
	.videoGroup .videoWrapper {
		width: calc(100% - 12px);
		margin: 5px;
	}
}

.product-transition-small {
	view-transition-name: productImg;
}
.product-transition-large {
	view-transition-name: productImg;
}
::view-transition-old(productImg),
::view-transition-new(productImg) {
	mix-blend-mode: normal;
}


.masterTooltip, .fancybox { cursor: pointer; }


.bulletTable { box-sizing: border-box; margin: 10px 0; border: none; border-collapse: collapse; text-align: left; }
.bulletTable caption { text-align: left; font-size: 1.1em; color: #444; white-space: nowrap; }
.bulletTable td { padding: 0 0 0 12px; vertical-align: middle; box-sizing: border-box; }
.bulletTable td:first-child { display: list-item; list-style-position: inside; }
.bulletTable td b { font-weight: normal; }
@media only screen and (max-width: 440px) {
	.bulletTable { width: 100% }
	.bulletTable  caption { font-size: 1.1em; border-bottom: 1px solid #ccc; white-space: break-spaces; }
	.bulletTable  td { padding: 0 0 0 7px; font-size: 14px; line-height: 1.5em; }
}

.specTable { box-sizing: border-box; margin: 5px 0; border: none; border-collapse: collapse; width: 100%; }
.specTable td { padding: 0;  }
.specTable img { border-radius: 10px; }
.specTable td:nth-child(2) { vertical-align: baseline; box-sizing: border-box; padding: 3px 10px; }

table.product_data { width: 100%; margin: 10px auto 15px; max-width: 1200px; border-collapse: collapse; background-color: #fff; font-size: 14px; }
table.product_data caption { text-align: left; font-size: 1.3em; }
table.product_data tr { text-align: center; }
table.product_data tr:nth-child(even) {background: #f3f3f3; }
table.product_data thead tr { background-color: #e2e2e2; }
table.product_data th { font-weight: normal; }
table.product_data th, table.product_data td { padding: 5px 3px; border: 1px solid #ccc; }
table.product_data tbody { white-space: nowrap; }
table.product_data tbody tr:hover { background-color: #d8d8d8; }
@media only screen and (max-width: 630px) {
	table.product_data { font-size: 10px; }
	table.product_data th, table.product_data td { padding: 3px 1px; }
}


/* Primary Buttons */
.button,
.cart-table .product-cart-actions .button,
#co-shipping-method-form .buttons-set .button,
.footer .button {
	background: #28a528;
	display: inline-block;
	padding: 7px 15px;
	border: 0;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: normal;
	line-height: 19px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	white-space: nowrap;
	border-radius: 3px;
}

.button:hover,
.cart-table .product-cart-actions .button:hover,
#co-shipping-method-form .buttons-set .button:hover {
	background: #1e7c1e;
	cursor: pointer;
}
.button:active,
.cart-table .product-cart-actions .button:active {
	background: #1e7c1e;
	color: #FFFFFF;
}
.button:focus,
.cart-table .product-cart-actions .button:focus {
	background-color: #1e7c1e;
	outline: none;
	color: #FFFFFF;
}



/* -------------------------------------------- *
 * Icons Sprite / Background image
 */
.icon-sprite, .btn-remove2, .free-label, .skip-nav .icon, .skip-search .icon, .skip-account .icon, .skip-cart .icon {
	background-image: url(https://www.powertrain.com.au/skin/frontend/rwd/default/images/icon_sprite3.png);
	background-repeat: no-repeat;
}

.icon-instagram-white {
	display: inline-block;
	background-position: -111px -591px;
	width: 26px;
	height: 26px;
	opacity: 1;
}

.icon-search {
	background-position: 4px -146px;
}

.icon-phone {
	background-position: 1px -192px;
}

.icon-cart, .skip-cart .icon {
	background-position: 0px -95px;
}

.icon-account, .skip-account .icon {
	background-position: 4px -44px;
}

.icon-search, .skip-search .icon {
	background-position: 4px -146px;
}

/* -------------------------------------------- *
 * Container
 */
.main-container { 
	background-color: #fff;
}
.cms-page-view .main-container,
.catalog-category-view,
.catalog-category-view .main-container,
.catalog-product-view,
.catalog-product-view  .main-container,
.review_comments {
	background-color: #fafafa;
}


.page-header-container,
.main,
.footer {
	max-width: 1560px;
}

.main,
.footer {
	position: relative;
	margin: 0 auto;
	padding: 10px 10px;
}

.main:after,
.footer:after {
	content: '';
	display: table;
	clear: both;
}

.footer {
	padding-top: 0px;
}


/* -------------------------------------------- *
 * Column Layouts
 */
.main:after {
	content: '';
	display: table;
	clear: both;
}

.col-left,
.col-right,
.col-main {
	padding: 0 10px;
}

.col-main {
	float: left;
	width: 75%;
}

.col1-layout .col-main {
	float: none;
	width: auto;
	padding: 0;
}

@media only screen and (max-width: 770px) {
	.col-main,
	.col1-layout .col-main {
		padding: 0;
		float: none;
		width: auto;
	}
}



span.weee {
	display: block;
}



/* -------------------------------------------- *
 * Inputs
 */
.input-text {
	appearance: none;
	border-radius: 2px;
	border: 1px solid #707070;
	background: #FFFFFF;
	font-size: 15px;
}
.input-text:focus {
	border: 1px solid #3399cc;
}

/* -------------------------------------------- *
 * Placeholder
 */
::placeholder {
	color: #a0a0a0;
}


/* ============================================ *
 * Global
 * ============================================ */

.wrapper {
	min-width: 320px;
	min-height: 100%;
	margin: 0 auto;
}

.wrapper:after {
	content: '';
	display: table;
	clear: both;
}


/* ============================================ *
 * Header
 * ============================================ */

.page-header {
	margin: 0;
	padding: 0;
	border-bottom: 3px solid #ed253b;
	background-color: #fff;
	height: auto;
}

.page-header-container {
	margin: 0 auto;
	padding: 0;
	position: relative;
}


#header .label{
	display: none;
	color: #101010;
}

.header_block {
	width: 60px;
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
	text-align: center;
	z-index: 30;
	position: relative;
}

a.header_block:hover { text-decoration: none; }

.page-header-container .shader {
	display: none;
	position: absolute;
	top: 100%;
	width: 100%;
	height: 15px;
	line-height: 0;
	background-color: transparent;
	box-shadow: 0px -12px 12px 0px rgba(0, 0, 0, 0.11);
	z-index: 20;
}

.page-header-container, .header_block {
	height: 80px;
}

.skip-nav {
	display: none;
}

.skip-account {
	float: right;
}

.skip-phone {
	display: none;
	float: left;
	font-size: 22px;
	line-height: 32px;
	padding-left: 2px;
}

.skip-search {
	display: none;
	float: right;
}

.skip-cart {
	position: relative;
}

.header-minicart {
	float: right;
	z-index: 40;
}

.header-minicart, .skip-account {
	padding-top: 24px;
}



/* ============================================ *
 * Logo
 * ============================================ */
.logo, img.logocontact {
	float: left;
	margin: 10px 0 0 10px;
	background-color: #fff;
	z-index: 10;
}

.logo img {
	max-width: 100%;
	display: inline-block;
	height: auto;
	background-color: #fff;
	padding: 0;
}



/* -------------------------------------------- *
 * Skip Link - Icon
 */
.header_block .icon {
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	filter: brightness(0.2);
}

.header_block.skip-nav .icon,
.sheader_block.skip-cart:not(.no-count) .icon {
	margin-right: 3px;
}



/* ============================================ *
 * Skip Content
 * ============================================ */
.skip-content {
	display: none;
}

.skip-content.skip-active {
	display: block;
}

/* ============================================ *
 * Nav - Skip Link
 * ============================================ */

.skip-nav:not(.skip-active):hover {
	text-decoration: none;
}

@media only screen and (min-width: 771px) {
	.skip-nav:not(.skip-active):hover .icon {
		background-position: -46px 4px;
	}
}

.skip-nav .icon {
	background-position: 4px 4px;
}



/* ============================================ *
 * Nav - Skip Content
 * ============================================ */

#header-nav {
	margin: 28px 0 12px 15px;
	display: inline-block;
	float: left;
}


@media only screen and (max-width: 1480px) {
	#header-nav {
		margin: 2px 0 12px 0;
		display: block;
		width: 100%;
	}
}



@media only screen and (max-width: 1480px) {
	#header-nav {
		margin: 2px 0 12px 0;
		display: block;
		width: 100%;
	}
}


@media only screen and (max-width: 770px) {
	#header-nav {
		padding: 0;
		position: absolute;
		top: 40px;
		width: 90%;
		max-width: 350px;
		left: 8px;
		background-color: #fff;
		z-index: 1000;
		border: 1px solid #9a9a9a;
		box-shadow: 0px 16px 12px 5px rgba(0,0,0,0.53);
		display: none;
	}
	#header-nav.skip-active {
		display: block;
	}

}


/* ============================================ *
 * Search - Skip Link
 * ============================================ */
 @media only screen and (min-width: 771px) {
	.skip-search:not(.skip-active):hover .icon {
		background-position: -46px -146px;
	}
}


/* ============================================ *
 * Nav Primary
 * ============================================ */
@media only screen and (min-width: 771px) {
	.nav-primary {
		display: block;
		text-align: center;
	}
}
@media only screen and (max-width: 770px) {
	.nav-primary li.level0 {
		display: block;
		text-align: center;
		border-bottom: 1px solid #fff;
		background-color: #e5e5e5;
	}
}

/* ============================================ *
 * General Navigation Styles
 * ============================================ */
.nav-primary a {
	text-decoration: none;
	position: relative;
	display: block;
	color: #000;
	line-height: 30px;
	padding: 2px 12px;
}
.nav-primary li {
	position: relative;
}
.nav-primary li.level1 a {
	border-bottom: 1px solid #cccccc;
	transition: background-color .3s ease;
	padding: 10px 3px 10px 15px;
}

.nav-primary .menu-active > ul.level0,
.nav-primary li.level0 li.sub-menu-active > ul {
	display: block;
}
/*
.nav-primary li.level0 > a {
	text-transform: uppercase;
}
*/


/* ============================================ *
 * Global Header Navigation
 * ============================================ */
@media only screen and (max-width: 770px) {
	#header-account li a,
	.nav-primary a {
		padding: 8px 15px 8px 25px;
		text-align: left;
		color: #000;
		text-transform: uppercase;
		line-height: 30px;
	}
	.nav-primary li.level1 a {
		border-top: none;
		border-bottom: 1px solid #cccccc;
		transition: background-color .3s ease;
		padding: 4px 15px 4px 25px;
	}
	#header-account li:last-child a,
	.nav-primary li.level0:last-child a.level0 {
		border-bottom: 0;
	}

	.nav-primary a.level1:focus,
	.no-touch #header-account a:hover,
	.no-touch .nav-primary a:hover {
		background-color: #c3c3c3;
		text-decoration: none;
		transition: background-color .3s ease;
	}

	.nav-primary a.level0,
	.nav-primary a {
		line-height: 35px;
	}
	.nav-primary li.level0 ul {
		display: none;
		background-color: #fff;
	}
	.nav-primary li.level0 li {
		padding: 0 0 0 25px;
	}

	.nav-primary li.parent > a:after {
		content: '';
		position: absolute;
		width: 0;
		height: 0;
		display: block;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 8px solid #565656;
		border-right: none;
		top: 50%;
		left: 10px;
		right: auto;
		margin-top: -5px;
	}
	.nav-primary li.parent.sub-menu-active > a:after,
	.nav-primary li.parent.menu-active > a:after {
		content: '';
		position: absolute;
		width: 0;
		height: 0;
		display: block;
		border-right: 5px solid transparent;
		border-left: 5px solid transparent;
		border-top: 8px solid #565656;
		border-bottom: none;
		top: 50%;
		left: 10px;
		right: auto;
		margin-top: -5px;
	}
}
/* ============================================ *
 * Large Viewports - Dropdown Menu
 * ============================================ */
@media only screen and (min-width: 771px) {

	.nav-primary a.level0 {
		padding: 0 12px;
	}
	.nav-primary li.level0 {
		display: inline-block;
		min-width: 170px;
		background-color: #e3e3e3;
	}
	.nav-primary li:last-child > a {
		border-bottom: none;
	}
	.nav-primary li:last-child > a {
		border-bottom: none;
	}

	.nav-primary a:hover,
	.nav-primary li:hover > a,
	.nav-primary li:focus > a {
		background-color: #e3e3e3;
	}

	.nav-primary li.level0:not(.parent):hover,
	.nav-primary li.level0:not(.parent):hover > a {
		background-color: #d5d5d5;
	}


	.nav-primary .menu-active {
		z-index: 200;
	}

	.nav-primary li.level0 ul {
		background: #fff;
		border: solid 1px #cccccc;
		position: absolute;
		left: 0;
		text-align: left;
		top: 30px;
		/* Height of ".nav-primary a.level0" */
		z-index: 10;
		width: 250px;
		display: none;
		box-shadow: 0px 9px 15px 6px #00000063;
	}
	.nav-primary li.level1 ul {
		left: 60px;
		top: 15px;
	}
	.nav-primary li.level0 ul.level0.position-test {
		display: block;
	}
	.nav-primary li.level0 ul.level0.spill {
		right: 0;
		left: auto;
	}
	.nav-primary li.level0 ul.level0.spill li.level1 ul {
		left: auto;
		right: 50px;
		top: 20px;
	}
	.nav-primary li.level0 li.parent > a {
		position: relative;
	}
	.nav-primary li.level0 li.parent > a:after {
		content: '';
		position: absolute;
		width: 0;
		height: 0;
		display: block;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-left: 4px solid #cccccc;
		border-right: none;
		right: 5px;
		top: 50%;
		margin-top: -3px;
	}
	.nav-primary li:hover > ul {
		display: block;
	}

	/* extra menu */
	.nav-primary li.level0.nav-4 {
		min-width: 0;
	}


}
.nav-primary li.menu-active > ul {
	display: block;
}

/* ============================================ *
 * Nav-Secondary - Mobile links in Drop-Down
 * ============================================ */

.nav-secondary {
	display: none;
	color: #000;
	padding: 10px 0;
}
.nav-secondary ol {

}
.nav-secondary li {
    display: block;
    text-align: center;
    padding: 0 5px 0 10px;
    text-align: left;
}
.nav-secondary a {
	text-decoration: none;
    display: block;
	margin: 6px 0;
    color: #008dd4;
    line-height: 30px;
}

.nav-secondary .icon, .nav-secondary svg.share-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin: 0 10px 0 0;
    color: #fff;
    font-size: 25px;
}
.nav-secondary .icon {
    filter: invert(1);
}


.nav-secondary svg.share-icon {
}


@media only screen and (max-width: 770px) {
	.nav-secondary {
		display: block;
	}
}



/* -------------------------------------------- *
 * Breadcrumbs
 *-------------------------------------------- 
 */

.breadcrumbs {
	overflow: hidden;
	margin: 0 0 0;
	padding: 5px 0 5px 15px;
	font-family: sans-serif;
	font-size: 12px;
}
.catalog-product-view .breadcrumbs {
	margin: 0 0 10px;
	background-color: rgba(254, 254, 254, 0.75);
	letter-spacing: 0.3px;
}

.breadcrumbs li {
	float: left;
	padding: 0 5px 0 0;
	color: #000;
}

.breadcrumbs a {
	color: #1c20cf;
	text-decoration: none;
}

.breadcrumbs a:hover {
	color: #555;
}


@media only screen and (max-width: 770px) {
	.breadcrumbs .first { display: none; }
	.catalog-product-view .breadcrumbs { padding: 4px 0 4px 8px; margin: 0; font-size: 13px; background-color: #fff; }
	.catalog-product-view .breadcrumbs .last { display: none; }
}




/* ============================================ *
 * Search - Skip Content
 * ============================================ */


@media only screen and (min-width: 771px) {
	#header-search {
		display: block;
		width: 250px;
		padding: 0;
		float: right;
		margin: 22px 10px 0 0;
	}
}

@media only screen and (max-width: 770px) {
	#header-search {
		padding: 25px 10px;
		float: none;
		position: absolute;
		top: calc(100% + 1px);
		right: 0;
		left: 0;
		background-color: #ec253b;
		z-index: 1000;
		box-shadow: 0px 20px 14px 2px rgba(0,0,0,.16);
	}
}

/* ============================================ *
 * Search Input
 * ============================================ */
#search_mini_form .input-box {
	position: relative;
	padding-top: 0;
}

#search_mini_form label {
	display: none;
}

#search {
	width: 100%;
	height: 38px;
	padding-right: 36px;
	padding-left: 15px;
	outline: 0;
	border-radius: 20px;
}


/* ============================================ *
 * Header - Account
 * ============================================ */
/* -------------------------------------------- *
 * Skip Link - Account
 */
 @media only screen and (min-width: 771px) {
	.skip-account:not(.skip-active):hover .icon {
		background-position: -46px -44px;
	}
}



/* ============================================ *
 * Header - Cart
 * ============================================ */
/* -------------------------------------------- *
 * Skip Link - Cart
 */
 @media only screen and (min-width: 771px) {
	.skip-cart:not(.skip-active):hover .icon {
		background-position: -50px -95px;
	}
}



@media only screen and (min-width: 771px) {

	#header-cart.skip-active {
		border: solid 1px #cccccc;
		display: block;
		position: absolute;
		z-index: 200;
		top: 50px;
		right: 0;
		width: 550px;
		background-color: #fff;
		box-shadow: -2px 4px 20px 7px rgba(0, 0, 0, 0.16);
	}
}

@media only screen and (max-width: 770px) {
	#header-cart.skip-active {
		z-index: 1000;		
		position: absolute;
		right: 0;
		width: calc( 100vw - 20px );
		max-width: 420px;
	}
}



/* -------------------------------------------- *
 * Skip Cart Notifier
 */



.skip-cart .count {
	border-radius: 30%;
	display: inline-block;
	top: -10px;
	right: -6px;
	position: absolute;
	z-index: 5;
	background-color: #07ff00;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	text-align: center;
	padding: 2px 6px 1px 6px;
}

.skip-cart .count:empty {
	display: none;
}

.skip-cart:hover {
	text-decoration: none;
}



.skip-cart .count.empty {
	display: none;
}


/* ============================================ *
 * Footer
 * ============================================ */


.footer-container {
	background-color: #222;
	font-family: Arial, Helvetica, sans-serif;
 }

.footer .block-title {
	position: relative;
	border-bottom: 1px solid #585858;
    margin: 4px 0 3px 0px;
}

.footer .block-title strong {
	font-style: italic;
	font-size: 	1.4em;
	color: #fff;
}

.footer .block-title,
.footer address {
	color: #aaa;
}

.footer .block-title h3,
.footer .block-title h4,
.footer .block-title h5,
.footer .block-title b,
.footer .block-title strong {
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	line-height: 1.4em;
	text-transform: uppercase;
	color: #ccc;
}
.footer .block-title small {
	font-size: 100%;
	font-weight: normal;
	color: #a0a0a0;
}

.footer .block-subtitle {
	font-weight: bold;
	margin-bottom: 7px;
}

.footer .block-content {
	margin-top: 5px;
}

.footer {
	clear: both;
	width: 100%;
	color: #bbb;
	padding-top: 30px;
}

@media only screen and (max-width: 479px) {
	.footer {
		padding-top: 15px;
	}
}



.footer .sub_block { display: inline-block; vertical-align: top; line-height: 1.9em; width: calc( 100% - 50px); }
.footer .icon-sprite {
	display: inline-block;
	width: 40px;
	height: 30px;
	vertical-align: middle;
	opacity: .4;
}


.footer .icon-direction {
	background-position: -110px -545px;
}
.footer .icon-phone {
	background-position: -155px -490px;
}

.footer .links {
	float: left;
	width: 20%;
	padding: 0 30px 0 0;
	margin-bottom: 20px;
}
.footer .links.first {
	width: 30%;
	margin-right: 5%;
}
.footer .links li {
	word-break: break-all;
	line-height: 1.4;
	padding: 4px 0;
}
.footer .links a {
	color: #d1d1d1;
	padding: 5px 0;
	display: inline-block;
}
.footer .links a:hover {
	color: #3399cc;
}

.footer .links {
	text-transform: uppercase;
	font-size: 12px;
}
.footer address {
	clear: both;
}

.footer .copyright { text-align: center; opacity: .7; font-size: .7em; }


@media only screen and (max-width: 1023px) {
	.footer .links {
		width: 20%;
		padding: 0 10px 0 0;
		margin: 0 0 10px;
	}
	.footer .links.first {
		width: 40%;
		margin-right: 10%;
	}
}

@media only screen and (max-width: 770px) {
	.footer { padding-bottom: 40px; }
	.footer .links {
		width: 46%;
		padding: 0 0 0 40px;
		margin: 0 0 10px;
	}
	.footer .links.first {
		width: 100%;
		padding: 0;
	}
	.footer .copyright { padding-top: 10px; }
}

@media only screen and (max-width: 600px) {
	.footer .links {
		width: calc( 100% - 12px);
		padding: 0 0 0 37px;
	}
	.footer .icon-sprite { width: 35px; }
	.footer .block-title { margin-top: 0; }
	.footer .block-title h5 { background-color: #3a3a3a; padding: 5px; }
}

#recent_sales {
	box-sizing: border-box;
	display:none;
	opacity: 0;
	position: fixed;
	left: 20px;
	bottom: 15px;
	width: 350px;
	padding: 5px;
	height: auto;
	overflow: hidden;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.37);
	font-size: 12px;
	z-index: 2147483647;
	transform: translateY(135px);
	transition: transform .8s, opacity .8s;
	transition-timing-function: ease-in;
}
#recent_sales.active:not(.closed), #recent_sales:hover:not(.closed) {
	opacity: 1;
	transform: translateY(0);
	transition-timing-function: ease-out;
}
#recent_sales .recent_sales_inner {
	position: relative;
}
#recent_sales .r_thumb {
	width: 80px;
	display: inline-block;
	float: left;
	margin: 5px 0;
}
#recent_sales .r_thumb img { max-width: 100%; }
#recent_sales .r_close {
	position: absolute;
	top: 4px;
	right: 6px;
	font-size: 16px;
	line-height: 1em;
	cursor: pointer;
	color: #f88;
}
#recent_sales .r_text {
	float: left;
	width: calc(100% - 87px);
	box-sizing: border-box;
	padding: 10px 5px 5px;
	line-height: 1.8em;
}

#recent_sales .r_title { color: #6476ff; }
#recent_sales .r_suburb { color: #000; }









/* ============================================ *
 * Product Grid (includes promoted products)
 * ============================================ */


h2.product-name,
p.product-name {
	margin: 0;
	margin-bottom: 0.5em;
	color: #636363;
	font-style: normal;
	text-rendering: optimizeLegibility;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.4;
}


h2.product-name a:hover,
p.product-name a:hover {
	color: #3399cc;
	text-decoration: none;
}



.products-grid {
	width: 100%;
	margin: 0!important;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: row;
	list-style: none!important;
	border: none;
}

.products-grid > li {
	width: calc(100%/5 - 10px);
	padding: 0;
	margin: 0 0 15px 10px;
	text-align: center;
	position: relative;
	background-color: #fff;
}

#product-recommendation-container .products-grid > li {
	border-radius: 8px;
	overflow: hidden;
}

.products-grid.products-grid--max-4-col > li {
	width: calc(25% - 15px);
}

.products-grid.products-grid--max-6-col > li {
	width: calc(14.5% - 15px);
}


.products-grid img.product-image {
	width: 100%;
	max-width: 325px;
	height: auto;
	margin: 0 auto;
	transition: opacity 0.3s;
}
.products-grid a img.product-image:hover {
	opacity: .65;
}

.products-grid .product-name,
.products-list .product-name {
	text-transform: none;
	margin: 0;
	font-size: 16px;
	line-height: 1.2em;
	overflow: hidden;
	text-align: center;
	padding: 0 3px 5px;
	height: 60px;
}

.products-grid .product-name,
.products-list .product-name,
.products-grid .product-name a,
.products-list .product-name a { color: #585858; }

.products-grid a:hover { text-decoration: none!important; }


@media only screen and (min-width: 1700px) {
	.category-products { 
		margin: 15px 0 10px -10px;
		width: calc( 100% + 10px );
	}
}

@media only screen and (max-width: 1699px) {
	.category-products { 
		margin: 10px 0;
	}	
	.products-grid > li {
		margin: 0 5px 15px;
	}
}

@media only screen and (max-width: 1500px) {
	.products-grid > li {
		width: calc(100%/4 - 10px);
		margin: 0 5px 10px;
	}
}

@media only screen and (max-width: 1023px) {
	.products-grid > li {
		width: calc(100%/3 - 10px);
	}

	.products-grid.products-grid--max-4-col > li { width: calc(25% - 10px); }
	.products-grid.products-grid--max-6-col > li { width: calc(100%/3 - 10px); }

	.products-grid .product-name,
	.products-list .product-name {
		font-size: 14px;
		height: 50px;
	}
	.products-grid .price-box {
		width: 50%;
	}
	.products-grid .price-box .price {
		font-size: 16px;
	}

}
@media only screen and (max-width: 750px) {
	.products-grid > li { width: calc(100%/2 - 10px); }
	.products-grid.products-grid--max-4-col > li { width: calc(100%/3 - 10px); }
	.products-grid.products-grid--max-6-col > li { width: calc(100%/3 - 10px); }
}
@media only screen and (max-width: 490px) {
	.category-products { margin: 7px 0; }
	.products-grid > li { width: calc(100%/2 - 6px); margin: 0 3px 10px; }
	.products-grid.products-grid--max-4-col > li { width: calc(100%/2 - 8px); }
	.products-grid.products-grid--max-6-col > li { width: calc(100%/2 - 8px); }
}
@media only screen and (max-width: 319px) {
	.products-grid > li { width: calc(100% - 8px); margin: 3px; }
}




/* ============================================ *
 * Checkout - Mini cart
 * ============================================ */


.header-minicart .minicart-message {
	display: block;
	padding: 10px;
}
.header-minicart .empty {
	padding: 30px 5px;
	text-align: center;
}
.header-minicart .minicart-wrapper {
	clear: both;
}
.header-minicart .block-cart {
	display: none;
}
.header-minicart .block-subtitle {
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	background-color: #f1f1f1;
	line-height: 32px;
}
.header-minicart .block-subtitle .close {
	width: 40px;
	display: inline-block;
	color: #636363;
	text-decoration: none;
	font-weight: normal;
	font-size: 35px;
	line-height: 26px;
	float: right;
}
.header-minicart .block-subtitle, .header-minicart .block-subtitle .close {
	height: 32px;
}
.header-minicart .block-subtitle .close:hover {
	background-color: #e0e0e0;
}
.header-minicart .mini-products-list {
	padding: 0 10px 10px;
}
.header-minicart .mini-products-list li {
	padding: 8px 5px;
	border-bottom: 1px solid #DDDDDD;
	position: relative;
	margin-bottom: 10px;
	clear: both;
}
.header-minicart .mini-products-list li:after {
	content: '';
	display: table;
	clear: both;
}
.header-minicart .mini-products-list li.last {
	border: none;
}
.header-minicart .mini-products-list li .product-details {
	position: relative;
	text-align: left;
}
.header-minicart .product-details {
	margin-left: 80px;
}
.header-minicart .product-details .product-name {
	font-weight: bold;
	padding-top: 10px;
	text-align: left;
}
.header-minicart .product-details .product-name a {
	color: #3399cc;
}
body.notouch .header-minicart .product-details .remove {
	opacity: 0;
	transition: opacity .2s;
}
body.notouch .header-minicart .product-details:hover .remove {
	opacity: 1;
}

.header-minicart .info-wrapper {
	margin-bottom: 0.4em;
	width: 100%;
	text-align: left;
}
.header-minicart .info-wrapper th {
	text-transform: uppercase;
	padding-right: 10px;
	white-space: nowrap;
	width: 25%;
}
.header-minicart .info-wrapper td {
	color: #3399cc;
	clear: right;
}
.header-minicart .info-wrapper .qty-wrapper td {
	height: 33px;
	line-height: 33px;
}
.header-minicart .info-wrapper .qty {
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 2px;
	width: 3.2em;
	text-align: center;
	height: 30px;
}
.header-minicart .info-wrapper .quantity-button {
	opacity: 0;
	transition: opacity .2s;
}
.header-minicart .info-wrapper .quantity-button[disabled] {
	cursor: default;
}
.header-minicart .info-wrapper .quantity-button.visible {
	opacity: 1;
}

.header-minicart .subtotal {
	background-color: #f1f1f1;
	text-align: center;
	line-height: 2em;
}
.header-minicart .subtotal .label {
	text-transform: uppercase;
}
.header-minicart .subtotal .price {
	color: #3399cc;
}
.header-minicart .minicart-actions {
	padding: 0 10px 15px;
	margin-top: 0px;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.header-minicart .minicart-actions .checkout-button, 
.header-minicart .minicart-actions .cart-link {
	min-width: 165px;
	border-radius: 3px;
}
.header-minicart .minicart-actions .cart-link {
	display: inline-block;
	text-transform: uppercase;
	font-size: 13px;
	padding: 7px 10px;
	border: 1px solid #3399cc;
	margin: 10px auto;
	line-height: 19px;
}
.header-minicart .minicart-actions .paypal-logo .paypal-or {
	line-height: 1.6;
}
.header-minicart #minicart-error-message {
	text-align: center;
	color: red;
}
.header-minicart #minicart-success-message {
	text-align: center;
	color: green;
}
.header-minicart .jcarousel-control-prev,
.header-minicart .jcarousel-control-next {
	display: none;
}

.header-minicart.skip-active .block-cart,
.block-cart.skip-active {
	display: block;
}


.header-minicart .product-image {
	float: left;
	min-width: 50px;
}

.cartswatch {
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-right: 10px;
	border: 1px solid #bbb;
	border-radius: 4px;
}



.shareAction { cursor: pointer; }

div.share-button {
	padding: 1px 10px 1px 7px;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	white-space: nowrap;
	border-radius: 4px;
	border: 1px solid #ddd;
	background-color: #bdfaff;
	position: absolute;
	top: 0;
	right: 10px;
	display: none;
	line-height: 24px;
	z-index: 20;
}

svg.share-icon {
	width: 24px;
	height: 24px;
	margin-right: 3px;
	vertical-align: bottom;
}
svg.share-icon.largeicon {
	width: 40px;
	height: 40px;
}
.isios { display: none; }
.notios { display: initial; }


@media only screen and (max-width: 1023px) {
	.header-minicart .product-details .remove {
		opacity: 1;
	}
}

@media only screen and (min-width: 771px) {
	.checkout-types.minicart {
		float: none;
		text-align: center;
	}
	.checkout-types.top { display: none; }
}
@media only screen and (max-width: 479px) {
	.header-minicart a.skip-cart {
		z-index: 1;
	}
}
@media only screen and (max-width: 770px) {
	.header-minicart .subtotal .label {
		color: #636363;
	}

	.header-minicart .quantity-button {
		float: none;
	}
	.header-minicart .header-minicart .block-cart {
		padding: 15px;
	}
	.header-minicart .header-minicart .block-subtitle {
		padding-top: 59px;
	}
	.header-minicart .minicart-actions {
		padding-bottom: 33px;
	}
	.header-minicart .minicart-actions .checkout-types.minicart li {
		display: inline-block;
	}

}

@media only screen and (max-width: 599px) {
	.header-minicart .minicart-actions .checkout-button {
		width: 100%;
	}
}


@keyframes isloading {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.canload { position:relative; box-sizing: border-box; }
.canload:before {
	display: block;
	content: "";
	z-index: 100;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	transition: opacity 0.3s,visibility 0.3s;
	box-sizing: border-box;
}
.canload.loading:before{
	visibility: visible;
	opacity: 0.7;
}

.canload:after {
	content: "";
	z-index: 101;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70px;
	height: 70px;
	margin-left: -35px;
	margin-top: -35px;
	border: 7px solid rgba(255,255,255,0.1);
	border-top-color: #b7b7b7;
	border-bottom-color: #b7b7b7;
	border-radius: 50%;
	transition: opacity 0.6s,visibility 0.6s;
	box-sizing: border-box;
}
.canload.loading:after {
	animation: isloading 800ms linear 0s infinite;
	visibility: visible;
	opacity: 1;
}

button.canload:after, a.canload:after, .canload.mini:after  {
	width: 30px;
	height: 30px;
	margin-left: -15px;
	margin-top: -15px;
	border-width: 4px;
}


div.alert {
	display: none;
	position:fixed;
	z-index:10030;
	text-align: center;
	border-radius: 6px;
	background-color: #fff;
	margin: 0;
	top: 80px;
	left: 50%;
	padding: 20px 30px;
	width: 70%;
	font-size: 20px;
	font-weight: normal;
	color: #000;
	max-width: 1020px;
	border: 1px solid #616161;
	box-shadow: 0 0 20px 20px rgba(10, 10, 10, 0.23);
	transform: translateX(-50%);
}

/* ==================================================
   ===========  Header Mobile =======================
   ==================================================
*/

@media only screen and (max-width: 770px) {

	div.alert { width: 90%; top: 15px; }

	.page-header {
		height: 45px;
		padding-top: 0px;
		background-color: #fff;
	}

	.page-header-container { background-color: transparent; }

	.header_block {
		width: calc( (100% - 240px) / 4 );
		padding-top: 8px;
	}

	.page-header-container, .header_block {
		height: 42px;
	}
	.page-header-container .shader {
		display: block;
	}
	.skip-nav {
		float: left;
		display: block;
		min-width: 110px;
	}

	.skip-search {
		display: block;
		min-width: 120px;
	}

	.skip-account {
		display: none;
	}

	.skip-phone { display: block; }

	.header-minicart, .skip-account, .skip-phone {
		border-left: 1px solid #bbb;
	}

	.header-minicart .minicart-wrapper {
		border: 1px solid #a7a7a7;
		box-shadow: -2px 4px 20px 7px rgba(0, 0, 0, 0.16);
		margin: 0 8px 0;
		background-color: #fff;
	}

	#header .label{
		display: inline-block;
	}

	.logo {
		width: 180px;
		padding: 0;
		margin: 0;
		height: auto;
		position: absolute;
		top: 4px;
		left: calc(50% - 90px);
		line-height: 0;
	}

	.main-container {
		box-shadow: none;
		background-color: #fff;
	}

	div.share-button { display: inline-flex; }

}

/* Menu and Search words in header */
@media only screen and (max-width: 629px) {
	#header .label{
		display: none;
	}
	.header_block {
	/*	width: 70px */
	width: calc( (100% - 210px) / 4 );
	min-width: 30px;
	}
}
@media only screen and (max-width: 399px) {
	.skip-cart .count { right: -3px; }
	.header_block {
		width: calc( (100% - 160px) / 4 );
	}
	.logo {
		width: 140px;
		top: 8px;
		left: calc(50% - 70px);
	}
}


/* ==========   Reccommended and Recently Viewed  ========== */


.reccheader {
	margin: 15px 0 15px 15px;
	position: relative;
	text-align: center;
	font-size: 1.6em;
	line-height: 1.3em;
	color: #888;
}
.reccheader:before, .reccheader:after { 
	display: inline-block;
	width: calc(49% - 3em);
	border-top: 2px solid #888;
	content: " ";
	position: absolute;
	top: 0.7em;
}
.reccheader:before { 
	left: 0;
}
.reccheader:after {
	right: 0;
}

@media only screen and (max-width: 1439px){
	#product-recommendation-container { padding: 0 5px; }
}

#viewed_results2_container {
    margin: 20px auto;
}

@media only screen and (max-width: 959px){
	.logocontact {
	    display: none;
	}
	#viewed_results2_container {
	    padding: 10px 5px;
	}
}

#viewed_results2, #wishlist_results2 {
    text-align: center;
    margin-top: 12px;
}

#viewed_results2_container h4 {
    font-size: 1.5em;
    text-transform: none;
    margin: 15px 5px;
}

#viewed_results2_container .reccheader:before,
#viewed_results2_container .reccheader:after {
	width: calc(49% - 6em);
}

#viewed_results2_container a {
    margin: 5px;
    display: inline-block;
    background-color: #fff;
    border: 1px solid transparent;
    transition: all .3s;
    padding: 0;
    line-height: 0;
    font-size: 0;
    border-radius: 8px;
    overflow: hidden;
}

#viewed_results2_container a:hover { 
	border-color: #aaa;
	transform: scale(1.1);
}

#viewed_results2_container img {
    height: auto;
    width: 130px;
}


@media only screen and (max-width: 959px){
	#viewed_results2_container { padding: 0; }
	#viewed_results2_container img {
	    width: 75px;
	}
	.reccheader, #viewed_results2_container h4 {
		margin: 5px 0 8px;
		font-size: 1.1em;
		line-height: 1.3em;
		color: #444;
	}
	#viewed_results2_container .reccheader:before,
	#viewed_results2_container .reccheader:after {
		width: calc(49% - 4.5em);
	}
}



/* ===================  Site wide selected reviews  ======================== */

.review_comments { margin: 40px auto; padding:0; user-select: none; max-width: 1540px; }
.review_comments h3, .review_comments h4 { margin: 0 15px; border-top: 1px solid #e0e0e0; padding: 25px 10px 10px 10px; font-style: italic; }  
.review_comments ul { list-style: none; padding: 0; margin: 0; text-align: center; }
.review_comments li {
	background-color: #fff;
	border: 1px solid #e7e7e7;
	box-shadow: 1px -1px 6px 0px rgb(0 0 0 / 7%);
	border-radius: 20px;
	display: inline-block;
	box-sizing: border-box;
	max-width: calc(33.3% - 23px);
	margin: 10px;
	min-height: 205px;
	text-align: left;
	padding: 10px 20px 10px;
	font-style: oblique;
	color: #555;
	vertical-align: top;
	position: relative;
}
.review_comments li .comment_name {
	text-align: right;
	font-weight: bold;
	position: absolute;
	right: 20px;
	bottom: 15px;
}
.review_comments li .stars { text-align: right; min-height: 23px; }
.review_comments li .comment { padding: 6px 0 0 0; margin-bottom: 18px; }
@media only screen and (max-width: 1420px) {
	.review_comments { margin: 40px 0; }
	.review_comments ul { margin: 0 10px; }
}
@media only screen and (max-width: 959px) {
	.review_comments { margin: 20px 0; }
	.review_comments li { max-width: calc(50% - 23px); }
	.review_comments li.review_2 { display: none; }
}
@media only screen and (max-width: 767px) {
	.review_comments li { min-height: 120px; max-width: calc(100% - 23px); width: calc(100% - 23px); }
	.review_comments h3, .review_comments h4 { margin: 0; padding-left: 20px; } 
}











.product-name.mobiletitle h1,
.product-name.mobiletitle .h1,
.product-view .product-shop .product-name {
	font-family: Arial, Helvetica, sans-serif;
 }


.availability {
	margin-bottom: 0;
	font-size: 13px;
}

.availability .label {
	display: none;
}

.availability.in-stock {
	color: #11b400;
}

.availability.available-soon,
.availability.out-of-stock {
	color: #df280a;
}

.availability-only {
	color: #df280a;
	margin-bottom: 10px;
}

.product-name h1, .product-name .h1 {
	font-size: 24px;
	font-weight: bold;
	color: #3c3c3c;
	text-transform: none;
	min-height: 2.3em;
}
.product-name.mobiletitle { padding: 0 5px 5px; }
.product-name.mobiletitle h1, .product-name.mobiletitle .h1 {
	text-align: center;
	word-spacing: 1px;
	background-color: #f3f3f3;
	padding: 6px 3px;
	font-size: 16px;
	border: 1px solid #bbb;
	border-radius: 3px;
	min-height: auto;
	margin: 0;
}





/* -------------------------------------- */


@media only screen and (min-width: 1440px) {
	.catalog-product-view .main-container {

		background-image: url(/media/template/product/banner_BG.jpg);
		background-position: top center;
		background-repeat: no-repeat;

		/* christmas */
		/*
		box-shadow: inset 0 2px 5px rgba(0,0,0,0.16), 0 2px 3px rgba(0,0,0,0.12);
		background-image: url(/media/template/product/banner_BG.jpg), url(/media/wysiwyg/XMAS/christmas_bg.png);
		background-position: top center,top center;
		background-repeat: no-repeat, repeat;
		*/

	}
}

@media only screen and (max-width: 1439px) {
	.catalog-product-view .main-container {
		background-color: #d8d8d8;
	}
}


/* -------------------------------------------- *
 * Price Box - Standard
 */
.price-box {
	margin: 7px 0;
}

.price-box p {
	margin-bottom: 0;
}

.price-box .price {
	color: #3399cc;
	font-size: 18px;
}

.price-box .price-label {
	color: #a0a0a0;
	white-space: nowrap;
}

.price-box .old-price,
.price-box .special-price {
	display: inline-block;
}
.price-box .old-price .price,
.price-box .special-price .price {
	display: inline-block;
}
.price-box .old-price .price {
	color: #a0a0a0;
	text-decoration: line-through;
}
.price-box .special-price {
	color: #3399cc;
	padding-right: 1em;
}




/* -------------------------------------------- *
 * Checkbox And Radio
 */
.checkbox,
.radio {
	position: relative;
	top: -1px;
	display: inline-block;
}

.checkbox + label,
.radio + label {
	width: auto;
	max-width: 85%;
	padding: 0 0 0 8px;
	font-size: 14px;
	font-weight: normal;
	vertical-align: top;
}



/* ============================================ *
 * Catalog - Product
 * ============================================ */

.product-view {
	background-color: #fff;
	padding: 20px 20px 10px;
}
.product-view h2, .product-view h3, .product-view h4, .product-view h5, .product-view h6 { font-size: 1.1em; text-transform: none; }

.product-view .product-essential:after {
	content: '';
	display: table;
	clear: both;
}


.product-view .product-shop .product-name {
	display: none;
}
.product-view .product-shop .extra-info {
	float: left;
	padding-right: 15px;
	clear: left;
	width: 70%;
}



.product-view .product-shop .price-box .regular-price .price,
.product-view .product-shop .price-box .special-price .price,
.product-view .product-shop .price-box .full-product-price .price {
	color: #cf0017;
	font-size: 32px;
	font-weight: bold;
	letter-spacing: 1px;
}

.product-view .product-shop .price-box .special-price .price-label {
	font-size: 16px;
	text-transform: uppercase;
}

.product-view .price-box.map-info a {
	display: inherit;
}
.product-view .old-price .price-label {
	display: none;
}

#buy_outer_wrapper { position: relative; }

.product-view .product-shop .price-box .regular-price .price .symb,
.product-view .product-shop .price-box .special-price .price .symb {
	font-size: .7em;
	vertical-align: top;
	letter-spacing: 0;
}


/* new discount box */
.salecontainer { display: inline-block; text-align: center; }
.salecontainer .saleprice {
	float: left;
	height: 40px;
	background-color: #f00;
	color: #fff;
	padding: 0;
	line-height: 33px;
	padding: 4px 30px 4px 13px;
	font-size: 28px;
	position: relative;
	z-index: 1;
}
.salecontainer .saleprice span { font-size: 0.6em;vertical-align: top;line-height: 26px;padding-right: 3px; }
.salecontainer .saleprice:after { 
	content: "";
	position: absolute;
	background-color: #ffffff;
	display: block;
	width: 28px;
	height: 28px;
	right: -15px;
	top: 6px;
	transform: rotate( 45deg );
}
.salecontainer .oldprice {
	float: left;
	height: 40px;
	display: inline-block;
	line-height: 16px;
	padding: 3px 10px 3px 11px;
	border: 1px solid #bbb;
	background-color: #fff;
	position: relative;
	border-left: none;
	z-index: 2;
}
.salecontainer .oldprice span { text-decoration: line-through; }


.product-view .description { padding-top: 10px; position: relative; height: auto; }

.product-view .description h2 { margin: 10px 0 0.1em; line-height: 1.4em; color: #151515; font-size: 1.2em; }
.product-view .description h3, .product-view .description h4, .product-view .description h5, .product-view .description caption { margin: 0.5em 0 0.1em 0; color: #151515 }

.product-view .description p + p { padding-top: 8px; }

.product-view .description ul { padding: 2px 0 5px 29px; list-style: disc; }

.product-view .description .disclaimer { font-size: 0.9em; color: #484848; line-height: 1.4em; margin-top: 10px; }

.product-view .description .fadeout {
	display: none;
}

#status_block { padding: 0 0 15px 0; box-sizing: border-box; color: #333; margin-bottom: 5px; border-bottom: 1px solid #ccc; font-size: 15px; }
#status_block .limit { display: block; color: #333; }
#status_block .low-stock {color: #e07414; }
#status_block span { display: inline-block; padding: 2px 0; padding-left: 20px; }
#status_block span span { color: #9a9a9a; padding: 0; }
#status_block .presale { color: #f90000; border: 2px solid #ff3a3a; padding: 10px; display: block; }
#status_block b { color: #0aa907; padding-right: 10px; }
#status_block b.oos { color: #ed253b; }
#status_block .limit b { padding-right: 0; }
.hideoos { transition: opacity .3s; }
body.optionoos .hideoos { opacity: 0; }

#status_block .lowstock {
	background-color: #fff0df;
	border: 1px solid #ffa033;
	line-height: 1em;
	border-radius: 4px;
	padding: 4px 6px 2px;
	margin-left: 10px;
	color: #883f00;
	font-size: .9em;
}

.desc_alert {
	margin-top: 10px;
	border: 1px solid #f1f1f1;
	padding: 10px 14px;
	background-color: #fff;
	box-sizing: border-box;
	color: #797979;
}

.after_desc_alert { margin-top: 10px; box-sizing: border-box; text-align: center; }
.after_desc_alert img { max-width: 100%; height: auto; }


@media only screen and (min-width: 960px) {
	.product-essential { display: flex; }
}


@media only screen and (max-width: 770px) {
	.product-view .add-to-cart-wrapper {
		float: none;
		width: 100%;
		clear: both;
	}

	.product-view .product-shop .price-box .regular-price .price { font-size: 26px; }

	.product-view .description.compressed { height: 700px; overflow: hidden; margin-bottom: 20px; }

	.product-view .description.compressed .fadeout {
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 160px;
		cursor: pointer;
		background-image: linear-gradient(rgba(255, 255, 255, 0.34) 0%,rgb(255, 255, 255) 100% );
	}

	.product-view .description .fadeout a {
		position: absolute;
		bottom: -4px;
		color: #367ac1;
		font-weight: bold;
		display: block;
		left: 50%;
		margin-left: -50px;
		background-color: #fafafa78;
		cursor: pointer;
		font-size: 1.2em;
	}


}

@media only screen and (max-width: 414px) {
	.product-view h2, .product-view h3, .product-view h4, .product-view h5, .product-view h6, .product-view .description table caption { font-size: 1.1em; }
	.product-view .description ul { padding: 4px 0 6px 24px; font-size: 14px; line-height: 1.5em; border-top: 1px solid #ccc; }
	.product-view .description td { padding: 0 0 0 7px; font-size: 14px; line-height: 1.5em; }
	.product-view .description table caption { border-bottom: 1px solid #ccc; }
}

@media only screen and (max-width: 340px) {
	#status_block { font-size: 15px; }
}

.product-view .product-shop,
.product-view .block-related,
.box-collateral {
	margin-bottom: 15px;
}


.product-view .add-to-box:after,
.product-view .add-to-cart:after {
	content: '';
	display: table;
	clear: both;
}
.product-view .add-to-cart {
	padding: 16px 0 3px;
	margin-bottom: 0;
}

.product-view .add-to-cart-buttons {
	margin: 0 auto;
	width: 380px;
	max-width: 100%;
	margin-bottom: 10px;
	min-height: 40px;
}
.product-view .add-to-cart-buttons .button {
	min-height: 40px;
	line-height: 40px;
	font-size: 16px;
	padding: 0px 30px;
	float: left;
	width: 100%;
	white-space: normal;
	transition: background-color .2s;
}
.product-view .button.added {
	background-color: #009da2;
}


.lower-wrapper {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	bottom: -100px;
	will-change: transform;
	padding: 10px 5px;
	z-index: 100;
	background-color: #ffffffe6;
	transition: transform 0.3s;
	box-shadow: 0px -5px 8px rgb(0 0 0 / 27%);
}
.lower-wrapper .add-to-cart {
	width: calc(100% - 65px);
	display: inline-block;
	margin: 0 auto;
	float: right;
	padding: 0;
} 
.lower-wrapper .add-to-cart button.button {
	font-size: 14px;
	width: 100%;
	line-height: 22px;
}
.lower-wrapper .productprice {
	display: inline-block;
	line-height: 35px;
	width: 62px;
	text-align: center;
}





.product-view .alert-price,
.product-view .alert-stock {
	clear: both;
}

.product-view .add-to-links {
	clear: both;
	margin-top: 0px;
	margin-right: 15px;
	float: left;
}
.product-view .add-to-links:after {
	content: '';
	display: table;
	clear: both;
}
.product-view .add-to-links li {
	float: left;
}
.product-view .add-to-links a {
	padding: 2px 7px 2px 0px;
	margin-left: 7px;
	border-right: 1px solid #cccccc;
}
.product-view .add-to-links li:first-child a {
	margin-left: 0px;
}
.product-view .add-to-links li:last-child a {
	border-right: 0px;
}




.product-view .notify-container {
	border: 1px solid #ddd;
	margin: 20px 0 15px;
	padding: 10px 10px 10px 20px;
	background-color: #f0f0f0;
	transition: opacity 1.3s;
}
#notify .heading { color: red; padding-bottom: 10px; }
#notify_results { padding-top: 5px; text-align: justify; }
#subscription_email { padding: 4px 8px; height: 29px; max-width: calc(100% - 100px); }
button#oos_notify {
	border: none;
	height: 29px;
	padding: 0 4px;
	color: #fff;
	text-align: center;
	background-color: #28a528;
}

body.hasoptions .product-view .notify-container {
	height: 0;
	opacity: 0;
	padding: 0;
	border: none;
	margin: 0;
	overflow: hidden;
}

body.hasoptions.optionoos .product-view .notify-container {
	border: 1px solid #ddd;
	margin: 20px 0 15px;
	padding: 10px 10px 10px 20px;
	opacity: 1;
	overflow: visible;
	height: auto;
}


body.optionoos .product-view .add-to-cart-buttons .button {
	cursor: not-allowed;
	pointer-events: none;
	background-color: #ff8c8c;
	opacity: 0.4;
}

@media only screen and (max-width: 768px) {
	body.hasoptions.optionoos .product-view .notify-container { padding: 10px 3px; }
	#notify .heading { font-size: 0.9em; }
}



@media only screen and (max-width: 599px) {
	.add-to-box .add-to-links a {
		float: none;
		width: auto;
		text-indent: 0;
	}
}



.payments_table{ width: 100%; line-height: 0; font-size: 0; text-align: center; padding: 5px 4px; margin-bottom: 10px; }
.payments_table .payment_image{ padding: 2px; margin: 2px 12px; display: inline-block; max-width: 18%; }
.payments_table img { max-width: 100%; height: auto; vertical-align: middle; }
@media screen and (max-width: 1300px){ .payments_table .payment_image{ margin: 2px 4px; } }
@media screen and (max-width: 770px){
	.payments_table .payment_image{ max-width: 24%; }
	.payments_table { border: 1px solid #ccc; border-radius: 5px; }
	.accordion_outer .payments_table { border: none; }
}


/* ===========   PRODUCT MEDIA BOX  ===========*/


.product-img-box {
	flex-basis: 666px;
	max-width: 666px;
	margin: 0 10px 0 0;
}
.product-img-box img { max-width: 100%; }

.swiper-wrapper { will-change: transform; }

.more-views {
	padding: 0;
	margin: 4px -4px 0 -4px;
	text-align: center;
	line-height: 0;
	font-size: 0;
}

img.cloud-zoom-gallery {
	display: inline-block;
	white-space: nowrap;
	vertical-align: middle;
	border: 1px solid #eee;
	margin: 4px;
	background-color: #fff;
	cursor: pointer;
	overflow: hidden;
}

.t-ScrollBar {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    background-color: #d8d8d81f;
    font-size: 0;
    line-height: 0;
    min-height: 22px;
    padding: 7px 0 5px;
    box-sizing: border-box;
}

.t-ScrollBar__item {
	display: inline-block;
	margin: 0 3px;
	width: 10px;
	padding-right: 0px;
	height: 10px;
	border-radius: 50%;
	border: none;
	background-color: #a5a5a5;
	transition: background ease 0.2s;
}

.t-ScrollBar__item.is-active {
	background: #3342ff;
}

.swiperExtra { display: none; }
.mediaBorder {
    position: relative;
    font-size: 0;
    line-height: 0;
    padding-top: 100%;
}
@media only screen and (min-width: 960px) {
	.swiper-wrapper { transform: none!important; }
	.t-ScrollBar { display: none; }
}
@media only screen and (max-width: 959px) {
	.product-img-box { margin: 0 auto; }
	.swipeloaded .swiperExtra { display: block; }
	.more-views{ display:none; } 
}

.swiper-slide { height: auto; max-width: 100%; align-self: center; }
.swiper-container {
	overflow: hidden;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* 960 and over */
@media only screen and (min-width: 960px) {

	.product-essential { display: flex; }
	.product-essential .product-shop { flex: 1; }

}

@media only screen and (min-width: 960px) and (min-height: 900px){
	.stickyContainer { position: sticky; top: 15px; }
}




/* Under 960 */
@media only screen and (max-width: 959px) {
	.product-view { padding: 20px 10px 10px; }
	.product-view .product-shop,
	.product-view .add-to-cart-wrapper,
	.product-view .block-related,
	.product-img-box {
		float: none;
		padding-right: 0;
		padding-left: 0;
	}
}

@media only screen and (min-width: 960px) {
	.product-view .product-shop .product-name {
		display: block;
	}
	.mobiletitle {
		display: none;
	}
}


@media only screen and (max-width: 770px) {
	.product-view { padding: 5px 10px 10px; }
}

/* -------------------------------------------- *
* Sticky Add To Cart Button
*/
@media only screen and (max-width: 520px) {

	.product-view .add-to-cart { height: 70px; }

	.product-view .add-to-cart-buttons {
		will-change: transform;
		transform: translate(0px,0px);
	}

	body.stickyadd { padding-bottom: 60px; }
	.lower-wrapper { display: block; }
	body.stickyadd .lower-wrapper {
		display: block;
		transform: translateY(-65px);
	}

}




@media only screen and (max-width: 479px) {
	.catalog-product-view .main { padding: 0; }
	.product-view { padding: 0 2px 0; border: none; }
	.product-view .product-shop,
	.product-img-box,
	.product-view .block-related,
	.box-collateral {
		margin-bottom: 7px;
	}
	.product-view .product-shop { padding: 0 8px; }
}






/* -------------------------------------------- *
* Product sets
*/


.product_set {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: row;
	border-bottom: 1px solid #ccc;
	padding: 0 0 15px;
}
.product_set, .product_set a { color: #444; }
.product_set a:hover { text-decoration: none; }
.product_set .set_value { white-space: nowrap; }

.product_set .product_set_swatch,
.product_set .product_set_shape,
.product_set .product_set_icon {
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
	border: 2px solid transparent;
	transition: border-color .3s;
	transition: transform .3s;
	padding: 0 3px;
}


.product_set .product_set_shape {
	margin: 0 5px;
	border: 1px solid #ccc;
	transition: background-color .3s;
}
.product_set .product_set_shape.inactive_set:hover,
.product_set .product_set_shape.active_set { border-color: #999; background-color: #29a427; color: #fff; }
.product_set .product_set_shape .set_value { min-width: 50px; height: 35px; line-height: 35px; padding: 0 5px; }


.product_set .product_set_swatch {
	padding: 5px;
	margin: 0 5px;
	border: 2px solid #d6d6d6;
	width: 40px;
	height: 40px;
	border-radius: 4px;
}
.product_set .product_set_swatch.inactive_set:hover,
.product_set .product_set_swatch.active_set { transform: scale(1.1); border-color: #999; }



.product_set .product_set_icon {
	border-radius: 5px;
	padding: 0 5px 5px;
	margin: 0 5px;
}

.product_set .product_set_icon:hover, .product_set .product_set_icon.active_set { border-color: rgba(40, 165, 40, 0.44); }
.product_set .product_set_icon.inactive_set:hover, .product_set .product_set_icon.inactive_set:focus { transform: scale(1.1); }
.product_set .product_set_icon img.set_image { max-width: 100%; height: auto; }
.product_set .product_set_icon a img.set_image { transition: opacity .5s; }
.product_set.setcount_7 .product_set_icon img.set_image { max-width: 70px; }

.product_set .product_set_icon .set_value {
	box-sizing: border-box;
	margin: 0 auto;
	color: #555;
	white-space: nowrap;
	width: 100%;
	line-height: 20px;
	font-size: 16px;
}





.share_container { width: 100%; max-width: 500px; margin: 10px auto 5px; display: none; text-align: center; box-sizing: border-box; }
.social_share {
	box-sizing: border-box;
	display: inline-block;
	width: calc( 50% - 14px );
	max-width: 250px;
	border-radius: 6px;
	padding: 10px 2px;
	text-align: center;
	margin: 5px;
	color: #fff;
}
.social_share.fb{ background-color: #3B5998; }
.social_share.wa{ background-color: #25D366; }
.social_share:hover { color: #fff; opacity: 0.8; }


@media only screen and (max-width: 959px) {
	.product_set .set_value {
		font-family: Arial, Helvetica, sans-serif;
	}
}

@media screen and (max-width: 768px) {
	.share_container { display: block; }
	.product_set { padding: 0; border: none;  }
	.product_set .product_set_icon {
		border-radius: 4px;
		padding: 0;
		margin: 0 2px;
	}
	.product_set .product_set_icon { line-height: 0; font-size: 0; }
	.product_set .product_set_icon .set_value { line-height: 16px; font-size: 16px; }

	.product_set.setcount_7 .product_set_icon img.set_image,
	.product_set .product_set_icon img.set_image { max-width: 60px; }

}




/* ====================  ACCORDIAN  ============================ */

.accordion_outer {
	border-bottom: 1px solid #ccc;
	background-color: #fff;
	margin: 20px 0;
}

.accordion_outer label {
	display: block;
	border-top: 1px solid #ccc;
	cursor: pointer;
	transition: background 0.35s;
}

.product-view .description .accordion_outer label h3,
.product-view .description .accordion_outer label h4 {
	padding: 10px;
	margin: 0;
	font-size: 1em;
	color: #333;
	display: flex;
	justify-content: space-between;
}

.accordion_outer label h3::after,
.accordion_outer label h4::after {
	content: "❯";
	width: 1em;
	text-align: center;
	color: #777;
	transition: transform 0.2s ease-in-out;
    transform: rotate(90deg);
}

body.notouch .accordion_outer label:hover {
	background-color: #f0f0f0;
}

.accordion_outer input {
	position: absolute;
	opacity: 0;
	z-index: -1;
}

.accordion_outer .accordion_content {
	font-size: 0.92em;
	line-height: 1.5em;
	color: #333;
	padding: 0;
	max-height: 0;
	overflow: hidden;
	transition: all 0.35s ease-in-out;
}

.accordion_outer input:checked + label h3,
.accordion_outer input:checked + label h4 {
	background-color: #f0f0f0;
}

.accordion_outer input:checked + label h3::after,
.accordion_outer input:checked + label h4::after {
	transform: rotate(-90deg);
}

.accordion_outer input:checked ~ .accordion_content {
	max-height: 150vh;
	padding-top: 10px;
	padding-bottom: 10px;
}

.accordion_outer .accordion_content h4,
.accordion_outer .accordion_content h5 {
	font-size: 1em;
	text-decoration: underline;
}
.accordion_outer .accordion_content caption { 
	font-size: 1.1em;
	text-decoration: underline;
}


.accordion_outer .accordion_content h4,
.accordion_outer .accordion_content h5
.accordion_outer .accordion_content p,
.accordion_outer .accordion_content .sku {
	margin: 5px 0 0;
}


@media only screen and (min-width: 768px) {
	.accordion_outer {
		margin-bottom: 10px;
	}
	.accordion_outer .accordion_content {
		padding-left: 10px;
		padding-right: 10px;
	}
}

.accordion_outer .sku {
	display: block;
	color: #909090;
	user-select: text;
}




/* -------------------------------------------- *
 * Catalog - Related Products
 */

.also_container { 
	background-color: #fff;
	margin-top: 10px;
	border-bottom: 1px solid #ddd;
	padding: 10px 10px 15px;
	box-sizing: border-box;
}


.also_container .bubble {
  position: relative;
  float: right;
  font-size: 18px;
  width: auto;
  background: #009fff;
  border-radius: 24px;
  padding: 14px 20px 14px 20px;
  text-align: center;
  color: #ffffff;
  display: inline-block;
  margin-bottom: 20px;
  margin-right: 28px;
}

.also_container .bubble-bottom-left:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 24px solid transparent;
  border-top: 12px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid #009fff;
  right: 30px;
  bottom: -14px;
}


@media only screen and (max-width: 479px) {
  .also_container .bubble {
    font-size: 16px;
    padding: 10px;
    margin-right: 3px;
  }
  .also_container .bubble-bottom-left:before {
    bottom: -18px;
  }
}


.also_container table { width: 100%; box-sizing: border-box;  }
.also_container td { padding: 10px 0; vertical-align: middle; box-sizing: border-box;  }
.also_container h3, .also_container caption { text-align: left; padding-bottom: 5px;  box-sizing: border-box; color: #dd2604; }
.also_container .also_col1 { width: 95px; line-height: 0; font-size: 0; padding: 0; text-align: center; }
.also_container .also_col1 img { border: 1px solid #e0e0e0; box-sizing: content-box; }
.also_container .also_col2 { font-size: 0.9em; }
.also_container .also_col2 a { color: #333; }
.also_container .also_col2 a:hover { text-decoration: none; }
.also_container .also_col3 { width: 100px; text-align: center; }
.product-shop .also_container .price-box {
	margin: 0 0 0 10px;
	text-align: left;
	float: left;
	box-sizing: border-box;
	color: #fff;
	background-color: #ff2800;
	padding: 5px 10px;
	border-radius: 3px;
	position: relative;
	font-size: 0;
	line-height: 0;
}
.product-view .product-shop .also_container .price-box .price-label{ display:none; }
.product-view .product-shop .also_container .price-box .price { float: left; font-size:18px; line-height:18px; box-sizing: border-box; color: #fff; font-weight: normal; }
.product-view .product-shop .also_container .price-box .old-price {
	position: absolute;
	float: none;
	margin:0 0 0 10px;
	box-sizing: border-box;
	white-space: nowrap;
	left: 100%;
}
.product-view .product-shop .also_container .price-box .old-price .price {
	color:#333;
	font-size:15px;
	box-sizing: border-box;
}

button.also {
	border: 1px solid #28a528;
	color: #fff;
	border-radius: 3px;
	box-sizing: border-box;
	display: block;
	margin: 5px auto 5px;
	text-transform: uppercase;
	text-align: center;
	font-size: 14px;
	padding:5px 8px;
	transition: all .5s;
	transition: background 200ms ease-in-out;
	background-color: #28a528;
	min-width: 30px;
}

button.also.added { background-color: #fff; border-color: #0074d9; color: #0074d9; background-image:none; color: #0074d9;  }
button.also.added:hover { background-color: #f3f3f3; border-color: #0074d9; }
button.also:hover { background-color: #1e7c1e; }
button.also:focus { outline:0; }

.product-shop .also_container .also_col3 .price-box {
	margin: 0 auto;
	text-align: center;
	float: none;
	padding: 0;
	background-color: transparent;
}
.product-view .product-shop .also_container .also_col3 .price-box .price-label{ display:none; }
.product-view .product-shop .also_container .also_col3 .price-box .price { float: none; color: #f00; }
.product-view .product-shop .also_container .also_col3 .price-box .old-price { display: none;  }


@media only screen and (max-width: 767px) {

	.also_container { 
		padding:5px;
		background-color: #f3f3f3;
	}
	.also_container table { border-collapse: collapse; }
	.also_container h3, .also_container .h3 { padding-bottom: 5px;  font-size: 1em }
	.also_container td { padding: 9px 0 0 0; border-top: 1px solid #ccc; }

	.also_container .also_col1 { width: auto; }

	.also_container .also_col2 { padding-left: 5px; font-size: 14px; line-height: 1.2em; }

	.also_container .also_col3 { width: 55px; }

}




/* -------------------------------------------- *
 * Catalog - Product Options
 */
.product-options {
	width: 100%;
	padding: 0;
	border-bottom: 0;
	clear: both;
	position: relative;
}


.product-options ul.options-list { padding: 10px 5px; transition: background-color .3s; }

.product-options ul.options-list.validation-failed { background-color: #ffc1c1; }

.product-options ul.options-list input.radio,
.product-options ul.options-list input.checkbox {
	float: left;
	margin-right: -40px;
	margin-top: 17px;
	margin-left: 15px;
}


.product-options ul.options-list input.radio { z-index: 2; }


.product-options ul.options-list label {
	color: #000;
	background-color: #e8e8e8;
	padding: 5px 10px;
	display: inline-block;
	width: 100%;
	max-width: none;
	min-width: 290px;
	min-height: 45px;
	float: none;
	padding: 10px 0px 0px 35px;
	transition: background-color 0.3s;
	cursor: pointer;
}

.product-options ul.options-list label:hover,
.product-options ul.options-list input[type="radio"]:checked+label {
	background-color: #cecece;
}

.product-options ul.options-list .no-display + label {
	padding-left: 10px;
	background-color: transparent;
}

.product-options ul.options-list .no-display + label:hover {
	background-color: transparent;
}

.product-options ul.options-list label,
.col2-set .form-list .control label {
	min-width: inherit;
	width: 250px;
	max-width: 100%;
	color: #044075;
	font-size: 16px;
}
.product-options ul.options-list li.oos label {
	background-color: #f5f5f5;
	border: 1px dashed #aaa;
	color: #888;
}

.product-options ul.options-list label.hasswatch{
	border-radius: 22px;
}


.product-options p.required {
	position: absolute;
	top: 6px;
	right: 15px;
	text-align: right;
}

@media only screen and (max-width: 979px) {
	.product-view .product-options .required {
		position: static;
	}
}

.product-options .qty-holder {
	display: block;
	padding: 10px 0 0 0;
}

.product-options .qty-holder .qty {
	width: 3em;
}

.product-options .qty-holder label {
	vertical-align: middle;
}

.product-options .qty-disabled {
	background: none;
	border: 0;
	padding: 0 2px;
}

.product-options dd, .product-options .dd {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #ccc;
}



.product-options ul.options-list li {
	line-height: 1.5;
	margin-bottom: 7px;
}

.product-options ul.options-list li:last-child {
	margin-bottom: 0;
}

.product-options ul.options-list .label {
	display: block;
}

.product-options ul.options-list label {
	font-weight: normal;
	position: relative;
}

.product-options ul.options-list.many.radios li {
	display: inline-block;
	width: calc(50% - 15px);
	margin-right: 15px;
}
.product-options ul.options-list.many.radios label {
	width: 100%;
}

.product-options ul.options-list label .swatch {
	position: absolute;
	top: 2px;
	right: 2px;
	bottom: 2px;
	width: 40px;
	display: inline-block;
	border-radius: 50%;
	border: 1px solid #bbb;
}

.product-options p.note {
	margin: 0;
	font-size: 11px;
}




/* ============================================ *
 * product-options-bottom = add to cart container
 * ============================================ */


.product-options-bottom {
	padding: 0 20px 0;
	border-top: 0;
}

.product-options-bottom:after {
	content: '';
	display: table;
	clear: both;
}

.product-options-bottom .product-pricing,
.product-options-bottom .tier-prices {
	float: right;
	margin: 0;
	padding: 0 0 10px;
	border: 0;
	background: 0;
	color: #636363;
}
@media only screen and (max-width: 1199px) {
	.product-options-bottom .product-pricing,
	.product-options-bottom .tier-prices {
		float: none;
		width: 100%;
		text-align: right;
		padding-bottom: 5px;
		margin-bottom: 10px;
		border-bottom: 1px solid #cccccc;
	}
}

.product-options-bottom .tier-prices li {
	background: 0;
	padding: 2px 0;
}

.product-options-bottom .tier-prices .price,
.product-options-bottom .tier-prices .benefit {
	color: #636363;
}

.product-options-bottom .price-box {
	display: none;
	float: right;
	margin: 0 0 10px;
	padding: 0;
}

@media only screen and (max-width: 479px) {
	.product-options { padding: 10px 0px 5px 10px }
	.product-options ul.options-list.many.radios li {
		width: calc(50% - 5px);
		margin-right: 5px;
	}

	.product-options-bottom .price-box .price-as-configured {
		text-align: right;
	}
	.product-options-bottom .price-box .price-as-configured .price-label {
		display: block;
	}
}



/* ============================================ *
 * Custom option styles
 * ============================================ */

.squareoptions .product-options .master ul.options-list label {
	min-width: 85px;
	max-width: none;
	background-color: #f7f7f7;
	border: 1px solid #bbb;
	padding: 0 4px;
	text-align: center;
	line-height: 44px;
	min-height: 45px;
	height: 45px;
	overflow: hidden;
	white-space: nowrap;
}
.squareoptions .product-options .master ul.options-list {
	text-align: center;
}
.squareoptions .product-options .master ul.options-list.many.radios li,
.squareoptions .product-options .master ul.options-list li {
	display: inline-block;
	margin: 5px;
	text-align: left;
	width: auto;
}
.squareoptions .product-options .master ul.options-list label:hover,
.squareoptions .product-options .master ul.options-list input[type=radio]:checked+label{
	background-color: #29a528;
	color: #fff;
}

.airtrack.squareoptions .product-options .master ul.options-list label { border-radius: 10px; }

.squareoptions .product-options .master ul.options-list li.circ label { min-width: 45px; letter-spacing: 1px; border-radius: 50%; }
.squareoptions .product-options .master ul.options-list li.rect label { min-width: 45px; letter-spacing: 1px; }

.airtrack .product-options .master .radio { display: none; }
.airtrack .product-options .subset ul.options-list { margin: 0; text-align: center; }
.airtrack .product-options .subset ul.options-list label {
	border-style: solid;
	border-width: 9px;
	height: 50px;
	border-radius: 12px;
	padding: 0;
	text-align: center;
	line-height: 33px;
	text-transform: uppercase;
}
.airtrack .product-options .subset ul.options-list li.backdark label { color: #fff;  }
.airtrack .product-options .subset ul.options-list.radios li,
.airtrack .product-options .subset ul.options-list.many.radios li {
	margin: 5px;
	width: calc(25% - 15px);
	border: 1px solid transparent;
	border-radius: 12px;
}
.airtrack .product-options .subset ul.options-list.radios li.borderlight {
	border-color: #b9b9b9;
}
.airtrack .product-options .subset ul.options-list label.hasswatch {
	border-radius: 12px;
}
.airtrack .product-options .subset ul.options-list label.hasswatch .swatch { display: none; }
.airtrack .product-options .subset ul.options-list input.radio { margin-top: 20px; margin-left: 20px; }


@media only screen and (max-width: 580px) {
	.airtrack .product-options { padding: 0; }
	.airtrack .product-options .subset ul.options-list.many { padding: 10px 0; }

	.airtrack .product-options .subset ul.options-list.many.radios li {
		margin: 3px;
		width: calc(25% - 7px);
	}

	.airtrack .product-options .subset ul.options-list label {
		border-width: 7px;
		height: 45px;
		line-height: 31px;
		font-size: 14px;
		padding-left: 20px;
		text-align: left;
		overflow: hidden;
	}
	.airtrack .product-options .subset ul.options-list input.radio { margin-top: 17px; margin-left: 12px; }
}




.main { padding: 0px 10px; max-width: 1700px; }


/* -------------------------------------- */

.category-image img { max-width: 100%; height: auto; }

.catalog-category-view .main-container {
/*	box-shadow: inset 0 2px 5px rgba(0,0,0,0.16); */
/*
	background-repeat: repeat;
	background-image: url('https://www.powertrain.com.au/media/template/page_bg.jpg');
	background-image: url(/media/wysiwyg/XMAS/christmas_bg.png);
*/
}


.products-grid > li.subcat_break {
	flex-basis: 100%;
	margin: 10px 0 15px 10px;
	background-color: #fff;
	transition: background-color .3s;
	border-bottom: 3px solid #ed253b;
	box-shadow: 0px 6px 8px -5px rgba(0, 0, 0, 0.46);
}

@media only screen and (max-width: 1699px) {
	.products-grid > li.subcat_break { margin: 10px 5px; }
}

.products-grid > li.subcat_break:hover { background-color: #d8d8d8; }

.products-grid > li.subcat_break h3 {
	padding: 0;
	color: #1d1d1d;
	letter-spacing: 2px;
	word-spacing: 3px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
	color: #5f5f5f;
}
.products-grid > li.subcat_break h3 a { 
	display: block;
	padding: 10px 5px 5px 22px;
	color: #4e4e4e;
}

/* -------------------------------------------- *
 * Price Box - Standard
 */
.price-box {
	margin: 7px 0;
}

.price-box p {
	margin-bottom: 0;
}


.price-box .price-label {
	color: #a0a0a0;
	white-space: nowrap;
}



/* -------------------------------------------- *
 * Product List General
 */
.category-title h1,
.category-title .h1,
body.catalogsearch-result-index .page-title h1,
body.catalogsearch-result-index .page-title .h1 {
	border-bottom: none;
}



.category-description {
	text-align: justify;
	color: #4a4a4a;
	border: 1px solid #ccc;
	margin: 20px 0 0;
	padding:0 20px 15px;
	line-height:1.3em;
	position: relative;
	background-color: #fff;
	font-size: 15px;
}


.category-description h1, .category-description .h1 {
	display: block;
	font-size:1.3em;
	color: #000;
	text-transform: uppercase;
	text-align: center;
	padding: 6px 15px;
	border: 1px solid #999;
	margin: -16px auto 14px;
	width: 600px;
	max-width: 90%;
	letter-spacing: 1px;
	background-color: #fff;
}

.category-description h2 { text-transform: none; margin: 0 0 2px; padding: 10px 0 1px 0; font-size: 17px; color: #111; }

.category-description strong { color:#000; font-style:normal; }
.category-description p { margin-bottom: 0.6em; }

.category-description .subcategories { text-align: center; line-height: 1em; }
.category-description .subcategories ul,
.category-description .subcategories li,
.category-description .subcategories h3,
.category-description .subcategories a { font-size: 1em; display: inline-block; }
.category-description .subcategories li { vertical-align: top; }
.category-description .subcategories li.filtertitle { padding: 7px 12px; color: #555; }
.category-description .subcategories a {
	padding: 12px 14px 10px 34px;
	position: relative;
	color: #1d1d1d;
	overflow: hidden;
}

.category-description .subcategories a span {
	display: inline-block;
	padding: 8px;
	border: 2px solid #bbb;
	position: absolute;
	top: 9px;
	left: 5px;
	border-radius: 2px;
	transition: background-color .3s;
	font-size: 1px;
	line-height: 1px;
}
.category-description .subcategories a.active span, .category-description .subcategories a:hover span { background-color: #ed253b; }

.category-description-lower {
	padding: 10px 5px;
	margin: 10px 0;
	font-size: 15px;
	line-height: 1.4em;
	color: #111;
}

.category-description-lower .columns {
	column-gap: 2em;
}
.category-description-lower .columns2 {
	columns: 2 420px;
}
.category-description-lower .columns3 {
	columns: 3 420px;
}
.category-description-lower .columns h2 {
	column-span: all;
}
.category-description-lower .columns div { padding-left: 10px; text-align: justify; }
.category-description-lower .columns div h3, .category-description-lower .columns div h4 { margin-left: -10px; text-align: left; }
.category-description-lower .columns div, .category-description-lower .columns table {
	break-inside: avoid;
}
.category-description-lower .columns p {
	margin-left: 5px;
	text-align: justify;
}

.category-description-lower a.silent { cursor: pointer; text-decoration: underline; }

.category-description h3,
.category-description h4,
.category-description h5,
.category-description-lower h2,
.category-description-lower h3,
.category-description-lower h4,
.category-description-lower h5 {
	font-size: 17px;
	line-height: 1.4em;
	color: #111;
	padding: 8px 0 0 0;
	margin: 0;
	text-transform: none;
	text-align: left;
}

.category-description-lower ul, .category-description-lower ol { list-style: disc; padding-left: 30px; }


@media only screen and (max-width: 959px) {
	.main { padding: 0 5px 10px; }
	.category-description { font-family: Arial, Helvetica, sans-serif; }
	.category-description h1, .category-description .h1 {
		font-size: 1.1em;
		padding: 7px 15px 5px;
	}
}

@media only screen and (max-width: 770px) {
	.category-description .subcategories li { width: 25%; text-align: left; }
	.category-description-lower ul, .category-description-lower ol { padding-left: 20px; }
}
@media only screen and (max-width: 630px) {
	.products-grid > li.subcat_break { border-right: none; border-left: none; border-top: none; margin: 15px 0 6px; position: sticky; top: 0; z-index: 12; }
	.category-description .subcategories { font-size: 15px; }
	.category-description .subcategories li { width: 33%; }
}
@media only screen and (max-width: 440px) {
	.category-description { padding: 0 10px 10px; font-size: 13px; }
	.category-description-lower { font-size: 13px; }
	.category-description h1, .category-description .h1 { font-size: 1em; margin-bottom: 5px;max-width: 95% }
	.category-description .subcategories { text-align: left; }
	.category-description .subcategories li { width: 100%; padding-left: 15px; display: list-item; }
	.category-description .subcategories a { padding: 8px 14px 8px 34px; }
	.category-description .subcategories a span { border-radius: 3px; top: 5px; }
	.products-grid > li.subcat_break h3 a { font-size: 14px; padding: 10px 2px 5px 2px; text-align: center; }
}


/*  ======  Product grid styles used only on category page not promoted products ====== */

.icon-sale {
	position: absolute;
	top: -5px;
	right: -5px;
	width: 85px;
	height: 85px;
	background-position: -102px -182px;
}

.products-grid .price-box {
	color: #fff;
	background-color: #ed253b;
	width: 40%;
	margin: 0 auto;
	text-align: center;
	padding: 2px 0 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.products-grid .price-box .price {
	color: #fff;
	font-size: 20px;
}


.products-grid .price-box .symb { font-size: .7em; vertical-align: text-top; }

.products-grid .price-box .old-price {
	display: none;
	color: #a0a0a0;
	text-decoration: line-through;
}

.products-grid .free-label {
	width: 42px;
	height: 24px;
	display: block;
	position: absolute;
	bottom: 4px;
	right: 5px;
	background-size: 133px 476px;
	background-position: -75px -295px;
	cursor: pointer;
	text-align: right;
	line-height:15px; color:#666;
}



.products-grid li.item .oos-label {
	opacity: 0;
	transition: opacity .3s;
	position: absolute;
	right: 0px;
	top: 5px;
	background-color: #ffac00;
	z-index: 10;
	padding: 1px 10px;
	border: 2px solid #fff;
	border-right: 0;
	color: white;
	font-size: .9em;
}

body.touch .products-grid li.item .oos-label { opacity: 1; }

.products-grid li.item:hover .oos-label {
	opacity: 1;
}


.category-image {
	border: 0;
	padding: 0 0 15px;
}
.category-image img {
	width: 100%;
	max-width: 100%;
}


@media only screen and (max-width: 959px) {
	.icon-sale {
		top: 0;
		right: 0;
		width: 52px;
		height: 52px;
		background-position: -62px -110px;
		background-size: 115px 410px;
	}
}

@media only screen and (max-width: 770px) {
	.category-image { display: none; }
}

@media only screen and (min-width: 2100px) {
	.catalog-category-view .main, .catalog-category-view .footer { max-width: 2050px; }
	.products-grid > li { width: calc(100%/6 - 10px); }
}


@media only screen and (max-width: 1023px) {
	.products-grid .oos-label { font-size: .9em; padding: 0 5px; }
	.products-grid li.item .oos-label { opacity: 1; }
	.products-grid .price-box .price { font-size: 16px; width: 45%; }
}






h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-size: large;
	font-weight: bold;
	color: #000;
	margin-top: 10px;
}

.page-title h1,
.page-title .h1,
.page-title h2 {
	font-size: 24px;
	font-weight: bold;
	color: #3c3c3c;
	text-transform: uppercase;
}


@media only screen and (min-width: 1024px) {
	.main-container{ min-height: 550px; }
}


.cms-page-view .std img,
.cms-no-route .std img {
	max-width: 100%;
	height: auto;
}


.cms-page-view .std {
	border: 1px solid #ccc;
	padding: 10px;
	background-color: #fff;
	margin-bottom: 10px;
}


.cms-page-view .std h1,
.cms-page-view .std .h1,
.cms-no-route .std h1,
.cms-no-route .std .h1 {
	color: #3399cc;
}
.cms-no-route .std h2 {
	color: #3399cc;
}
.cms-page-view .std li,
.cms-no-route .std li {
	color: #636363;
	font-size: 14px;
	line-height: 24px;
}
.cms-page-view .col-left:after,
.cms-no-route .col-left:after {
	content: '';
	display: table;
	clear: both;
}


@media only screen and (max-width: 770px) {
	.cms-page-view .std h1 { font-size: 20px; text-transform: none; }
	.cms-page-view .main {
		padding: 0;
	}
	.cms-page-view .std {
		border: none;
		margin-bottom: 5px;
	}
}



/* ============== HOMEPAGE ======================= */


/* .cms-home { */
.cms-home .main, .cms-test-html .main {
	max-width: 1920px;
	margin: 0 auto;
	padding: 0;
}
.cms-home .main-container { background-color: #444; }


.home_block { max-width: 1440px; margin: 0 auto; }
.home_block.wide100 { max-width: 100%; overflow: hidden; }

.home_block_inner { max-width: 1440px; margin: 0 auto; }

/* see CMS block
.home_block_banner {
	max-height: 747px;
	background-image: url(https://www.powertrain.com.au/media/template/homepage/banner_BG.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}
*/
.home_block_banner .home_block_inner {
	text-align: center;
	padding: 4% 2.2% 14%;
}
.home_block_banner img { max-width: 100%; margin: 0 auto; }

.home_block_banner .headline, .home_block_banner .byline {
	line-height: 1.2em;
	color: #fff;
	display: block;
	margin: 0 auto;
	text-align: center;
}
.home_block_banner .headline { font-size: 2.2em; font-weight: bold; letter-spacing: 1px; }
.home_block_banner .byline { font-size: 2em; margin-bottom: 3%; }


.home_block_menu {
	background-image: url(https://www.powertrain.com.au/media/template/homepage/menu_BG_A.jpg),
					  url(https://www.powertrain.com.au/media/template/homepage/menu_BG_C.jpg),
					  url(https://www.powertrain.com.au/media/template/homepage/menu_BG_B.png);
	background-position: top center, bottom center, top center;
	background-repeat: repeat-x, repeat-x, repeat;
	padding: 18px 0 12px;
	-webkit-tap-highlight-color: transparent;
}

.home_block_rec { padding: 8px 0 15px; background-color: #ed253b; }
.home_block_rec h2 { color: #fff; }
.home_block_rec .category-products { margin-top: 0; }

.menu_block_flex {
	width: 96%;
	margin: 0 auto!important;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: row;
	list-style: none!important;
}

.menu_block { width: 25%; padding: 0; margin: 0; text-align: center; position: relative;  }
.menu_block_bg { max-width: initial!important; width: calc(100% + 15%); height: auto; position: absolute; top: 0; left: -7.5%; z-index: 1; transition: all .3s; }
.menu_block_content { width: 100%; padding-bottom: 121%; }
.menu_block_content_inner {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
	text-align: center;
	transform: skew(-5deg);
	cursor: pointer;
}

li.menu_block.count2 .menu_block_content_inner { padding-top: 38%; }
li.menu_block.count3 .menu_block_content_inner { padding-top: 30%; }
li.menu_block.count4 .menu_block_content_inner { padding-top: 23%; }
li.menu_block.count5 .menu_block_content_inner { padding-top: 16%; }
li.menu_block.count6 .menu_block_content_inner { padding-top: 8%; }

.menu_block_link_container {
	transform: scaleY(0);
	opacity: 0;
	transition: all .25s ease-in-out;
}


body.touch li.menu_block.focused .menu_block_link_container,
body.notouch li.menu_block:hover .menu_block_link_container {
	transform: scaleY(1);
	opacity: 1;
	padding: 10px 0;
}

body.touch li.menu_block.focused img.menu_block_bg,
body.notouch li.menu_block:not(.count0):hover img.menu_block_bg {
	filter: brightness(0.5) contrast(0.6);

}


.menu_block_link {
	display: block;
	cursor: pointer;
	background-color: #ed253b;
	border-radius: 3px;
	text-align: center;
	padding: 3% 3px;
	width: 74%;
	margin: 3% auto;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	opacity: 1;
	box-shadow: 0px 0px 6px 2px rgb(255 255 255 / 36%);
}

.menu_block_link.longtext{ font-size: 16px; }

.menu_block_link:hover, .menu_block_link:focus {
	text-decoration: none;
	color: #fff;
	box-shadow: 0px 0px 14px 4px rgba(255, 255, 255, 0.8);
}

.menu_block_link:focus {
	background-color: #8a000f;
}

.menu_block a .menu_block_bg.locked:hover {
	opacity: .7;
}

.home_block_strip {
	background-color: #ed253b;
	font-size: 0;
}
.cms-home .std .home_block_strip img,
.cms-page-view .std .home_block_strip img { max-width: 50%; display: inline-block; }

/* .cms-home { */
.cms-home .reccheader, .cms-test-html .reccheader {
	color: #fff;
}
.cms-home .reccheader:before, .cms-home .reccheader:after, .cms-test-html .reccheader:before, .cms-test-html .reccheader:after {
	border-top: 2px solid #fff;
}




@media only screen and (max-width: 970px) {
	li.menu_block.count2 .menu_block_content_inner { padding-top: 34%; }
	li.menu_block.count3 .menu_block_content_inner { padding-top: 24%; }
	li.menu_block.count4 .menu_block_content_inner { padding-top: 15%; }
	li.menu_block.count5 .menu_block_content_inner { padding-top: 7%;  }
	.menu_block_content_inner.count6 { padding-top: 1%;  }
	.menu_block_link {  font-size: 16px; line-height: 1.2em; }
	.menu_block_link.longtext{ font-size: 14px; }
	.home_block_banner .byline { font-size: 1.8em; }
}

@media only screen and (max-width: 820px) {
	.menu_block { width: 50%; }
	li.menu_block.count2 .menu_block_content_inner { padding-top: 38%; }
	li.menu_block.count3 .menu_block_content_inner { padding-top: 30%; }
	li.menu_block.count4 .menu_block_content_inner { padding-top: 23%; }
	li.menu_block.count5 .menu_block_content_inner { padding-top: 16%; }
	li.menu_block.count6 .menu_block_content_inner { padding-top: 8%; }
}


@media only screen and (max-width: 770px) {
	.cms-home .std .home_block_strip img, .cms-page-view .std .home_block_strip img { max-width: 100%; display: block; }
}
@media only screen and (max-width: 629px) {
	.menu_block_flex { width: 92%; }
	.home_block_banner .headline { font-size: 2em; }
	.home_block_banner .byline { font-size: 1.2em; }
}

@media only screen and (max-width: 512px) {
	li.menu_block.count2 .menu_block_content_inner { padding-top: 25%; }
	li.menu_block.count3 .menu_block_content_inner { padding-top: 18%; }
	li.menu_block.count4 .menu_block_content_inner { padding-top: 2%; }
	li.menu_block.count5 .menu_block_content_inner { padding-top: 0; }
	li.menu_block.count6 .menu_block_content_inner { padding-top: 0;  }
	.menu_block_link { font-size: 14px;}
	.menu_block_link.longtext{ font-size: 13px; }
	.home_block_banner .headline { font-size: 1.6em; }
	.home_block_banner .byline { font-size: 1.1em; }
}






/* ===============   BLOG  ================== */


.cms-blog-view.cms-page-view .col1-layout .col-main {
	margin: 0 auto;
	background-color: #fff;
	padding: 20px;
	border: 1px solid #ccc;
}


.cms-blog-view.cms-page-view .blog_content { margin: 0 auto; max-width: 950px; }

.cms-blog-view.cms-page-view .col-main header {
	border-bottom: 1px solid #ccc;
	margin-bottom: 22px;
}

.cms-blog-view.cms-page-view .col-main section {
	padding: 15px 0;
}

.cms-blog-view.cms-page-view .blog_content.blog_index {
	text-align: center;
	max-width: 100%;
}

.cms-blog-view.cms-page-view .col-main .blog_index section {
	text-align: left;
	padding: 15px 10px;
	display: inline-block;
	vertical-align: top;
	width: 520px;
	max-width: 33%;
}
.cms-blog-view.cms-page-view .col-main .blog_index section .snippet {
	height: 65px;
	line-height: 1.3em;
	font-size: 15px;
}

@media only screen and (max-width: 1399px) {
	.cms-blog-view.cms-page-view .col-main .blog_index section {
		max-width: calc(50% - 10px);
	}
	.cms-blog-view.cms-page-view .col-main .blog_index section .snippet {
		height: 100px;
		overflow: hidden;
	}
}
@media only screen and (max-width: 539px) {
	.cms-blog-view.cms-page-view .col-main .blog_index section {
		height: auto;
		max-width: 100%;
		display: block;
	}
	.cms-blog-view.cms-page-view .col-main .blog_index section .snippet {
		max-height: initial;
	}
}


.cms-blog-view.cms-page-view .col-main section:first-child {
	padding-top: 0;
}
.cms-blog-view.cms-page-view .col-main section {
	border-bottom: 1px solid #9f9f9f;
}

.cms-blog-view.cms-page-view .col-main p { padding: 2px 0 6px; text-align: justify; }
.cms-blog-view.cms-page-view .col-main p::first-letter { font-size: 1.1em; }
.cms-blog-view.cms-page-view .col-main figure { margin: 15px auto; width: 814px; max-width: 100%; padding: 5px; border: 1px solid #ddd; border-radius: 5px; }
.cms-blog-view.cms-page-view .col-main figcaption { padding: 5px 0 0 10px; color: #555; }
.cms-blog-view.cms-page-view .col-main .blog_content img.headerpic { display: block; margin: 0 auto; max-width: 100%; height: auto; box-sizing: content-box; border-radius: 5px; }
.cms-blog-view.cms-page-view .col-main .blog_index   img.headerpic { border: 1px solid #ccc; margin: 5px auto; transition: opacity 0.3s; width: 500px; max-width: 100%; height: auto; }
.cms-blog-view.cms-page-view .col-main .blog_index a:hover img.headerpic { opacity: 0.7; }

.cms-blog-view.cms-page-view .col-main h2,
.cms-blog-view.cms-page-view .col-main h3,
.cms-blog-view.cms-page-view .col-main h4 {
	font-size: 1.2em;
	margin: 0.5em 0 0.2em 0;
	color: #000;
}

.cms-blog-view.cms-page-view .col-main h2 a,
.cms-blog-view.cms-page-view .col-main h3 a,
.cms-blog-view.cms-page-view .col-main h4 a {
	color: #000;
}

.cms-blog-view.cms-page-view .col-main .blog_index h2 { min-height: 2.4em; }

.cms-blog-view.cms-page-view .col-main a[target="_blank"]:after {
	content: url(https://www.powertrain.com.au/media/wysiwyg/blog/external_link.svg);
	width:  14px;
	height: 14px;
	display: inline-block;
	margin-left: 4px;
	vertical-align: text-top;
}

.cms-blog-view.cms-page-view .main {
	padding: 0;
}

.cms-blog-view table.product_data.wide800 { max-width: 800px; }
.cms-blog-view table.product_data.wide600 { max-width: 600px; }
.cms-blog-view table.product_data.wide400 { max-width: 400px; }
.cms-blog-view table.product_data tr td { white-space:initial; }

.cms-blog-view .col-main .meta_tags {
    font-size: 0.9em;
    color: #555;
    margin-bottom: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
}
.cms-blog-view .col-main .meta_tags a {
	text-decoration: underline;
}

.cms-blog-view .col-main ul, .cms-blog-view .col-main ol {
	margin-block-start: 0.3em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
}
.cms-blog-view .col-main ul {
	list-style-type: disc;
}
.cms-blog-view .col-main ol {
	list-style-type: decimal;
}

.cms-blog-view .col-main footer {
	color: #444;
	font-size: 0.9em;
    display: block;
    border-top: 1px solid #ccc;
    margin: 18px 10px 0;
    padding: 15px 15px 0;
}

div.share-button { position: static; display: inline-flex; vertical-align: middle; }
.cms-blog-view .col-main .share_tag { vertical-align: middle; display: inline-block; margin-right: 10px; }

@media only screen and (max-width: 770px) {
	.cms-blog-view ul li:has(a){ padding: 8px 0; }
	.cms-blog-view.cms-page-view .col-main { padding-top: 5px; }
	.cms-blog-view.cms-page-view figure { margin: 10px auto; }
	.cms-blog-view.cms-page-view .col1-layout .col-main { padding: 10px; border: none; }
	.cms-blog-view.cms-page-view .col-main h1,
	.cms-blog-view.cms-page-view .col-main h2,
	.cms-blog-view.cms-page-view .col-main h3,
	.cms-blog-view.cms-page-view .col-main h4 { font-size: 17px; }
	.cms-blog-view table.product_data { font-size: 12px; }
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}


th,
caption {
	font-weight: normal;
	font-style: normal;
	text-align: left;
}


address {
	font-style: normal;
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

.address-list address {
	margin-bottom: 1em;
}


.block,
.col-left-first {
	margin-bottom: 20px;
}

.col-left-first .block:last-of-type {
	margin-bottom: 0;
}


.block-content li.item {
	margin: 0 0 10px 9px;
}

.block-content li.item:last-child {
	margin-bottom: 0;
}

.block .actions {
	margin: 10px 0 0;
}
.block .actions:after {
	content: '';
	display: table;
	clear: both;
}
.block .actions a {
	float: left;
}
.block .actions .button {
	float: right;
}

.col-left .block .actions .button ~ a,
.col-right .block .actions .button ~ a {
	line-height: 33px;
	margin-right: 5px;
}

@media only screen and (max-width: 770px) {
	.sidebar .block:not(.block-layered-nav) {
		margin-bottom: 0;
	}
	.sidebar .block:not(.block-layered-nav) .block-title {
		padding: 0;
		margin-top: 0;
		border-bottom: none;
		border-top: none;
		margin-bottom: 0;
	}
	.sidebar .block:not(.block-layered-nav) .block-title > strong {
		margin: 0;
		margin-bottom: 10px;
		color: #636363;
		font-size: 14px;
		font-style: normal;
		line-height: 1.4;
		text-rendering: optimizeSpeed;
		text-transform: uppercase;
		-moz-user-select: none;
		-ms-user-select: none;
		-webkit-user-select: none;
		-o-user-select: none;
		user-select: none;
		font-weight: normal;
		margin-bottom: 0px;
		padding: 7px 10px 7px 24px;
		border-width: 1px;
		border-style: solid;
		border-color: #cccccc;
		position: relative;
		background-color: #f4f4f4;
		display: block;
		width: 100%;
		cursor: pointer;
		border-bottom: 0;
	}
	.sidebar .block:not(.block-layered-nav) .block-title > strong:after {
		content: '';
		position: absolute;
		width: 0;
		height: 0;
		display: block;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-left: 4px solid #3399cc;
		border-right: none;
		left: 10px;
		top: 50%;
		margin-top: -3px;
	}
	.sidebar .block:not(.block-layered-nav) .block-title > strong:hover {
		background-color: #ececec;
	}
	.sidebar .block:not(.block-layered-nav) .block-title.active > strong {
		margin: 0;
		margin-bottom: 10px;
		color: #636363;
		font-size: 14px;
		font-style: normal;
		line-height: 1.4;
		text-rendering: optimizeSpeed;
		text-transform: uppercase;
		-moz-user-select: none;
		-ms-user-select: none;
		-webkit-user-select: none;
		-o-user-select: none;
		user-select: none;
		font-weight: normal;
		margin-bottom: 0px;
		padding: 7px 10px 7px 24px;
		border-width: 1px;
		border-style: solid;
		border-color: #cccccc;
		position: relative;
		background-color: #f4f4f4;
	}
	.sidebar .block:not(.block-layered-nav) .block-title.active > strong:after {
		content: '';
		position: absolute;
		width: 0;
		height: 0;
		display: block;
		border-right: 4px solid transparent;
		border-left: 4px solid transparent;
		border-top: 4px solid #3399cc;
		border-bottom: none;
		left: 10px;
		top: 50%;
		margin-top: -3px;
	}
	.sidebar .block:not(.block-layered-nav) .block-title.active > strong:hover {
		background-color: #ececec;
	}
	.sidebar .block:not(.block-layered-nav) .block-content {
		padding: 10px;
		margin-top: 0;
		border: 1px solid #ccc;
	}
	.sidebar .block:last-of-type {

	}
}



/* -------------------------------------------- *
 * Secondary Navigation
 */
.block-account { background-color: #fff; }
.block-account .block-content { padding: 10px; }
.block-account .block-title,
.block-cms-menu .block-title {
	padding-top: 0;
	border-top: none;
}
.block-account li,
.block-cms-menu li {
	text-transform: uppercase;
	margin: 0;
}
.block-account li strong,
.block-cms-menu li strong,
.block-account li a,
.block-cms-menu li a {
	color: #636363;
	display: block;
	padding: 6px 5px 6px 10px;
	font-weight: normal;
}
.block-account li strong,
.block-cms-menu li strong,
.block-account li a:hover,
.block-cms-menu li a:hover,
.block-account li a:focus,
.block-cms-menu li a:focus {
	color: #3399cc;
	background-color: #e0f1ff;
}



/* ============================================ *
 * Buttons
 * ============================================ */
/* Secondary Buttons */
.cart .buttons-set .button,
.cart-table .button,
.sidebar .actions .button,
.button.button-secondary {
	background: #dddddd;
	color: #636363;
	padding: 7px 15px;
}
.cart .buttons-set .button:hover,
.cart-table .button:hover,
.sidebar .actions .button:hover,
.button.button-secondary:hover {
	background: #d0d0d0;
	cursor: pointer;
}
.cart .buttons-set .button:active,
.cart-table .button:active,
.sidebar .actions .button:active,
.button.button-secondary:active {
	background: #c4c4c4;
	color: #636363;
}
.cart .buttons-set .button:focus,
.cart-table .button:focus,
.sidebar .actions .button:focus,
.button.button-secondary:focus {
	color: #636363;
	background: #c4c4c4;
	outline: none;
}

.sidebar .actions button.button {
	white-space: normal;
}



/* Disabled - class for anchor, state for form elements */
.button.disabled,
.button:disabled {
	background: #C8C8C8;
	opacity: 0.6;
	cursor: not-allowed;
}

/* Adjacent buttons */
.button + .button {
	margin-left: 5px;
}

.button2 {
	border: 0;
	padding: 0 5px;
	margin: 0;
	background: transparent;
	cursor: pointer;
	vertical-align: middle;
}

.button2:focus {
	outline: none;
}

.button2 span,
.button2 span span {
	line-height: 30px;
	height: 30px;
	text-decoration: underline;
	text-transform: uppercase;
	display: inline-block;
	color: #28a528;
}
.button2 span:hover,
.button2 span span:hover {
	text-decoration: none;
	color: #246b8f;
}

@media only screen and (max-width: 770px) {
	.col2-set .buttons-set .button,
	.col2-set .buttons-set .button2 {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.col2-set .buttons-set .back-link {
		display: none;
	}
	.col2-set .buttons-set .required {
		display: none;
	}
}
@media only screen and (max-width: 479px) {
	.buttons-set .button {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 7px;
	}
	.buttons-set .back-link {
		display: none;
	}
	.buttons-set .required {
		display: none;
	}
}



@media only screen and (max-width: 770px) {
	.col2-set .buttons-set .button,
	.col2-set .buttons-set .button2 {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.col2-set .buttons-set .back-link {
		display: none;
	}
	.col2-set .buttons-set .required {
		display: none;
	}
}
@media only screen and (max-width: 479px) {
	.buttons-set .button {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 7px;
	}
	.buttons-set .back-link {
		display: none;
	}
	.buttons-set .required {
		display: none;
	}
}


.paypal-logo.paypal-after {
	float: left;
}

.paypal-after .paypal-or {
	float: left;
}

.paypal-or {
	line-height: 34px;
	margin: 0px 10px 5px;
}

.paypal-after .paypal-button {
	float: left;
}

.paypal-button {
	line-height: 0px;
}

.paypal-button img {
	display: inline;
}

@media only screen and (max-width: 740px) {
	.paypal-or {
		line-height: 20px;
	}

	.paypal-logo,
	.paypal-or,
	.paypal-button {
		text-align: center;
		width: 100%;
		display: block;
		margin-right: 0;
		margin-left: 0;
		float: none;
	}
}
/* -------------------------------------------- *
 * Button Sets
 */
.buttons-set {
	clear: both;
	margin: 10px 0 0;
	padding-top: 10px;
	text-align: right;
}
.buttons-set p.required {
	margin: 0;
	margin-left: 10px;
	line-height: 33px;
	float: right;
}
.buttons-set .back-link {
	float: left;
	margin: 0;
	line-height: 33px;
}
.buttons-set a:not(.button) {
	line-height: 20px;
	display: inline-block;
	padding: 5px;
}
.buttons-set button.button {
	float: right;
	margin-left: 5px;
	min-width: 140px;
}
.buttons-set:after {
	content: '';
	display: table;
	clear: both;
}



/* -------------------------------------------- *
 * Button - Remove / Previous
 */
.btn-remove,
.btn-previous {
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid #ededed;
	text-align: center;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	position: relative;
}
.btn-remove:hover,
.btn-previous:hover {
	background-color: #3399cc;
	border-color: #3399cc;
}

.btn-remove:after {
	content: 'X';
	color: #3399cc;
	height: 20px;
	line-height: 20px;
	width: 100%;
	font-size: 10px;
	font-weight: bold;
}
.btn-remove:hover:after {
	color: #FFFFFF;
	text-decoration: none;
}

.btn-remove2 {
	background-position: 4px -648px;
	border: none;
	vertical-align: top;
}
.btn-remove2:after {
	display: none;
}
.btn-remove2:hover {
	background-color: transparent;
	opacity: 0.8;
}

.btn-previous:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 4px solid #3399cc;
	border-left: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -2px;
	margin-top: -4px;
}
.btn-previous:hover:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 4px solid white;
	border-left: none;
}



/* -------------------------------------------- *
 * CVV Security Code
 */
.cvv-what-is-this {
	margin-left: 10px;
	font-size: 13px;
	line-height: 24px;
}



@media only screen and (min-width: 1024px) {
	.main-container{ min-height: 680px; }
}

.col-left {
	float: left;
	width: 25%;
	padding-left: 0;
	/* Remove the 15px padding */
	clear: left;
}
.col-left img {
	max-width: 100%;
}

.col-right {
	float: right;
	width: 25%;
	padding-right: 0;
	/* Remove the 15px padding */
}
.col-right img {
	max-width: 100%;
}


.col2-left-layout .col-main {
	float: right;
	padding-right: 0;
	/* Remove the 15px padding */
}

.col2-right-layout .col-main {
	padding-left: 0;
	/* Remove the 15px padding */
}

.col3-layout .col-right {
	width: 20.83333%;
}


.col3-layout .col-wrapper .col-main {
	float: right;
	width: calc( 100% - 235px );
}
.col3-layout .col-wrapper .col-left {
	width: 230px;
}

@media only screen and (max-width: 1000px) {
	.col3-layout .col-right {
		float: left;
		clear: left;
		padding-left: 0;
		padding-right: 10px;
		width: 25%;
	}
	.col3-layout .col-wrapper {
		float: right;
		width: 100%;
	}
	.col3-layout .col-wrapper .col-main {
		float: right;
		width: 75%;
	}
	.col3-layout .col-wrapper .col-left {
		width: 25%;
	}
}


@media only screen and (max-width: 770px) {
	.col-left,
	.col-right,
	.col-main,
	.col1-layout .col-left,
	.col1-layout .col-right,
	.col1-layout .col-main,
	.col2-left-layout .col-left,
	.col2-left-layout .col-right,
	.col2-left-layout .col-main,
	.col2-right-layout .col-left,
	.col2-right-layout .col-right,
	.col2-right-layout .col-main,
	.col3-layout .col-wrapper .col-left,
	.col3-layout .col-right,
	.col3-layout .col-wrapper .col-main {
		padding: 0;
		float: none;
		width: auto;
	}

	.col3-layout .col-wrapper {
		float: none;
		width: auto;
	}

	.col-main {
		float: none;
		width: auto;
	}

	.col-main .col-left {
		padding: 0;
		/* On product listing pages, the left column gets moved inside col-main on small viewports */
	}
}
/* Content Columns */
.col2-set {
	width: 100%;
}
.col2-set .col-1,
.col2-set .col-2 {
	width: 50%;
	padding: 20px;
}
@media only screen and (max-width: 770px) {
	.col2-set .col-1,
	.col2-set .col-2 {
		padding: 10px;
	}
}
.col2-set .col-1 {
	float: left;
	padding-left: 0;
}
.col2-set .col-2 {
	float: right;
	padding-right: 0;
}
@media only screen and (max-width: 479px) {
	.col2-set .col-1,
	.col2-set .col-2 {
		float: none;
		width: auto;
		border: 0;
		padding-right: 0;
		padding-left: 0;
	}
}
.col2-set .narrow {
	width: 33%;
}
.col2-set .wide {
	width: 65%;
}
.col2-set:after {
	content: '';
	display: table;
	clear: both;
}



/* -------------------------------------------- *
 * Global Site Notice
 */
.global-site-notice {
	background: #fdb133;
	color: #000;
	font-weight: bold;
	font-size: 16px;
}
.global-site-notice .notice-inner {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	line-height: 18px;
	font-size: 18px;
	text-align: center;
	min-height: 40px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.global-site-notice p {
	margin-bottom: 0;
}



/* -------------------------------------------- *
 * Grid
 */
.grid:after {
	content: '';
	display: table;
	clear: both;
}

/* -------------------------------------------- *
 * Messages
 */
.success {
	color: #11b400;
}

.error {
	color: #df280a;
	font-weight: bold;
}

.notice {
	color: #e26703;
	font-weight: bold;
}

/* -------------------------------------------- *
 * Messages
 */
.messages {
	margin-bottom: 10px;
}

.messages li li {
	position: relative;
	margin-bottom: 5px;
	padding: 7px 10px 7px 20px;
	background: #f4f4f4;
	font-size: 15px;
}

.messages li li:before {
	top: 50%;
	left: 0;
	margin-top: -6px;
}

.messages .error-msg li {
	color: black;
	border-left: 5px solid #df280a;
	background-color: #faebe7;
}

.messages .error-msg li:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #df280a;
	border-right: none;
}

.messages .notice-msg li {
	color: black;
	border-left: 5px solid #e26703;
	background-color: #f9ebe6;
}

.messages .notice-msg li:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #e26703;
	border-right: none;
}

.messages .success-msg li {
	color: black;
	border-left: 5px solid #11b400;
	background-color: #eff5ea;
}

.messages .success-msg li:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #11b400;
	border-right: none;
}

@media only screen and (min-width: 915px) {
	.order-list-grid .col-1 {
		width: 30%;
	}

	.order-list-grid .col-2 {
		width: 50%;
		padding-right: 20px;
	}

	.order-list-grid .col-3 {
		clear: none;
		width: 20%;
		padding-top: 0;
	}
}
/* -------------------------------------------- *
 * Page Popup
 */
.page-popup {
	padding: 20px;
	background: #FFFFFF;
	height: auto;
}

.page-popup h1, .page-popup .h1 {
	margin: 0 0 0.5em;
	font-size: 36px;
}

/* -------------------------------------------- *
 * Payment Methods
 */
.payment-methods {
	margin-bottom: 20px;
}

.payment-methods dt {
	padding: 5px 0;
}

.payment-methods dd {
	padding-top: 10px;
}

.payment-methods .form-list {
	position: relative;
	display: inline-block;
	max-width: 100%;
	margin: 5px 15px 15px;
	padding: 15px;
	border: 1px solid #cccccc;
	background: #f4f4f4;
}

.payment-methods .form-list:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 10px solid #cccccc;
	border-top: none;
	top: -11px;
	left: 30px;
}

.payment-methods .form-list:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 10px solid #f4f4f4;
	border-top: none;
	top: -10px;
	left: 30px;
}

.payment-methods .form-list li:last-child {
	margin-bottom: 0;
}

/* -------------------------------------------- *
 * Please Wait (Loading Indicator)
 */
.please-wait {
	display: inline-block;
	margin-left: 10px;
	margin-top: 5px;
	line-height: 24px;
	height: 24px;
	white-space: nowrap;
	/* Prevent the linebreak in the HTML from causing layout issues */
}
.please-wait img {
	float: left;
	margin-right: 5px;
	width: 24px;
}



/* ============================================ *
 * Tax - Full Tax Summary
 * ============================================ */
#checkout-review-table .summary-collapse,
#shopping-cart-totals-table .summary-collapse,
body.customer-account .data-table .summary-collapse {
	position: relative;
	cursor: pointer;
}
#checkout-review-table .summary-collapse:before,
#shopping-cart-totals-table .summary-collapse:before,
body.customer-account .data-table .summary-collapse:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-top: 7px solid #3399cc;
	border-bottom: none;
	position: static;
	display: inline-block;
	margin-right: 5px;
}
#checkout-review-table .summary-collapse:hover:before,
#shopping-cart-totals-table .summary-collapse:hover:before,
body.customer-account .data-table .summary-collapse:hover:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-top: 7px solid #246b8f;
	border-bottom: none;
	position: static;
	display: inline-block;
	margin-right: 5px;
}
#checkout-review-table .show-details .summary-collapse:before,
#shopping-cart-totals-table .show-details .summary-collapse:before,
body.customer-account .data-table .show-details .summary-collapse:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-bottom: 7px solid #3399cc;
	border-top: none;
	position: static;
	display: inline-block;
	margin-right: 5px;
}
#checkout-review-table .show-details .summary-collapse:hover:before,
#shopping-cart-totals-table .show-details .summary-collapse:hover:before,
body.customer-account .data-table .show-details .summary-collapse:hover:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-bottom: 7px solid #246b8f;
	border-top: none;
	position: static;
	display: inline-block;
	margin-right: 5px;
}

#shopping-cart-totals-table tfoot td .summary-collapse:before, #shopping-cart-totals-table tfoot td .summary-collapse:hover:before {
	margin-bottom: 5px;
}




/* ============================================ *
 * Magento Helpers
 * ============================================ */
.a-center {
	text-align: center;
}

.a-right,
.align-right {
	text-align: right;
}

.no-display {
	display: none !important;
}

.nobr,
.nowrap {
	white-space: nowrap;
}

.width-full {
	width: 100%;
}

.hidden {
	display: none;
}



/* ============================================ *
 * FORMS - COMMON
 * ============================================ */
/* -------------------------------------------- *
 * Fieldsets
 */
.fieldset p {
	margin-bottom: 7px;
}
.fieldset p.required {
	margin-bottom: 5px;
	float: right;
	font-size: 12px;
	margin-top: 0px;
}

.fieldset + .fieldset {
	margin-top: 5px;
}

form .legend {
	margin: 0;
	margin-bottom: 10px;
	color: #636363;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	line-height: 1.4;
	text-rendering: optimizeSpeed;
	text-transform: uppercase;
	margin-bottom: 15px;
	padding-bottom: 7px;
	border-bottom: 1px solid #ededed;
}



/* -------------------------------------------- *
 * Input Box
 */
.input-box {
	padding-top: 2px;
}
.input-box:after {
	content: '';
	display: table;
	clear: both;
}

li.centinel-logos div.input-box img {
	display: inline;
	vertical-align: middle;
}

/* For adjacent select inputs. */
/* Example: credit card expiration month and year. */
.input-box .v-fix {
	float: left;
	margin-right: 5px;
	max-width: 100%;
}


/* -------------------------------------------- *
 * Labels
 */
label {
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	user-select: none;
}

label.required:after,
span.required:after {
	content: ' *';
	color: #df280a;
	font-weight: normal;
	font-size: 12px;
}

label.required em,
span.required em {
	display: none;
}

/* -------------------------------------------- *
 * Hints
 */
.input-hint {
	color: #a0a0a0;
	font-size: 12px;
}

/* -------------------------------------------- *
 * Select
 */
select {
	font-size: 14px;
}


select[multiple] {
	width: 270px;
	border: 1px solid silver;
	font-size: 15px;
	padding: 5px;
}

/* -------------------------------------------- *
 * Textarea
 */
textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: 450px;
	padding: 5px;
}


.input-text.validation-failed {
	border-color: #df280a;
}

.input-text.validation-failed:focus {
	outline-color: #ef9384;
}



select,
input[type=email],
input[type=search],
input[type=number],
input[type=password],
input[type=tel],
input[type=text] {
	height: 30px;
	padding: 0 8px;
}

select,
input[type=email],
input[type=search],
input[type=number],
input[type=password],
input[type=tel],
input[type=text] {
	width: 365px;
	max-width: 100%;
}


/* -------------------------------------------- *
 * Inputs - Quantity
 */
input[type=number].qty,
input[type=tel].qty,
input[type=text].qty {
	width: 3em;
	text-align: center;
	vertical-align: middle;
}




/* -------------------------------------------- *
 * Checkbox And Radio
 */
.checkbox,
.radio {
	position: relative;
	top: -1px;
	display: inline-block;
}

.checkbox + label,
.radio + label {
	width: auto;
	max-width: 85%;
	padding: 0 0 0 8px;
	font-size: 14px;
	font-weight: normal;
	vertical-align: top;
}



/* -------------------------------------------- *
 * Validation
 */
p.required,
.validation-advice {
	margin: 5px 0 0;
	color: #df280a;
	font-size: 13px;
}


/* ============================================ *
 * Form List
 * ============================================ */
.form-list > li {
	margin-bottom: 10px;
}
.form-list select {
	margin-top: 4px;
	width: 365px;
	max-width: 100%;
}
.form-list .input-range .input-text {
	width: 74px;
}
.form-list .field,
.form-list .wide,
.form-list .control {
	margin-bottom: 10px;
}


.form-list .control div.input-box,
.sp-methods dt div.input-box,
#checkout-shipping-method-load .sp-methods dd div.input-box,
#co-shipping-method-form .sp-methods dd div.input-box {
	display: inline;
	float: left;
}
.form-list .control div.input-box:after,
.sp-methods dt div.input-box:after,
#checkout-shipping-method-load .sp-methods dd div.input-box:after,
#co-shipping-method-form .sp-methods dd div.input-box:after {
	display: none;
}


.form-list .control input.radio,
.form-list .control input.checkbox,
.sp-methods dt input.radio,
.sp-methods dt input.checkbox,
#checkout-shipping-method-load .sp-methods dd input.radio,
#checkout-shipping-method-load .sp-methods dd input.checkbox,
#co-shipping-method-form .sp-methods dd input.radio,
#co-shipping-method-form .sp-methods dd input.checkbox {
	float: left;
	margin-right: -40px;
	margin-top: 17px;
	margin-left: 15px;
}


.form-list .control label,
.sp-methods dt label,
#checkout-shipping-method-load .sp-methods dd label,
#co-shipping-method-form .sp-methods dd label {
	color: #000;
	background-color: #e8e8e8;
	padding: 5px 10px;
	display: inline-block;
	width: 100%;
	max-width: none;
	min-width: 290px;
	min-height: 45px;
	float: none;
	padding: 11px 0px 0px 40px;
	transition: background-color 0.3s;
	cursor: pointer;
}


.form-list .control label:hover,
.sp-methods dt label:hover,
#checkout-shipping-method-load .sp-methods dd label:hover,
#co-shipping-method-form .sp-methods dd label:hover {
	background-color: #cecece;
}


.form-list .control .no-display + label,
.sp-methods dt .no-display + label,
#checkout-shipping-method-load .sp-methods dd .no-display + label,
#co-shipping-method-form .sp-methods dd .no-display + label {
	padding-left: 10px;
	background-color: transparent;
}

.form-list .control .no-display + label:hover,
.sp-methods dt .no-display + label:hover,
#checkout-shipping-method-load .sp-methods dd .no-display + label:hover,
#co-shipping-method-form .sp-methods dd .no-display + label:hover {
	background-color: transparent;
}


.form-list .control.remember-me-box label {
	width: auto;
	max-width: none;
	min-width: inherit;
}

.form-list .control {
	margin-top: 10px;
}
.form-list .control label {
	float: none;
}
.form-list .control .radio,
.form-list .control .checkbox {
	margin-right: 6px;
}
.form-list .control .input-box {
	clear: none;
	display: inline-block;
	width: auto;
	padding: 0;
}

form .form-instructions {
	font-style: italic;
	font-size: 13px;
	color: #a0a0a0;
}



/* ============================================ *
 * Table Helpers
 * ============================================ */
.hide-th {
	text-indent: -9999px;
}

/* ============================================ *
 * Data Table
 * ============================================ */
.data-table {
	width: 100%;
}

.data-table td,
.data-table th {
	padding: 10px;
	vertical-align: top;
}

.data-table th {
	background: #f4f4f4;
	text-transform: uppercase;
	line-height: 1.4;
	white-space: nowrap;
}

.data-table thead th,
.data-table tbody td {
	border-bottom: 1px solid silver;
}

.data-table tbody td,
.data-table tfoot td {
}

.data-table tfoot tr {
	background: #f4f4f4;
}

.data-table tbody td .item-options {
	margin-left: 20px;
	margin-top: 10px;
}
.data-table tbody td .item-options dt:after {
	content: ':';
}

/* Possible short height pages, background below footer... */
@media only screen and (min-width: 1025px) {
	body[class*="customer-"], body[class*="checkout-"], body.ewayrapid-mycards-index { background-color: #222; }
}



/* ============================================ *
 * Checkout - Layout
 * ============================================ */
.cart-table {
	float: left;
	width: 60%;
}

.cart .button {
	white-space: normal;
}

.cart-forms,
.cart-totals-wrapper,
.crosssell {
	float: right;
	clear: right;
	width: 40%;
	padding-left: 20px;
}

.cart-totals,
.cart-forms .discount,
.cart-forms .giftcard,
.cart-forms .shipping {
	padding: 10px;
	background-color: #f4f4f4;
	border: 1px solid #cccccc;
}

.cart-table,
.cart-totals,
.cart-forms .discount,
.cart-forms .giftcard,
.cart-forms .shipping {
	margin-bottom: 20px;
}

.checkout-cart-index #postcode {
	width: 85px;
	float: left;
	text-align: center;
	margin-right: 15px;
}

.display-both-prices .cart-table {
	float: none;
	width: 100%;
}
.display-both-prices .cart-forms {
	float: left;
	padding-right: 10px;
	padding-left: 0;
}
.display-both-prices .cart-totals-wrapper,
.display-both-prices .crosssell {
	padding-left: 10px;
}
.display-both-prices .cart-forms,
.display-both-prices .cart-totals-wrapper,
.display-both-prices .crosssell {
	width: 50%;
}
.display-both-prices .crosssell {
	clear: right;
	float: right;
}

@media only screen and (max-width: 979px) {
	.display-single-price .cart-table {
		float: none;
		width: 100%;
	}
	.display-single-price .cart-forms {
		float: left;
		padding-right: 10px;
		padding-left: 0;
	}
	.display-single-price .cart-totals-wrapper,
	.display-single-price .crosssell {
		padding-left: 10px;
	}
	.display-single-price .cart-forms,
	.display-single-price .cart-totals-wrapper,
	.display-single-price .crosssell {
		width: 50%;
	}
	.display-single-price .crosssell {
		clear: right;
		float: right;
	}
}
@media only screen and (max-width: 599px) {
	.product-cart-sku {
		display: none;
	}

	.display-both-prices .cart-forms,
	.display-both-prices .cart-totals-wrapper,
	.display-both-prices .crosssell,
	.display-single-price .cart-forms,
	.display-single-price .cart-totals-wrapper,
	.display-single-price .crosssell {
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
		float: none;
		width: 100%;
	}
}
.display-single-price:after {
	content: '';
	display: table;
	clear: both;
}

/* ============================================ *
 * Checkout - Cart
 * ============================================ */
.cart .page-title {
	margin-bottom: 15px;
	border-bottom: 1px solid #ededed;
}
.cart .page-title:after {
	content: '';
	display: table;
	clear: both;
}
.cart .page-title h1, .cart .page-title .h1 {
	float: left;
	border-bottom: none;
	margin-bottom: 6px;
	margin-right: 10px;
}

.checkout-types {
	float: right;
	text-align: right;
	max-width: 100%;
	/* We always want this shipping method to display on its own line */
}
.checkout-types li {
	vertical-align: top;
	margin: 0 0 5px 5px;
}
.checkout-types li:after {
	content: '';
	display: table;
	clear: both;
}
.checkout-types li img {
	display: inline;
	vertical-align: top;
}
.checkout-types li:first-child {
	margin-left: 0;
}
.checkout-types .method-checkout-cart-methods-multishipping {
	display: block;
}
.checkout-types.top li {
	display: inline-block;
}
.checkout-types.top .bml_button {
	display: inline-block;
	vertical-align: top;
}
.checkout-types.top .bml_button img {
	display: block;
}
.checkout-types.top .paypal-logo .paypal-or {
	margin-top: 5px;
}
.checkout-types.bottom .paypal-logo a, .checkout-types.minicart .paypal-logo a {
	display: block;
}
.checkout-types.bottom .paypal-or, .checkout-types.minicart .paypal-or {
	margin: 0px;
	display: block;
	text-align: center;
}

#payment_form_paypal_express   { color: #666; padding: 10px 10px 3px 24px; background-color: #fff; border: 1px solid #ccc; border-radius: 10px; margin-top: 10px; }
#payment_form_klarna_payments_pay_over_time { padding: 10px 10px 3px 24px; background-color: #fff; border: 1px solid #ccc; border-radius: 10px; margin-top: 10px; }
#payment_form_klarna_payments_pay_later   { padding: 10px 10px 3px 24px; border: 1px solid #ccc; border-radius: 10px; margin-top: 10px; }

@media only screen and (min-width: 741px) {
	.checkout-types.bottom .paypal-or {
		text-align: right;
		padding-right: 70px;
	}
}
.cart-totals .checkout-types .btn-checkout {
	margin-bottom: 7px;
}

@media only screen and (max-width: 740px) {
	.checkout-types {
		float: none;
		text-align: center;
	}
	.checkout-types.bottom .paypal-or, .checkout-types.minicart .paypal-or {
		width: auto;
		float: none;
	}

	.checkout-types li {
		float: none;
		width: 100%;
		margin-left: 0;
	}
}
@media only screen and (max-width: 599px) {
	.btn-checkout {
		width: 100%;
	}
}
.cart-table {
}
.cart-table th,
.cart-table td,
.cart-table tbody td {
	border-bottom: none;
	vertical-align: top;
}
.cart-table h2 {
	color: #636363;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0;
}
.cart-table thead th,
.cart-table tbody td {
	background-color: transparent;
	padding: 10px 5px;
}
.cart-table .product-cart-info,
.cart-table .product-cart-actions {
	padding-left: 15px;
}
.cart-table tr {
	border-bottom: 1px solid silver;
}
.cart-table tfoot tr {
	background: none;
}
.cart-table tfoot tr > td:after {
	content: '';
	display: table;
	clear: both;
}
.cart-table span.or {
	font-size: 9px;
	padding: 0 5px;
	text-transform: uppercase;
}
.cart-table .product-cart-image .cart-links,
.cart-table .product-cart-info .btn-remove,
.cart-table .product-cart-actions .button {
	display: none;
}
.cart-table .product-cart-image {
	padding-left: 0;
	padding-right: 0;
}
.cart-table .product-cart-image .product-image img {
	max-width: 100%;
	width: 100%;
}
.cart-table .product-cart-image a.cart-edit {
	display: none;
}
.cart-table .product-cart-sku {
	font-style: italic;
	font-size: 12px;
	margin: 5px 0 12px;
}
.cart-table .product-cart-sku .label {
	font-weight: bold;
}
.cart-table .btn-empty {
	float: left;
}
.cart-table .product-cart-total,
.cart-table .product-cart-price {
	text-align: center;
}
.cart-table .cart-tax-total {
	position: relative;
	cursor: pointer;
}
.cart-table .cart-tax-total:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid #3399cc;
	border-left: none;
	position: absolute;
	top: 3px;
	right: -11px;
}
.cart-table .cart-tax-total.cart-tax-total-expanded:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	border-top: 6px solid #3399cc;
	border-bottom: none;
	right: -15px;
	top: 6px;
}
.cart-table .cart-links > li {
	white-space: nowrap;
	line-height: 1.3;
	margin-bottom: 5px;
	min-width: 65px;
	font-size: 13px;
}
.cart-table .cart-links > li > a {
	display: block;
}
.cart-table .cart-links > li:last-child {
	margin-bottom: 0;
}
.cart-table .product-cart-actions {
	min-width: 60px;
	text-align: center;
}
.cart-table .product-cart-actions .qty {
	height: 30px;
	border-color: silver;
	border-radius: 0;
	margin-bottom: 10px;
	text-align: center;
	width: 3.2em;
}
.cart-table .product-cart-actions .button {
	margin-bottom: 5px;
}
.cart-table .item-options {
	padding-left: 15px;
}

@media only screen and (max-width: 770px) {
	.cart-table th {
		font-size: 12px;
	}
	.cart-table th,
	.cart-table td {
		padding: 7px 6px;
	}
	.cart-table .product-cart-actions > li {
		white-space: inherit;
	}
}
@media only screen and (max-width: 699px) {
	.display-both-prices .cart-table thead th.cart-total-head,
	.display-both-prices .cart-table td.product-cart-total {
		display: none;
	}
}
@media only screen and (max-width: 599px) {
	.cart-table colgroup, .cart-table thead {
		display: none;
	}
	.cart-table tr {
		display: block;
		margin-bottom: 10px;
		padding-bottom: 10px;
		position: relative;
		width: 100%;
	}
	.cart-table tr:after {
		content: '';
		display: table;
		clear: both;
	}
	.cart-table tr:last-child {
		margin-bottom: 0;
	}
	.cart-table tfoot tr {
		padding-bottom: 0;
	}
	.cart-table td {
		border: none;
		display: block;
	}
	.cart-table td[data-rwd-label] {
		padding-left: 15px;
		margin-bottom: 6px;
	}
	.cart-table td[data-rwd-label] .price {
		font-weight: normal;
	}
	.cart-table td[data-rwd-label]:before {
		content: attr(data-rwd-label) ":";
		font-size: 12px;
		padding-right: 5px;
		text-transform: uppercase;
	}
	.cart-table td.product-cart-price {
		text-align: left;
	}
	.cart-table h2 {
		font-size: 12px;
	}
	.cart-table .cart-links {
		padding-top: 5px;
		padding-right: 5px;
	}
	.cart-table .cart-links > li {
		white-space: normal;
		text-align: center;
	}
	.cart-table .cart-links > li > a {
		padding: 2px 0px;
	}
	.cart-table .cart-tax-info {
		font-style: italic;
		padding-left: 15px;
		font-size: 13px;
	}
	.cart-table .cart-tax-info .price {
		font-size: 13px;
	}
	.cart-table .product-cart-image {
		width: 25%;
		float: left;
		padding-bottom: 0;
	}
	.cart-table .product-cart-image a.cart-edit {
		display: block;
		font-size: 16px;
		text-align: center;
		text-transform: uppercase;
	}
	.cart-table .product-cart-info,
	.cart-table td[data-rwd-label] {
		float: right;
		width: 75%;
	}
	.cart-table .product-cart-actions,
	.cart-table .product-cart-price {
		padding-bottom: 0;
		padding-top: 0;
		float: right;
	}
	.cart-table .product-cart-remove,
	.cart-table .product-cart-total,
	.cart-table .product-cart-actions .cart-links {
		display: none;
	}
	.cart-table .product-cart-image .cart-links,
	.cart-table .product-cart-info .btn-remove {
		display: block;
	}
	.cart-table .product-cart-actions .button {
		display: none;
	}
	.cart-table .product-cart-info .btn-remove {
		float: right;
		margin: -4px 0px 2px 7px;
	}
	.cart-table .product-cart-info .product-cart-sku {
		margin-bottom: 5px;
	}
	.cart-table .product-cart-actions {
		text-align: left;
	}
	.cart-table .product-cart-actions .qty {
		margin-right: 7px;
		margin-bottom: 7px;
	}
	.cart-table .price,
	.cart-table .product-cart-price:before {
		font-weight: normal;
		font-size: 15px;
	}
	.cart-table .cart-footer-actions {
		text-align: center;
		width: 100%;
	}
	.cart-table .cart-footer-actions #empty_cart_button {
		float: right;
	}
	.cart-table .cart-footer-actions .btn-continue {
		float: left;
	}
	.cart-table .cart-footer-actions .btn-update,
	.cart-table .cart-footer-actions span.or {
		display: none;
	}

	.display-both-prices .cart-table td[data-rwd-tax-label]:before {
		content: attr(data-rwd-tax-label) ":";
	}
}
/* ============================================ *
 * Checkout - Estimate Shipping and Tax
 * ============================================ */
.shipping h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px;
}
.shipping select {
	max-width: 100%;
	height: 30px;
	display: block;
	border: 1px solid silver;
}
.shipping select.validation-failed {
	border-color: #df280a;
}
.shipping .shipping-desc {
	display: none;
}
.shipping .buttons-set {
	border: none;
	margin: 0;
	padding: 0;
}
.shipping .form-list:after {
	content: '';
	display: table;
	clear: both;
}
.shipping .form-list li {
	float: left;
	margin: 5px 2% 10px 0;
}
.shipping .form-list .shipping-country {
	width: 37%;
}
.shipping .form-list .shipping-region {
	width: 41%;
}
.shipping .form-list .shipping-postcode {
	margin-right: 0;
	width: 100%;
}
.shipping .form-list .shipping-postcode input {
	margin-top: 4px;
}
.shipping .form-list .input-box {
	padding-top: 0;
}
.shipping .form-list input {
	height: 30px;
	margin-top: 4px;
}
.shipping .form-list label {
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	white-space: nowrap;
}
.shipping .sp-methods {
	padding: 10px 0 0;
	text-align: left;
}
.shipping .sp-methods dd {
	margin-bottom: 10px;
}
.shipping .sp-methods label {
	font-size: 12px;
	font-style: italic;
	min-width: 100px;
}
.shipping .sp-methods label span {
	font-weight: bold;
	font-style: normal;
}
.shipping #co-shipping-method-form .buttons-set .button {
	margin-left: 0;
	padding: 7px 44px;
}
.shipping #co-shipping-method-form .sp-methods dd label {
	border: 1px solid #cccccc;
	background-color: #ececec;
	min-width: 220px;
	cursor: pointer;
}
.shipping #co-shipping-method-form .sp-methods dd label:hover {
	background-color: #dbdbdb;
}

@media only screen and (max-width: 770px) {
	.shipping .shipping-form .form-list > li {
		width: 100%;
		float: none;
	}
	.shipping .shipping-form .form-list > li label {
		display: block;
	}
	.shipping .shipping-form .form-list > li input,
	.shipping .shipping-form .form-list > li select {
		width: 100%;
	}
}
.cart .cart-totals {
	text-align: right;
}
.cart .cart-totals:after {
	content: '';
	display: table;
	clear: both;
}
.cart .cart-totals table {
	font-size: 14px;
	margin-bottom: 20px;
	text-transform: uppercase;
	width: 100%;
}
.cart .cart-totals table td {
	padding: 2px 0px;
}
.cart .cart-totals table td:first-child {
	padding-right: 10px;
	min-width: 120px;
}
.cart .cart-totals table tbody tr:last-child td,
.cart .cart-totals table tbody tr:last-child th {
	padding-bottom: 10px;
}
.cart .cart-totals table tfoot {

}
.cart .cart-totals table tfoot td {
	font-size: 24px;
	padding: 2px 0;
	vertical-align: top;
}
.cart .cart-totals table tfoot strong span,
.cart .cart-totals table tfoot span.price {
}
.cart .cart-totals table tfoot strong {
	font-weight: normal;
}

@media only screen and (max-width: 600px) {
	.cart-totals {
		text-align: right;
	}
}
@media only screen and (max-width: 770px) {
	.cart .cart-totals table tfoot td {
		font-size: 18px;
	}
}
.discount-form:after,
#giftcard-form:after {
	content: '';
	display: table;
	clear: both;
}

#discount-coupon-form,
.cart .giftcard {
	width: 100%;
}
#discount-coupon-form h2,
.cart .giftcard h2 {
	display: none;
}
#discount-coupon-form label,
.cart .giftcard label {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	text-transform: uppercase;
	min-width: 105px;
	display: inline-block;
	margin-right: 10px;
}
#discount-coupon-form .field-wrapper,
.cart .giftcard .field-wrapper {
	display: inline-block;
}
#discount-coupon-form .validation-advice,
.cart .giftcard .validation-advice {
	display: inline;
}
#discount-coupon-form .button-wrapper,
.cart .giftcard .button-wrapper {
	display: inline-block;
	vertical-align: bottom;
}
#discount-coupon-form .button-wrapper > button,
.cart .giftcard .button-wrapper > button {
	float: left;
}
#discount-coupon-form .input-text,
.cart .giftcard .input-text {
	border-radius: 0;
	height: 30px;
	margin: 4px 10px 0 0;
	width: 190px;
}

.cart .giftcard p {
	margin-bottom: 7px;
}

.cart .giftcard .check-gc-status {
	float: left;
	padding: 0px;
}
.cart .giftcard .check-gc-status > span > span {
	font-size: 14px;
	text-transform: none;
}

/* ============================================ *
 * Checkout - Cart Cross sell
 * ============================================ */
.crosssell h2 {
	color: #3399cc;
}
.crosssell .item a.product-image {
	width: auto;
	float: left;
}

/* Change the layout to 2 columns at a breakpoint that is higher than a 3 columns layout would normally break */
@media only screen and (max-width: 979px) {
	.crosssell {
		/* Undo three-column config */
	}

	.crosssell .products-grid > li {
		width: 47.72727%;
		margin-right: 4.54545%;
	}


}
@media only screen and (max-width: 599px) {
	.cart-table .cart-tax-total:after {
		right: -9px;
	}
	.cart-table .cart-tax-total.cart-tax-total-expanded:after {
		right: -13px;
	}
}
@media only screen and (max-width: 320px) {
	.crosssell ul .item {
		padding: 0 0px 40px;
	}
	.crosssell ul .product-details .crosssell-actions {
		padding: 0 5px;
	}
}
/* ============================================ *
 * Checkout - One Page
 * ============================================ */
.checkout-onepage-index .col-right,
.checkout-onepage-index .col-left {
	display: none;
}

.checkout-onepage-index .col-main {
	width: auto;
	float: none;
}

@media only screen and (min-width: 980px) {
	.checkout-onepage-index .col-main {
		float: left;
		width: 68.75%;
		padding-right: 20px;
	}
	.checkout-onepage-index .col-right,
	.checkout-onepage-index .col-left {
		width: 31.25%;
		display: block;
	}
	.checkout-onepage-index .col-right {
		padding-left: 0;
	}
}


/* -------------------------------------------- *
 * Section Styling - Default
 */
.opc .section .step-title {
	width: 100%;
	border-top: 1px solid #c5c5c5;
	position: relative;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.opc .section .step-title:after {
	content: '';
	display: table;
	clear: both;
}

.opc .section.allow:not(.active) .step-title {
	cursor: pointer;
}

/* Using .no-touch since touch devices emulate hover, thereby making steps look active that are not */
.no-touch .opc .section.allow:not(.active) .step-title:hover {
	background-color: #f4f4f4;
}

.opc .section.active .step-title {

}

.opc .section .step-title a {
	display: none;
}

.opc .section.allow .step-title a {
	float: right;
	line-height: 40px;
	height: 40px;
	padding: 0px 10px;
}
.opc .section.allow:not(.active) .step-title:hover a{
	display: block;
}

.no-touch .opc .section .step-title a:hover {
	text-decoration: none;
}

.opc .section .step-title .number,
.opc .section.allow.active .step-title .number,
.no-touch .opc .section.allow:hover .step-title .number {
	width: 26px;
	height: 26px;
	text-align: center;
	color: #FFFFFF;
	line-height: 26px;
	background-color: #3399cc;
	display: block;
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -13px;
}

.opc .section.allow .step-title .number {
	background-color: #9edc9c;
}

.opc .section.allow .step-title h2 {
	color: #a0a0a0;
}

.opc .section.allow .step-title:hover h2,
.opc .section.active .step-title h2 {
	color: #3399cc;
}

.opc .section .step-title h2 {
	font-size: 16px;
	font-weight: normal;
	line-height: 40px;
	height: 40px;
	float: left;
	margin: 0px 4px 0px 45px;
}

.opc .section .step {
	padding: 20px;
}
.opc .section .step:after {
	content: '';
	display: table;
	clear: both;
}
@media only screen and (max-width: 979px) {
	.page-title h1, .page-title .h1 { font-size: 18px; }
	.opc .section .step {
		padding: 0;
	}
}


.opc h3 {
	font-weight: bold;
}

.opc .buttons-set {
	text-align: left;
}
.opc .buttons-set button.button {
	float: left;
	margin-left: 0;
	margin-right: 10px;
	margin-bottom: 0;
	min-width: 200px;
}
.opc .buttons-set p.required {
	float: right;
	margin-left: 5px;
	margin-bottom: 0;
}
.opc .buttons-set .back-link {
	float: right;
	margin: 0;
}
.opc .buttons-set a {
	line-height: 20px;
	display: inline-block;
	padding: 5px 5px 5px 0;
}

#opc-login .form-list .control { margin-top: 0; }
#opc-login h3 { margin-bottom: 20px; }
@media only screen and (min-width: 480px) {
	#opc-login .col-1 { border-right: 1px solid #ccc; }
	#opc-login .fieldset { min-height: 160px; }
}

@media only screen and (max-width: 479px) {
	.opc .buttons-set .button + .buttons-set .button,
	.paypal-express-review .buttons-set .button + .buttons-set .button {
		margin-left: 0;
	}
	#opc-login .col-1 { border-bottom: 2px solid #ccc; padding-bottom: 15px; }
}
.opc #opc-login .step {
	padding: 0px;
}
.opc #opc-login .buttons-set {
	border-top: 0;
	padding-top: 5px;
}

@media only screen and (max-width: 770px) {
	.opc #opc-login .description,
	.opc #opc-login p.required {
		display: none;
	}
}
#opc-payment .note {
	padding: 10px;
}

/* -------------------------------------------- *
 * This section hides everything but the "Checkout Method" step of the checkout process and fades in the content
 * once the customer progresses to the next step. The purpose of this is to simplify what the customer has to focus on.
 * It is limited to larger viewports since smaller devices are inherently going to be focused solely on the
 * "Checkout Method" step.
 */
.opc.opc-firststep-login .section:not(#opc-login) .step-title,
.opc-block-progress-step-login {
	transition: opacity 300ms;
}

.opc.opc-firststep-login .section#opc-login .step-title .number {
	transition: width 80ms;
}

.opc.opc-firststep-login .section#opc-login .step-title h2 {
	transition: margin-left 80ms;
}


body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section:not(#opc-login) .step-title,
body:not(.opc-has-progressed-from-login) .opc-block-progress-step-login {
	opacity: 0;
}

body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title .number {
	width: 0px;
	overflow: hidden;
}

body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title h2 {
	margin-left: 0px;
}

/* -------------------------------------------- *
 * Shipping and Payment methods
 */
.sp-methods {
	margin: 0 0 8px;
}
.sp-methods dt {
	margin: 13px 0 5px;
	font-weight: bold;
}
.sp-methods dt:first-child {
	margin: 0 0 5px;
}
.sp-methods dd li {
	margin: 5px 0;
}
.sp-methods label img {
	float: left;
}
.sp-methods label a {
	margin-top: 6px;
	float: right;
	margin-left: 10px;
}
.sp-methods .price {
	font-weight: bold;
}
.sp-methods .form-list {
	padding-left: 20px;
}
.sp-methods .form-list li {
	margin: 0 0 8px;
}
.sp-methods select.month {
	width: 120px;
	margin-right: 10px;
}
.sp-methods select.year {
	width: 96px;
}
.sp-methods input.cvv {
	width: 4em !important;
}
.sp-methods #advice-validate-cc-exp-ccsave_expiration {
	max-width: 130px;
}
.sp-methods .checkmo-list li {
	margin: 0 0 5px;
	content: '';
	display: table;
	clear: both;
}
.sp-methods .checkmo-list label {
	width: 165px;
	padding-right: 15px;
	text-align: right;
	float: left;
}
.sp-methods .checkmo-list address {
	float: left;
}
@media only screen and (max-width: 479px) {
	.sp-methods .checkmo-list {
		padding-left: 0;
	}
	.sp-methods .checkmo-list label {
		width: 135px;
	}
}
.sp-methods .release-amounts {
	margin: 0.5em 0;
}
.sp-methods .release-amounts button {
	float: left;
	margin: 5px 10px 0 0;
}

/* One Page Checkout */
.block-progress {
	border: 0;
	margin: 0;
	border-left: 1px solid #cccccc;
	padding-left: 20px;
}
.block-progress .block-content {
	font-size: 14px;
}
.block-progress dt {
	padding-top: 6px;
	margin: 0;
	margin-bottom: 10px;
	color: #333;
	font-size: 14px;
	font-style: normal;
	line-height: 1.4;
	text-rendering: optimizeSpeed;
	text-transform: uppercase;
	margin-bottom: 6px;
	text-transform: uppercase;
	font-weight: normal;
	color: #a0a0a0;
}
.block-progress dt {
	color: #333;
	background-color: #e8e8e8;
	padding: 5px;
}
.block-progress dt.complete {
}
.block-progress dd {
	padding-left: 15px;
	margin-bottom: 10px;
}
.block-progress dd address {

}
.block-progress #payment-progress-opcheckout .subtitle {
	margin-bottom: 3px;
}
.block-progress .payment-info dt {
	padding: 0;
	margin: 0 0 3px 0;
	color: #333;
	text-transform: none;
	font-style: italic;
	float: left;
	clear: both;
	font-size: 13px;
}
.block-progress .payment-info dt:after {
	content: ': ';
}
.block-progress .payment-info dd {
	float: left;
	margin-bottom: 3px;
	font-size: 13px;
}
.block-progress .payment-info:after {
	content: '';
	display: table;
	clear: both;
}

/* review step */
#checkout-review-table .btn-remove img {
	display: none;
}

#checkout-review-table-wrapper {
	clear: both;
}

#review-buttons-container {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}
#review-buttons-container .btn-checkout {
	min-width: 220px;
}
#review-buttons-container .please-wait {
	float: left;
	margin-right: 10px;
}
#review-buttons-container .f-left {
	float: right;
}

@media only screen and (max-width: 599px) {
	.linearize-table-large.checkout-review-table thead tr:nth-child(1n+2) {
		display: none;
	}
}
@media only screen and (max-width: 479px) {
	.linearize-table.checkout-review-table thead tr:nth-child(1n+2) {
		display: none;
	}
}
/* show/hide "change" link for progress step depend on complete status
 * should be placed in .css file */
.opc-block-progress dt.complete a,
.opc-block-progress dt.complete .separator {
	display: inline;
}

.opc-block-progress dt a,
.opc-block-progress dt .separator {
	display: none;
}

/* On small screens, the progress review content will be moved to the review step via JS. Styled via this CSS: */
#checkout-step-review .opc-block-progress {
	border-left: none;
	padding-left: 0;
}
#checkout-step-review .opc-block-progress .block-title {
	display: none;
}
#checkout-step-review .opc-block-progress .block-content {
	display: block !important;
	padding: 0;
}
#checkout-step-review .opc-block-progress .block-content > dl > div {
	float: left;
	width: 50%;
}
@media only screen and (max-width: 479px) {
	#checkout-step-review .opc-block-progress .block-content > dl > div {
		float: none;
		width: auto;
	}
}
#checkout-step-review .opc-block-progress .block-content .changelink {
	display: none;
}

@media only screen and (max-width: 479px) {
	#checkout-review-table thead > tr > th {
		display: none;
	}
	#checkout-review-table thead > tr > th:first-child {
		display: block;
	}

	#checkout-review-table thead > tr > th:first-child {
		display: block;
	}
}
#checkout-step-review .centinel > p {
	margin-bottom: 10px;
}
#checkout-step-review .centinel iframe {
	width: 100%;
	min-height: 400px;
}

/* Gift options */
.gift-messages-form .item {
	content: '';
	display: table;
	clear: both;
	margin-top: 30px;
}
.gift-messages-form .item h5 {
	font-weight: bold;
}
.gift-messages-form .item .product-img-box {
	width: auto;
	float: left;
	padding-right: 15px;
}
.gift-messages-form .item .details {
	float: left;
}

.gift-message-form .inner-box > div {
	content: '';
	display: table;
	clear: both;
	width: 100%;
	margin-top: 15px;
	display: block;
}
.gift-message-form .inner-box > div.extra-options-container p {
	margin-bottom: 15px;
}
.gift-message-form .gift-wrapping-form label {
	margin-right: 10px;
}
.gift-message-form .gift-wrapping-form img {
	float: left;
}
.gift-message-form .gift-wrapping-form .gift-wrapping-design {
	height: 75px;
}
.gift-message-form .gift-wrapping-form .gift-wrapping-design:after {
	content: '';
	display: table;
	clear: both;
}
.gift-message-form .gift-wrapping-form .gift-wrapping-design .image-box {
	margin-right: 5px;
}
.gift-message-form .gift-item {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: solid 1px #ececec;
}
.gift-message-form .gift-item:after {
	content: '';
	display: table;
	clear: both;
}
.gift-message-form .gift-item .product-img-box {
	width: 200px;
}
.gift-message-form .gift-item .product-img-box .product-image {
	width: 75px;
	margin-left: auto;
	margin-right: auto;
}
.gift-message-form .gift-item .product-img-box .product-name {
	display: block;
}
.gift-message-form .gift-item .fieldset {
	margin-left: 200px;
}

@media only screen and (max-width: 770px) {
	.gift-message-form .giftmessage-area {
		max-width: 100%;
	}
	.gift-message-form .gift-item .product-img-box {
		width: 100%;
		float: none;
	}
	.gift-message-form .gift-item .fieldset {
		margin-left: 0px;
	}
	.gift-message-form .gift-item .fieldset textarea {
		width: 100%;
	}
}
/* ============================================ *
 * Checkout - Success
 * ============================================ */
.checkout-onepage-success .col-main {
	padding: 0;
	text-align: center;
}
.checkout-onepage-success .buttons-set {
	margin: 10px 0;
	text-align: center;
}
.checkout-onepage-success .buttons-set button {
	float: none;
}




/* ============================================ *
 * Customer
 * ============================================ */
.customer-account-login .scaffold-form label:first-child {
	width: 115px;
}
.customer-account-login .col2-set .buttons-set {
	text-align: left;
	border-top: 0;
}
.customer-account-login .col2-set .buttons-set button,
.customer-account-login .col2-set .buttons-set .button {
	float: none;
	min-width: 50%;
	margin: 0;
}
.customer-account-login .col2-set .col-1 ul {
	list-style: disc;
	padding-left: 20px;
	margin: 10px 0 20px 0;
}
@media only screen and (min-width: 480px) {
	.customer-account-login .col2-set .col-1,
	.customer-account-login .col2-set .col-2 {
		padding-top: 0;
		margin-top: 20px;
	}
	.customer-account-login .col2-set .col-1 {
		padding-right: 20px;
	}
	.customer-account-login .col2-set .col-2 {
		padding-left: 20px;
		border-left: 1px solid #ededed;
	}
}
@media only screen and (min-width: 770px) {
	.customer-account-login .col2-set .col-1 {
		padding-right: 0;
	}
	.customer-account-login .col2-set .col-2 {
		padding-left: 60px;
		border-left: 1px solid #ededed;
	}
}
@media only screen and (max-width: 479px) {
	.customer-account-login .col2-set .col-1 {
		padding-bottom: 30px;
	}
	.customer-account-login .col2-set .col-2 {
		padding-top: 30px;
		border-top: 1px solid #ededed;
	}
}
@media only screen and (max-width: 770px) {
	.customer-account-login .col2-set p.required {
		display: none;
	}
}

.customer-account-create .scaffold-form label:first-child {
	width: 140px;
}

.opc #opc-login p:not(.required) {
	font-style: italic;
	font-size: 13px;
	color: #a0a0a0;
}

.remember-me-box a.hide {
	display: none;
}
.remember-me-box .link-tip {
	font-size: 13px;
	padding-left: 10px;
}

.remember-me-popup {
	display: none;
	border: 1px solid #cccccc;
	padding: 10px;
	position: relative;
}
.remember-me-popup.show {
	display: block;
}
.remember-me-popup p {
}
.remember-me-popup .remember-me-popup-close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
	font-size: 12px;
}
.remember-me-popup .remember-me-popup-close-button {
	display: none;
}

.customer-account-create .buttons-set {
	max-width: 455px;
}
.customer-account-create .fieldset,
.customer-account-create .buttons-set {
	margin-left: 30px;
}
@media only screen and (max-width: 479px) {
	.customer-account-create .fieldset,
	.customer-account-create .buttons-set {
		margin-left: 0;
	}
}
.customer-account-create .fieldset .hidden {
	display: none;
}
.customer-account-create #remember-me-popup {
	max-width: 455px;
}

.customer-account-forgotpassword .fieldset,
.customer-account-forgotpassword .buttons-set {
	margin-left: 30px;
	max-width: 400px;
}
@media only screen and (max-width: 479px) {
	.customer-account-forgotpassword .fieldset,
	.customer-account-forgotpassword .buttons-set {
		margin-left: 0;
	}
}
.customer-account-forgotpassword .fieldset .input-box input.input-text {
	width: 100%;
}

/* ============================================ *
 * My Account Global Styles
 * ============================================ */
body.customer-account .my-account .page-title h1, body.customer-account .my-account .page-title .h1 {
	border: 0;
	text-align: left;
}
body.customer-account .my-account .title-buttons {
	position: relative;
	text-align: right;
}
body.customer-account .my-account .title-buttons h1, body.customer-account .my-account .title-buttons .h1 {
	text-align: left;
}
body.customer-account .my-account .title-buttons .button {
	position: absolute;
	right: 0;
	top: 0;
}
body.customer-account .my-account .title-buttons a,
body.customer-account .my-account .title-buttons span.separator {
	position: relative;
	top: -42px;
}
body.customer-account .my-account .fieldset h2,
body.customer-account .my-account .addresses-list h2,
body.customer-account .my-account .order-details h2 {
	width: 100%;
	display: inline-block;
}
body.customer-account .my-account .addresses-list h3 {
	font-size: 14px;
	font-weight: bold;
}
body.customer-account .my-account .fieldset {
	margin-top: 30px;
	margin-bottom: 30px;
}
body.customer-account .data-table {
	margin-top: 5px;
}
body.customer-account .data-table td a {
	text-transform: uppercase;
	font-style: normal;
	font-size: 13px;
}
body.customer-account .data-table span.nobr {
	white-space: normal;
}
body.customer-account .data-table span.nobr a {
	white-space: nowrap;
}
body.customer-account .data-table td.view a {
	display: block;
}
body.customer-account .data-table .separator {
	display: none;
}
body.customer-account .sidebar .block ol#compare-items li {
	margin: 10px 0;
}
body.customer-account .sidebar .block .block-content p.block-subtitle {
	margin-bottom: 15px;
}
body.customer-account .sidebar .block .block-content .actions {
	margin-top: 30px;
}
body.customer-account .sidebar ol#cart-sidebar-reorder li {
	margin-top: 10px;
	margin-bottom: 0;
}
body.customer-account .sidebar ol#cart-sidebar-reorder p.product-name {
	display: inline-block;
	margin-bottom: 0;
}
body.customer-account .sidebar .block-cart .summary {
	margin-bottom: 15px;
}
body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li {
	margin-top: 10px;
	margin-bottom: 0;
}
body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li input {
	margin-right: 10px;
}
body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder p.product-name {
	display: inline;
	margin-bottom: 0;
}

.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day {
	width: 40px;
	float: left;
	margin-right: 10px;
}
.form-list .customer-dob .dob-year {
	width: 80px;
	float: left;
}

/* ============================================ *
 * Dashboard
 * ============================================ */
.dashboard .box-head {
	margin-top: 30px;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 7px;
}
.dashboard .box-head h2 {
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 0;
}
.dashboard .box-head a {
	padding: 10px;
}
.dashboard .box-title a,
.dashboard .box-head a {
	text-transform: uppercase;
	font-size: 12px;
}
.dashboard .box-account {
	padding-bottom: 40px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 45px;
}
.dashboard .box-account p,
.dashboard .box-account address {
	font-style: italic;
}
.dashboard .col2-set .col-1,
.dashboard .col2-set .col-2 {
	padding-right: 12.09677%;
	padding-bottom: 0;
}
.dashboard .col2-set .col-1 .box-title,
.dashboard .col2-set .col-2 .box-title {
	position: relative;
	padding-bottom: 10px;
}
.dashboard .col2-set .col-1 .box-title h2,
.dashboard .col2-set .col-1 .box-title h3,
.dashboard .col2-set .col-2 .box-title h2,
.dashboard .col2-set .col-2 .box-title h3 {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 0;
}
.dashboard .col2-set .col-1 .box-title a,
.dashboard .col2-set .col-2 .box-title a {
	line-height: 19.6px;
}
.dashboard .box-reviews.box-account {
	padding-bottom: 0;
}
.dashboard .box-reviews li {
	padding: 10px 0;
	border-top: 1px solid #ededed;
}
.dashboard .box-reviews li:first-child {
	border-top: 0;
}
.dashboard .box-reviews li .number {
	margin-right: -20px;
	float: left;
	line-height: 1.4;
	font-size: 13px;
}
.dashboard .box-reviews li .details {
	margin-left: 20px;
}
.dashboard .box-reviews li .details .ratings {
	content: '';
	display: table;
	clear: both;
	margin-bottom: 0;
}
.dashboard .box-reviews li .details .ratings strong {
	float: left;
	font-size: 13px;
	margin-right: 5px;
}
.dashboard .box-reviews li .details .ratings .rating-box {
	float: left;
	margin: 3px 0 0 0;
}

/* ============================================ *
 * Address Book
 * ============================================ */
.my-account .addresses-list {
}
.my-account .addresses-list .col-1,
.my-account .addresses-list .col-2 {
	padding-bottom: 0;
}
.my-account .addresses-list .item {
	margin: 0 0 30px 0;
}
.my-account .addresses-list .item p {
	margin-top: 10px;
}
@media only screen and (max-width: 770px) {
	.my-account .addresses-list .col-1,
	.my-account .addresses-list .col-2 {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.my-account .addresses-list .col-1 li.empty,
	.my-account .addresses-list .col-2 li.empty {
		width: 100%;
	}
}
@media only screen and (max-width: 599px) {
	.my-account .addresses-list .addresses-additional p a {
		white-space: nowrap;
	}
}

/* ============================================ *
 * Order View
 * ============================================ */
.order-info {
	padding-bottom: 10px;
	border-bottom: 1px solid #ededed;
	width: 100%;
	margin-bottom: 30px;
}
.order-info dt,
.order-info dd,
.order-info ul,
.order-info li {
	display: inline;
}
.order-info dt {
	margin-right: 20px;
}
.order-info li {
	margin: 0 0 0 20px;
}
.order-info li.current {
	font-weight: bold;
}
.order-info li:first-child {
	margin-left: 0;
}

.order-date {
	text-transform: uppercase;
}

.order-info-box {
	margin-bottom: 40px;
	margin-top: 20px;
}
.order-info-box + .order-info-box {
	padding-bottom: 40px;
	border-bottom: 1px solid #ededed;
}
.order-info-box .col-1 {
	padding-right: 0;
	width: 48%;
}
.order-info-box .col-2 {
	width: 52%;
}
.order-info-box .col-1,
.order-info-box .col-2 {
	overflow: hidden;
	padding-top: 0;
	padding-bottom: 0;
}
.order-info-box .box-title {
	width: 150px;
	padding-right: 10px;
	float: left;
}
.order-info-box .box-title h2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
}
.order-info-box .box-title h2:after {
	content: ':';
}
.order-info-box .box-content {
	float: left;
}
.order-info-box .box-content td,
.order-info-box .box-content th {
	line-height: 1.3;
}
.order-info-box .box-content th {
	padding-top: 10px;
}
.order-info-box .box-content td {
	padding-left: 15px;
}
.order-info-box .box-content strong {
	font-weight: normal;
	text-transform: uppercase;
}

#my-orders-table .option-label {
	margin-left: 10px;
	font-weight: bold;
	font-style: italic;
}
#my-orders-table .option-value {
	margin-left: 20px;
}
#my-orders-table tr.bundle:not(:last-child) td {
	border-bottom: none;
	border-top: none;
}

ol#cart-sidebar-reorder li {
	margin-top: 10px;
	margin-bottom: 0;
}
ol#cart-sidebar-reorder li input {
	margin-right: 10px;
}
ol#cart-sidebar-reorder p.product-name {
	display: inline;
}

@media only screen and (max-width: 599px) {
	#my-orders-table .option-label {
		margin-left: 20px;
	}
	#my-orders-table .option-value {
		margin-left: 35px;
	}
	#my-orders-table td[data-rwd-label=Qty] .nobr br {
		display: none;
	}
	#my-orders-table td[data-rwd-label=Qty] .nobr strong {
		margin-right: 10px;
	}
	#my-orders-table tr.bundle {
		border-color: #ededed;
	}
	#my-orders-table tr.bundle.child td[data-rwd-label] {
		padding-left: 60px;
	}
	#my-orders-table tbody:last-child tr:last-child td {
		padding-bottom: 10px;
		border-bottom: 0;
	}
	#my-orders-table tbody:last-child tr:last-child td:last-child {
		padding-bottom: 15px;
	}
	#my-orders-table tfoot tr.shipping {
		margin-top: 0;
	}
}
.order-additional {
	margin: 40px 0;
}

.order-gift-message dd {
	margin-top: 10px;
}

@media only screen and (max-width: 1199px) {
	.dashboard .col2-set .col-1,
	.dashboard .col2-set .col-2 {
		padding-right: 30px;
		padding-bottom: 0;
	}

	body.customer-account .data-table td.view a {
		white-space: normal;
	}
}
@media only screen and (max-width: 979px) {
	body.customer-account .my-account .title-buttons {
		text-align: left;
	}
	body.customer-account .my-account .title-buttons span.separator,
	body.customer-account .my-account .title-buttons a {
		top: -12px;
	}
}
@media only screen and (max-width: 770px) {
	body.customer-account .data-table.orders th.ship,
	body.customer-account .data-table.orders td.ship,
	body.customer-account .data-table.orders td.status,
	body.customer-account .data-table.orders th.status {
		display: none;
	}

	.order-info-box .box-content {
		clear: left;
	}

	.addresses-list .item {
		float: left;
		width: 50%;
		padding-right: 30px;
	}

	.order-info dt {
		display: none;
	}

	.dashboard .page-title {
		margin-top: 20px;
	}
	.dashboard .page-title h1, .dashboard .page-title .h1 {
		margin-top: 0;
	}
	.dashboard .welcome-msg {
	}
	.dashboard .welcome-msg .hello {
		font-style: italic;
	}
	.dashboard .box-account {
		padding-bottom: 15px;
		margin-bottom: 30px;
	}
	.dashboard .col2-set .col-1,
	.dashboard .col2-set .col-2 {
		width: 48%;
		padding-right: 0;
		padding-left: 0;
	}
	.dashboard .col2-set .col-1 {
		float: left;
		margin-right: 4%;
	}
	.dashboard .col2-set .col-2 {
		float: right;
	}
}
@media only screen and (max-width: 599px) {
	body.customer-account .my-account .form-list .control {
		padding-left: 0;
	}
}
@media only screen and (max-width: 479px) {
	body.customer-account .my-account .page-title h1, body.customer-account .my-account .page-title .h1 {
		text-align: center;
	}
	body.customer-account .my-account .title-buttons {
		text-align: center;
	}
	body.customer-account .my-account .title-buttons .button {
		width: 100%;
		position: static;
		margin-bottom: 15px;
	}
	body.customer-account .my-account .title-buttons .button + .button {
		margin-left: 0px;
	}
	body.customer-account .my-account .fieldset h2 {
		margin-bottom: 15px;
	}
	body.customer-account .my-account .order-details h2 {
		margin-bottom: 15px;
	}
	body.customer-account .my-account .buttons-set {
		border-top: 0;
	}
	body.customer-account .my-account .addresses-list .item {
		margin-bottom: 15px;
		padding-right: 0;
		float: none;
		width: auto;
	}
	body.customer-account .my-account .addresses-list h2 {
		margin-bottom: 15px;
	}

	.order-info {
		margin-top: 15px;
	}

	.data-table.orders .link-reorder,
	.data-table.orders .date {
		display: none;
	}
	.data-table.orders td.view {
		text-align: right;
	}

	.dashboard .col2-set .col-1,
	.dashboard .col2-set .col-2 {
		width: 100%;
		margin-top: 15px;
	}

	.order-info-box {
		margin: 0;
	}
	.order-info-box .col-1,
	.order-info-box .col-2 {
		width: 100%;
		border-bottom: 1px solid #ededed;
		padding: 15px 0;
	}
	.order-info-box + .order-info-box {
		padding-bottom: 0;
		border-bottom: 0;
		margin-bottom: 30px;
	}

	#my-reviews-table .nobr {
		white-space: normal;
	}
}
/* ============================================ *
 * Newsletter Subscriptions
 * ============================================ */
body.newsletter-manage-index .my-account .fieldset {
	margin-bottom: 20px;
}
body.newsletter-manage-index .my-account .fieldset h2 {
	display: none;
}
body.newsletter-manage-index .my-account .form-list {
	border-top: 1px solid #ededed;
	padding-top: 10px;
}

/* ============================================ *
 * Contacts
 * ============================================ */
.contacts-index-index .buttons-set {
	margin-left: 30px;
	max-width: 435px;
}
.contacts-index-index .buttons-set p.required {
	float: left;
}
@media only screen and (max-width: 599px) {
	.contacts-index-index .buttons-set {
		max-width: 330px;
		margin-left: 0;
	}
	.contacts-index-index .buttons-set button {
		float: left;
		margin-left: 0px;
	}
	.contacts-index-index .buttons-set p.required {
		float: right;
	}
}

/* ============================================ *
 * PayPal
 * ============================================ */
@media only screen and (max-width: 870px) and (min-width: 771px) {
	.paypal-review-order .col2-set .col-1,
	.paypal-review-order .col2-set .col-2 {
		padding: 0px;
	}
}
.paypal-review-order .info-set {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ededed;
}
.paypal-review-order .buttons-set {
	margin-top: 0px;
	padding-top: 0px;
	border: 0;
}
.paypal-review-order .buttons-set button {
	margin-bottom: 10px;
}
@media only screen and (max-width: 770px) {
	.paypal-review-order .col-1 {
		padding-bottom: 0;
	}
	.paypal-review-order .field.inactive {
		display: none;
	}
}

.top-container .bml-ad {
	margin-top: 7px;
	margin-bottom: 7px;
	text-align: center;
}
.top-container .bml-ad span {
	display: inline-block;
}
.top-container .bml-ad span a {
	display: block;
}

.bml-ad {
	display: none;
	text-align: center;
	margin-bottom: 5px;
}
.bml-ad span {
	display: block;
	line-height: 0;
}
.bml-ad a {
	display: inline-block;
	max-width: 100%;
}
.bml-ad a:hover {
	opacity: 0.7;
}
.bml-ad img {
	height: auto !important;
	max-width: 100%;
}

.cart-totals-wrapper .bml-ad.large img {
	display: block;
	margin: 0;
}

@media only screen and (max-width: 770px) {
	.bml-ad.small {
		display: block;
	}
}
@media only screen and (min-width: 771px) {
	.bml-ad.large {
		display: block;
	}
}
div.paypal-logo {
	text-align: center;
	margin: 15px 0;
	max-width: 100%;
}
div.paypal-logo span {
	display: block;
	width: 100%;
}
div.paypal-logo span a {
	display: inline-block;
	max-width: 100%;
}
div.paypal-logo span a img {
	max-width: 100%;
}
div.paypal-logo span > img {
	display: none;
}

.checkout-types div.paypal-logo {
	text-align: right;
}

.bml-checkout-type {
	list-style-type: none;
}

.sidebar .paypal-logo {
	text-align: center;
	line-height: 0;
}
.sidebar .paypal-logo > a {
	display: inline-block;
	max-width: 100%;
}
.sidebar .paypal-logo > a:hover {
	opacity: 0.8;
}
.sidebar .paypal-logo > a img {
	display: block;
}
.sidebar .paypal-logo .label {
	margin-top: 4px;
}
.sidebar .paypal-logo .label a {
	font-size: 12px;
	line-height: 1.5;
}

/* ============================================ *
 * Review - Customer
 * ============================================ */
#customer-reviews {
	width: auto;
	float: none;
}
#customer-reviews .review-heading {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 10px 0 5px;
}
#customer-reviews .review-heading:after {
	content: '';
	display: table;
	clear: both;
}
#customer-reviews .review-heading h2 {
	float: left;
	display: block;
}
#customer-reviews .review-heading .pager {
	clear: none;
	float: right;
	width: auto;
}
#customer-reviews .review-heading .pager .count-container .limiter {
	margin-bottom: 0;
}
#customer-reviews .review-heading .pager .count-container .limiter label {
	font-size: 10px;
	text-transform: uppercase;
}
#customer-reviews .review-heading .pager .amount {
	display: none;
}
#customer-reviews h2 {
	color: #3399cc;
	font-size: 12px;
	text-transform: uppercase;
}
#customer-reviews h2 span {
	color: #636363;
}
#customer-reviews h3 {
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}
#customer-reviews h3 span {
	color: #3399cc;
}
#customer-reviews .fieldset {
	padding-top: 25px;
	width: 470px;
}
#customer-reviews .fieldset h4 {
	border-bottom: 1px solid #cccccc;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 5px;
	text-transform: uppercase;
}
#customer-reviews .fieldset h4 em {
	display: none;
}
#customer-reviews .fieldset .form-list {
	font-size: 12px;
	font-weight: normal;
	margin: 10px 0;
	text-transform: uppercase;
	width: 470px;
}
#customer-reviews .fieldset .form-list .inline-label:after {
	content: '';
	display: table;
	clear: both;
}
#customer-reviews .fieldset .form-list label {
	font-size: 12px;
	font-weight: normal;
}
#customer-reviews .fieldset .form-list textarea {
	border: 1px solid #cccccc;
	border-radius: 0;
	min-width: 100%;
	-webkit-appearance: none;
}
#customer-reviews .fieldset .form-list input {
	border: 1px solid #cccccc;
	border-radius: 0;
}
#customer-reviews .fieldset .form-list input[type="text"] {
	width: 100%;
}
#customer-reviews .buttons-set {
	border: none;
	margin: 0;
	width: 470px;
}
#customer-reviews dl {
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 10px;
}
#customer-reviews dl dt {
	margin: 10px 0;
	text-transform: uppercase;
}
#customer-reviews dl dd {
	font-size: 14px;
	margin: 10px 0;
}
#customer-reviews dl dd .ratings-table {
	font-size: 12px;
	width: 100%;
}
#customer-reviews dl dd .ratings-table tr {
	margin-right: 15px;
}
#customer-reviews dl dd .ratings-table .review-label {
	width: 300px;
	max-width: 70%;
}
#customer-reviews dl dd table {
	margin: 15px 0;
}
#customer-reviews dl dd .review-meta {
	color: #3399cc;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
}

.review-summary-table {
	border-bottom: 1px solid #cccccc;
	margin: 0 0 10px;
}
.review-summary-table thead {
	background: transparent;
}
.review-summary-table thead th {
	background: transparent;
	border: none;
	padding: 15px 7px 10px 8px;
}
.review-summary-table tbody th {
	background: #FFFFFF;
	font-size: 12px;
}
.review-summary-table tbody td {
	border: none;
	text-align: center;
	padding: 0;
}
.review-summary-table tbody td label {
	width: 100%;
	display: block;
	padding: 11px 0;
}
.review-summary-table .rating-box .rating-number {
	display: none;
}
.review-summary-table .rating-box .rating-number:after {
	content: "";
	display: inline-block;
	background-position: 0px -599px;
	width: 13px;
	height: 14px;
	margin-left: 5px;
	position: relative;
	top: 2px;
}



/* ============================================ *
 * Account - Orders, Invoices, Credit Memos.
 * ============================================ */
@media only screen and (max-width: 479px) {
	.sales-order-invoice .sub-title,
	.sales-order-creditmemo .sub-title,
	.sales-order-shipment .sub-title {
		float: left;
		font-size: 15px;
		text-align: center;
		width: 100%;
	}
	.sales-order-invoice .order-links,
	.sales-order-creditmemo .order-links,
	.sales-order-shipment .order-links {
		text-align: center;
		width: 100%;
	}
}
/* ============================================ *
 * Recurring Profiles
 * ============================================ */
#recurring_profile_list_view th {
	white-space: normal;
}
#recurring_profile_list_view th span {
	white-space: inherit;
}
@media only screen and (max-width: 479px) {
	#recurring_profile_list_view {
		font-size: 12px;
	}
	#recurring_profile_list_view a {
		font-size: inherit;
	}
	#recurring_profile_list_view th,
	#recurring_profile_list_view td {
		padding: 2px;
	}
}

.recurring-profiles-title {
	float: left;
}
.recurring-profiles-title h1, .recurring-profiles-title .h1 {
	margin-bottom: 7px;
}

body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons {
	float: right;
	text-align: right;
	margin-bottom: 30px;
}
@media only screen and (max-width: 479px) {
	body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons {
		text-align: center;
		float: none;
	}
}
body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons .button {
	position: static;
}

.recurring-profiles-messages:after {
	content: '';
	display: table;
	clear: both;
}

#recurring_start_date_trig {
	display: inline;
}

/* ============================================ *
 * Billing Agreements
 * ============================================ */
.billing-agreements .info-box {
	margin-bottom: 30px;
}
.billing-agreements .info-box:after {
	content: '';
	display: table;
	clear: both;
}
.billing-agreements .info-box .form-list {
	max-width: 400px;
	width: 100%;
}
.billing-agreements .info-box .box-title {
	margin-top: 20px;
	margin-bottom: 7px;
}
.billing-agreements .info-box .button {
	float: right;
	margin-top: 7px;
}
@media only screen and (max-width: 479px) {
	.billing-agreements .info-box .button {
		width: 100%;
		float: none;
	}
}
.billing-agreements #payment_method {
	width: 100%;
	margin-top: 7px;
	margin-bottom: 7px;
}

.billing-agreement-view-header-wrapper .heading {
	max-width: 80%;
}
@media only screen and (max-width: 479px) {
	.billing-agreement-view-header-wrapper .heading {
		max-width: 100%;
	}
}

.billing-agreement-details td, .billing-agreement-details th {
	padding: 3.5px;
}

@media only screen and (max-width: 979px) {
	.billing-agreements .data-table .created-at,
	.billing-agreements .data-table .updated-at {
		display: none;
	}
}


/* ============================================ *
 * Checkout - Multiple Addresses
 * ============================================ */
body[class*="checkout-multishipping-"] .checkout-progress {
	width: 100%;
	float: left;
	margin-bottom: 25px;
}
body[class*="checkout-multishipping-"] .checkout-progress > li {
	float: left;
	width: 20%;
	text-align: center;
	padding: 8px 1% 6px;
	background: #f4f4f4;
	text-transform: uppercase;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	margin-bottom: 10px;
}
body[class*="checkout-multishipping-"] .checkout-progress > li.active {
	background-color: #dddddd;
}
body[class*="checkout-multishipping-"] .checkout-progress > li.last {
	border-right: 0px;
}
body[class*="checkout-multishipping-"] .page-title {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
body[class*="checkout-multishipping-"] .page-title h1 {
	border: 0 none;
	float: left;
	margin-top: 2px;
	margin-right: 2%;
}
body[class*="checkout-multishipping-"] .page-title .button {
	float: right;
}
body[class*="checkout-multishipping-"] .multiple-checkout > h2 {
	text-transform: none;
	font-size: 17px;
	margin-bottom: 15px;
}
body[class*="checkout-multishipping-"] .messages {
	float: left;
	width: 100%;
}
body[class*="checkout-multishipping-"] .col-2.col-wide {
	width: 66%;
}
body[class*="checkout-multishipping-"] .col-1.col-narrow {
	width: 30%;
}
body[class*="checkout-multishipping-"] .actions {
	margin-bottom: 10px;
}
body[class*="checkout-multishipping-"] .grand-total {
	text-align: right;
	font-size: 16px;
	font-weight: bold;
}
body[class*="checkout-multishipping-"] #checkout-review-submit {
	float: right;
}
body[class*="checkout-multishipping-"] #review-buttons-container {
	float: right;
	text-align: right;
}

.checkout-multishipping-addresses .btn-remove2 {
	text-indent: -5555px;
	display: block;
	width: 22px;
	height: 22px;
}

.checkout-multishipping-shipping .gift-messages {
	margin-top: 20px;
}
.checkout-multishipping-shipping .gift-messages-form {
	margin-top: 15px;
}
.checkout-multishipping-shipping .gift-messages-form h4 {
	margin-top: 15px;
	margin-bottom: 5px;
}
.checkout-multishipping-shipping .gift-messages-form .form-list {
	margin-top: 10px;
	margin-bottom: 25px;
}
.checkout-multishipping-shipping .gift-messages-form .item {
	margin-top: 15px;
}

.checkout-multishipping-shipping .col-1 .box-title h2, .checkout-multishipping-shipping .col-1 .box-title h3, .checkout-multishipping-shipping .col-1 .box-title h4, .checkout-multishipping-shipping .col-2 .box-title h2, .checkout-multishipping-shipping .col-2 .box-title h3, .checkout-multishipping-shipping .col-2 .box-title h4,
.checkout-multishipping-billing .col-1 .box-title h2,
.checkout-multishipping-billing .col-1 .box-title h3,
.checkout-multishipping-billing .col-1 .box-title h4,
.checkout-multishipping-billing .col-2 .box-title h2,
.checkout-multishipping-billing .col-2 .box-title h3,
.checkout-multishipping-billing .col-2 .box-title h4,
.checkout-multishipping-overview .col-1 .box-title h2,
.checkout-multishipping-overview .col-1 .box-title h3,
.checkout-multishipping-overview .col-1 .box-title h4,
.checkout-multishipping-overview .col-2 .box-title h2,
.checkout-multishipping-overview .col-2 .box-title h3,
.checkout-multishipping-overview .col-2 .box-title h4 {
	font-weight: normal;
	width: 100%;
	background: #f4f4f4;
	border-bottom: 1px solid #cccccc;
	padding: 10px;
	font-size: 14px;
}
.checkout-multishipping-shipping .col-1 > h4, .checkout-multishipping-shipping .col-2 > h4,
.checkout-multishipping-billing .col-1 > h4,
.checkout-multishipping-billing .col-2 > h4,
.checkout-multishipping-overview .col-1 > h4,
.checkout-multishipping-overview .col-2 > h4 {
	font-weight: normal;
	width: 100%;
	background: #f4f4f4;
	border-bottom: 1px solid #cccccc;
	padding: 10px;
	font-size: 14px;
}
.checkout-multishipping-shipping .col-1 .box-content, .checkout-multishipping-shipping .col-2 .box-content,
.checkout-multishipping-billing .col-1 .box-content,
.checkout-multishipping-billing .col-2 .box-content,
.checkout-multishipping-overview .col-1 .box-content,
.checkout-multishipping-overview .col-2 .box-content {
	margin-bottom: 25px;
	padding-left: 10px;
	margin-top: 10px;
}

.checkout-multishipping-billing .sp-methods dt {
	float: left;
	width: 100%;
}

.checkout-multishipping-payment-customerbalance input.checkbox {
	margin-left: 15px;
}

#multiship-addresses-table > tbody > tr > td.a-center.last > a {
	background-image: none;
}

#review-order-form > div:nth-child(3) > div.divider {
	width: 100%;
	clear: both;
}

@media only screen and (max-width: 979px) {
	body[class*="checkout-multishipping-"] .checkout-progress span {
		word-spacing: 300px;
	}

	#review-order-form .col-1,
	#review-order-form .col-2 {
		float: none;
		width: auto;
		border: 0;
		padding-right: 0;
		padding-left: 0;
	}
}
@media only screen and (max-width: 770px) {
	body[class*="checkout-multishipping-"] .checkout-progress span {
		width: 12px;
	}
	body[class*="checkout-multishipping-"] .checkout-progress li {
		width: 100%;
		margin: 0;
		text-align: left;
		padding-left: 3%;
		border-right: 0px;
	}
	body[class*="checkout-multishipping-"] .checkout-progress span {
		word-spacing: 1px;
		width: 12px;
	}
	body[class*="checkout-multishipping-"] .box-title {
		float: left;
		width: 100%;
	}
	body[class*="checkout-multishipping-"] .page-title .button {
		float: left;
		margin-bottom: 10px;
	}
	body[class*="checkout-multishipping-"] .linearize-table tfoot td {
		text-align: right;
	}
	body[class*="checkout-multishipping-"] .linearize-table select {
		width: 100%;
		min-width: 200px;
	}
	body[class*="checkout-multishipping-"] .col-1.col-narrow, body[class*="checkout-multishipping-"] .col-2.col-wide {
		width: 100%;
		padding: 0;
	}
}
@media only screen and (max-width: 599px) {
	.checkout-multishipping-addresses .linearize-table tbody td[data-rwd-label] {
		text-align: left;
		padding-left: 10px;
		margin-top: 12px;
	}
}
@media only screen and (max-width: 479px) {
	body[class*="checkout-multishipping-"] .buttons-set .back-link {
		display: block;
	}
}


@keyframes fbox_pop{
    0%{
        transform: scale(.8);
        opacity: 0;
    }
    100%{
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes fbox_overlay{
    0% { background-color: rgba(0,0,0,0); }
    100% { background-color: rgba(0, 0, 0, 0.15); }
}

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}
.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
    animation: fbox_pop .6s cubic-bezier(0.01, 1.13, 0.76, 1) forwards;
}
.fancybox-skin {
    position: relative;
    background: #fff;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}
.fancybox-opened {
    z-index: 8030
}
.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5)
}
.fancybox-outer,
.fancybox-inner {
    position: relative
}
.fancybox-inner {
    overflow: hidden
}
.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}
.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}
.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}
.fancybox-image {
    max-width: 100%;
    max-height: 100%
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-image: url(https://www.powertrain.com.au/skin/frontend/rwd/default/css/fbox/fancybox_sprite.png)
}
#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: .8;
    cursor: pointer;
    z-index: 8060
}
#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(https://www.powertrain.com.au/skin/frontend/rwd/default/css/fbox/fancybox_loading.gif) center center no-repeat
}
.fancybox-close {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
    transform: scale(1.3);
}
.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url(https://www.powertrain.com.au/skin/frontend/rwd/default/css/fbox/blank.gif);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 8040
}
.fancybox-prev {
    left: 0
}
.fancybox-next {
    right: 0
}
.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}
.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}
.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}
.fancybox-nav:hover span {
    visibility: visible
}
.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible!important
}
.fancybox-lock {
}
.fancybox-lock body {

}
.fancybox-lock-test {

}
.fancybox-lock .page { filter: blur(2px); }
.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    animation: fbox_overlay 0.5s cubic-bezier(0.15, 0.8, 0.4, 1) forwards;
}
.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
    overscroll-behavior: none;
}
.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overscroll-behavior: none;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}
.fancybox-title-inside-wrap {
    padding-top: 10px
}
.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8)
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading,
    .fancybox-close,
    .fancybox-prev span,
    .fancybox-next span {
        background-image: url(https://www.powertrain.com.au/skin/frontend/rwd/default/css/fbox/fancybox_sprite@2x.png);
        background-size: 44px 152px
    }
    #fancybox-loading div {
        background-image: url(https://www.powertrain.com.au/skin/frontend/rwd/default/css/fbox/fancybox_loading@2x.gif);
        background-size: 24px 24px
    }
}

@keyframes fc_pop{
	0%{
		transform: scale(0);
	}
	50%{
		transform: scale(0);
	}
	100%{
		transform: scale(1);
	}
}

#fc_frame { position:fixed }

#fc_frame_load {
	width: 110px;
	height: 50px;
	bottom: 21px;
	right: 20px;
	z-index: 2147483601;
	position: fixed;
	box-shadow: 0 5px 4px 0 rgba(0,0,0,.26);
	cursor: pointer;
	border-radius: 34px 34px 8px 34px;
	background-color: #1c87f1;
	background-position: center center;
	background-repeat: no-repeat;
/*	animation: fc_pop 1s cubic-bezier(0.38, 0.91, 0.58, 1.36) forwards;
	transform: scale(0); */
	will-change: transform;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAoCAMAAABdCYMbAAAAqFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8j1z1tAAAAN3RSTlMABSD2CuLWWdlQ8+u+RSX67o5yO7Ovfl5CEd7OyIJlLyrElpIbuKSZiXl2STQW5p5pYao+DoRrDVQGXQAAAlJJREFUOMuV0odyqkAYhuFvl6VKUyygNHvsLcl//3d2liCoscTzzIgzziss+y9++8zN1sdoPk7SkDO8lC2mW6op2k7f4AmRDulOYxbgAZYa9FhnfRevh/SU1xS4sVfolUGOK036QyNEbUyF2aojr4vQOTX3qz5R1xnunVMQtEmyTlXcoh8LfMhrMgGf9TAmXzCVw83zDhW2vIxDr6y75YKW8quNUH56xJlKlZhBEhrd1C35CGvD/APa5GLCebWzS0jfdF/TN5o8smR9cpx+9aYbgBmXelSthGxE6JHHmUIXSyCkS22ORtOBiZ5GCgfaskYyGmv1rjP52ErCAJg6WLFJS8Yt8nIGYF7PNIN9mYAhbVVN0xpEllbsRl+T/LpI0af3fcGn943R+K/aoJql0GtdtOls6ESRM5hmXaJ9FhM1M1OOys2z3A3Ot9GxqGKB0GSLI3SiEFPyXGBASeDiMzDLWnGxptIKSyJjOENPURzYFCOCfMzP4TqzAcTl/yb4mdkOLIoY7OL8Rtwj6kCv6gMAs3zDDfpl7R4OE1m7wnAwvK4NAeA8zQyzYp47pMWqYg1gQOu61lFw/XIvo1FnlRyLZToYJNCTFrhyqWeQqrV4LQawY0ekRKawA6ESrUVMbXEoD6DA2Z4K/am9JUv15XpUS5Ux+apFivxBMjhq6V9TjCe4Er4+ilOBG5v5i9if4Leg/bQ+4oFgpD6u53jo0/my1fs3HuApwQOz19NXZsuucx1vSLdUauR4w2Tnlbma4R3reaM8ozrDOzb6PO43fGMN4B+xf9fSsuX7CwAAAABJRU5ErkJggg==);
}
.fc_frame_load { cursor: pointer; }
.fc_frame_load:hover { opacity: 0.7; }
img.fc_frame_load { max-width: 100%; height: auto; }
#fc_frame_load.canload:before{border-radius:34px 8px 34px 34px;}

@media only screen and (max-width: 767px) {
	#fc_frame_load {
		width: 60px;
		height: 60px;
		bottom: 8px;
		right: 8px;
		border: 2px solid #fff;
		transition: transform 0.3s;
	}
	#fc_frame {
		bottom: 3px!important;
		right: 4px!important;
		transition: transform 0.3s;
	}
}

@media only screen and (max-width: 520px) {
	body.isavailable.stickyadd #fc_frame_load {
		transform: translateY(-45px);
	}
	body.isavailable.stickyadd #fc_frame {
		transform: translateY(-40px);
	}
}


.juicer-wrapper {
	padding: 20px 25px 25px;
	background-color: #333;
}
.juicerHide{ display: none; }/* not "juicer-wrapper" because we cannot detect pos of hidden elem for lazyloading */
.juicer-banner {
	padding: 20px 0;
	text-align: center;
	line-height: 26px;
	font-size: 24px;
	color: #fff;
}
.juicer-banner a { color: #ffe358; transition: opacity .3s; }
.juicer-banner a:hover { opacity: .7; text-decoration: none; }
#juicer-feed { opacity: 0; transition: opacity .6s; }
.juicer-feed .j-text { cursor: pointer; }
@media only screen and (max-width: 1023px) {
	.juicer-wrapper {
		padding: 20px 10px 15px;
	}
	.juicer-banner {
		padding: 5px 0 15px;
	}
}
@media only screen and (max-width: 620px) {
	.juicer-wrapper {
		padding: 15px 5px 10px;
	}
}

.crt-widget, .crt-widget.crt-widget-branded { background-color: #333; padding-top: 10px; text-align: center;}
.crt-widget-grid .crt-grid-post { padding: 2px 5px; float: none; }
.crt-grid-post { float: none; display: inline-block; }
.crt-widget .crt-load-more { border: 2px solid #8fef8c!important; padding: 5px 12px; background-color: #dddddd!important; border-radius: 25px; }
.crt-load-more-container { margin-top: 15px; }

.checkout-cart-index #juicer-wrapper,
.checkout-onepage-index #juicer-wrapper,
.checkout-onepage-success #juicer-wrapper { display: none; }

.crt-post-c { cursor: zoom-in; transition: filter 0.3s!important; }
.crt-post-c:hover { filter: contrast(0.7); }
.crt-post .crt-post-border { border: none!important; }
.crt-popup-wrapper .crt-popup.crt-has-read-more.has-image .crt-popup-right .crt-popup-read-more { bottom: 4px!important; }
.crt-popup-wrapper, .crt-popup-wrapper .crt-popup .crt-popup-right .crt-popup-text .crt-popup-text-container { overscroll-behavior: contain; }
.crt-logo,
.crt-post-date,
.crt-post-footer,
.crt-post .crt-post-header,
.crt-widget .crt-post-text,
.crt-post.crt-post-is-embed .crt-post-header,
.crt-post.crt-post-is-embed .crt-post-text,
.crt-post.crt-post-is-embed .crt-post-footer,
.crt-popup-wrapper .crt-popup .crt-popup-footer { display: none!important; }
.crt-popup-wrapper .crt-popup.crt-has-read-more.has-image .crt-popup-right { padding-bottom: 60px!important; }

.crt-post.crt-post-youtube .crt-play-icon, .crt-grid-post.crt-post-youtube .crt-play-icon { transform: translate(-50%, -50%) scale(0.7)!important; opacity: 0.6; }

@media screen and (min-width: 911px){
	.crt-popup-wrapper .crt-popup.crt-has-read-more.has-image .crt-popup-right .crt-popup-text { bottom: 65px!important; }
}

@media screen and (max-width: 910px){
	.crt-popup-wrapper .crt-popup-container { max-width: 100%!important; padding: 20px 30px!important; }
	.crt-popup-wrapper .crt-popup .crt-close {
		border-bottom-left-radius: 5px;
		width: 40px!important;
		height: 40px!important;
		line-height: 40px!important;
		background-color: #ffffffa8!important;
		padding-top: 4px;
	}
	svg.crt-icon-cancel { width: 20px!important; height: 20px!important; }
}