/*

**************************************************************************************
**************************************************************************************
**************************************************************************************

Headers Footers

Author: Peter Broom
Version: v1.0.0

**************************************************************************************
**************************************************************************************
**************************************************************************************

*/

/*

#F1F1F1 lighter grey
#D6D6D6 light grey
#808080 mid grey
#4D4D4D dark grey
#ee529d pink

Fonts
GibsonLight
GibsonRegular
GibsonSemiBold

*/

/* pull left */
.pull-left{
	float: left;
}

.pull-left:first-child{
	margin: 0;
}

/* clear floats */
.cf:before,
.cf:after {
    content: "";
    display: table;
} 
.cf:after {
    clear: both;
}

/* Grid */
.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.col{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-left: 1em;
	padding-right: 1em;
	width: 100%;
	float: left;
}
.col:last-of-type{
	padding-right: 0;
}

.hideSmallTablet{
	display: none;
	visibility: hidden;
}

@media only screen {

	.small-1{
		width: 8.33333333333333%;
	}
	.small-2{
		width: 16.6666666666667%;
	}
	.small-3{
		width: 25%;
	}
	.small-4{
		width: 33.3333333333333%;
	}
	.small-5{
		width: 41.6666666666667%;
	}
	.small-6{
		width: 50%;
	}
	.small-7{
		width: 58.3333333333333%;
	}
	.small-8{
		width: 66.6666666666667%;
	}
	.small-9{
		width: 75%;
	}
	.small-10{
		width: 83.3333333333333%;
	}
	.small-11{
		width: 91.6666666666667%;
	}
	.small-12{
		width: 100%;
	}
}

@media only screen and (min-width: 37.563em) {

	.medium-1{
		width: 8.33333333333333%;
	}
	.medium-2{
		width: 26.6666666666667%;

	}
	.medium-3{
		width: 25%;
	}
	.medium-4{
		width: 33.3333333333333%;
	}
	.medium-5{
		width: 41.6666666666667%;
	}
	.medium-6{
		width: 50%;
	}
	.medium-7{
		width: 58.3333333333333%;
	}
	.medium-8{
		width: 66.6666666666667%;
	}
	.medium-9{
		width: 75%;
	}
	.medium-10{
		width: 73.3333333333333%;
	}
	.medium-11{
		width: 91.6666666666667%;
	}
	.medium-12{
		width: 100%;
	}
}

@media only screen and (min-width: 50.063em) { /* landscape ipad */

	.medium-ls-1{
		width: 8.33333333333333%;
	}
	.medium-ls-2{
		width: 16.6666666666667%;
	}
	.medium-ls-3{
		width: 25%;
	}
	.medium-ls-4{
		width: 33.3333333333333%;
	}
	.medium-5{
		width: 41.6666666666667%;
	}
	.medium-ls-6{
		width: 50%;
	}
	.medium-ls-7{
		width: 58.3333333333333%;
	}
	.medium-ls-8{
		width: 66.6666666666667%;
	}
	.medium-ls-9{
		width: 75%;
	}
	.medium-ls-10{
		width: 83.3333333333333%;
	}
	.medium-ls-11{
		width: 91.6666666666667%;
	}
	.medium-ls-12{
		width: 100%;
	}
}

@media only screen and (min-width: 64.063em) {

	.large-1{
		width: 8.33333333333333%;
	}
	.large-2{
		width: 19.6666666666667%;
	}
	.large-3{
		width: 25%;
	}
	.large-4{
		width: 33.3333333333333%;
	}
	.large-5{
		width: 41.6666666666667%;
	}
	.large-6{
		width: 50%;
	}
	.large-7{
		width: 58.3333333333333%;
	}
	.large-8{
		width: 66.6666666666667%;
	}
	.large-9{
		width: 75%;
	}
	.large-10{
		width: 80.3333333333333%;
	}
	.large-11{
		width: 91.6666666666667%;
	}
	.large-12{
		width: 100%;
	}
}

/* Resets */

#r-siteFooter ul{
	margin: 0;
	padding: 0;
}

#r-siteFooter li{
	list-style: none;
	text-align:left;
}


#r-ftSignUpForm button{
	-webkit-appearance: none;
    border-radius: 0;
}

#r-ftSignUpEmail{
	-webkit-appearance: none;
}

