.checkoutHeading
{
	
			color: #999999;
		
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	font-size: 10pt;
}
.boldLabel {
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;					
	
			background-color: #ffffff;
		
			color: #999999;
					
}
.bodyVals {
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	
			background-color: #ffffff;
		
			color: #999999;
		
}
body
{
	
}
.dpsBG {
	
			background-color: #ffffff;
		
}

div.spinner 
{
    position: relative;
    width: 20px;
    height: 0px;
    left: inherit;
    display: inline-block;
    padding: 0;
    margin: 0;
}

    
div.spinner div 
{
    width: 2px;
    height: 5px;
    background: grey;
    position: absolute;
    left: 6px;
    top: -8px;
    opacity: 0;
    -moz-border-radius: 50px;
    -webkit-animation: fade 1s linear infinite;
    -webkit-border-radius: 50px;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    
    -moz-animation:fade 1s linear infinite;
    
    padding: 0;
    margin: 0;
}
    
div.spinner div.bar1 {-webkit-transform:rotate(0deg) translate(0, -142%); -moz-transform: rotate(0deg) translate(0, -142%); -webkit-animation-delay: 0s; -moz-animation-delay:0s;}    
div.spinner div.bar2 {-webkit-transform:rotate(30deg) translate(0, -142%); -moz-transform: rotate(30deg)translate(0, -142%); -webkit-animation-delay: -0.9167s; -moz-animation-delay:-0.9167s;}
div.spinner div.bar3 {-webkit-transform:rotate(60deg) translate(0, -142%); -moz-transform: rotate(60deg)translate(0, -142%); -webkit-animation-delay: -0.833s; -moz-animation-delay: -0.833s;}
div.spinner div.bar4 {-webkit-transform:rotate(90deg) translate(0, -142%); -moz-transform: rotate(90deg)translate(0, -142%); -webkit-animation-delay: -0.75s; -moz-animation-delay:-0.75s;}
div.spinner div.bar5 {-webkit-transform:rotate(120deg) translate(0, -142%); -moz-transform: rotate(120deg)translate(0, -142%); -webkit-animation-delay: -0.667s; -moz-animation-delay: -0.667s;}
div.spinner div.bar6 {-webkit-transform:rotate(150deg) translate(0, -142%); -moz-transform: rotate(150deg)translate(0, -142%); -webkit-animation-delay: -0.5833s; -moz-animation-delay:-0.5833s;}
div.spinner div.bar7 {-webkit-transform:rotate(180deg) translate(0, -142%); -moz-transform: rotate(180deg)translate(0, -142%); -webkit-animation-delay: -0.5s; -moz-animation-delay:-0.5s;}
div.spinner div.bar8 {-webkit-transform:rotate(210deg) translate(0, -142%); -moz-transform: rotate(210deg)translate(0, -142%); -webkit-animation-delay: -0.41667s; -moz-animation-delay:-0.41667s;}
div.spinner div.bar9 {-webkit-transform:rotate(240deg) translate(0, -142%); -moz-transform: rotate(240deg)translate(0, -142%); -webkit-animation-delay: -0.333s; -moz-animation-delay:-0.333s;}
div.spinner div.bar10 {-webkit-transform:rotate(270deg) translate(0, -142%); -moz-transform: rotate(270deg)translate(0, -142%); -webkit-animation-delay: -0.25s; -moz-animation-delay:-0.25s;}
div.spinner div.bar11 {-webkit-transform:rotate(300deg) translate(0, -142%); -moz-transform: rotate(300deg)translate(0, -142%); -webkit-animation-delay: -0.1667s; -moz-animation-delay:-0.1667s;}
div.spinner div.bar12 {-webkit-transform:rotate(330deg) translate(0, -142%); -moz-transform: rotate(330deg)translate(0, -142%); -webkit-animation-delay: -0.0833s;-moz-animation-delay: -0.0833s;}

@-webkit-keyframes fade 
{
from {opacity: 1;}
to {opacity: 0.25;}
}
        
@-moz-keyframes fade 
{
0%   { opacity: 0; }
100% { opacity: 1; }
}
    
div.labeled 
{
    position: relative;
    font-family: sans-serif;
    font-size: 12px;
    margin: 0; 
    background: #fff;
    padding: 0;
    display: inline-block;
    color: #c00;
    line-height: 18px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4);
    -webkit-border-radius: 1em;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ccc));
}
  

div.labeled div.spinner 
{
    float: left;
    vertical-align: top;
    width: 100px;
    height: 100px;
    margin: 0;
    padding: 0;
}
    
    
div.labeled div.spinner div 
{
    background: #c00;
}


.DpsBody
{
    background-color:#F4F4F4;
    background-repeat:no-repeat;
    background-position:center;
    -webkit-background-size: cover;  
    -moz-background-size: cover; 
    -o-background-size: cover;  
    background-size: cover;

    margin-bottom: 10px;
    text-align: left;
    font-family: Arial !important;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
   
    font-size:  12px;
    border-style: solid;
    color: #EEEEEE;
    font-weight: normal;
}

