/*gold card promotion css*/
div#gc-banner-small {
	margin: 0 0 3px 0;
	position: relative;
	overflow: hidden;
	width: 740px;
	height: 120px;
	background: #930231 url(/library/default/images/goldcard/banner-small/bg.jpg) no-repeat;
}

div#gc-banner-small h2 {
	margin: 11px 0 0 15px;
	width: 340px;
	text-indent: 0;
	font-weight: bold;
	color: #faab17;
}

div#gc-banner-small p.strapline {
	margin-left: 15px;
	font-size: 1.181em;
	color: #fff;
}

div#gc-banner-small img.card-image {
	position: absolute;
	z-index: 2;
	left: 350px;
	top: 0px;
}

div#gc-banner-small p.rate {
	position: absolute;
	left: 480px;
	bottom: 2px;
	margin-left: 23px;
	line-height: 85%;
	font-size: 2.72em;
	font-weight: bold;
	color: #fff;
}

div#gc-banner-small p.rate span.disclaimer {
	display: block;
	line-height: 120%;
	font-size: .366em;
	font-weight: bold;
	color: #fff;
}

/*benefits*/
div#gc-banner-small ul.benefits {
	position: absolute;
	left: 10px;
	bottom: 2px;
	list-style: disc outside;
	margin-left: 5px;
	padding-left: 20px;
	width: 220px;
	color: #940231;
}

div#gc-banner-small ul.benefits li {
	font-size: 1.09em;
	line-height: 110%;
}

/*large banner*/
div#gc-banner-large {
	position: relative;
	margin-bottom: 5px;
}

div#gc-banner-large div.content {
	position: relative;
	width: 700px;
	height: 212px;
	padding: 10px 20px 5px;
	color: #fff;
	background: url(/library/default/images/goldcard/banner-large/content-bg.jpg) no-repeat;
}

div#gc-banner-large.fallback div.content {
	height: 400px;
}

div#gc-banner-large h2 {
	width: 400px;
	text-indent: 0;
	font: 2.727em Arial, Helvetica, sans-serif;
	color: #ffed9d;
}

div#gc-banner-large p.strapline {
	margin-left: 2px;
	font-size: 1.1818em;
}

/*nectar call to action*/
div#gc-banner-large img.icon-nectar {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 71px;
	height: 72px;
}

/*call to action*/
div#gc-banner-large p.cta {
	position: absolute;
	left: 320px;
	top: 40px;
	width: 340px;
	height: 209px;
}

div#gc-banner-large p.cta span.card {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 239px;
	height: 209px;
	background: url(/library/default/images/goldcard/banner-large/card.png) no-repeat;
}

div#gc-banner-large p.cta a {
	position: absolute;
	left: 190px;
	top: 70px;
	height: 23px;
	padding: 15px 10px 10px 20px;
	color: #970631;
	background: url(/library/default/images/goldcard/banner-large/cta-link-bg.gif) no-repeat right top;
}

div#gc-banner-large p.cta a:hover,
div#gc-banner-large p.cta a:focus,
div#gc-banner-large p.cta a:active {
	background-position: right bottom;
}

div#gc-banner-large p.cta a span {
	display: block;
	padding-left: 10px;
	font-size: 1.454em;
	font-weight: bold;
	background: url(/library/default/images/goldcard/banner-large/cta-link-arrow.gif) no-repeat left center;
}

/*roundel spinner*/
ul#gc-roundel-spinner {
	position: absolute;
	top: 59px;
	left: 80px;
	width: 144px;
	height: 141px;
}

div#gc-banner-large.fallback ul#gc-roundel-spinner {
	top: 74px;
	left: 20px;
	width: 290px;
}

div#gc-banner-large.fallback ul#gc-roundel-spinner li {
	position: static;
	float: left;
}

div#gc-banner-large.fallback ul#gc-roundel-spinner li {
	position: static;
	float: left;
	height: 125px;
}

ul#gc-roundel-spinner li {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100px;
	height: 86px;
	padding: 30px 24px 20px 20px;
	text-align: center;
	background: url(/library/default/images/goldcard/banner-large/roundel-bg.gif) no-repeat;
}

ul#gc-roundel-spinner li.anim {
	z-index: 2;
	background: url(/library/default/images/goldcard/banner-large/ranim.gif) no-repeat center -8px;
}

ul#gc-roundel-spinner li {
	font-size: 1.363em;
	line-height: 100%;
}

ul#gc-roundel-spinner li.withdrawals {
	padding-top: 40px;
	height: 76px;
}

ul#gc-roundel-spinner li.points {
	padding-top: 35px;
	height: 81px;
}

ul#gc-roundel-spinner li.currency {
	padding-top: 48px;
	height: 68px;
}

ul#gc-roundel-spinner li strong {
	display: block;
	font-weight: normal;
	font-size: .8em;
}

ul#gc-roundel-spinner li span.footnote,
ul#gc-roundel-spinner li p {
	font-size: .733em;
}

ul#gc-roundel-spinner span.footnote {
	display: block;
	padding-top: 5px;
	background: url(/library/default/images/goldcard/divider.gif) no-repeat center 2px;
}

div#gc-banner-large.fallback ul#gc-roundel-spinner p.terms {
	position: static;
	width: auto;
	padding-top: 2px;
}

ul#gc-roundel-spinner p.terms {
	position: absolute;
	left: -30px;
	bottom: -22px;
	width: 240px;
	line-height: 1.05em;
	text-indent: -1px;
	text-align: left;
}