#r-ftSignUpEmail:focus {
	outline: none;
}
#r-ftSignUpEmail:required {
    box-shadow:none;
}
#r-ftSignUpEmail:invalid {
    box-shadow:none;
}

#r-siteFooter{
	clear:both;
	line-height: 1;
}

#r-siteFooter a{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}


/********************************************************************************

	Footer Styles

********************************************************************************/

/* Typography */
#r-siteFooter{
	font-family: Arial,Helvetica,sans-serif;
}

#r-siteFooter h2, #r-siteFooter h3{
	font-family: Arial,Helvetica,sans-serif;
	margin: 0 0 1em 0;
	text-transform: uppercase;
	font-weight: normal;
	color:#000000;
}

#r-siteFooter h2{
	font-size: 16px;
}
#r-siteFooter h3{
	font-size: 16px;	
}

#r-siteFooter ul li{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	margin: 0 0 1em 0;
}

#r-ftCustomerServices h2, #r-ftCustomerServices .ft-cs-icon, #r-ftUsefulInfo h2{
	color:#000000;
	text-align:center;
}

#r-ftCsEasyReturns, 
#r-ftCsHomeApproval, 
#r-ftGuides,
#r-ftSpreadCost,
#r-ftCsEasyReturns a, 
#r-ftCsHomeApproval a, 
#r-ftGuides a,
#r-ftSpreadCost a {
	font-size: 14px !important;
	text-align: center;
	text-transform: uppercase;
}

#r-siteFooter #r-ftCsEasyReturns:hover a, 
#r-siteFooter #r-ftCsHomeApproval:hover a, 
#r-siteFooter #r-ftGuides:hover a{
	color: #8fa190;
	text-decoration: underline;
}

#r-ftSignUpForm form{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#r-ftSignUpForm label{
	display: block;
	margin: 0;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	font-size: 13px;
	color: #fff;
}

#r-ftSafeSecure p, #r-ftSafeSecure h2{
	text-align: center;
}

#r-ftSafeSecure p{
	font-size: 12px;
	line-height: 1.5;
	color: #808080;
	padding: 0;
	margin-top: 0;
}

#r-ftSocialMedia p, #ftSocialMedia h3, #ftSocialMedia a{
	text-align: left;
	margin: 0;
	color: #808080;
}
#r-ftSocialMedia h3{
	font-size: 13px;
	margin-bottom: 5px;
	text-transform: none;
	font-family: Arial,Helvetica,sans-serif;
}
#r-ftSocialMedia p,
footer a{
	font-size:13px;
	color: #808080;
}

#r-ftManageOrder h2{
	text-align: center;
}

/* Link colours */

#r-siteFooter a:link,
#r-siteFooter a:active,
#r-siteFooter a:visited,
#r-siteFooter a:link h2,
#r-siteFooter a:active h2,
#r-siteFooter a:visited h2,
#r-siteFooter a:link h3,
#r-siteFooter a:active h3,
#r-siteFooter a:visited h3,
#r-siteFooter a:link p,
#r-siteFooter a:active p,
#r-siteFooter a:visited p{
	font-family: Arial,Helvetica,sans-serif;
	color: #4D4D4D;
}
#r-siteFooter a:hover,
#r-siteFooter a:hover h2,
#r-siteFooter a:hover h3,
#r-siteFooter a:hover p{
	color: #8fa190;
	text-decoration:underline;
}

/* Layout */

.grad{
	
	/* IE7 */ 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#r-808080, endColorstr=#r-4D4D4D);

	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #r-808080 0%, #r-4D4D4D 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #r-808080 0%, #r-4D4D4D 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top, #r-808080 0%, #r-4D4D4D 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #r-808080), color-stop(1, #r-4D4D4D));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #r-808080 0%, #r-4D4D4D 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #r-808080 0%, #r-4D4D4D 100%);
}

.highlightBox{
	background-color: #f1f1f1;
}

#r-siteFooter{
	margin: 1em auto 0;
	/*width: 100%;*/
	clear:both;
	width:100%;
	max-width:1000px;
}
#r-ftCustomerServices{
	width: 100%;
	margin: 1em 0 0;
}
#r-ftCustomerServices .ft-cs-icon{
	display: block;
}

