div.crosssell-wrapper{
	border-bottom:solid 6px white;
	width:100%;
	min-height:1077px;
	height:100%;
	position:relative;
	display:none;

}
div.crosssell-wrapper .td {
	position: relative;
	padding-bottom: 60px;
}
/* Left wrapper */
div.crosssell-left-wrapper{
	position:relative;
	width:67%;
	border-right:solid 6px white;
	min-height:1050px;
	height:100%;
	z-index:1;
	background:#fff;
	padding-top: 2%;
}

div.crosssell-left-content{
	width: 90%;
	margin:0px auto; 
    position:relative;
}
div.left-span-1{
	font-family:'FNBSansThin';
	font-size:26px;
	color:#009999;
	line-height:32px;
	
/* 	white-space: nowrap; */
}
span.left-span-1-2{
	font-family:'FNBSansRegular';
	font-size:36px;
	color:#009999;
	line-height:40px;
}
div.left-span-2{
	font-family:'FNBSansLight';
	font-size:18px;
	color:#5c5c5c;
	margin-top:20px;
}
div.left-span-3{
	font-family:'FNBSansRegular';
	font-size:18px;
	color:#5c5c5c;
	margin-top:5px;
}



/* BODY COPY */

.crosssell-wrapper .crosssell-left-wrapper .cpy2Wrapper {
	width:			100%;
	position: 		relative;
	padding-top:	2%;
	font-size:20px;
}
.crosssell-wrapper .crosssell-left-wrapper .cpy2Wrapper p{
	font-size:16px;
}
#crossSellCampaign .itemRow .font24 p{
font-family: 'FNBSansBold';
font-size: 20px;
}

.crosssell-wrapper .crosssell-left-wrapper .cpy2Wrapper .bdyCpyWrapper .cpy2Wrapper {
	width:			110%;
	position: 		relative;
	margin-left:	-75px;
}
.crosssell-wrapper .crosssell-left-wrapper .cpy2Wrapper .bdyCpyWrapper .cpy2Wrapper .cpy {
	width:			100%;
	position: 		relative;
	font-family: 	FNBSansLight;
	font-size: 		14px;
	color:			#666666;
}

.AmountNoWrap{
	white-space:nowrap;
}





#crossSellCampaign div {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
}

#crossSellCampaign .termsConditions {
	color: #009999;
	font-size: 16px;
	padding: 10px 0 0 0;
}
.ui-moreButton {
	color: white;
	font-size: 18px;
	padding: 7px 5px;
	position: relative;
	float: left;
	width: 144px;
	text-align: center;
	background: url("/03images/chameleon/news/orange_next.jpg") no-repeat 6% center #FF9900;
	font-family: 	FNBSansLight;
}
.applyNow
{
	position: absolute;
	width: 100%;
	bottom: 10px;
	overflow: hidden;
	min-height: 45px;

}

.dropArrow{
	float:right;
}


#crossSellCampaign .itemRow{
	font-family: 'FNBSansBold';
	font-size: 20px;
	color: #009999;
	padding: 0 8px 0 0;
}

.clearfix {
	margin-bottom:20px;
}

#crossSellCampaign .itemRow div{
	cursor: pointer;
}

#crossSellCampaign #crosssell1{
	background: url("/03images/promotions/IPHCrossSell/bucket01.gif") no-repeat left;
	height: 90px;
	padding: 0 0 0 60px;
	border-bottom:solid 1px #000;
	width:95%;
}
#crossSellCampaign span.copyText{
	font-family: 'FNBSansRegular';
	font-size:16px;
}

#crossSellCampaign #crosssell2{
	background: url("/03images/promotions/IPHCrossSell/bucket02.gif") no-repeat left;
	min-height: 106px;
	padding: 0 0 0 60px;
	border-bottom:solid 1px #000;
	width:95%;
}

#crossSellCampaign #crosssell3{
	background: url("/03images/promotions/IPHCrossSell/bucket03.gif") no-repeat left;
	height: 90px;
	padding: 0 0 0 60px;
	border-bottom:solid 1px #000;
	width:95%;
}


