/**
 * "Normal" copy elements
 *
 * @section =copy
 */
	/* start left aligning the M2 text in careers contact us page @naushad*/
.left-align{
	text-align: left !important;
}
.resultPage-hide{
display:none;
}

/* end left aligning the M2 text in careers contact us page @naushad*/
.content .progress-bar{
	height: 28px;
	margin: 0;
	padding: 0 10px;
}
input[type=number] {
    -moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.content .progress-bar li{
	float: left;
	width: 20%;
	color: #b8aca5;
	text-align: center;
	position: relative;
	font-family: futurabq, sans-serif;
	letter-spacing: .08em;
	line-height: 1em;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 700;
	list-style: none;
	overflow: hidden;
	height: 16px;
	background: #f1eeed;
	margin: 0;
	padding: 6px 0 3px;
	background-image: url("../images/default.png");
    background-position: right top;
    background-repeat: no-repeat;
}

.content .progress-bar li:last-child{
	width: 20%;
	background-image:none!important;
}

.content .progress-bar li:last-child :after{
	background: none;
}

.content .progress-bar li.done{
	color: #bdd8ec;
	background: #7daed3;
	background-image: url("../images/active.png");
    background-position: right top;
    background-repeat: no-repeat;
}

.content .progress-bar li.active{
	color: #FFF;
	background: #7daed3;
	background-image: url("../images/done.png");
    background-position: right top;
    background-repeat: no-repeat;
}


.content .triple-block{
	margin: 10px;
	overflow: hidden;
	position: relative;
}

.content .triple-block .copy-container{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #1D1D1D;
	font-family: futurabq, sans-serif;
	font-size: 15px;
	line-height: 1.2;
	text-align: center;
	background: #F1EEED;
}

.triple-block.layout-2 .colour-3{
	color: #fff !important;
	background: #7daed3 !important;
}

.content .triple-block .copy-container .inner{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px;
}

.content .triple-block .copy-container .inner-wrapper{
	display: table;
	width: 100%;
	height: 100%;
}

.content .triple-block.layout-2 .copy-container .inner-inner{
	vertical-align: top;
}

.content .triple-block .copy-container .inner-inner{
	display: table-cell;
	vertical-align: middle;
}

.content .triple-block.layout-2 .colour-3 h2{
	color: white;
}

.content .triple-block.layout-2 h2{
	margin: 0 0 7px;
	line-height: 1.2em;
}

.content .triple-block .copy-container p{
	max-width: 520px;
	margin: 0 auto 10px;
	font-size: 15px;
}

.content .triple-block .container.small .inner{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 8px 10px; /* OOC-380 */
	position: absolute;
	top: 0;
	right: 0;
	color: #1D1D1D;
	background: #F1EEED;
	overflow-x: auto; /* OOC-380 */
}

.content .triple-block .small .inner-wrapper{
	display: table;
	width: 100%;
	height: 100%;
}

.content .triple-block .container.small .inner .inner-inner{
	display: table-cell;
	vertical-align: middle;
}

form.kit-code .text-box{
	text-align: center;
}

form.kit-code #contact-kidcode{
	width: 100px;
	margin: 0 auto;
}

main input[type="text"]{
	width: 98%;
}

.content .triple-block.layout-2 .intro .container.first{
	padding-right: 5px;
}

.content .triple-block.layout-2 .intro .container{
	padding: 0 0 0 0;
}

.content .triple-block.layout-2 .intro img{
	position: relative;
	border: 0 none;
}

.content .triple-block.layout-2 .intro .container.small{
	padding-bottom: 49%;
}

.content .triple-block.layout-2 .intro .container.last{
	padding-left: 5px;
}

.content .double-block .copy-container.invert{
	color: #FFF !important;
}

.content .double-block .copy-container.colour-1{
	background: #ea6c26;
}

.content .double-block .copy-container.invert *{
	color: #FFF !important;
}

.content .double-block .copy-container .inner.double .inner h3{
	margin-top: 0;
}

.content .double-block .copy-container .inner .row{
	float: left;
	clear: both;
	width: 100%;
}

.content .double-block .radio-buttons>div{
	width: 50%;
	float: left;
}

a.checkout-payment-type-radio{
	float: left;
	display: block;
	width: 21px;
	height: 18px;
	background: url("../images/spritesheet-2.png") no-repeat -511px -23px;
	text-indent: -9999em;
}

.floatLft{
	float: left;
}

.content .double-block .copy-container .inner.double .inner-right{
	float: left;
	clear: both;
	width: 100%;
	padding-left: 10px;
	padding-top: 10px;
}

.content .double-block .copy-container.colour-2{
	background: #cf0a2c;
}

.colour-test{
	background: url("../Attachment/kidsCampaign/color-blind-test-1.jpg")
		no-repeat 50% 0%;
	width: 25%;
	height: 28px;
	float: left;
	padding-top: 61px;
}

.colour-test-1{
	background: url("../Attachment/kidsCampaign/color-blind-test-1.jpg")
		no-repeat 50% 0%;
	width: 25%;
	height: 28px;
	float: left;
	padding-top: 61px;
}

.colour-test-2{
	background: url("../Attachment/kidsCampaign/color-blind-test-2.jpg")
		no-repeat 50% 0%;
}

.colour-test-3{
	background: url("../Attachment/kidsCampaign/color-blind-test-3.jpg")
		no-repeat 50% 0%;
}

.colour-test-4{
	background: url("../Attachment/kidsCampaign/color-blind-test-4.jpg")
		no-repeat 50% 0%;
}

.colour-test input{
	width: 60% !important;
	margin: 0 auto !important;
	display: block !important;
}

.mainContainer label.c_on{
	background-position: -510px -81px !important;
}

.has-js .mainContainer .payment-option-paypal label{
	background-image: url("../images/spritesheet-2.png");
	background-position: -510px -22px;
	height: 18px;
}

.mainContainer .payment-option-paypal label{
	display: inline-block;
	margin-right: 20px;
	padding-left: 24px;
	position: relative;
}

.mainContainer .payment-option-paypal input{
	left: -9999px;
	position: absolute;
}

.content .triple-block .container.small .radio-button-wrapper{
	width: 50%;
	float: left;
}

.content .triple-block .container.small .radio-button-wrapper .radio-buttons
	{
	width: 50px;
	margin: 0 auto;
}

@media ( min-width : 744px){
	.content .double-block{
		margin: 10px 0;
	}
	.subnav-wrapper>.stage{
		/*margin-left: 160px; OOC-401*/
	}
	.content .triple-block.layout-2 .intro .container.last{
		padding-left: 0px;
		border-top: 5px solid #fff;
	}
	.content .triple-block.layout-2 .intro .container{
		border-left: 10px solid #FFF;
		border-right: 0px solid transparent;
		padding-bottom: 0;
		right: inherit;
	}
	.content .triple-block.layout-2 .intro .container.first{
		padding-right: 0px;
		padding-bottom: 5px;
	}
	main input[type="text"]{
		width: 78%;
	}
	.content .triple-block.layout-2 .intro{
		position: initial;
		margin: 0;
		float: right;
	}
	.content .triple-block.layout-2 .copy-container{
		float: left;
		border-right: 0px solid #FFF;
		border-left: 0px solid transparent;
		text-align: left;
		position: absolute;
		top: 0;
		bottom: 0;
	}
	.content .triple-block .copy-container .inner{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		padding-right: 15%;
		padding-left: 15%;
	}
	.content .triple-block.layout-2 .copy-container .inner{
		padding: 20px;
	}
	.content .progress-bar li span{
		display: inline;
	}
	.content .triple-block{
		margin: 10px 0;
	}
	.content .triple-block.layout-2 .copy-container{
		float: left;
		border-right: 0px solid #FFF;
		border-left: 0px solid transparent;
		text-align: left;
		position: absolute;
		top: 0;
		bottom: 0;
	}
	.content .triple-block .copy-container{
		width: 50%;
		float: right;
		border-left: 5px solid #FFF;
		padding-bottom: 40%;
		position: relative;
	}
}