#r-ftSignUpForm form, #r-ftSocialMedia{
	display: inline-block;
}
#r-ftSocialMedia{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-top: 1px solid #f1f1f1;
	margin: 1em 0 0 0;
	padding: 1em 1em 0;
	width: 100%;
	text-align: center;
}
#r-ftSocialMedia div{
	display: inline-block;
	margin: 0 auto;
	padding: 0;
}
#r-ftSocialMedia h3, #r-ftSocialMedia p{
	display: inline-block;
	white-space: nowrap;
}
#r-ftSignUpForm form{
	display: inline-block;
}

#r-ftSignUpForm form{
	position: relative;
	padding: 10px;
}

#r-ftManageOrder h2{
	text-align: center;
}
#r-ftManageOrder ul{
	margin: 0;
	text-align: center;
}
#r-ftManageOrder li{
	display: inline-block;
}

#r-ftSignUpForm{
	margin: 0 0 20px;
}

#r-ftSignUpForm form{
	display: block;
	position: relative;
	border-radius: 6px;
	width: 500px;
	margin: 0 auto;
}

#r-ftSignUpForm div{
	display: table;
	width: 100%;
}

#r-ftSignUpForm label{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 1em 0;
	margin: 0;
	float: left;
	width: 32%;
}

#r-ftSignUpEmail{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height: 41px;
	width: 67%;
	padding: 1em;
	float: left;
	border: none;
	border-radius: 3px;
	color: #999999;
}

#r-ftSignUpForm button{
	display: table-cell;
	position: absolute;
	vertical-align: middle;
	bottom: 10px;
	right: 10px;
	width: 41px;
	height: 41px;
	border-radius: 0 3px 3px 0;
	border: 0;
	background: #r-ee529d;
	padding: 7px;
	cursor: pointer;
}

#r-ftSignUpForm button span{
	display: none;
	visibility: hidden;
}

#r-ftUsefulInfo{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	padding: 1em;
	margin: 1.2em 0;
}

#r-ftUsefulInfo ul.pull-left{
	margin: 0 0 0 8em;
}
#r-ftUsefulInfo ul:first-of-type.pull-left{
	margin: 0;
}

#r-ftManageOrder{
	margin: 0 0 1.5em 0;
	border-bottom: 1px solid #d6d6d6;
}

#r-ftManageOrder li a{
	text-transform: uppercase;
	margin-right: 2em;
}

#r-ftManageOrder li:last-child a{
	margin-right: 0;
}

#r-ftSafeSecure{
	margin-top: 1em;
	padding-top: 1.5em;
	border-top: 1px solid #D6D6D6;
}
#r-ftSafeSecure div{
	margin: 0 auto;
	width: 55%;
}

#r-ftSafeSecure h2{
	margin: 0 0 0.2em 0;
}
#r-ftSafeSecure a{
	width: 180px;
	height: 80px;
	text-align:center;
	margin: 0 auto;
	display:block;
	background: url('/repo/IHM/desktop/footer/02-images/ihm_footer_150511.png'); 
	background-position: 77px -638px;
	background-repeat: no-repeat;
	text-decoration:none;
	text-transform:uppercase;
	font-size:16px;}
	
#r-ftSafeSecure a:hover{
	background-position: -133px -638px;
	text-decoration:underline;}

#r-payment{
	width: 250px;
	margin: 0 auto;
}

#r-payment h2{
	font-family: Arial,Helvetica,sans-serif;
	text-transform: none;
	font-size: 10px;
	color: #999;
	margin: 0 0 7px;
	text-align:center;
}

#r-siteFooter #r-payment ul {
	margin: 0;
}

#r-siteFooter #r-payment ul li{
	display: inline-block;
	width: 45px;
	height: 29px;
	text-indent: -9999px;
}

#r-siteFooter #r-payment ul li:last-child{
	margin-right: 0;
}

#r-payment li a{
	display: block;
	width: 45px;
	height: 29px;
}

#r-payment span{
	display: none;
	visibility: hidden;
}

