html
{
    font-family:Arial;
    font-size:14px;
    color:green;
}
body
{
    font-family:Arial;
    font-size:14px;
    color:green;
}

#MainDiv
{
    width:380px;
    border: 1px solid black;
    height:460px;
    text-align:center;
}

#headTextRow
{
    color:Green;
    font-size:17px;
    text-align:center;
    padding-bottom:20px;
}

#creditCardHolderRow
{
    width:100%;
    padding-bottom:30px;
    *+padding-bottom:10px;
    display:none;
}

#creditCardHolderRow div
{
	color: #3B3D39;
	font-size: 24px;
	background-color: red;
	float:right;
    text-align:right;
    width:40%;
}

#creditCardRow
{
    width:100%;
    padding-bottom:30px;
    *+padding-bottom:10px;
}

#creditCardRow div
{
    float:right;
    text-align:right;
    width:40%;
}

#creditCardExpDateRow
{
    text-align:center;
    width:100%;
    padding-bottom:30px;
    *+padding-bottom:10px;
}



#creditCardExpDateRow div
{
   float:right;
    text-align:right;
    width:40%;
}

#cardHolderIdRow
{
    text-align:center;
    width:100%;
    padding-bottom:30px;
    *+padding-bottom:10px;
}

#cardHolderIdRow div
{
    float:right;
    text-align:right;
    width:40%;
}

#cvvRow
{
    text-align:center;
    width:100%;
    padding-bottom:30px;
    *+padding-bottom:10px;
}

#cvvRow div
{
    float:right;
    text-align:right;
    width:40%;
}

#paymentsNoRow
{
    text-align:center;
    width:100%;
    padding-bottom:30px;
    *+padding-bottom:10px;
}

#paymentsNoRow div
{
    float:right;
    text-align:right;
    width:40%;
}

#paymentsNo
{
    float:right;
    padding:0px;
    width:28%;
    border: 1px solid gray;
}

#year
{
    float:right;
    width:57px;
    border: 1px solid gray;
}

.dateDelimiter
{
    float:right;
    line-height:20px;
    padding:0 5% 0 5%;
}

#month
{
    float:right;
    width:54px;
    border: 1px solid gray;
}

div input
{
    float:right;
    width:129px;
    border: 1px solid gray;

}

#warning
{
    font-size:14px;
    color:Red;
    font-weight:bold;
    clear:both;
    padding:5px 0 0 0;
}

#warning div
{

}

#submitRow
{
    line-height:23px;
    clear:both;
    text-align:center;
    width:100%;
    padding:15px 0 15px 0;
}

#submitRow input
{
    width:154px;
    float:none;

}

#bottomText
{
    font-size:14px;
    color:Blue;
    clear:both;
}

#submitBtn
{
    background-image:url("https://gateway.pelecard.biz/Content/images/PayNow_15.png");
    background-repeat:no-repeat;
    width:154px;
    height:23px;
    border:none;
    cursor:pointer;
}

#PayBtn
{
    background-image:url("https://gateway.pelecard.biz/Content/images/Pay_03.png");
    background-repeat:no-repeat;
    width:154px;
    height:23px;
    border:none;
    cursor:pointer;
}

#RegisterBtn
{
    background-image:url("https://gateway.pelecard.biz/Content/images/Register_03.png");
    background-repeat:no-repeat;
    width:154px;
    height:23px;
    border:none;
    cursor:pointer;
}

#registerBtn
{
    background-image:url("https://gateway.pelecard.biz/Content/images/RegisterBtn_03.png");
    background-repeat:no-repeat;
    width:154px;
    height:23px;
    border:none;
    cursor:pointer;
}

a
{
    color:#1c75e4;
}

#orderWhite
{
    background-image:url("https://gateway.pelecard.biz/Iframe/Content/images/OrderDetailsWhite_03.png");
    background-repeat:no-repeat;
    width:375px;
    height:492px;
    vertical-align:bottom;
    margin:14px 10px 10px 10px;
    text-align:center;
}

#info
{
    vertical-align:middle;
    cursor:pointer;
}

#creditTypes
{
       vertical-align:middle;
    cursor:pointer;
}

#ParmX
{
    padding:5px 0 5px 0;
    font-size:14px;
}

#totalRow
{
    line-height:23px;
    clear:both;
    text-align:center;
    width:100%;
}

#totalRow div
{
    float:right;
    text-align:right;
    width:40%;
}

#parmxRow
{
    line-height:23px;
    clear:both;
    text-align:center;
    width:100%;
}