@media ( min-width : 450px){
	.content .progress-bar li{
		width: 20%;
	}
	.content .triple-block.layout-2 .intro .container{
		padding-bottom: 0;
	}
	.content .triple-block.layout-2 .intro .container.small{
		padding-bottom: 24.5%;
	}
}

@media ( min-width : 500px){
	.content .double-block h2{
		font-size: 24px;
	}
	.content .triple-block .copy-container, .content .triple-block .copy-container p{
		font-size: 16px;
	}
}

@media ( min-width : 900px){
	.content .double-block .copy-container .inner.double .inner-right{
		padding-left: 20px;
		float: right;
		clear: none;
	}
	.subnav-wrapper>.stage{
		/*margin-left: 210px; OOC-401*/
	}
	.content .triple-block.layout-2 .intro .container.last{
		padding-top: 10px;
	}
	.content .triple-block.layout-2 .intro .container.last{
		padding-top: 10px;
	}
	.content .triple-block.layout-2 .intro .container.first{
		padding-bottom: 10px;
	}
	.content .triple-block .copy-container p{
		max-width: 540px;
	}
	.content .triple-block .copy-container{
		border-left-width: 10px;
		font-size: 18px;
	}
	.content .triple-block .copy-container, .content .triple-block .copy-container p{
		border-left-width: 10px;
		font-size: 18px;
	}
	.content .progress-bar{
		margin-bottom: 20px;
	}
	.content .triple-block{
		margin: 20px 0;
	}
	.content .triple-block.layout-2 .copy-container{
		border-right-width: 10px;
		border-left-width: 0;
	}
}

@media ( min-width : 744px){
	.content .progress-bar{
		padding: 0;
	}
}

@media only screen{
	.show-for-small-only,.show-for-small-up,.show-for-small,.show-for-small-down,.hide-for-medium-only,.hide-for-medium-up,.hide-for-medium,.show-for-medium-down,.hide-for-large-only,.hide-for-large-up,.hide-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xxlarge-only,.hide-for-xxlarge-up
		{
		display: inherit !important;
	}
	.hide-for-small-only,.hide-for-small-up,.hide-for-small,.hide-for-small-down,.show-for-medium-only,.show-for-medium-up,.show-for-medium,.hide-for-medium-down,.show-for-large-only,.show-for-large-up,.show-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xxlarge-only,.show-for-xxlarge-up
		{
		display: none !important;
	}
}

@media only screen and (min-width: 40.063em){
	.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.show-for-medium-only,.show-for-medium-up,.show-for-medium,.show-for-medium-down,.hide-for-large-only,.hide-for-large-up,.hide-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xxlarge-only,.hide-for-xxlarge-up
		{
		display: inherit !important;
	}
	.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.hide-for-medium-only,.hide-for-medium-up,.hide-for-medium,.hide-for-medium-down,.show-for-large-only,.show-for-large-up,.show-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xxlarge-only,.show-for-xxlarge-up
		{
		display: none !important;
	}
}

@media only screen and (min-width: 64.063em){
	.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.hide-for-medium-only,.show-for-medium-up,.hide-for-medium,.hide-for-medium-down,.show-for-large-only,.show-for-large-up,.show-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xxlarge-only,.hide-for-xxlarge-up
		{
		display: inherit !important;
	}
	.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.show-for-medium-only,.hide-for-medium-up,.show-for-medium,.show-for-medium-down,.hide-for-large-only,.hide-for-large-up,.hide-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xxlarge-only,.show-for-xxlarge-up
		{
		display: none !important;
	}
}

@media only screen and (min-width: 90.063em){
	.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.hide-for-medium-only,.show-for-medium-up,.hide-for-medium,.hide-for-medium-down,.hide-for-large-only,.show-for-large-up,.hide-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.hide-for-xxlarge-only,.hide-for-xxlarge-up
		{
		display: inherit !important;
	}
	.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.show-for-medium-only,.hide-for-medium-up,.show-for-medium,.show-for-medium-down,.show-for-large-only,.hide-for-large-up,.show-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.show-for-xxlarge-only,.show-for-xxlarge-up
		{
		display: none !important;
	}
}

@media only screen and (min-width: 120.063em){
	.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.hide-for-medium-only,.show-for-medium-up,.hide-for-medium,.hide-for-medium-down,.hide-for-large-only,.show-for-large-up,.hide-for-large,.hide-for-large-down,.hide-for-xlarge-only,.show-for-xlarge-up,.show-for-xxlarge-only,.show-for-xxlarge-up
		{
		display: inherit !important;
	}
	.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.show-for-medium-only,.hide-for-medium-up,.show-for-medium,.show-for-medium-down,.show-for-large-only,.hide-for-large-up,.show-for-large,.show-for-large-down,.show-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xxlarge-only,.hide-for-xxlarge-up
		{
		display: none !important;
	}
}

.content .copy{
	margin: 10px;
	padding: 15px 20px 5px;
	font-family: futurabq, sans-serif;
	line-height: 1.2;
	background-color: #F1EEED;
}

.content .copy h2{
	margin: 0 0 12px;
	font-size: 18px;
	text-align: center;
}

/*OOC-1091*/
.content .copy h1{
 	color: #cf0a2c;
    font-size: 24px;
    margin-top: 0 !important;
     margin-bottom: 20px;
    text-align: center;
}
.content .copy.colour-1 h2{
	color: #EA6C26
}

.content .copy.colour-2 h2{
	color: #CF0A2C
}

.content .copy.colour-3 h2{
	color: #7DAED3
}

.content .copy.colour-4 h2{
	color: #B8ACA5
}

.content .copy h3{
	margin: 0 0 10px;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
}

.content .copy.colour-1 h3{
	color: #EA6C26
}

.content .copy.colour-2 h3{
	color: #CF0A2C
}

.content .copy.colour-3 h3{
	color: #7DAED3
}

.content .copy.colour-4 h3{
	color: #B8ACA5
}

.content .copy p{
	max-width: 520px;
	margin: 0 auto 10px;
	color: #1D1D1D;
	font-size: 15px;
}

.content .e-mail .buttons .submit,.content #kids-book-orderkit .buttons .submit,.content #kids-book-oos-form .buttons .submit{
	display: inline-block;
	font-size: 18px;
	margin: 0 0 20px;
	border-radius: 0;
	padding: 12px 38px;
	text-align: center;
	height: 50px;
}

.content .copy ul,.content .copy ol{
	max-width: 490px;
	margin: 0 auto 10px;
	padding-left: 30px;
	color: #1D1D1D;
	font-size: 15px;
}

.content .copy ul li{
	list-style: disc;
}

.content .copy ol li{
	padding-left: 0;
}

/* Introduction */
.content .copy.intro h2,.content .copy.intro h3,.content .copy.intro p{
	text-align: center;
}

/* OOC-494 Changes */
.content .copy.intro p i{
	font-weight: 600 \0/;
}

/* Related links */
.content .copy .related-links{
	max-width: none;
	margin: 0 -10px 2px;
	padding: 0;
	overflow: hidden;
}

.content .copy .related-links li{
	list-style: none;
}

.content .copy .related-links a{
	display: block;
	margin-bottom: 3px;
	padding: 12px 10px 10px;
	font-size: 15px;
	text-align: center;
	background: #FFF;
}

.content .copy .related-links a img{
	display: none;
	max-width: 100%;
	height: auto;
	margin-bottom: 5px;
}

/* Key/value table */
.content .copy dl{
	margin: 0 -10px 5px;
	padding: 10px 10px 0;
	color: #1D1D1D;
	font-size: 15px;
	text-align: left;
	background: #fff;
	overflow: hidden;
}

.content .copy dt{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
}

.content .copy dd{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0 0 15px;
}

.content .copy dd.rich{
	padding: 0;
}

.content .copy dd.rich p{
	margin: 0;
	padding: 0 0 15px;
	text-align: left;
}

/* Form */
.content .copy form{
	margin-top: 15px;
}

.content .copy form input[type="email"],.content .copy form input[type="tel"],.content .copy form input[type="text"],.content .copy form input[type="password"],.content .copy form textarea
	{
	width: 100%;
}

