body, html {height: 100%;}
body {background-color: #ffffff; margin: 0; padding: 0; text-align: center;}
body, p, a, td, input, textarea, select  {color: #000000; font: normal 11px Arial, Verdana, Helvetica, sans-serif;}

img {border: none;}
a {text-decoration: none; cursor: pointer; color: #ff6600; font-weight: bold;}

div {margin: 0; padding: 0;}

.mainDiv {text-align: left; clear: both; width: 440px; overflow: hidden;}

.cardPrintPreview {position: relative; z-index: 100; margin: 20px 0; padding: 0 20px; width: 400px; height: 250px;}
.cardPrintPreview .img {position: absolute; top: 0; left: 20px; z-index: 101; width: 397px; height: 250px; overflow: hidden;}
.cardPrintPreview .userName,
.cardPrintPreview .cardNumber {width: 350px; height: 15px; position: absolute; z-index: 103; left: 40px; color: #000000; text-transform: uppercase;}
.cardPrintPreview .userName {top: 205px;}
.cardPrintPreview .cardNumber {top: 220px;}