.PaymentPageHeader{
	color: 			#333;
	font-size: 		28px;
	line-height: 	33px;
	font-family: 	Arial,sans-serif;
    text-rendering: optimizeLegibility;
}
.PaymentPageMain{
	width: 		100%;
	max-width:	1064px;
	min-width:	400px;
	margin: 	auto;
}

.Section-PaymentSection-GridCell {
    padding-bottom: 10px;
	overflow: auto;
    display: block;
}

.Section-PaymentSection-GridCell-Many {
    padding-bottom: 10px;
    overflow: auto;
    display: block;
	max-height: 400px;
}

.Section-PaymentSection-Main > tbody > tr > td > table > tbody > tr:nth-child(2)
{
    width: 100%;
    display: inline-block;
}
.Section-PaymentHistory-GridCell
{
	display: block;
    overflow-y: auto;
    max-height: 600px;
}

.Section-PaymentHeaderSection-Main{
	BORDER:				1px solid #CDCDCD;
	width:				100%;
	max-width:			100%;
	height: 			80px;
	BACKGROUND-COLOR:	#F5F5F5;
	margin-top:			4px;
	border-collapse: 	collapse;
	border-spacing: 	0px;
}

.Section-Payment-MyBasketSection-Main{
	margin-top:	5px;
}

.Section-PaymentHeaderSection-Main td{
	vertical-align:	middle;
}

.Section-PaymentSection-Main{
	width:		100%;
	max-width:	100%;
}

.Section-PaymentSection-GridCell{
	padding-bottom:	10px;
}

.PaymentDescription{
	FONT-SIZE:		18px;
	TEXT-ALIGN: 	left;
    line-height: 	1.24;
    font-weight: 	bold;
	font-family: 	Arial,sans-serif;
    text-rendering: optimizeLegibility;
	color: 			#333;
}

.PaymentDescription2{
	font-family: 	AtlasGrotesk;
	font-size:		14px;
	
}

.Section-PaymentRadioSection-Main{
	width:		40px;
}

.Section-PaymentBody-GridCell:first-child{
	width:	100%
}

.Section-PaymentBody-GridCell:last-child{
	padding-left: 	1%;
	padding-top: 	4px;
	padding-right: 	1%;
	min-width:		300px;
}

.Section-Summary-Main{
	width: 				100%;
	BORDER:				1px solid #CDCDCD;
	BACKGROUND-COLOR:	#F5F5F5;
	min-height: 		200px;
	margin-top: 		21px
}

.Section-SavePayment-Main{
	width: 		400px;
	margin: 	0 auto;
	display: 	block:
}

.SavePayment {
	position: relative;
    top: -250px;
    z-index: 2000;
}

#SavePayment_Text {
	position: relative;
    top: -250px;
    z-index: 2000;
}

.hostedPaymentPageIframe{
	width:		600px;
	height: 	300px;
	border:		none;
	margin: 	0 auto;
	display: 	inline;
}

.cybersourceIframe{
	width:		500px;
	height:		730px;
	border:		none;
	margin: 	0 auto;
	display: 	block;
}

.authorizeNetIframe{
	width:		600px;
	height:		700px;
	border:		none;
	margin: 	0 auto;
	display: 	block;
}

.adyenIframe{
	width:		900px;
	height:		900px;
	border:		none;
	margin: 	0 auto;
	display: 	block;
}

.monerisIframe{
	/* width:		750px; */
	/* height:		850px; /*was 550 */
	border:		none;
	margin: 	0 auto;
	display: 	block;
}

.payFlowProIframe{
	width:		480px;
	height:		600px;
	border: 	none;
	margin: 	0 auto;
	display: 	block;
}

.bluePayIframe{
	width:		650px;
	height:		1250px;
	border:		none;
	margin: 	0 auto;
	display: 	block;
}
.VantivIframe{
	width:		600px;
	height:		230px;
	border:		none;
	margin: 	0 auto;
	display: 	block;
}

.SlimCDIframe{
	width:		650px;
	height: 	1050px;
	border:		none;
	margin: 	0 auto;
	display: 	inline;
}

.SlimCDeCheckIframe{
	/* width:		650px; */
	height: 	1200px; /*925px; */
	border:		none;
	margin: 	0 auto;
	display: 	inline;
}

.PopUpSection {
	background-color: 	#fefefe;
	margin: 			auto;
	/* padding: 			20px; */
	border: 			1px solid #888;
	/* width: 				50%; */
	border-radius:  	5px;
	clip-path: 			inset(0px 0px 270px 0px round 5px);
}
.PaymentPageTitle {
	color: 			#c45500;
	font-weight: 	700;
	font-size: 		17px;
	line-height:	1.255;
	margin-left: 	-10px;
	margin-bottom: 	-15px;
	padding-bottom: -5px;
}