.content .copy form input[type="email"],.content .copy form input[type="tel"],.content .copy form input[type="text"],.content .copy form input[type="password"]
	{
	max-width: 280px;
}

.content .copy form textarea{
	height: 100px;
}

.content .copy form button{
	display: inline-block
}

.content .copy form .text-box,.content .copy form .text-area{
	margin: 0;
	position: relative;
}

.content #kids-book-orderkit .over-18{
	margin-bottom: 0 !important;
	margin-top: 10px;
}

.content #kids-book-oos-form .over-18,.content #kids-book-oos-form .subscribe-to-newsletter{
	margin-bottom: 0 !important;
}

.content #kids-book-orderkit .form-error-message,.content #kids-book-oos-form .form-error-message{
	font-size: 15px;
	display: block;
}

.content .copy form#kids-book-orderkit .text-box{
	margin: 0 0 7px;
}

.content .copy form .text-box{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.content .copy form .label{
	color: #1f1f1f;
	font-size: 15px;
}

.content .copy form label.error{
	font-size: 15px;
}

.content .copy form .buttons{
	clear: both;
	text-align: center;
}

form#email-form1 span.form-error-message{
	font-size: 15px;
}

@media all and (min-width: 500px){
	.content .copy{
		padding: 25px 30px 5px;
	}
	.content .copy h2{
		margin-bottom: 14px;
		font-size: 24px;
	}
	.content .copy h3{
		margin-bottom: 12px;
		font-size: 18px;
	}
	.content .copy p,.content .copy ul,.content .copy ol{
		margin-bottom: 24px;
		font-size: 16px;
	}
	.content .copy .related-links{
		margin-right: -30px;
	}
	.content .copy .related-links a{
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		padding: 0 20px 0 0;
		float: left;
		font-size: 16px;
		text-align: left;
		background: transparent;
	}
	.content .copy .related-links.two a{
		width: 50%; /* OPTWO-3885 */
	}
	.content .copy .related-links.three a{
		width: 33.33%;
	}
	.content .copy .related-links a img{
		display: block;
	}
	.content .copy dl{
		margin-bottom: 15px;
		border-bottom: 1px solid #eae6e4;
		padding: 0;
		font-size: 16px;
	}
	.content .copy dt{
		clear: both;
		float: left;
		width: 33%;
		border-top: 1px solid #eae6e4;
		padding: 10px;
	}
	.content .copy dd{
		float: right;
		width: 67%;
		border-top: 1px solid #eae6e4;
		border-left: 1px solid #eae6e4;
		padding: 10px;
	}
	.content .copy dd.rich{
		padding: 10px 10px 0;
	}
	.content .copy form{
		margin-right: -30px;
		margin-left: -10px;
	}
	.content .copy form input[type="email"],.content .copy form input[type="tel"],.content .copy form input[type="text"],.content .copy form input[type="password"]
		{
		max-width: none;
	}
	.content .copy form .text-box{
		width: 50%;
		padding: 0 20px 0 0;
		float: left;
	}
	.content .copy form .text-area{
		clear: both;
		padding-right: 20px;
	}
	.content .copy form label.error{
		position: absolute;
		bottom: -17px;
		left: 0;
	}
}

@media all and (min-width: 650px){
	.content .copy form{
		margin-right: 5px;
		margin-left: 25px;
	}
}

@media all and (min-width: 744px){
	.content .copy{
		margin: 10px 0;
	}
}

@media all and (min-width: 900px){
	.content .copy{
		margin: 20px 0;
		padding: 35px 40px 15px;
	}
	.content .copy h2{
		margin-bottom: 20px;
	}
	.content .copy h3{
		font-size: 20px;
	}
	.content .copy p,.content .copy ul,.content .copy ol{
		max-width: 540px;
		font-size: 18px;
	}
	.content .copy ul,.content .copy ol{
		max-width: 506px;
		padding-left: 34px;
	}
	.content .copy .related-links a{
		font-size: 18px;
	}
	.content .copy dl{
		font-size: 18px;
	}
	.content .copy dt{
		padding: 15px 15px 15px 30px;
	}
	.content .copy dd{
		padding: 15px;
	}
	.content .copy dd.rich{
		padding: 15px 15px 0;
	}
	.content .copy form{
		margin-right: -15px;
		margin-left: 15px;
	}
	.content .copy form .text-box,.content .copy form .text-area{
		padding-right: 30px;
	}
	/*Sports vision change start*/
	.content > .hero-box{
		margin-bottom: 20px;
}
	.subnav-wrapper>.subnav ul{
		margin: 20px 0;
	}
	/*Sports vision change end*/

/**
 * Divider
 *
 * @section =divider, =rule =horizontal
 */
.content hr{
	height: 0;
	margin: 20px 0;
	border: 0;
	border-top: 1px solid #CAC9C6;
}

@media all and (min-width: 1088px){
	.content hr{
		margin-top: 19px;
		border-color: transparent;
	}
	.content hr:before{
		content: "";
		height: 0;
		border-top: 1px solid #CAC9C6;
		position: absolute;
		right: 0;
		left: 0;
	}
	.subnav-wrapper .content hr{
		margin-top: 20px;
		border-top-color: #CAC9C6;
	}
	.subnav-wrapper .content hr:before{
		display: none;
		content: none;
	}
	.subnav-wrapper>.stage{
		/*margin-left: 250px OOC-401*/
	}
}
	/*Sports vision change start* - Commented Out
	.subnav-wrapper>.stage{
		margin-left: 250px;
	}
	/*Sports vision change end*/

}



/**
 * Image element
 *
 * @section =image
 */
.content figure{
	margin: 0 10px 10px;
}

.content figure img{
	/*Sports Vision Change*/
	width: 100%;
	height: auto;
}

@media all and (min-width: 744px){
	.content figure{
		margin: 0 0 10px;
	}
}

@media all and (min-width: 900px){
	.content figure{
		margin: 0 0 20px;
	}
}

/**
 * Video/multimedia embedding
 *
 * @section =video
 */
.content .embed-container{
	margin: 0 10px 10px;
}

.content .embed-container h2{
	margin: 0 0 10px;
	font-size: 18px;
	text-align: center;
}

.content .embed-container.colour-1 h2{
	color: #EA6C26
}

.content .embed-container.colour-2 h2{
	color: #CF0A2C
}

.content .embed-container.colour-3 h2{
	color: #7DAED3
}

.content .embed-container.colour-4 h2{
	color: #B8ACA5
}

.content .embed-container>.wrapper{
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
}