#parmxRow div
{
    float:right;
    text-align:right;
    width:40%;
}

#totalToDisplay
{
    font-weight:bold;
    font-size:14px;
    color:Gray;
    float:right;
}
#textForPayments
{
    font-family:Arial;
    font-size:12px;
    color:#898989;
    margin-right:3px;
    float:none;
}

#supportedCrds
{
    padding:5px 0 0 0;
    background-image:url('https://gateway.pelecard.biz/Iframe/Content/Images/CardsBG.png');
    background-repeat:no-repeat;
    background-position:center center;
}

#secureIcons
{
    line-height:23px;
    clear:both;
    text-align:center;
    width:100%;
}

#secureIconsRow
{
    background-image:url('https://gateway.pelecard.biz/Iframe/Content/Images/CardsBG.png');
    background-repeat:no-repeat;
    background-position:center center;
    height:54px;
    margin:5px 0 0 0;
}
#secureIconsRow div
{
    text-align:center;
    display:inline;
}

#secureIconsRow div img
{
    width:95px;
    cursor:pointer;
    margin:5px 0 0 0;
    position:relative;
}

#MainDiv div.spacer
{
   width:8%;
   float:right;
}

.DesignInput
{
    border:none;
    background: url(https://gateway.pelecard.biz/Iframe/Content/Images/inputBG.png) no-repeat center center;
    width:144px;
    height:26px;
    text-indent:3px;
}

.DesignDisableInput
{
    border:none;
    background: url(https://gateway.pelecard.biz/Iframe/Content/Images/DisableInputBG.png) no-repeat center center;
    width:144px;
    height:26px;
    text-indent:3px;
}

.dateDelimiterDesign
{
    font-size:26px;
}

.newList *
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 16px;
	float:none !important;

}
.newList
{
	margin-top:0px;
	list-style: none;
	position: absolute;
	z-index: 9999;
	border: 0;
	background:#fff;
}

.newList li a
{	text-decoration:none;
	display:inline-block;
	width:100%;
	padding:2px;
	color:#000;
}
.newList li a:hover{background:#f7f4ef;}


/* Custom Generic Styles */
.newList {right:0 !important;left:1px !important;}
.selectedTxt {background-position:0 top;}
.newListSelected{background-position:0 top;}



/* Small size */
.Item2 {width:61px !important;}
.Item2 .newListSelected {
	background-image: url(https://gateway.pelecard.biz/Iframe/Content/Images/select_small.png);
	*:display:inline-block; /* IE 7 fix */
	cursor:pointer;
	direction:rtl;
	background-repeat:no-repeat;
}

.Item2  .small.styled-select {width:156px !important;}
.Item2  .small.styled-select .newList{width:50px; border: solid 1px #ccc; direction:ltr; overflow-x: hidden;overflow-y: auto; padding:0 10px 0 1px}
.Item2  .small.styled-select .selectedTxt {width:61px !important; height:23px; margin:3px 3px 0 0;}


/* Medium size */

.Item3 {width:97px;float:right;}
.Item3 .newListSelected {
	background-image: url(https://gateway.pelecard.biz/Iframe/Content/Images/select_medium.png);
	*:display:inline-block; /* IE 7 fix */
	cursor:pointer;
}

.Item3  .medium.styled-select {width:97px;}
.Item3  .medium.styled-select .newList{width:93px; border: solid 1px #ccc;}
.Item3  .medium.styled-select .selectedTxt {width:97px;}

/* Medium2 size */

.Item4 {width:72px;float:right;}
.Item4 .newListSelected {
	background-image: url(https://gateway.pelecard.biz/Iframe/Content/Images/select_medium2.png);
	*:display:inline-block; /* IE 7 fix */
	cursor:pointer;
}

.Item4  .medium2.styled-select {width:72px;}
.Item4  .medium2.styled-select .newList{width:68px; border: solid 1px #ccc;}
.Item4  .medium2.styled-select .selectedTxt {width:72px;}

/* Big size */

.Item5 {width:172px;float:right;}
.Item5 .newListSelected {
	background-image: url(https://gateway.pelecard.biz/Iframe/Content/Images/select_big.png);
	*:display:inline-block; /* IE 7 fix */
	cursor:pointer;
}

.Item5  .big.styled-select {width:172px;}
.Item5  .big.styled-select .newList{width:168px; border: solid 1px #ccc;}
.Item5  .big.styled-select .selectedTxt {width:172px;}