@media only screen and (min-width: 40.063em) {

	/* Typography */
	#r-ftUsefulInfo h2{
		text-align: left;
	}
	#r-ftUsefulInfo ul.pull-left{
		margin: 0 0 0 4.2em;
	}
	/* Layout */

	#r-ftSignUpForm form{
		position: relative;
		width: 600px;
	}

	#r-ftCsEasyReturns i, #r-ftCsHomeApproval i,  #r-ftGuides i{
		margin: 0 auto 21px;
	}
	#r-ftUsefulInfo ul:first-of-type.pull-left{
		margin: 0;
	}
	#r-ftSafeSecure{
		margin-top: 0;
		padding-top: 0;
		border-top: none;
	}
	#r-ftSafeSecure div{
		width: 100%;
		border-left: 1px solid #d6d6d6;
	}
	#r-ftManageOrder h2{
		text-align: center;
	}
	#r-ftSafeSecure p{
		text-align: center;
		padding: 0 2em;
		margin: 0.5em 0 0 0;
	}
	#r-ftSafeSecure h2{
		margin: 0 0 1em 0;
		text-align:center;
	}
	#r-ftSafeSecure i{
		display: block;
		margin: 20px auto;
	}
}
@media only screen and (min-width: 50.063em) {

	#r-ftManageOrder{
		margin: 0;
		border: 0;
	}

	/* Typography */
	#r-ftManageOrder h2{
		text-align: left;
	}
	#r-ftManageOrder ul{
		text-align: left;
	}
	#r-ftManageOrder li{
		display: block;
	}
	#r-ftManageOrder li a{
		text-transform: none;
	}
	#r-ftSignUpForm form{
		display: block;
		margin: 0 auto;
		max-width: 100%;
		padding: 15px 10px 10px;
		border-radius: 6px 6px 0 0;
	}

	#r-ftSignUpForm label{
		margin: 0 0 5px 0;
		padding: 0;
		width: 100%;
		float: none;
	}

	#r-ftSignUpEmail{
		height: 30px;
		padding: 0 3em 0 1em;
		width: 100%;
		float: none;
	}

	#r-ftSignUpForm button{
		width: 25px;
		height: 30px;
		padding: 0;
		bottom: 10px;
	}
	#r-ftSocialMedia{
		position: relative;
		width: 25%;
		top: -50px;
		padding: 0 1em;
		border: 0;
	}

	#r-ftSocialMedia div{
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		width: 100%;
		padding: 8px 0 8px 16px;
		background-color: #f1f1f1;
		border-radius: 0 0 6px 6px;
		text-align: left;
	}

	#r-ftSocialMedia h3{
		font-size: 12px;
		margin-bottom: 5px;
		padding: 0;
		text-transform: uppercase;
		font-family: Arial,Helvetica,sans-serif;
	}
	#r-siteFooter ul li{
		margin: 0 0 0.5em;
	}
}

/* IE10+ specific */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
	#r-ftSignUpForm button{
		min-height: 31px;
		max-height: 31px;
		bottom: 9px !important;
	} 
}

.displayTablet, .hideTablet{
	display: inline-block;
	visibility: visible;
	margin:0 0 1.1em;
}

.displayDesktop{
	display: none;
	visibility: hidden;
}

/* sprites */

#r-ftSignUpForm button i{
	display: block;
	width: 13px;
	height: 22px;
	margin: 0 0.3em 0 0.6em;
	background: url('/repo/IHM/desktop/footer/02-images/ihm_footer_150511.png');
	background-position: 0 -240px;
	background-repeat: no-repeat;
}

#r-ftCsEasyReturns a{
	display: block;
	margin: 0 auto;
	width: 190px;
	height: 26px;
	padding-top:92px;
	background: url('/repo/IHM/desktop/footer/02-images/ihm_footer_150511.png');
	background-position: 60px 0px;
	/*background-size: 213px auto;*/
	background-repeat: no-repeat;
	cursor: pointer;
}

#r-ftCsEasyReturns a:hover{
	background-position: -199px 0px;
	text-decoration: underline;
}

#r-ftCsHomeApproval a{
	display: block;
	margin: 0 auto;
	width: 190px;
	height: 26px;
	padding-top:92px;
	background: url('/repo/IHM/desktop/footer/02-images/ihm_footer_150511.png');
	background-position: 60px -160px;
	background-repeat: no-repeat;
	cursor: pointer;
}

#r-ftCsHomeApproval a:hover{
	background-position: -199px -160px;
	text-decoration: underline;
}


#r-ftSpreadCost a{
	display: block;
	margin: 0 auto;
	width: 190px;
	height: 26px;
	padding-top:92px;
	background: url('/repo/IHM/desktop/footer/02-images/ihm_footer_150511.png');
	background-position: 60px -320px;
	background-repeat: no-repeat;
	cursor: pointer;
}