.content .embed-container iframe,.content .embed-container object,.content .embed-container embed
	{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

@media all and (min-width: 500px){
	.content .embed-container h2{
		font-size: 24px;
	}
}

@media all and (min-width: 744px){
	.content .embed-container{
		margin: 0 0 10px;
	}
}

@media all and (min-width: 900px){
	.content .embed-container{
		margin: 0 0 20px;
	}
}

/**
 * Quote element
 *
 * @section =quote
 */
.content blockquote{
	margin: 0 10px 10px;
	padding: 12px 20px 14px;
	color: #1F1F1F;
	font-family: futurabq, sans-serif;
	font-size: 22px;
	line-height: 1.2;
	text-align: center;
	background: #F1EEED;
}

.content blockquote.colour-1{
	color: #EA6C26
}

.content blockquote.colour-2{
	color: #CF0A2C
}

.content blockquote.colour-3{
	color: #7DAED3
}

.content blockquote.colour-4{
	color: #B8ACA5
}

.content blockquote p{
	max-width: 640px;
	margin: 0 auto;
}

@media all and (min-width: 500px){
	.content blockquote{
		padding: 22px 30px 24px;
		font-size: 24px;
	}
}

@media all and (min-width: 744px){
	.content blockquote{
		margin: 0 0 10px;
	}
}

@media all and (min-width: 900px){
	.content blockquote{
		margin: 0 0 20px;
		padding: 32px 40px 34px;
	}
}

/**
 * Big button
 *
 * @section =button
 */
.content .button,.content button{
	display: block;
	margin: 0 10px 10px;
	border-radius: 0;
	padding: 12px 30px; /* OOC-1058 */
	text-align: center;
	/*cursor: default;*/
}

@media all and (min-width: 744px){
	.content .button,.content button{
		margin: 0 0 10px;
	}
}

@media all and (min-width: 900px){
	.content .button,.content button{
		margin: 0 0 20px;
		font-size: 18px;
	}
}

.content .button-container{
	text-align: center;
}

.content .button-container .button{
	display: inline-block;
	margin-bottom: 12px;
}

/**
 * Double block
 *
 * @section =double
 */
.content .double-block{
	margin: 10px;
	overflow: hidden;
}

.content .double-block .media{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 10px;
}

.content .double-block .media img{
	max-width: 100%;
	height: auto;
}

.content .double-block .copy-container{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	color: #1D1D1D;
	font-family: futurabq, sans-serif;
	font-size: 15px;
	line-height: 1.2;
	background: #F1EEED;
}

.content .double-block.colour-1 .copy-container,.content .double-block.colour-1 h2,.content .double-block.colour-1 a.more,.content .double-block.colour-2 .copy-container,.content .double-block.colour-2 h2,.content .double-block.colour-2 a.more,.content .double-block.colour-3 .copy-container,.content .double-block.colour-3 h2,.content .double-block.colour-3 a.more,.content .double-block.colour-4 .copy-container,.content .double-block.colour-4 h2,.content .double-block.colour-4 a.more
	{
	color: #FFF;
}

.content .double-block.colour-1 .copy-container{
	background: #EA6C26
}

.content .double-block.colour-2 .copy-container{
	background: #CF0A2C
}

.content .double-block.colour-3 .copy-container{
	background: #7DAED3
}

.content .double-block.colour-4 .copy-container{
	background: #B8ACA5
}

.content .double-block.colour-1 a.more:after,.content .double-block.colour-2 a.more:after,.content .double-block.colour-3 a.more:after,.content .double-block.colour-4 a.more:after
	{
	content: '';
	background-position: -111px -299px;
}

.content .double-block h2{
	margin: 0 0 10px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.2;
}

.content .double-block p{
	margin: 0 0 10px;
}

.content .double-block a.more{
	color: #1D1D1D;
	font-weight: bold;
}

.content .double-block a.more:after{
	content: "";
	display: inline-block;
	width: 8px;
	height: 10px;
	margin: 0 0 -1px 5px;
	background: url("../images/spritesheet-rwd.png") no-repeat -168px -299px
		;
}

@media all and (min-width: 500px){
	.content .double-block .copy-container .inner.double .inner{
		float: left;
		width: 43%;
		clear: none;
	}
	.content .double-block .copy-container .inner.double .inner-left{
		border-right: 1px solid #cac9c6;
		padding-right: 10px;
		border-bottom: 0px solid transparent;
		padding-top: 10px;
	}
	.content .double-block h2{
		font-size: 24px;
	}
	.content .double-block .copy-container{
		font-size: 16px;
	}
}

@media all and (min-width: 600px){
	.content .double-block .media,.content .double-block .copy-container{
		width: 50%;
		margin: 0;
		padding: 0 0 38.45%;
		position: relative;
		overflow: hidden;
	}

	.content .double-block .copy-container{ /* OOC-1039 */
		overflow: auto;
	}
	
	.content .double-block .media{
		float: right;
	}
	.content .double-block .copy-container{
		border-right: 5px solid #fff;
		float: left;
	}
	.content .double-block .copy-container>.inner{
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		padding: 10px;
		position: absolute;
		top: 0;
		left: 0;
	}
	.content .double-block .media img{
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-left: 5px solid #fff;
		position: absolute;
		top: 0;
		left: 0;
	}
}

@media all and (min-width: 744px){
	.content .double-block{
		margin: 10px 0;
	}
	.content .double-block .copy-container>.inner{
		padding: 10px;
	}
}

@media all and (min-width: 900px){
	.content .double-block .copy-container .inner.double .inner-left{
		padding-right: 20px;
	}
	.content .double-block .copy-container .inner.double .inner{
		float: left;
		width: 43%;
	}
	.content .double-block{
		margin: 20px 0;
	}
	.content .double-block .media img{
		border-left-width: 10px;
		width: 100%;
	}
	.content .double-block .copy-container{
		border-right-width: 10px;
		font-size: 18px;
	}
}

/**
 * Triple block
 *
 * @section =triple
 */
.content .triple-block{
	margin: 10px;
	overflow: hidden;
}

.content .triple-block .intro{
	overflow: hidden;
	margin-bottom: 5px;
}

.content .triple-block .intro .container{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
	padding: 0 0 50% 0;
	position: relative;
	float: left;
}

.content .triple-block .intro h2{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	margin: 0;
	border-right: 5px solid #FFF;
	border-bottom: 5px solid #FFF;
	padding: 10px;
	position: absolute;
	top: 0;
	left: 0;
	color: #1D1D1D;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.2;
	background: #F1EEED;
}

.content .triple-block .intro.colour-1 h2{
	background: #EA6C26
}

.content .triple-block .intro.colour-2 h2{
	background: #CF0A2C
}

.content .triple-block .intro.colour-3 h2{
	background: #7DAED3
}

.content .triple-block .intro.colour-4 h2{
	background: #B8ACA5
}

.content .triple-block .intro h2 a{
	display: block;
	height: 100%;
	color: #1D1D1D;
}

.content .triple-block .intro.colour-1 h2 a,.content .triple-block .intro.colour-2 h2 a,.content .triple-block .intro.colour-3 h2 a,.content .triple-block .intro.colour-4 h2 a
	{
	color: #FFF;
}

.content .triple-block .intro h2 a span{
	font-weight: bold;
	white-space: nowrap;
}

.content .triple-block .intro h2 a span:after{
	content: "";
	display: inline-block;
	width: 9px;
	height: 13px;
	margin: 0 0 0 7px;
	background: url("../images/spritesheet-rwd.png") no-repeat -150px -299px
		;
}

.content .triple-block .intro.colour-1 h2 a span:after,.content .triple-block .intro.colour-2 h2 a span:after,.content .triple-block .intro.colour-3 h2 a span:after,.content .triple-block .intro.colour-4 h2 a span:after
	{
	background-position: -93px -299px;
}

.content .triple-block .intro img{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	border-bottom: 5px solid #FFF;
	border-left: 5px solid #FFF;
	position: absolute;
	top: 0;
	right: 0;
}

/*.content .triple-block .copy-container{
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	color: #1D1D1D;
	font-family: futurabq, sans-serif;
	font-size: 15px;
	line-height: 1.2;
	text-align: center;
	background: #F1EEED;
}*/
.content .triple-block .copy-container .inner{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px;
}

.content .triple-block .copy-container .inner-wrapper{
	display: table;
	width: 100%;
	height: 100%;
}

.content .triple-block .copy-container .inner-inner{
	display: table-cell;
	vertical-align: middle;
}

.content .triple-block .copy-container p{
	max-width: 520px;
	margin: 0 auto 10px;
}

.content .triple-block .copy-container a.more{
	color: #1D1D1D;
	font-size: 18px;
	font-weight: bold;
}

.content .triple-block .copy-container a.more:after{
	content: "";
	display: inline-block;
	width: 8px;
	height: 10px;
	margin: 0 0 -1px 5px;
	background: url("../images/spritesheet-rwd.png") no-repeat -168px -299px
		;
}

@media all and (min-width: 450px){
	.content .triple-block .intro .container{
		padding-bottom: 26.5%;
	}
}

@media all and (min-width: 500px){
	.content .triple-block .intro h2{
		font-size: 24px;
	}
	.content .triple-block .copy-container{
		font-size: 16px;
	}
}

@media all and (min-width: 744px){
	.content .triple-block .intro{
		width: 50%;
		float: left;
		margin-bottom: 0;
	}
	.content .triple-block{
		margin: 10px 0;
	}
	/*.content .triple-block .intro{
		width: 50%;
		float: left;
		margin-bottom: 0;
	}*/
	.content .triple-block .intro .container{
		width: auto;
		float: none;
		border-right: 5px solid #FFF;
		padding-bottom: 40%;
	}
	.content .triple-block .intro h2,.content .triple-block .intro img{
		border: 0;
	}
	.content .triple-block .intro h2{
		border-bottom: 5px solid #FFF;
	}
	.content .triple-block .intro img{
		border-top: 5px solid #FFF;
	}
	/*.content .triple-block .copy-container{
		width: 50%;
		float: right;
		border-left: 5px solid #FFF;
		padding-bottom: 40%;
		position: relative;
	}*/
	.content .triple-block .copy-container .inner{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		padding-right: 15%; /* OOC-1113*/
		padding-left: 15%; /* OOC-1113 */
	}
}

@media all and (max-width: 768px){
  .content .triple-block .copy-container .inner{
  padding-right: 13%; /* OOC-1060 */
  padding-left: 13%; /* OOC-1060 */
  }
  
  .content .button,.content button{
      margin: 0 10px 10px!important;
      padding: 12px 38px!important; /* OOC-1058 */
  }
  
}


@media all and (min-width: 900px){
	.content .triple-block{
		margin: 20px 0;
	}
	.content .triple-block .intro .container{
		border-right-width: 10px;
	}
	.content .triple-block .intro h2{
		border-bottom-width: 10px;
	}
	.content .triple-block .intro img{
		border-top-width: 10px;
	}
	/*.content .triple-block .copy-container{
		border-left-width: 10px;
		font-size: 18px;
	}*/
	.content .triple-block .copy-container p{
		max-width: 540px;
	}
}

/**
 * Link boxes/blocks
 *
 * @section =link-blocks
 */
.content .link-blocks{
	margin: 0 0 10px 10px;
}

.content .link-blocks ul{
	margin: 0 0 -10px;
	overflow: hidden;
}

.content .link-blocks li{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	width: 50%;
	float: left;
	margin: 0 0 10px;
	border-right: 10px solid #FFF;
	padding: 0 0 46.5% 0;
	background: #F1EEED;
}

.content .link-blocks li.colour-1{
	background: #EA6C26;
}

.content .link-blocks li.colour-2{
	background: #CF0A2C;
}

.content .link-blocks li.colour-3{
	background: #7DAED3;
}

.content .link-blocks li.colour-4{
	background: #B8ACA5;
}

.content .link-blocks a{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px;
	position: absolute;
	top: 0;
	left: 0;
	color: #FFF;
	font-family: futurabq, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	text-transform: uppercase;
	z-index: 10;
}

.content .link-blocks a span{
	white-space: nowrap;
}

.content .link-blocks a span:after{
	content: "";
	display: inline-block;
	width: 9px;
	height: 13px;
	margin: 0 0 0 7px;
	background: url("../images/spritesheet-rwd.png") no-repeat -93px -299px;
}

@media all and (min-width: 400px){
	.content .link-blocks li{
		padding-bottom: 25%;
	}
	.content .link-blocks a{
		padding-right: 25%;
	}
}

@media all and (min-width: 500px){
	.content .link-blocks a{
		font-size: 24px;
	}
	.content .link-blocks a span:after{
		content: '';
		width: 13px;
		height: 20px;
		margin: 0 0 -1px 10px;
		background-position: -128px -299px;
	}
}

@media all and (min-width: 744px){
	.content .link-blocks{
		margin: 0 -10px 10px 0;
	}
	.content .link-blocks li{
		padding-bottom: 19%;
	}
	.content .link-blocks a{
		padding-right: 35%;
	}
}

@media all and (min-width: 900px){
	.content .link-blocks{
		margin: 0 -20px 20px 0;
	}
	.content .link-blocks ul{
		margin: 0 0 -20px;
	}
	.content .link-blocks li{
		margin: 0 0 20px;
		border-right-width: 20px;
	}
	.content .link-blocks a{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.content .link-blocks a span:after{
		margin-bottom: 0;
	}
}

/**
 * Product carousel
 *
 * @section =product, =carousel
 */
.content .product-carousel{
	margin: 10px;
	border: 2px solid #F1EEED;
	padding: 10px 40px;
	position: relative;
}

.content .product-carousel h2{
	margin: 0 0 8px;
	font-size: 18px;
	text-align: center;
}

.content .product-carousel.colour-1 h2{
	color: #EA6C26
}

.content .product-carousel.colour-2 h2{
	color: #CF0A2C
}

.content .product-carousel.colour-3 h2{
	color: #7DAED3
}

.content .product-carousel.colour-4 h2{
	color: #B8ACA5
}

.content .product-carousel .crsl-nav{
	display: none;
}

.js .content .product-carousel .crsl-nav{
	display: none;
}

.content .product-carousel .crsl-nav .previous,.content .product-carousel .crsl-nav .next
	{
	display: block;
	width: 40px;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	text-indent: -9999em;
}

.content .product-carousel .crsl-nav .previous{
	left: 0;
}

.content .product-carousel .crsl-nav .next{
	right: 0;
}

.content .product-carousel .crsl-nav .previous:after,.content .product-carousel .crsl-nav .next:after
	{
	content: "";
	width: 10px;
	height: 17px;
	position: absolute;
	top: 92px;
	background-image: url("../images/spritesheet-rwd.png");
}

.content .product-carousel .crsl-nav .previous:after{
	left: 12px;
	background-position: -525px -63px;
}

.content .product-carousel .crsl-nav .next:after{
	right: 12px;
	background-position: -545px -63px;
}

.content .product-carousel.colour-1 .crsl-nav .previous:after{
	background-position: -445px -63px
}

.content .product-carousel.colour-1 .crsl-nav .next:after{
	background-position: -465px -63px
}

.content .product-carousel.colour-2 .crsl-nav .previous:after{
	background-position: -485px -63px
}

.content .product-carousel.colour-2 .crsl-nav .next:after{
	background-position: -505px -63px
}

.content .product-carousel.colour-3 .crsl-nav .previous:after{
	background-position: -525px -63px
}

.content .product-carousel.colour-3 .crsl-nav .next:after{
	background-position: -545px -63px
}

.content .product-carousel.colour-4 .crsl-nav .previous:after{
	background-position: -565px -63px
}

.content .product-carousel.colour-4 .crsl-nav .next:after{
	background-position: -585px -63px
}

.content .product-carousel a:hover,.content .product-carousel a:focus{
	-webkit-tap-highlight-color: transparent;
	text-decoration: none;
}

.content .product-carousel .unhighlight{
	opacity: 0.5;
}

.content .product-carousel .unhighlight:hover{
	opacity: 1;
}

.content .product-carousel figure{
	margin: 0;
}

.content .product-carousel img{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: auto;
}

.content .product-carousel .highlight img{
	border: 2px solid #F1EEED;
}

.content .product-carousel.colour-1 .highlight img{
	border-color: #EA6C26
}

.content .product-carousel.colour-2 .highlight img{
	border-color: #CF0A2C
}

.content .product-carousel.colour-3 .highlight img{
	border-color: #7DAED3
}

.content .product-carousel.colour-4 .highlight img{
	border-color: #B8ACA5
}

.content .product-carousel .data{
	padding: 6px 0 0;
	color: #3f2a2e;
	line-height: 1.4;
}

.content .product-carousel .data h3,.content .product-carousel .data h4,.content .product-carousel .data p
	{
	margin: 0;
	color: #3f2a2e;
	font-family: futurabq;
	font-size: 15px;
	line-height: 1.2;
}

.content .product-carousel .data h3 i{
	color: #838383;
	font-style: normal;
}

.content .product-carousel .data h4{
	color: #838383;
}

.content .product-carousel .desc{
	color: #838383;
	font-weight: normal;
	text-transform: uppercase;
}

.content .product-carousel .price.from{
	color: #cf0a2c;
}

@media all and (min-width: 500px){
	.content .product-carousel h2{
		font-size: 24px;
	}
	.content .product-carousel .data h3,.content .product-carousel .data h4,.content .product-carousel .data p
		{
		font-size: 16px;
	}
}

@media all and (min-width: 744px){
	.content .product-carousel{
		margin: 10px 0;
	}
}

@media all and (min-width: 900px){
	.content .product-carousel{
		margin: 20px 0;
	}
	.content .product-carousel .data h3,.content .product-carousel .data h4,.content .product-carousel .data p
		{
		font-size: 18px;
	}
}

/**
 * Expandable
 *
 * @section =expandable
 */
.content .expandable-headline{
	margin: 15px 30px;
	font-size: 15px;
	font-weight: bold;
}

.content .expandable-headline.colour-1{
	color: #EA6C26
}

.content .expandable-headline.colour-2{
	color: #CF0A2C
}

.content .expandable-headline.colour-3{
	color: #7DAED3
}

.content .expandable-headline.colour-4{
	color: #B8ACA5
}

.content .expandable{
	margin: 0 10px 8px;
}

.content .expandable li{
	margin: 0 0 2px;
	background: #F1EEED;
	overflow: hidden;
}

.content .expandable h3{
	margin: 0;
	padding: 15px 20px 0;
	font-size: 15px;
	font-weight: bold;
}

@-webkit-keyframes expandable-hover{ 
0%, 
100%{top:50%;}
50%{top:58%;}
}
@keyframes expandable-hover{ 
0%, 
100%{top:50%;}
50%{top:58%;}
}
.js .content .expandable h3{
	height: 60px;
	padding: 0 70px 0 20px;
	position: relative;
	line-height: 60px;
	cursor: pointer;
	overflow: hidden;
}

.js .content .expandable h3:before{
	content: "";
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 15;
}

.js .content .expandable h3:after{
	content: "";
	width: 13px;
	height: 9px;
	margin-top: -5px;
	position: absolute;
	top: 50%;
	right: 23px;
	background: url("../images/spritesheet-rwd.png") no-repeat -445px 0;
	z-index: 20;
}

.js .content .expandable h3:hover :after{
	-webkit-animation: expandable-hover ease .25s;
	animation: expandable-hover ease .25s;
}

.content .expandable .colour-1 h3{
	color: #EA6C26
}

.js .content .expandable .colour-1 h3:before{
	background: #EA6C26
}

.content .expandable .colour-2 h3{
	color: #CF0A2C
}

.js .content .expandable .colour-2 h3:before{
	background: #CF0A2C
}

.content .expandable .colour-3 h3{
	color: #7DAED3
}

.js .content .expandable .colour-3 h3:before{
	background: #7DAED3
}

/*.content .expandable .colour-4 h3{ color: #B8ACA5 }*/
.js .content .expandable .colour-4 h3:before{
	background: #B8ACA5
}

.js .content .expandable .open h3:before{
	content: '';
	background-color: transparent;
}

.js .content .expandable .open h3:after{
	content: '';
	width: 13px;
	height: 14px;
	margin-top: -7px;
	top: 50%;
	background-position: 0 -814px;
}

.js .content .expandable .open.colour-1 h3:after{
	background-position: -23px -814px
}

.js .content .expandable .open.colour-2 h3:after{
	background-position: -46px -814px
}

.js .content .expandable .open.colour-3 h3:after{
	background-position: -69px -814px
}

.js .content .expandable .open.colour-4 h3:after{
	background-position: -92px -814px
}

.js .content .expandable .open h3:hover :after{
	-webkit-animation: none;
	animation: none;
}

.content .expandable h3 b{
	display: inline-block;
	position: relative;
	font-weight: bold;
	line-height: normal;
	vertical-align: middle;
}

.content .expandable .meat{
	max-width: 520px;
	padding: 15px 20px 5px;
	color: #1D1D1D;
	font-family: futurabq, sans-serif;
	font-size: 15px;
}

.js .content .expandable .meat{
	display: none;
}

.content .expandable .meat h4{
	margin: 0 0 10px;
	font-size: 15px;
	font-weight: normal;
}

.content .expandable .colour-1 .meat h4{
	color: #EA6C26
}

.content .expandable .colour-2 .meat h4{
	color: #CF0A2C
}

.content .expandable .colour-3 .meat h4{
	color: #7DAED3
}

.content .expandable .colour-4 .meat h4{
	color: #B8ACA5
}

.content .expandable .meat p{
	margin: 0 0 10px;
}

.content .expandable .meat ul,.content .expandable .meat ol{
	margin: 0 0 10px;
	padding-left: 30px;
}

.content .expandable .meat ul li{
	margin: 0;
	list-style: disc;
	overflow: visible;
}

.content .expandable .meat ol li{
	padding-left: 0;
	list-style: decimal;
	overflow: visible;
}

.content .expandable .meat figure{
	margin: 0 0 10px;
}

@media all and (min-width: 500px){
	.content .expandable-headline{
		font-size: 18px;
	}
	.content .expandable h3{
		font-size: 18px;
	}
	.content .expandable .meat h4{
		margin-bottom: 14px;
		font-size: 18px;
	}
	.content .expandable .meat{
		font-size: 16px;
	}
	.content .expandable .meat p,.content .expandable .meat ul,.content .expandable .meat ol,.content .expandable .meat figure
		{
		margin-bottom: 12px;
	}
}

@media all and (min-width: 744px){
	.content .expandable-headline{
		margin: 20px;
	}
	.content .expandable{
		margin-right: 0;
		margin-left: 0;
	}
}

@media all and (min-width: 900px){
	.content .expandable-headline{
		margin: 35px 50px 30px;
		font-size: 24px;
	}
	.content .expandable{
		margin-bottom: 18px;
	}
	.content .expandable h3{
		font-size: 24px;
	}
	.js .content .expandable h3{
		height: 80px;
		padding-right: 100px;
		padding-left: 50px;
		line-height: 80px;
	}
	.js .content .expandable h3:before{
		content: '';
		width: 80px;
		height: 80px;
	}
	.js .content .expandable h3:after{
		content: '';
		width: 20px;
		height: 13px;
		margin-top: -7px;
		right: 30px;
		background-position: -445px -18px;
	}
	.js .content .expandable .open h3:after{
		content: '';
		width: 20px;
		height: 22px;
		margin-top: -11px;
		right: 30px;
		background-position: -115 -814px;
	}
	.js .content .expandable .open.colour-1 h3:after{
		background-position: -145px -814px
	}
	.js .content .expandable .open.colour-2 h3:after{
		background-position: -175px -814px
	}
	.js .content .expandable .open.colour-3 h3:after{
		background-position: -205px -814px
	}
	.js .content .expandable .open.colour-4 h3:after{
		background-position: -235px -814px
	}
	.content .expandable .meat{
		max-width: 680px;
		padding: 15px 50px 35px;
		font-size: 18px;
	}
	.content .expandable .meat ul,.content .expandable .meat ol{
		padding-left: 34px;
	}
}

/**
 * Sharing module
 *
 * @section =share, =social
 */
.content .share{
	margin: 0 10px 10px;
	text-align: right;
}

.content .share h2{
	display: inline-block;
	margin: 0;
	color: #1D1D1D;
	font-family: futurabq, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 40px;
}

.content .share ul{
	float: right;
	width: auto;
	margin: 0;
}

.content .share li{
	display: inline;
}

.content .share a{
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	margin-left: 20px;
	text-align: left;
	text-indent: -9999em;
	overflow: hidden;
	background-image: url("../images/spritesheet-rwd.png");
}

.content .share a.addthis_button_facebook{
	background-position: -529px -126px;
}

.content .share a.addthis_button_twitter{
	background-position: -529px -176px;
}

.content .share a.addthis_button_email,.content .share a.email_native{
	background-position: -529px -226px;
}

.content .share a.addthis_button_email{
	display: none;
}

@media all and (min-width: 700px){
	.content .share a.addthis_button_email{
		display: block;
	}
	.content .share a.email_native{
		display: none;
	}
}

@media all and (min-width: 744px){
	.content .share{
		margin: 0 0 10px;
	}
}

@media all and (min-width: 900px){
	.content .share{
		margin: 0 0 20px;
	}
}

/**
 * Legal copy
 *
 * @section =legal
 */
.content .legal{
	margin: 10px;
	padding: 10px 20px;
	color: #1D1D1D;
	font-family: futurabq, sans-serif;
	font-size: 13px;
	line-height: 1.2;
}

.content .legal p{
	margin: 0 0 10px;
	word-wrap: break-word;
}

@media all and (min-width: 744px){
	.content .legal{
		margin: 0 0 10px;
		padding-right: 0;
		padding-left: 0;
	}
}

@media all and (min-width: 900px){
	.content .legal{
		margin: 0 0 20px;
		padding-right: 0;
		padding-left: 0;
		font-size: 15px;
	}
	.content .legal p{
		margin-bottom: 12px;
	}
}

/**
 * Double media
 *
 * @section =double
 */
.content .double-media{
	margin: 0 10px 10px;
	padding: 15px 20px 0;
	font-family: futurabq, sans-serif;
	line-height: 1.2;
	background-color: #F1EEED;
}

.content .double-media .item{
	padding-bottom: 30px;
}

.content .double-media .item:last-child{
	padding-bottom: 20px;
}

.content .double-media .embed-container,.content .double-media img{
	margin: 0 0 15px;
}

.content .double-media img{
	max-width: 100%;
	height: auto;
}

.content .double-media h2{
	margin: 0 0 12px;
	font-size: 18px;
	text-align: center;
}

.content .double-media.colour-1 h2{
	color: #EA6C26
}

.content .double-media.colour-2 h2{
	color: #CF0A2C
}

.content .double-media.colour-3 h2{
	color: #7DAED3
}

.content .double-media.colour-4 h2{
	color: #B8ACA5
}

.content .double-media h3{
	margin: 0 0 10px;
	font-size: 15px;
	font-weight: normal;
}

.content .double-media.colour-1 h3{
	color: #EA6C26
}

.content .double-media.colour-2 h3{
	color: #CF0A2C
}

.content .double-media.colour-3 h3{
	color: #7DAED3
}

.content .double-media.colour-4 h3{
	color: #B8ACA5
}

.content .double-media p{
	margin: 0 0 10px;
	color: #1D1D1D;
	font-size: 15px;
}

.content .double-media .button{
	display: inline-block;
	margin: 0;
}

@media all and (min-width: 500px){
	.content .double-media{
		padding: 25px 20px 15px;
	}
	.content .double-media h2{
		margin-bottom: 15px;
		font-size: 24px;
	}
	.content .double-media h3{
		margin-bottom: 12px;
		font-size: 18px;
	}
	.content .double-media p{
		margin-bottom: 12px;
		font-size: 16px;
	}
}

@media all and (min-width: 600px){
	.content .double-media{
		padding-right: 0;
		padding-bottom: 0;
		overflow: hidden;
	}
	.content .double-media .item{
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 50%;
		padding-right: 20px;
		padding-bottom: 20px;
		float: left;
	}
}

@media all and (min-width: 744px){
	.content .double-media{
		margin-right: 0;
		margin-left: 0;
	}
}

@media all and (min-width: 900px){
	.content .double-media{
		margin-bottom: 20px;
		padding: 35px 0 0 20px;
	}
	.content .double-media h3{
		font-size: 20px;
	}
	.content .double-media p{
		font-size: 18px;
	}
}

/**
 * Sign up for offers
 *
 * @section =double
 */
.content .offers-sign-up{
	margin: 10px;
	overflow: hidden;
}

/* OOC-876 Changes */
.content .offers-sign-up .label_check{
	font-size: 11px;
    margin-top: 10px;
    padding-top: 3px;
}

.content .offers-sign-up .media{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 10px;
}

.content .offers-sign-up .media img{
	max-width: 100%;
	height: auto;
}

.content .offers-sign-up form{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	color: #1D1D1D;
	text-align: center;
	background: #F1EEED;
}

.content .offers-sign-up h2{
	margin: 0 0 10px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.2;
}

.content .offers-sign-up h2.colour-1{
	color: #EA6C26
}

.content .offers-sign-up h2.colour-2{
	color: #CF0A2C
}

.content .offers-sign-up h2.colour-3{
	color: #7DAED3
}

.content .offers-sign-up h2.colour-4{
	color: #B8ACA5
}

.content .offers-sign-up p{
	max-width: 290px;
	margin: 0 auto 10px;
	font-family: futurabq, sans-serif;
	font-size: 15px;
	line-height: 1.2;
}

.content .offers-sign-up p.confirm{
	max-width: 230px;
	padding-top: 3px;
}

.content .offers-sign-up .input-wrapper{
	width: 90%;
	max-width: 290px;
	margin: 0 auto 10px;
	position: relative;
}

.js .content .offers-sign-up .input-wrapper label.overlabel{
	top: 7px;
	left: 6px;
}

.content .offers-sign-up input{
	width: 100%;
}

.content .offers-sign-up button{
	display: inline-block;
	margin-bottom: 0;
}

@media all and (min-width: 500px){
	.content .offers-sign-up h2{
		font-size: 24px;
	}
	.content .offers-sign-up p{
		font-size: 16px;
	}
}

@media all and (min-width: 600px){
	.content .offers-sign-up .media,.content .offers-sign-up form{
		width: 50%;
		margin: 0;
		padding: 0 0 38.45%;
		position: relative;
		float: left;
		overflow: hidden;
	}
	.content .offers-sign-up form{
		border-left: 5px solid #fff;
	}
	.content .offers-sign-up .media img{
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-right: 5px solid #fff;
		position: absolute;
		top: 0;
		left: 0;
	}
	.content .offers-sign-up form>.inner{
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		padding: 10px;
		position: absolute;
		top: 0;
		left: 0;
	}
	.content .offers-sign-up form>.inner .table{
		display: table;
		width: 100%;
		height: 100%;
	}
	.content .offers-sign-up form>.inner .cell{
		display: table-cell;
		vertical-align: middle;
	}
}

@media all and (min-width: 744px){
	.content .offers-sign-up{
		margin: 10px 0;
	}
	.content .offers-sign-up form>.inner{
		padding: 10px 15px; /* OOC-876 Changes*/
		overflow-y: auto; /*OOC-380*/
	}
	.content .offers-sign-up p{
		margin-bottom: 7px; /* OOC-876 Changes*/
	}
	.content .offers-sign-up .input-wrapper{
		margin-bottom: 5px; /* OOC-876 Changes*/
	}
}

@media all and (min-width: 900px){
	.content .offers-sign-up{
		margin: 20px 0;
	}
	.content .offers-sign-up .media img{
		border-right-width: 10px;
	}
	.content .offers-sign-up form{
		border-left-width: 10px;
	}
	.content .offers-sign-up p{
		font-size: 18px;
	}
	.content .offers-sign-up p.confirm{
		max-width: 260px;
	}
}
/*
body.menu-open main,body.menu-open main.homepage,body.menu-open div.espots,body.menu-open footer.page-footer
	{
	overflow: hidden;
	height: 0;
}

body.menu-open header[role="banner"]{
	height: 100%;
	top: 0;
	background: #fff;
}

body.menu-open header[role="banner"] .global-nav{
	height: 100%;
}

body.menu-open header[role="banner"] .global-nav ul{
	background: #F1EDED;
}

body.menu-open header[role="banner"] .global-nav ul ul{
	background: #fff;
}
*/
.subnav-wrapper{
	position: relative;
	min-height: 450px;
}
/* Sports Vision Changes Start*/
.subnav-wrapper:before, .subnav-wrapper:after{
	/*display: table;*/
	content: " ";
}

.subnav-wrapper:after{
	clear: both;
}
/* Sports Vision Changes End*/

.subnav-wrapper > .subnav{
	margin: 0 0 40px;
	border-top: 1px solid #CAC9C6;
	font-family: futurabq, sans-serif;
	font-size: 15px;
	line-height: 1;
	background: #F1EEED;
	width: 100%;
	position: absolute;
	bottom: 0;
	bottom: auto\0/;
	left: 0;
}

.subnav+.stage{
	padding-bottom: 400px;
}

.subnav-wrapper>.subnav h2{
	margin: 0;
	border-bottom: 2px solid #e9e6e4;
	padding: 18px 20px 15px;
	color: #1D1D1D;
	font-size: 15px;
	background: #FFF;
	display: none\0/;
}

.subnav-wrapper>.subnav ul{
	margin: 0;
}

.subnav-wrapper>.subnav a,.subnav-wrapper>.subnav b{
	display: block;
	border-bottom: 2px solid #E0DAD7;
	padding: 14px 20px 15px;
	color: #1D1D1D;
	font-weight: normal;
	background: #F1EEED;
}

.subnav-wrapper>.subnav b{
	background: #FFF;
}

@media all and (min-width: 500px){
	.subnav-wrapper>.subnav{
		font-size: 16px;
	}
	.subnav-wrapper>.subnav h2{
		padding-bottom: 14px;
		font-size: 16px;
	}
}

@media all and (min-width: 744px){
	.subnav-wrapper>.subnav{
		margin-bottom: 0;
		border-top: 0;
	}
	.subnav-wrapper>.subnav h2{
		display: none;
	}
	.subnav-wrapper>.subnav{
		display: block;
		width: 150px;
		position: absolute;
		top: 0;
		left: 0;
		background: transparent;
	}
	
	/* Sports Vision Changes Start*/
	.subnav-wrapper > .subnav ul{
		/*margin: 10px 0;*/
		border-top: 1px solid #E0DAD7;
	}
	/* Sports Vision Changes Start*/
	.subnav-wrapper > .subnav a,
	.subnav-wrapper > .subnav b{
		border-bottom-width: 1px;
		padding-right: 15px;
		padding-left: 15px;
	}
	.subnav+.stage{
		margin-left: 160px;
		padding-bottom: 0 !important;
	}
}

@media all and (min-width: 900px){
	.subnav-wrapper>.subnav{
		width: 190px;
		margin: 0 20px 0 0;
		font-size: 18px;
	}
	.subnav-wrapper>.subnav ul{
		margin: 0 0 40px;
	}
	.subnav-wrapper>.subnav a,.subnav-wrapper>.subnav b{
		padding: 17px 22px 18px;
	}
	.subnav+.stage{
		margin-left: 210px;
	}
}

@media all and (min-width: 1088px){
	.subnav-wrapper>.subnav{
		width: 230px;
		margin: 0;
		font-size: 18px;
	}
	.subnav+.stage{
		margin-left: 250px;
	}
}
/* Sports Vision Changes Start*/
button.arrow-right:after, a.button.arrow-right:after{
  content: "";
  display: inline-block;
  width: 9px;
  height: 13px;
  margin: 0 0 -1px 7px;
  background: url("../images/spritesheet-rwd.png") no-repeat -93px -299px;
  border: none;
}

.content .blocks {
	margin: 10px 10px -10px;
	overflow: hidden;
}

.content .blocks li {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	margin: 0 0 10px;
	padding: 0 0 100% 0;
	overflow: hidden;
}

.content .blocks li img {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
}

/*OOC-1142-Start*/
@media all and (max-width: 450px) {
	.content .blocks#sunglassBrands.list li img {
	    display: none;
	}
	
	.content .blocks#sunglassBrands.list li {
	    -moz-border-bottom-colors: none;
	    -moz-border-left-colors: none;
	    -moz-border-right-colors: none;
	    -moz-border-top-colors: none;
	    border-color: -moz-use-text-color white white -moz-use-text-color;
	    border-image: none;
	    border-style: none solid solid none;
	    border-width: 0 10px 10px 0;
	    margin: 0;
	    padding: 0;
	    width: 100%;
	}
	.content .blocks#sunglassBrands.list li p {
	    position: relative;
	}

	.content .blocks#sunglassBrands.list li.span {
	    border-bottom: 0 none;
	}
}
/*OOC-1142-End*/

