html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, em, font, img, ins, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0 auto;
        padding:0;
	border: 0;
	outline: 0;
}

.clear {clear:both;margin:0;padding:0;}
.clearfix:after {content:".";	display:block;	height:0;	clear:both;	visibility:hidden;}
.clearfix {display:inline-block; clear:both;}
/* Hide from IE Mac \*/
.clearfix {display:block; clear:both;}
/* End hide from IE Mac */
.right {float:right; padding:0 0 0 10px;}

body {
	
	background:#fff ;
	font-size: 12px;
	font-family:   Verdana, Arial, Helvetica, Sans-Serif;
	color: #767676;
	text-align:center;
}


h1, h2, h3, h4, h5 {

    color: #ffffff;
    margin: 0px;
}
p {text-align:justify;}

h1 {
    font-size: 18px; 
}

h2 {
    font-size: 16px;
margin-left:20px;
}

h3 {
    font-size: 14px;
}

td {font-size: 12px;color: #616264;	font-weight: normal; font-family: Verdana, Arial; text-align:justify; }

a {

font: normal 12px Verdana,Tahoma, Arial;
color: #616264;
text-decoration: none;
}

li {list-style-type:none;text-align:center;}
li a {color:fff; font: normal 12px Verdana,Tahoma, Arial;}

a:hover {
font: normal 12px Verdana,Tahoma, Arial;
color: #797979;
text-decoration: underline;
}


.boxes { margin: 0 auto;}
.newsbox { margin: 0 auto; }
.codesbox { margin: 0 auto; }

.topmerchant { float: left; width: 330px; height:325px; margin: 0; }
.topmerchant .boxmiddle { padding: 0 10px 6px 10px; }
.codes { float: left;  margin: 10px 0 0 0;}
.codes .codesboxmiddle { padding: 0; }
.lastcode { float: right; width: 347px; height:420px; margin-top:-326px; }
.lastcode .boxmiddle { padding: 5px 10px 0px 10px; }

.box { display: block;  background-color: #F0F0F0; text-align: left; margin: 10px 0 15px 0; border: solid 1px #dddddd; 	font-size: 1.4em;}
.codevalue { font-size: 48pt; color: #747474; font-family: Verdana, Arial; font-weight: bold; margin:0 0 10px 0; }
#codeboxes {display: block;	margin: 0px 5px 0px 5px;}
#codeboxes .codebox {float: left; margin: 20px 0 5px 5px; width:180px; text-align:center; }
#codeboxes .centercodebox {float: left; margin: 20px 10px 0 10px; text-align:center; width:500px; }
#codeboxes .lastcodebox {float: right; margin: 20px 0 5px 0; text-align:center;}
#desccode {margin: 0 0 10px 0; }

.code {cursor:pointer; text-decoration:underline; text-align:center; color:#ffe13c; padding-bottom:150px;}
.showcode {cursor:pointer; text-decoration:underline; text-align:center; font-size:20px; color:#c00; margin:0;}
.hiddencode {visibility:hidden; background-color: white; color: black; margin:0; height:0px; cursor:none;}
.merchant {font-size: 12px;color: #616264;	font-weight: normal; font-family: Verdana, Arial; text-align:justify; margin:10px 10px 10px 5px;}
.merchantlogo {float:left; valign:top; margin: 0px 10px 0px 10px; cursor:pointer;}

#cellin {padding: 10px;}

.white-text{
font-size:11px;
color: #ffffff;
text-decoration: none;
text-align:center;
}
.white-text a{
font-size:11px;
color: #ffffff;
text-decoration: none;
text-align:center;
}
.white-text a:hover{
font-size:11px;
color: #ffffff;
text-decoration: underline;
text-align:center;
}

.opened {cursor:none; color:#000; font-size:0.9em; margin:10px 0 0 25px; padding:5px; width:400px; background-color:#F7F7F7; text-align:justify; text-decoration:none; border:1px solid #ccc;}