/* Horizontal rule */
.payment-divider {
	display: 		block;
	margin-left: 	-10px;
	line-height: 	19px;
	margin-top:	 	0px;
	width: 			100%;
	overflow:		hidden; 
	border-style: 	inset;
	border: 		1px #ddd solid;
}

.SplitPaymentLabel {
	font-weight:	400;
	font-size:	 	17px;
	line-height: 	1.255;
	display: 		inline;
	color: 			#111;
}

.SplitPaymentHeader {
	margin-left: -8px;
}

.highlight { 
	background-color: 	#F5F5F5;
	border-radius: 		5px;
}

/* Add new card button */
.addCardBtn-Main {
	background-color:		Transparent;
	border:				none;
	display: 			inline;
	height: 			30px;
	color: 				#0066c0;
	width: 				160px;
	margin-right:		10px; /* Different on PD/QA */
}


/* Use this payment button */
.yellowBtnAuth-Main {
	background-color:	#EF8224;
	background: 		linear-gradient(to bottom,#f3a159,#EF8224);
	display: 			inline;
	height: 			30px;
	border-radius: 		5px;
	color: 				#FFF;
}

/* Buttons on page */
.yellowBtnSplit-Main {
	background-color:	#EF8224;
	background: 		linear-gradient(to bottom,#f3a159,#EF8224);
	display: 			inline;
	height: 			30px;
	border-radius: 		5px;
	color: 				#FFF;
}

/* Buttons on page */
.yellowBtn-Main {
	background-color:	#EF8224;
	background: 		linear-gradient(to bottom,#f3a159,#EF8224);
	display: 			inline;
	height: 			30px;
	border-radius: 		5px;
	color: 				#FFF;
}

 /* Modal popup to add new card */
.newCard {
	display:			none; /* Hidden by default */
    position: 			fixed; /* Stay in place */
    z-index: 			1; /* Sit on top */
    padding-top: 		20px; /* Location of the box */
    left: 				0;
    top: 				0;
    width: 				100%; /* Full width */
    height: 			100%; /* Full height */
    overflow: 			auto; /* Enable scroll if needed */
    background-color: 	rgb(0,0,0); /* Fallback color */
    background-color: 	rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Add new payment plus button  */
.modalOpenBtn {
	color: 			#aaaaaa;
    float: 			left;
    font-size: 		28px;
    font-weight: 	bold;
	margin-left: 	-12px;
}

.modalOpenBtn:hover,
.modalOpenBtn:focus {
    color: 				#000;
    text-decoration: 	none;
    cursor: 			pointer;
}


/* X button to close add new card pop out */
.modalCloseBtn {
    color: 			#aaaaaa;
    float: 			right;
    font-size: 		28px;
    font-weight: 	bold;
	display: 		inline;
}

.modalCloseBtn:hover,
.modalCloseBtn:focus {
    color: 				#000;
    text-decoration: 	none;
    cursor: 			pointer;
}


.CardImageGeneric {
	width: 			52px;
	display: 		inline-block;
	margin-left: 	-6%;
}


.collapse {
     display: 	none;
     width:		100%;
 }
 
 .Section-SinglePaymentInner-Main{
	 width:	500px;
 }
 
 
 /*Start For Resolve button in FailedAuthorizations page*/
 .dropbtn 
	{
		background-color: #EF8224;
		color: white;
		padding: 5px;
		font-size: 15px;
		border: none;
		cursor: pointer;
		position: relative;
		display: inline-block;
	}
	
 .dropbtn:hover, .dropbtn:focus 
	{
		background-color: #1DA03C;
	}

 /*End For Resolve button in FailedAuthorizations page*/
  
 .AddPaymentText
  {
	  margin-left: -17%;
	  display: inline-block;
  }
  
 /* Issue 777 Start */
@media only screen and (min-width: 768px) {
  /* For desktop: */
  .SlimCDIframe
  {
	  width: 650px;
  }
  .monerisIframe{
	  width:		750px;
	  height:		850px; /*was 550 */
  }
  .PopUpSection
  {
	  padding: 20px;
	  width: 50%;
	height: 1200px;
  }
}

@media only screen and (max-width: 768px) {
  /* For mobile: */
  .SlimCDIframe
  {
	  width: 100%;
  }
  .monerisIframe {
	  width: 100%;
	  height: 1550px;
  }
  .CardImageGeneric
  {
	  margin-left: -3%;
  }
  .AddPaymentText
  {
	  margin-left: 0;
  }
}
 /* Issue 777 End */