.content .blocks li.colour-1 p, .content .blocks li.colour-2 p, .content .blocks li.colour-3 p, .content .blocks li.colour-4 p {
	color: #FFF;
}

.content .blocks li p {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 10px;
	color: #1D1D1D;
	font-family: futurabq, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	background: #F1EEED;
}

.content .blocks li.colour-1 p {
	background-color: #ea6c26;
}
.content .blocks li.colour-2 p {
	background-color: #cf0a2c;
}
.content .blocks li.colour-3 p {
	background-color: #7daed3;
}
.content .blocks li.colour-4 p {
	background-color: #b8aca5;
}

.content .blocks li p i {
	font-style: normal;
	font-weight: normal;
}

@media all and (min-width: 400px){
	.content .blocks {
		margin-right: 0;
	}
	
	.content .blocks li {
		width: 50%;
		float: left;
		border-right: 10px solid #FFF;
		padding-bottom: 48%;
	}
}

@media all and (min-width: 500px){
	.content .blocks li p {
		font-size: 15px;
	}
}

@media all and (min-width: 660px){
	.content .blocks li {
		width: 33.33%;
		padding-bottom: 33.33%;
	}
	.content .blocks li.span {
		width: 66.66%;
	}
}

@media all and (min-width: 744px){
	.content .blocks {
		margin: 0 -10px -10px 0;
	}
}