.DpsUiPanel
{
	margin-left:auto !important;
	margin-right:auto;
    color: #1F1F1F;     
}

.DpsTableCell{
    padding-top: 5px;
}

.DpsGroupHeader
{
    margin: 0px !important;
    padding: 0px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    margin-top: 10px !important;
}

.DpsGroupHeaderTd
{
    border-bottom: 2px solid #E6E6E6;
}

.DpsCountryDropList
{
    border-radius: 0;
    border-color: gray;
    border-width: 1px;
    text-align: left !important;
}

/* PxPay stuff */

#PxPayAuthMain , #PxPayAuthResult, #PxPaySelectMethodMain , #TxnAuthCreditCard  , #TxnAuthPago, #TxnAuthPago2, #TxnAuth3DSecure, #PxPayAccount2AccountAuth, #PxPayA2AWrongPage, #TxnAuthPayPal, #TxnAuthMasterPass, #TxnAuthUPOP, #UpopPleaseWaitAndPoll, #TxnRedirectUPOP, #TxnAuthAmexExpressWallet, #TxnAuthRedirectAmexExpressWallet 
{
    -moz-box-sizing: border-box;
	-moz-border-radius: 5px 5px 5px 5px;    
    background: -moz-linear-gradient(center top , #FFFFFF, #FFFFFF);
    background: -webkit-linear-gradient(top , #FFFFFF, #FFFFFF);
	background-color: white;
	border-left: 2px solid #E6E6E6;
	border-right: 2px solid #E6E6E6;
	margin-top: 14px;
	
	/* for firefox */
    -moz-border-radius: 4px 4px 4px 4px / 4px 4px 4px 4px ;
    /* for webkit */
    -webkit-border-radius: 4px 4px 4px 4px / 4px 4px 4px 4px;
    /* for ie */
    border-radius: 4px 4px 4px 4px / 4px 4px 4px 4px;
}

#PxPayAuthMain .DpsLayoutTable, #PxPayAuthResult .DpsLayoutTable, #PxPaySelectMethodMain .DpsLayoutTable, #TxnAuthCreditCard .DpsLayoutTable, #TxnAuthPago .DpsLayoutTable, #TxnAuthPago2 .DpsLayoutTable, #TxnAuth3DSecure .DpsLayoutTable, #PxPayAccount2AccountAuth .DpsLayoutTable, #PxPayA2AWrongPage .DpsLayoutTable, #TxnAuthPayPal .DpsLayoutTable, #TxnAuthMasterPass .DpsLayoutTable, #TxnAuthUPOP .DpsLayoutTable, #UpopPleaseWaitAndPoll .DpsLayoutTable, #TxnRedirectUPOP .DpsLayoutTable,  #TxnAuthAmexExpressWallet .DpsLayoutTable, #TxnAuthRedirectAmexExpressWallet .DpsLayoutTable 
{
    margin-top: 10px;
}


#PxPayAuthMain .DpsUiPanelLegend, #PxPayAuthResult .DpsUiPanelLegend, #PxPaySelectMethodMain .DpsUiPanelLegend, #TxnAuthCreditCard .DpsUiPanelLegend, #TxnAuthPago .DpsUiPanelLegend, #TxnAuthPago2 .DpsUiPanelLegend, #TxnAuth3DSecure .DpsLayoutTable, #PxPayAccount2AccountAuth .DpsUiPanelLegend, #PxPayA2AWrongPage .DpsLayoutTable, #TxnAuthPayPal .DpsUiPanelLegend, #TxnAuthMasterPass .DpsUiPanelLegend, #TxnAuthUPOP .DpsUiPanelLegend, #UpopPleaseWaitAndPoll .DpsUiPanelLegend, #TxnRedirectUPOP .DpsUiPanelLegend,  #TxnAuthAmexExpressWallet .DpsUiPanelLegend, #TxnAuthRedirectAmexExpressWallet .DpsUiPanelLegend 
{
	
    display: inline-block;
    padding: 8px 0px 10px 0px;
	text-align: left;
	border-bottom: 2px solid #E6E6E6;
	
}

#TxnAuthCreditCard,  #TxnAuthPago, #TxnAuthPago2, #TxnAuth3DSecure, #PxPayAccount2AccountAuth, #PxPayA2AWrongPage, #PxPayAuthResult, #TxnAuthPayPal, #TxnAuthMasterPass, #TxnAuthUPOP, #UpopPleaseWaitAndPoll, #TxnRedirectUPOP, #TxnAuthAmexExpressWallet,  #TxnAuthRedirectAmexExpressWallet {
    background: linear-gradient(#FFFFFF, #EBEBEB) repeat scroll 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EBEBEB'); /* for IE */
    background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#EBEBEB)); 
    border-bottom: 2px solid #E6E6E6;
}


#PxPayAuthMain{
    border-top: 2px solid #E6E6E6;
}


.DpsTableCellLegend
{
    text-align: left !important;
    padding: 2px 0 !important;

    width: 30%;
}

.DpsUiPanelLegend 
{
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: bold;    
    margin-bottom: 2px;
}

.DpsLayoutTable
{
    width:100%;
    border-collapse: collapse;
}

.DpsFieldLegend
{  
    margin: 0;
    padding: 0;
   
    font-size: 12px;
    line-height: 21px;
    padding-bottom: 5px;
    padding-top: 5px;
    /*font-weight: bold;*/
    -moz-border-radius: 0 0 0 0;
    -moz-border-radius-topleft: 10px;
    text-align: left;
}

.DpsField
{  
    margin: 0;
    padding: 0;
    
    font-size: 12px;
    line-height: 21px;
    padding-bottom: 5px;
    padding-top: 5px;
    /*font-weight: bold;*/
    -moz-border-radius: 0 0 0 0;
    -moz-border-radius-topleft: 10px;
    text-align: left;
}

.DpsFieldHelp
{
    /* each field can have this optionally */
    margin: 0;
    padding: 0;
    
    
    width: 100%;
    
    font-size: 12px;
    line-height: 21px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    font-weight: normal;
    -moz-border-radius: 0 0 0 0;
    -moz-border-radius-topleft: 10px;
    text-align: left;
    
    opacity: 0.7;   
}



.DpsButton1
{
    margin: 10px 5px 5px 5px;

    padding: 0;    
    padding-left: 10px;
    padding-right: 10px;
        
    height: 25px;
    line-height: 18px;

    font-family: Arial !important;
    
    text-align: center;
    cursor: pointer;
    
    -moz-box-sizing: border-box;
    
    /*border-radius: 6px;sdfvwfv*/
    /* gradient and border radius dont work together in ie ! */
    /*filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#D52B1E', endColorstr='#962118'); /* IE6 & IE7 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#D52B1E', endColorstr='#962118')";
    /*border-color: #EE0000 #EE0000 rgba(0, 0, 0, 0.5);*/
    /*border-bottom-color: rgba(0, 0, 0, 0.5);    */

    font-weight:700;
    font-size: 12px;
        
    border: none;
    
    -moz-border-radius: 4px 4px 4px 4px / 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px / 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px / 4px 4px 4px 4px;
   
}

.DpsButton1:hover 
{
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset, 0px 1px 2px rgba(0, 0, 0, 0.5);
}

.DpsButton1:active 
{
	position:relative;
	top:1px;
}

.DpsLink 
{
    color: #333;
    cursor: pointer;
    text-decoration: underline !important;
}

.DpsPxPayCancel
{
	float: left;

    color: #333;
    background-color: #FFF;

    border: 1px solid #CCC;
}

.DpsPxPayOK
{
	float: right;
   
    background: -moz-linear-gradient(center top , #ed1c24 , #a90e13) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(top,  #ed1c24, #a90e13);
    background: linear-gradient(to bottom, #ed1c24, #a90e13);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#a90e13'); /* for IE */

    color: #FFFFFF;

}

.DpsText
{
    display:table-cell;
    float:left;
    position: static;
    
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px 
}

.DpsParagraph
{
    display:table-cell;
    float:left;
    position: static;
    
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
}

/* aligns the footer to the center to match the privacy policy text */
.DpsPxPayFooter
{
    margin-left:    auto;
    margin-right:   auto;
    width:          95%;
    text-align:     center !important;
    padding:        5px;
}

/* aligns the description to the left */
.DpsPxPayDescription
{
    padding-left: 0px;
}

.DpsTextError
{
    color: red;
}


/* PxPay stuff */

.DpsPxPayBrandLogo
{
    max-width: 800px;
}


#PxPayHeader 
{
   width: 800px;
   background-color: transparent !important;
}

#DpsHeaderLogo
{
   margin-left: auto;   
   margin-right: auto;
   margin-bottom: 15px;
   display: block;
}


#DpsCustomerLogo
{
   margin-left: auto;   
   margin-right: auto;  
   margin-bottom: 15px;
   display: block;
}

#PxPayFooter 
{
    width: 800px;
    background-color: transparent !important;
}

#PxPayCardSchemeLogoGroup 
{
    position: static;
    margin-left: auto;
    margin-right: auto;
    display: table;
    width: auto;
}

#DpsFooterLogoDps
{
   margin-left: auto;   
   margin-right: auto;
   margin-bottom: 10px;
   display: block;
  
}

[name=Cvc2Help]
{
    font-size: 10px;
}

#TnC 
{
    margin: 10px;
}

#TnCLink 
{
    Padding: 0px;
}

#PrivacyPolicy
{
    text-align:	center;
    width: 95%; /*DpsLink has 5px padding.. will overflow out of div*/
    display: table;
    cursor: pointer;
    text-decoration: underline;
}