#crossSellCampaign #crosssell4{
	background: url("/03images/promotions/IPHCrossSell/bucket04.gif") no-repeat left;
	height: 110px;
	padding: 0 0 0 60px;
	border-bottom:solid 1px #000;
	width:95%;
}


#crossSellCampaign #crosssell1Info {
	padding: 10px 10px 10px 10px;
}
#crossSellCampaign #basicsInfo {
	padding: 10px 10px 10px 60px;
}



#crossSellCampaign .leftButton{
	width: 100%;
}


#crossSellCampaign .colorGrey {
	color: #666666;
	font-size: 20px;
	font-family: "FNBSansLight";
}
#crossSellCampaign .colorTeal2 {
	color: #00999;
	font-size: 20px;
	font-family: "FNBSansLight";
}
#crossSellCampaign .colorGrey span{
	font-family: "FNBSansRegular";
}

#crossSellCampaign .font16 {
	font-size:16px;
}
#crossSellCampaign .paddingTop10 {
	padding: 10px 0 0 0;
}
#crossSellCampaign .paddingBottom10 {
	padding: 0 0 10px 0;
}

#crossSellCampaign .paddingBottom20 {
	padding: 0 0 20px 0;
}
#crossSellCampaign .paddingTopBottom20 {
	padding: 20px 0 20px 0;
}

#crossSellCampaign .rowOne{
	margin: 0 0 5px 0;
}

#crossSellCampaign .displayNone {
	display: none;
}


#crossSellCampaign a {
	text-decoration: underline;
}




/* end of left */


/* end of right */
.right-wrapper{
	position:absolute;
	right:8px;
	top:0px;
	width:32%;
	min-height:1077px;
	height:100%;
	background-color:#9ad6d6;
	overflow:hidden;
}
/**/

div.crosssell-right-wrapper{
	width: 100%;
	min-height:800px;
	position:relative;
	left:0%;
	margin-left:9.5%;
	top:14%;
	height:100%;
	z-index:1;
	display:none;
}
div.crosssell-buttons{
	width: 100%;
	height:100%;
	z-index:1;
}

div.ul-container{
    width: 92%;
    position:relative;
    top:3%;
    left:3%;
}
.ul-container .content-wrapes{
	color: #666666;
    font-family: "FNBSansThin";
    line-height: 102%;
    margin-bottom:30px;
    margin-left: 2%;
}
.ul-container .content-wrapes.firth{
	margin-left: 3%;
}

span.bolder{
	font-family:"FNBSansRegular";
}
#crosssell1Info #content p {
font-size: 30px;
}

/*mediumScreen*/
	/* 	@media only screen and (max-width: 1200px) */
/**/
@media only screen and (max-width: 1200px)
{
	html body #content p {font-size: 16px;
	}
	#crossSellCampaign #crosssell1{
	background: url("/03images/promotions/IPHCrossSell/bucket01.gif") no-repeat left;
	height: 110px;
	padding: 0 0 0 60px;
	border-bottom:solid 1px #000;
	width:85%;
}
#crossSellCampaign #crosssell2{
	background: url("/03images/promotions/IPHCrossSell/bucket02.gif") no-repeat left;
	height: 110px;
	padding: 0 0 0 60px;
	border-bottom:solid 1px #000;
	width:85%;
}

#crossSellCampaign #crosssell3{
	background: url("/03images/promotions/IPHCrossSell/bucket03.gif") no-repeat left;
	height: 100px;
	padding: 0 0 0 60px;
	border-bottom:solid 1px #000;
	width:85%;
}


#crossSellCampaign #crosssell4{
	background: url("/03images/promotions/IPHCrossSell/bucket04.gif") no-repeat left;
	height: 130px;
	padding: 0 0 0 60px;
	border-bottom:solid 1px #000;
	width:85%;
}
	
}

/*mediumScreen*/
	/* 	@media only screen and (max-width: 1024px) */