@media all and (min-width: 900px){
	.content .blocks li p {
		padding: 16px 18px 14px;
		font-size: 17px;
	}
}

.instructions img{
	display: block;
}

/*OOC-491 Changes*/
.content .double-block .copy-container + .copy-container {
    border-left: 10px solid #FFFFFF;
    border-right: 0 none;
}
.content .double-block .copy-container + .copy-container {
    margin-top: 0;
}

/* OOC-517 Changes starts here*/
/*.terms-condition .stage{
margin:0 10px;
}*/

.terms-condition h3.first-headerh3{
	margin:0 0 20px 0 !important ;
	
	
}

.terms-condition .termsusealign h3{
	margin:0 0 20px 0 !important ;
	
}
.terms-condition .termsusealign .ol-numbers{
 margin: 0 !important;
}
.terms-condition .termsusealign  ol.ol-numbers li{
 margin-left: 38px;
}
.terms-condition .stage .termsusealign hr {
   margin: 50px 0 40px;
}
.terms-condition .stage .module-text{
position:relative;
}

/*.terms-condition .stage .module-text p{
	margin-bottom: 0px;
}*/
/* OOC-517 Changes ends here*/

.content .double-block .copy-container.invert {
color: #FFF !important;
}
.content .double-block .copy-container.colour-3 {
background: #7daed3;
}
.content .double-block .invert a.more:after {
background-position: -111px -299px;
}

