#iTunesGiftCodesCampaign *{
	font-family: "FNBSansThin";
	font-weight: normal;
}
.iTunesGiftCodesSectionWrapper{
	position: relative;
	height:100%;
}
#iTunesGiftCodesCampaign strong{
	font-weight: normal;
	font-family: "FNBSansRegular";
	color: inherit;
}
#iTunesGiftCodesCampaign .headerSection{
	padding: 5%;
	padding-bottom: 0;
	color: #399;
}
#iTunesGiftCodesCampaign .midSection{
	color: #399;
}
#iTunesGiftCodesCampaign .headerSection h1{
	font-family: "FNBSansRegular";
	font-size: 48px;
	margin: 1% 0;
}
#iTunesGiftCodesCampaign .headerSection h2{
	margin: .5% 0;
	font-size: 30px;
}
html body #content #ui-contentWrap span.btnLearnMore {
	background: url("/03images/chameleon/news/orange_next.jpg") no-repeat scroll 6% center #FF9900;
	color:#fff;
	padding: 7px ;
	display: inline-block;
	padding-left: 20px;
	margin:1%;
}
html body #content #ui-contentWrap span.btnLearnMore:hover{
	color: #000;
}
html body #content #ui-contentWrap span.btnLearnMore span{
	cursor: pointer;
}
.headerSection,
.midSection{
	text-align: center;
}
.midSection  .innerContentWrapper{
	padding: 3% 0;
	position: relative;
	padding-bottom: 0;
}
.extraInfoDiv{
	position: relative;
	z-index: 2;
	width: 50%;
	margin: 0 auto;
	top: -30px;
}
.extraInfoDiv ul{
	height: 0;
	display: block;
	overflow: hidden;
}
.extraInfoDiv p{
	padding-bottom: 10px;
}
.bgWhite{
	background: url(/03images/promotions/iTunes-Gift-Codes/bg-white.gif) 0 400px repeat-x;
}
html body #content #ui-contentWrap a.btnLink{
	text-decoration: underline;	
	font-size: 14px;
	color: #399;
}

html body #content #ui-contentWrap a.btnLink2{
	text-decoration: underline;	
	font-size: 14px;
	color: #399;
}

.cardsMain{
	background: url("/03images/promotions/iTunes-Gift-Codes/cards-main.png") no-repeat center center;
	background-size: contain;
	height: 250px;
	width: 90%;
	position: relative;
	z-index: 3;
	margin: 0 auto;
	

}

.bottomSection{
	background: #699;
	color: #fff;
	padding: 2%;
	position: relative;
	z-index: 10;
	width: 95.5%;
}

.bottomSection .leftSection{
	text-align: right;
	border-right: 1px dashed #fff;
}
.bottomSection .rightSection{
	
}
.bottomSection  .innerContentWrapper{
	padding: 25px 5%;
	
}
.bottomSection .rightSection .innerContentWrapper{
	padding-right: 0;
	
}
.bottomSection h2{
	font-size: 36px;
}
.bottomSection .listItemBtn {
    background: url("/03images/promotions/iTunes-Gift-Codes/white_arrow.png") no-repeat scroll 0 0 ;
    background-size: contain;
    color: #fff;
    margin: 10px 0;
    margin-bottom: 10px;
    margin-right: 5px;
    margin-left:2px;
    padding-left: 17px;	
    float: right;
}

html body #content #ui-contentWrap .bottomSection .listItemBtn span{
	color: #fff;
	cursor: pointer
}
.bottomSection .rightSection ul{
	width: 100%;
	display: block;
	height: 30px;
}
.bottomSection .rightSection .downloadDiv ul{
	height: auto;
}
.bottomSection .rightSection .downloadDiv ul li{
	float: left;
	margin: 2%;
	padding: 2.2%;
	padding-left: 60px;
	width: 33%;
}
.ui-Intercept-close, .ui-popupCloseBtn{
	top:12px;
}
.downloadDiv .ui-Intercept-close, .downloadDiv .ui-popupCloseBtn{
	right: 15px;
}
.bottomSection .rightSection .ui-popupCloseBtn{
	top: 32px;
	display: none;
}
.android-icon{ background: url(/03images/promotions/iTunes-Gift-Codes/android-icon.png) no-repeat;}
.apple-icon{ background: url(/03images/promotions/iTunes-Gift-Codes/apple-icon.png) no-repeat;}
.windows-icon{ background: url(/03images/promotions/iTunes-Gift-Codes/windows-icon.png) no-repeat;}
.nokia-icon{ background: url(/03images/promotions/iTunes-Gift-Codes/nokia-icon.png) no-repeat;}
.bb-icon{ background: url(/03images/promotions/iTunes-Gift-Codes/blackberry-icon.png) no-repeat;}
.fnb-icon{ background: url(/03images/promotions/iTunes-Gift-Codes/fnbapp-icon.png) no-repeat;}
.btnLink{
	background-size: contain;
	cursor: pointer;
}