#r-ftSpreadCost a:hover{
	background-position: -199px -320px;
	text-decoration: underline;
}

#r-ftGuides a {
	display: block;
	margin: 0 auto;
	width: 190px;
	height: 26px;
	padding-top:92px;
	background: url('/repo/IHM/desktop/footer/02-images/ihm_footer_150511.png');
	background-position: 60px -480px;
	background-repeat: no-repeat;
	cursor: pointer;
}

#r-ftGuides a:hover{
	background-position: -198px -480px;
	text-decoration: underline;
}

#r-ftTwitterIcon i, #r-ftFacebookIcon i, #r-ftGooglePlusIcon i{
	display: inline-block;
	width: 25px;
	height: 25px;
	margin:  0 7px -8px;
	padding: 1px 0;
	background: url('/repo/IHM/desktop/footer/02-images/ihm_footer_150511.png');
	background-repeat: no-repeat;
}
#r-ftTwitterIcon:hover, #r-ftFacebookIcon:hover, #r-ftGooglePlusIcon:hover{
	color: #8fa190;
}
#r-ftTwitterIcon i{
	background-position: -51px -338px;
}
#r-ftTwitterIcon:hover i{

	background-position: -81px -338px;
}
#r-ftFacebookIcon i{
	background-position: -141px -303px;
}
#r-ftFacebookIcon:hover i{
	background-position: -171px -303px;
}
#r-ftGooglePlusIcon i{
	background-position: -111px -338px;
}
#r-ftGooglePlusIcon:hover i{
	background-position: -141px -338px;
}

/*#r-ftSafeSecure i{
	width: 20px;
	height: 30px;
	background: url('/repo/IHM/desktop/footer/02-images/ihm_footer_150511.png');
	background-position: -1px -221px;
	background-repeat: no-repeat;
}
#r-ftSafeSecure a:hover i{
	background-position: -31px -221px;
}*/

#r-payment li{
	background: url('/repo/IHM/desktop/footer/02-images/ihm_footer_150511.png');
	background-repeat: no-repeat;
}
#r-payment li.icon-personal-account{
	background-position: left -780px;
}
#r-payment li.icon-mastercard{
	background-position: -49px -780px;
}
#r-payment li.icon-maestro{
	background-position: -97px -780px;
}
#r-payment li.icon-visa{
	background-position: -144px -780px;
}
#r-payment li.icon-visa-electron{
	background-position: -192px -780px;
}


@media only screen and (min-width: 50.063em){

	.displayTablet{
		display: none;
		visibility: hidden;
	}
	
	.displayDesktop{
		display: inline-block;
		visibility: visible;
	}

	#r-ftCsEasyReturns i, #r-ftCsHomeApproval i,  #r-ftGuides i{
		margin: 0 auto 21px;
	}

	#r-ftSignUpForm button{
		padding: 9px;
	}
	#r-ftSignUpForm button i{
		margin: 0;
		padding: 0;
		width: 6px;
		height: 12px;
		background-position: -19px -240px;
	}
	
	/* Layout */	
	.hideTablet{
		display: none;
		visibility: hidden;
	}
}

@media only screen and (min-width: 64.063em) {
	
	/* Layout */
	
	#r-siteFooter{
		margin: 0 auto;
	}
	
	#r-ftCustomerServices{
		padding-bottom: 0;
		margin-bottom: 0;
	}
	
	#r-ftCsEasyReturns i, #r-ftCsHomeApproval i,  #r-ftGuides i{
		margin: 0 auto 21px;
	}

}