/*Domain Restriction CSS changes*/
.kitEmailForm .restrict-domain{
	font-size: 11px;
}
#kids-book-orderkit .text-box.restrict-domain {
    clear: left;
}

/* RC pages NZ - 8th August Release changes starts here */
@media all and (max-width: 768px){
  .content .triple-block .copy-container .inner{
  padding-right: 13%; /* OOC-1060 */
  padding-left: 13%; /* OOC-1060 */
  }
  
  .content .button,.content button{
	margin: 0 10px 10px!important;
	padding: 12px 38px!important; /* OOC-1058 */
  }
}

.content .triple-block .copy-container .inner{
		width: 100%;
		height: 100%;
		/*position: absolute;*/
		top: 0;
		left: 0;
		padding-right: 15%; /* OOC-1113 */
		padding-left: 15%; /* OOC-1113 */
	}

.content .button,.content button{
	display: block;
	margin: 0;
	border-radius: 0;
	padding: 12px 38px; /* OOC-1058 */
	text-align: center;
	/*cursor: default;*/
}

.content .double-block .copy-container{ /* OOC-1039 */
		overflow: auto;
	}
	
/*OOC-1091*/

.content .copy h1{
		color: #cf0a2c;
		font-size: 24px;
		margin-top: 0 !important;
		margin-bottom: 20px;
		text-align: center;
}

.hero-box .text-container h1 {
    font-size: 28px;
    color: #fff;
    margin: 0 0 10px;
}

/*RC Additional pages start*/
.h2-red-color{
color: #CF0A2C!important;
}
.h3-text2{
	font-size: 19px;
	text-transform: none;
	line-height: 1.2;
	letter-spacing: 0;
}
.content .copy h1.health_fund_rebate_h1{
	color: #7DAED3;
}
/*RC Additional pages end*/