.btnLink2{
	background-size: contain;
	cursor: pointer;
}

.bottomSection .rightSection .listItemBtn{
	float: left;
	margin-top: 2px;
}

.downloadDiv{
	display: none;
	width: 100%;
}

.DemoHeader {
    float: left;
    padding: 15px;
    position: relative;
    width: 90%;
    background: #73C7C7
}
.DemoHeader .cpy {
    color: #002E2E;
    font-family: FNBSansLight;
    font-size: 18px;
}
/* 
-------------------------- Default styling: START */

#iTunesGiftCodesCampaign  ul.normalUL-OL,
#iTunesGiftCodesCampaign  ol.normalUL-OL{
	margin: 1.12em 0;
	unicode-bidi: embed;
	list-style-type:circle;
	padding: 0 3%;
	margin-top:1%;
	padding-left: 5%;
	text-align: left;
}

#iTunesGiftCodesCampaign  ul.normalUL-OL li{
	display: list-item;
	list-style: outside;
	margin-bottom: 1%;  
}

#iTunesGiftCodesCampaign  ol.normalUL-OL li{
	list-style-type: decimal;
}


.demoOverlayDiv,
.demoOverlayDivTablet {
	position: absolute !important;
	top: 0;
	z-index: 10;
	left:100%;
	
}
.demoOverlayDiv .mainWrapper,
.demoOverlayDivTablet .mainWrapper{
	background: #e7e7e7;
}

/* Default styling: END
------------------------------  */


/* 
---------------------- Responsive style: START */

.span_1_of_2{
	width: 49.2%;
}
.span_1_of_1{
	width: 100%;
}
.span_1_of_3 {
    width: 32.2%;
}

.span_2_of_3 {
    width: 66.1%;
}
.span_3_of_3 {
    width: 100%;
}
.col{
    display: block;
    float: left;	
}

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


/* 
---------------------- Responsive style: END */


/* 
---------------------- LargeScreen: START */

.largeScreen #iTunesGiftCodesCampaign .headerSection h1{
	font-size: 36px;
}
.largeScreen #iTunesGiftCodesCampaign .headerSection h2{
	font-size: 24px;
}
.largeScreen #iTunesGiftCodesCampaign .bottomSection h2{
	font-size: 30px;
}

.largeScreen #content #iTunesGiftCodesCampaign p{
	font-size: 14px;
}


/* 
---------------------- MediumScreen: START */

.largeScreen #iTunesGiftCodesCampaign .headerSection h1{
	font-size: 30px;
}
.largeScreen #iTunesGiftCodesCampaign .headerSection h2{
	font-size: 18px;
}
.largeScreen #iTunesGiftCodesCampaign .bottomSection h2{
	font-size: 24px;
}
.largeScreen #content #iTunesGiftCodesCampaign p{
	font-size: 12px;
}




/* 
---------------------- tinyScreen: START */

.tinyScreen #iTunesGiftCodesCampaign .bottomSection h2{
	font-size: 18px;
}

.tinyScreen .DemoHeader .cpy{
	font-size: 14px;
}
.tinyScreen .span_1_of_2{
	width:98%;
}
.tinyScreen .bottomSection .leftSection{
	text-align: left;
	border-right: none;
	border-bottom: 1px dashed #fff;
}

.tinyScreen .bottomSection .listItemBtn{
	float: left;
	
}
.tinyScreen .extraInfoDiv{
	width: 90%
}

.tinyScreen .ui-popupCloseBtn{
	right: 14px;
}
.shortScreen  #iTunesGiftCodesCampaign .headerSection{
	padding: 1%;
	padding-bottom: 0;
}
.shortScreen .midSection .innerContentWrapper{
	padding-top:1%;
}

.footerWrapper {
    max-width: 1450px;
}

#productApplyNow, #leadFormButtons, .ui-footerButtonGroup {
    max-width: 1450px;
}