/* sprites@2x */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx){
	#r-ftSignUpForm button i{
		background: url('/repo/IHM/desktop/footer/02-images/ihm_footer_150511@2x.png');
		background-size: 150px 300px;
		background-position: 0 -238px;
	}
	#r-ftCsEasyReturns a{
		display: block;
		margin: 0 auto;
		width: 190px;
		height: 26px;
		padding-top:92px;
		background: url('/repo/IHM/desktop/footer/02-images/ihm_footer_150511@2x.png');
		background-size: 350px auto;
		background-position: 54px -1px;
		background-repeat: no-repeat;
		cursor: pointer;
	}
	#r-ftCsEasyReturns a:hover{
		background-position: -204px -1px;
	}
	#r-ftCsHomeApproval a{
		display: block;
		margin: 0 auto;
		width: 190px;
		height: 26px;
		padding-top:92px;
		background: url('/repo/IHM/desktop/footer/02-images/ihm_footer_150511@2x.png');
		background-size: 350px auto;
		background-position: 54px -140px;
		background-repeat: no-repeat;
		cursor: pointer;
	}
	#r-ftCsHomeApproval a:hover{
		background-position: -204px -140px;
	}
	
	#r-ftSpreadCost a{
		display: block;
		margin: 0 auto;
		width: 190px;
		height: 26px;
		padding-top:92px;
		background: url('/repo/IHM/desktop/footer/02-images/ihm_footer_150511@2x.png');
		background-size: 350px auto;
		background-position: 54px -280px;
		background-repeat: no-repeat;
		cursor: pointer;
	}

	#r-ftSpreadCost a:hover{
		background-position: -204px -280px;
	}
	
	#r-ftGuides a {
		display: block;
		margin: 0 auto;
		width: 190px;
		height: 26px;
		padding-top:92px;
		background: url('/repo/IHM/desktop/footer/02-images/ihm_footer_150511@2x.png');
		background-size: 350px auto;
		background-repeat: no-repeat;
		cursor: pointer;
		background-position: 52px -418px;
	}

	#r-ftGuides a:hover {
		background-position: -204px -418px;
	}
	
	

	#r-ftTwitterIcon i, #r-ftFacebookIcon i, #r-ftGooglePlusIcon i{
		width: 26px;
		height: 24px;
		background: url('/repo/IHM/desktop/footer/02-images/ihm_footer_150511@2x.png');
		background-size: 209px auto;
	}



	#r-ftSafeSecure a{
		width: 180px;
		height: 80px;
		text-align:center;
		margin: 20px auto 0;
		display:block;
		background: url('/repo/IHM/desktop/footer/02-images/ihm_footer_150511@2x.png');
		background-position: 76px -624px;
		background-repeat: no-repeat;
		background-size: 350px auto;
		text-decoration:none;
		text-transform:uppercase; 
		font-size:17px;
	}
	#r-ftSafeSecure a:hover {
		background-position: -130px -624px;
		text-decoration:underline;
	}

	#r-payment li{
		height: 29px;
		background: url('/repo/IHM/desktop/footer/02-images/ihm_footer_150511@2x.png');
		background-size: 350px auto;
	}
	#r-payment li.icon-personal-account{
		background-position: 0 -568px;
	}
	#r-payment li.icon-mastercard{
		background-position: -50px -568px;
	}
	#r-payment li.icon-maestro{
		background-position: -100px  -568px; 
	}
	#r-payment li.icon-visa{
		background-position: -150px -568px;
	}
	#r-payment li.icon-visa-electron{
		background-position: -200px -568px;
	}
}

@media only screen and (min-width: 50.063em) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 50.063em) and (   min--moz-device-pixel-ratio: 2),
only screen and (min-width: 50.063em) and (     -o-min-device-pixel-ratio: 2/1),
only screen and (min-width: 50.063em) and (        min-device-pixel-ratio: 2),
only screen and (min-width: 50.063em) and (                min-resolution: 192dpi),
only screen and (min-width: 50.063em) and (                min-resolution: 2dppx){
	#r-ftSignUpForm button i{
		background: url('/repo/IHM/desktop/footer/02-images/ihm_footer_150511@2x.png');
		background-position: -19px -238px;
		background-size: 150px 300px;
	}
}