ul#gc-roundel-spinner li sup { font-size: 0.625em;  }
ul#gc-roundel-spinner li strong sup { position: absolute; }

div#gc-banner-large a.nav-btn {
	position: absolute;
	overflow: hidden;
	top: 115px;
	width: 15px;
	height: 15px;
}

div#gc-banner-large a.nav-btn span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(/library/default/images/goldcard/banner-large/nav-btns.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}

div#gc-banner-large a.nav-prev {
	left: 60px;
}

div#gc-banner-large a.nav-prev:hover span,
div#gc-banner-large a.nav-prev:focus span,
div#gc-banner-large a.nav-prev:active span {
	background-position: left bottom;
}

div#gc-banner-large a.nav-next {
	left: 230px;
}

div#gc-banner-large a.nav-next span {
	background-position: right top;
}

div#gc-banner-large a.nav-next:hover span,
div#gc-banner-large a.nav-next:focus span,
div#gc-banner-large a.nav-next:active span {
	background-position: right bottom;
}

/*apr*/
div#gc-banner-large p.apr {
	position: absolute;
	right: 20px;
	bottom: 8px;
	line-height: 70%;
	text-align: right;
	font-size: 2.727em;
	font-weight: bold;
}

div#gc-banner-large p.apr span.disclaimer {
	display: block;
	margin-top: 3px;
	font-size: .3666em;
	line-height: 110%;
}

/*footer*/
div#gc-banner-large div.gc-banner-footer {
	overflow: hidden;
	width: 700px;
	height: 44px;
	padding: 10px 20px 0;
	background: url(/library/default/images/goldcard/banner-large/footer-bg.jpg) no-repeat;
}

div#gc-banner-large div.gc-banner-footer img {
	float: left;
}

div#gc-banner-large div.gc-banner-footer p {
	float: right;
	width: 370px;
	text-align: right;
	line-height: 95%;
	font-size: 1.181em;
	font-weight: bold;
	color: #930031;
}

/* customer support pod */

div#gc-support-pod {
	width: 169px;
	height: 252px;
	padding: 17px 255px 0px 15px;
	background: #FFCC00 url(/library/default/images/goldcard/customer-support-pod-bg.jpg) no-repeat left top;
}

div#gc-support-pod h2 {
	display: block;
	color: #8f022f;
	font-weight: bold;
	font-size: 1.636em;
	line-height: 105%;
	position: relative;
	overflow: hidden;
	height: 41px;
	width: 102px;
	margin-bottom: 5px;
	margin-left: 10px;
	text-indent: 0;
}

div#gc-support-pod h2 span {
	width: 100%; height: 100%;
	position: absolute; top: 0; left: 0;
	background: url(/library/default/images/goldcard/ir-credit-card-support.gif) no-repeat top left;
}

div#gc-support-pod p {
	color: #541a00;
	margin-left: 10px;
	margin-bottom: 10px;
	line-height: 1.1em;
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 1.363em;
}

div#gc-support-pod p.cta {
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 10px;
	font-size: 1.1818em;
	font-weight: bold;
	background: url(/library/default/images/goldcard/bullet.gif) no-repeat 1px 55%;
}

div#gc-support-pod p.cta a { color: #541a00; }

/* -------------------------------------------------------------------
	BEGIN Whitespace Asset Styles                                     */

div.fullwidth div.offer-content {
	overflow: hidden;
	width: 100%;
	height: 208px;
	background-repeat: no-repeat;
}

div.fullwidth div.offer-content-inverted {
	color: #fff;
}

div.offer-content div.text {
	float: left;
	width: 400px;
	padding: 10px 0 0 10px;
}

div.offer-content h1 {
	text-indent: 0;
	display: block;
	color: #f45815;
	font: 4.09em/90% "SainsburysSlabBlack";
}

div.offer-content div.text p {
	line-height: 130%;
	font-size: .818em;
}

div.offer-content div.text p strong {
	font-size: larger;
}

div.offer-content div.actions {
	float: right;
	width: 200px;
	padding: 40px 0 20px 0;
	color: #fff;
}

div.offer-content div.actions a {
	color: #fff;
}

div.offer-content div.inverted {
	color: #000;
}

div.offer-content div.actions a.cta {
	display: block;
	margin-bottom: 10px;
	width: 157px;
	height: 26px;
	padding-left: 20px;
	line-height: 26px;
	color: #99152e;
	background: url(/library/default/images/common/buttons/offer-action-bg.png) no-repeat;
}

div.offer-content div.actions a.cta-main {
	height: 45px;
	line-height: 45px;
	font-size: 1.818em;
	color: #fff;
	background: url(/library/default/images/common/buttons/offer-action-main-bg.png) no-repeat;
}

div.offer-content div.actions a.cta strong {
	display: block;
	padding: 0 8px;
	background: url(/library/default/images/common/buttons/offer-action-arrow.png) no-repeat left center;
}

div.offer-content div.actions a.cta-main strong {
	padding: 0 12px;
	background-image: url(/library/default/images/common/buttons/offer-action-main-arrow.png);
}

div.offer-content div.actions p {
	line-height: 140%;
}

div.offer-content div.actions span.highlight {
	line-height: 140%;
	font-size: 1.818em;
}

/*
	END Whitespace Asset Styles
 ------------------------------------------------------------------- */ 

/* change offer dimensions for Picasso asset */
div.offer.first{
    height:208px;
    width:740px;
}