/* -- START LAYOUT-980 ---------------------------------------------------------- */



/* 980 - CORE LAYOUT CSS Document */

.core-mobile-only { display: block; }
.core-mobile-none { display: none; }

.rocketslider { max-height: 200px; }
.rocketslider, .rocketslider-reel li { background-size: cover; background-repeat:no-repeat; }

/* COLUKMNS  */

input.core-pin:checked ~ label.core-pin, input.core-pin:checked ~ .core-pinnable { position: relative; }

/* MOBILE FLYOUT - RHS */
input.core-mobile-flyout ~ div > div.core-mobile-flyout {
	background-color: #333;
	right: 0;
	padding: 20px;
	border-radius: 8px 0 0 8px;
	border: 8px solid #333;
	border: 8px solid rgba(33, 33, 33, 0.5);
	background-clip: padding-box;
}
input.core-mobile-flyout ~ div > div.core-mobile-flyout > div.core-shop-checkout > label.core-mobile-flyout {
	bottom: auto; top: 0; right: 292px;
	border-radius: 8px 0 0 8px;
	border: 8px solid #333;
	border: 8px solid rgba(33, 33, 33, 0.5);
	border-right: none;
}
input.core-mobile-flyout:checked ~ div > div.core-mobile-flyout {
	right: -336px;
}
input.core-mobile-flyout:checked ~ div > div.core-mobile-flyout > div.core-shop-checkout > label.core-mobile-flyout {
	top: 0; bottom: auto;
	right: 300px;
}

input.core-mobile-flyout:checked ~ div > .content-primary,
input.core-mobile-flyout:checked ~ div > .content-primary > *, 
input.core-mobile-flyout ~ div > .content-primary,
input.core-mobile-flyout ~ div > .content-primary > * { margin-right: 0!important; } /* THIS ENSURE CONTENT DOESN'T RUN IN TO SIDE MARGIN */

input.core-mobile-flyout ~ div > div.core-mobile-flyout > div.core-shop-checkout > label.core-mobile-flyout .core-flyout-close,
input.core-mobile-flyout:checked ~ div > div.core-mobile-flyout > div.core-shop-checkout > label.core-mobile-flyout .core-flyout-open { display: none; }
input.core-mobile-flyout ~ div > div.core-mobile-flyout > div.core-shop-checkout > label.core-mobile-flyout .core-flyout-open,
input.core-mobile-flyout:checked ~ div > div.core-mobile-flyout > div.core-shop-checkout > label.core-mobile-flyout .core-flyout-close { display: inline-block; *zoom: 1; *display: inline; }





/* -- END LAYOUT-980 ------------------------------------------------------------ */