/**/
@media only screen and (max-width: 1024px)
{
	div.left-span-1 {
	    color: #009999;
	    font-family: 'FNBSansLight';
	    font-size: 20px;
	}
	#crossSellCampaign #crosssell1, #crossSellCampaign #crosssell2, #crossSellCampaign #crosssell3, #crossSellCampaign #crosssell4 {

	border-bottom: none;
	}
	.crosssell-wrapper .crosssell-left-wrapper .cpy2Wrapper p{
	font-size:25px;
	}
	
	span.left-span-1-2 {
	    color: #009999;
	    font-family: 'FNBSansRegular';
	    font-size: 24px;
	    margin-top: 20px;
	}
	div.left-span-2 {
	    color: #5C5C5C;
	    font-size: 15px;
	    margin-top: 20px;
	}
	div.left-span-3 {
	    color: #5C5C5C;
	    font-family: 'FNBSansRegular';
	    font-size: 15px;
	    margin-top: 5px;
	}	
	.list-content {
	    position: absolute;
	    padding-left: 10%;
	    top: 27%;
	    width: auto;
	    line-height:20px;
	    font-family:"FNBSansLight";
	    cursor:pointer;
	    font-size: 100%;
	}
	div.crosssell-buttons-1 {
	    height: 100%;
	    width: 8.5%;
	}
	.skimmming-card-content {
	    clear: both;
	    height: 100%;
	    position: absolute;
	    right: 0;
	    top: -6%;
	    width: 53%;
	}
}
@media only screen and (max-width: 800px)
{
	div.left-span-1 {
	    color: #009999;
	    font-family: 'FNBSansLight';
	    font-size: 20px;
	}

	span.left-span-1-2 {
	    color: #009999;
	    font-family: 'FNBSansRegular';
	    font-size: 24px;
	    line-height:26px;
	}
	.cpy {
	margin-left: 30px;
	}
}
@media only screen and (max-width: 700px)
{
	.mediumScreen div.crosssell-left-wrapper {
	    background: none repeat scroll 0 0 #ffffff;
	    height: auto;
	    min-height: 50%;
	    padding-bottom: 20px;
	    padding-top: 4%;
	    position: relative;
	    width: 100%;
	    z-index: 1;	   
	}
	.right-wrapper {
	display:none;
	}
	.mediumScreen {
	margin-left:30px;
	}
	
	.mediumScreen div.crosssell-right-wrapper{
		width: 100%;
		min-height:800px;
		position:relative;
		left:0%;
		margin-left:9.5%;
		top:0%;
		height:100%;
		z-index:1;
	}
	.mediumScreen div.image-wrapper {
	    height: auto;
	    margin: 0 auto;
	    padding-top: 0;
	    position: relative;
	    width: 62%;
	}
	.mediumScreen div.crosssell-left-content {
	    margin: 0 auto;
	    padding-top: 5%;
	    position: relative;
	    
	}
	.mediumScreen div.crosssell-left-content {
	margin: 0 auto;
	padding-top: 5%;
	position: relative;
	width: 80%;
	}
	.mediumscreen div.left-span-1 {
	    color: #009999;
	    font-family: 'FNBSansLight';
	    font-size: 20px;
	}
	
	.mediumscreen span.left-span-1-2 {
	    color: #009999;
	    font-family: 'FNBSansRegular';
	    font-size: 24px;
	}
	.mediumScreen div.crosssell-buttons-1 {
	   display:none;
	}
	.mediumScreen #crossSellCampaign #crosssell1, .mediumScreen #crossSellCampaign #crosssell2, .mediumScreen #crossSellCampaign #crosssell3, .mediumScreen #crossSellCampaign #crosssell4 {
	background: url("/03images/promotions/IPHCrossSell/bucket01.gif") no-repeat;
	height: 78px;
	padding: 8px 0 0 70px;
	}
	.mediumScreen .right-home {
	  	font-size: 36px;
	    height: 100%;
	    left: 23%;
	    min-height: 800px;
	    position: relative;
	    margin-top: 9%;
	    width: 100%;
	    z-index: 1;
	}	
	.mediumScreen div.content-right {
	    color: #FFFEFE;
	    font-family: "FNBSansLight";
	    font-size: 17px;
	    line-height: 21px;
	    padding-bottom: 4%;
	    width: 60%;
	}
	
	.mediumScreen div.left-span-1{
		font-family:'FNBSansLight';
		font-size:24px;
		color:#009999;
	}
		
	.mediumScreen .right-wrapper {
	    background: none repeat scroll 0 0 #4DB8B8;
	    height: 100%;
	    min-height: 800px;
	    position: relative;
	    right: 0;
	    top: 0;
	    width: 102%;
	}
	

}
@media only screen and (max-width: 530px)
{
	.content-footer {
		    color: #009999;
		    font-family: "FNBSansThin";
		    font-size: 14px;
		    font-weight: normal;
		    line-height: 20px;
		    margin-left: 3%;
		    margin-top: 14%;
		    width: 100%;
		}	
		div.crosssell-left-content {
		margin: 0 auto;
		padding-top: 5%;
		position: relative;
		width: 74%;
		}
		div.left-span-1 {
	    color: #009999;
	    font-family: 'FNBSansLight';
	    font-size: 20px;
	}


	span.left-span-1-2 {
	    color: #009999;
	    font-family: 'FNBSansRegular';
	    font-size: 24px;
	   
	}
}
@media only screen and (max-width: 480px)
{	
	div.left-span-1 {
	    color: #009999;
	    font-family: 'FNBSansLight';
	    font-size: 20px;
	}
	
	span.left-span-1-2 {
	    color: #009999;
	    font-family: 'FNBSansRegular';
	    font-size: 24px;
	}
	div.crosssell-left-content {
		margin: 0 auto;
		padding-top: 5%;
		position: relative;
		width: 74%;
		}
	div.left-span-2 {
	    color: #5C5C5C;
	    font-size: 17px;
	    margin-top: 20px;
	}
	div.crosssell-left-content {
	    margin: 0 auto;
	    padding-top: 5%;
	    position: relative;
	    width: 54%;
	}
	div.content-heading-1 {
	    border-bottom: 1px solid #4DB8B8;
	    color: #009999;
	    font-family: "FNBSansThin";
	    font-size: 20px;
	    padding: 4% 0 2% 4%;
	    width: 92%;
	}
	div.content-heading-mini-1 {
	    color: #009999;
	    font-family: "FNBSansRegular";
	    font-size: 14px;
	    font-weight: normal;
	    height: auto;
	    left: 5%;
	    line-height: 20px;
	    position: relative;
	    top: 2%;
	    width: 92%;
	}
	span.list-content {
	    cursor: pointer;
	    font-size: 88%;
	    line-height: 17px;
	    padding-left: 32%;
	    position: absolute;
	    top: 41%;
	    width: 63%;
	}
	
	div.ul-container {
	    left: 3%;
	    position: relative;
	    top: 3%;
	    width: 100%;
	}
	
	.content-footer {
	    color: #009999;
	    font-family: "FNBSansThin";
	    font-size: 12px;
	    font-weight: normal;
	    line-height: 18px;
	    margin-left: 3%;
	    margin-top: 14%;
	    width: 100%;
	}
	.skimmming-card-content-2 {
	    color: #666666;
	    font-family: "FNBSansThin";
	    font-size: 12px;
	    line-height: 15px;
	    margin-top: 13%;
	}
	.skimmming-card-content-2 {
	    color: #666666;
	    font-family: "FNBSansThin";
	    font-size: 12px;
	    line-height: 15px;
	    margin-top: 13%;
	}
	div.tips-button {
	    background: url("/03images/promotions/CBScrosssellAwareness/botton.png") no-repeat scroll 0 0 transparent;
	    color: #FFFFFF;
	    cursor: pointer;
	    font-family: "FNBSansLight";
	    font-size: 16px;
	    font-weight: normal;
	    height: 26px;
	    min-width: 146px;
	    padding: 8px 0 0 9%;
	    position: relative;
	    width: 20%;
	}
}

@media only screen and (max-width: 330px)
{
	.content-footer.small-footer{
	    color: #009999;
	    font-family: "FNBSansThin";
	    font-size: 12px;
	    font-weight: normal;
	    line-height: 18px;
	    margin-left: 3%;
	    margin-top: 24%;
	    width: 100%;
	}