/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/* temporary email sign up link */
	#r-emailSignUp p{
		/* IE7 */ 
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f1f1f1, endColorstr=#D6D6D6);
	
		/* IE10 Consumer Preview */ 
		background-image: -ms-linear-gradient(top, #f1f1f1 0%, #D6D6D6 100%);
		
		/* Mozilla Firefox */ 
		background-image: -moz-linear-gradient(top, #f1f1f1 0%, #D6D6D6 100%);
		
		/* Opera */ 
		background-image: -o-linear-gradient(top, #f1f1f1 0%, #D6D6D6 100%);
		
		/* Webkit (Safari/Chrome 10) */ 
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1f1f1), color-stop(1, #D6D6D6));
		
		/* Webkit (Chrome 11+) */ 
		background-image: -webkit-linear-gradient(top, #f1f1f1 0%, #D6D6D6 100%);
		
		/* W3C Markup, IE10 Release Preview */ 
		background-image: linear-gradient(to bottom, #f1f1f1 0%, #D6D6D6 100%);
		
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		
		padding: 20px;
		margin: 0;
		text-transform: uppercase;
		text-align: center;
		font-weight: normal;
		font-size: 18px;
	}
	#r-emailSignUp a{
		text-decoration: none !important;
	}
	#r-emailSignUp p span{
		display: inline-block;
	}
	#r-emailSignUp p span:before{
		content: "  -  ";
	}
@media only screen and (min-width: 50.063em){

	#r-emailSignUp { 
		/* IE7 */ 
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#808080, endColorstr=#4D4D4D);
	
		/* IE10 Consumer Preview */ 
		background-image: -ms-linear-gradient(top, #808080 0%, #4D4D4D 100%);
		
		/* Mozilla Firefox */ 
		background-image: -moz-linear-gradient(top, #808080 0%, #4D4D4D 100%);
		
		/* Opera */ 
		background-image: -o-linear-gradient(top, #808080 0%, #4D4D4D 100%);
		
		/* Webkit (Safari/Chrome 10) */ 
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #808080), color-stop(1, #4D4D4D));
		
		/* Webkit (Chrome 11+) */ 
		background-image: -webkit-linear-gradient(top, #808080 0%, #4D4D4D 100%);
		
		/* W3C Markup, IE10 Release Preview */ 
		background-image: linear-gradient(to bottom, #808080 0%, #4D4D4D 100%);
	
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		padding: 5px 5px 50px 5px;
		margin-top: 0;
	}
	#r-emailSignUp p{
		padding: 10px;
	}
	#r-emailSignUp p span{
		font-size: 11px;
		display: block;
	}
	#r-emailSignUp p span:before{
		content: "";
	}

	#r-ftSocialMedia{
		clear: both;
		float: left;
		width: 25%;
		top: -63px;
		left: 1em;
		padding: 0;
		margin: 0;
		background-color: transparent;
	}

	#r-ftSocialMedia div{
		background-color: transparent;
	}
	#r-ftSocialMedia h3{
		color: #fff;
	}
	
	#r-siteFooter #r-ftSocialMedia a:link p,
	#r-siteFooter #r-ftSocialMedia a:visited p,
	#r-siteFooter #r-ftSocialMedia a:active p,
	#r-siteFooter #r-ftSocialMedia a:link h3,
	#r-siteFooter #r-ftSocialMedia a:visited h3,
	#r-siteFooter #r-ftSocialMedia a:active h3{
		color: #fff;
	}
}

/* Hide quick order from ios and android tablet ----------- */

 /* Android Tablet (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 800px)
and (max-device-width : 1280px) {
.hideQuickOrder {
	display: none;
	visibility:visible;
}
}

 /* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
.hideQuickOrder {
	display: none;
	visibility:visible;
}
}

/*------------------------------
Feedback Form - added 10/07/2015
------------------------------*/
/* Styles the lightbox, removes it from sight and adds the fade-in transition */

#FeedbackModal {
	z-index: 9999;
}

.FeedbackLightbox-target {
	position: fixed;
	top: -100%;
	width: 100%;
	background: rgba(0,0,0,.7);
	width: 100%;
	opacity: 0;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
	/*overflow: hidden; */
}

/* Styles the close link, adds the slide down transition */
a.lightbox-close {
	background: url(/repo/IHM/desktop/footer/02-images/FeedbackClose.gif) no-repeat;
	display: block;
	width:50px;
	height:50px;
	box-sizing: border-box;
	color: black;
	text-decoration: none;
	position: absolute;
	top: -80px;
	right: 0;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */
.FeedbackLightbox-target:target {
	opacity: 1;
	top: 0;
	bottom: 0;
	left:0;
	text-align:center;
	margin:0;
	padding:0;
}

.FeedbackLightbox-target:target img {
	max-height: 100%;
	max-width: 100%;
}

.FeedbackLightbox-target:target a.lightbox-close {
	top: 0px;
}
    
.FeedbackEmbed {
	width: 630px;
	height: 692px;
	min-height: 634px;
	background-color: #fff;
}
/*--------------------------
End of Feedback Form styling
--------------------------*/

@media only screen and (max-device-width: 1024px) {
	#feedbackButton { display: none; }
}