body {width: 100%; font-size: 14px; color: #4a4a4a; margin: 0px; padding:0px; font-family: Roboto; background: transparent url(../graphics/bg-tile-tan.png) repeat scroll top left;}
div {display: block;}
ul{padding-left:3%;}
ul li{display: inline-block; padding-left:0px; margin: 0 3% 0 0; -webkit-padding-start: 0px;}
.top-header a{color:white !important; text-transform: uppercase; font-size:14px; text-decoration: none;display: block; color:#FFF; }
a:hover   {color:#e6e6e6;}
.header-container {    position: relative; height: 42px;}
header#masthead{transition: all .3s ease; top: 0; background-image: -webkit-linear-gradient(top,transparent 0,rgba(5,22,42,0.9) 100%); height: 135px; margin-left: auto; margin-right: auto; position: fixed; top: 0px; width: 100%; z-index: 20;}
header#masthead-ie{ transition: all .3s ease; top: 0; background-image: linear-gradient(to bottom,transparent 0,rgba(5,22,42,0.9) 100%); height: 135px; margin: 0px; position: fixed; top: 0px; width: 100%; z-index: 20;}
#top-header-ie{ background-image: linear-gradient(to bottom,rgba(5,22,42,0.9) 0,transparent 100%);}
.top-header{width:100%; height: 105px; background-image: -webkit-linear-gradient(bottom,transparent 0,rgba(5,22,42,0.9) 100%);}
#logo{position:relative; left:87%; top:-155px; width: 150px;}
#main-nav{padding-left:0px;color:white; opacity: 0.8; height: 50px; width: 60%; border-top: 1px solid white; margin-right: auto; margin-left: auto; position:relative; top:-45px;}
#logo2{position:relative; top:10px; left:7%; width: 100px;}
.main-content{padding-top: 100px; padding-bottom: 100px; margin-top: 95px;}
.rTable{opacity:.95; height: 710px; width: 600px; margin-right:auto; margin-left:auto;background-image: linear-gradient(to bottom,#151c24 0,#1e324b 100%); padding-top: 15px; padding-left: 50px; padding-right:200px; padding-bottom: 10px; color:#FFF;}
.rTableRow {display: table-row; }  
.rTableCell, .rTableHead {display: table-cell; padding-bottom: 10px; padding-right:35px; white-space: nowrap; height:30px; font-size: 17px}  
.rTable input{height:25px; }
.rTable select{height:32px; width: 172px; font: 14.5px Arial;}
#comm{height:15px; width: 15px;}
#commtext{font-size: 15px;}
h4{padding-left:300px;}
.site-footer { background-image: -webkit-linear-gradient(top,#151c24 0,#1e324b 100%); background-image: -o-linear-gradient(top,#151c24 0,#1e324b 100%); background-image: linear-gradient(to bottom,#151c24 0,#1e324b 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF151C24',endColorstr='#FF1E324B',GradientType=0); color: #FFF; padding: 15px 0 30px; float: left; width: 100%; clear: both; min-height: 220px; padding-left:0px;}
.container{ margin-left:auto; margin-right:auto; font-size: 12px; width: 50%;}
.container a{padding-left:0px; color:white !important; font-size:13px;  text-decoration: none; color:#FFF;}
.container ul li{margin: 0 0 0 0; border-right: 1px solid #FFF; padding-right: 5px; padding-left:5px;}
.container ul{padding-left:0px}
.footer-menu{display:block;padding-top: 15px; border-bottom: 1px solid #646972; margin-bottom: 15px; padding-left:0px; }
.sbutton{ background-image: url('../images/4suits.png'); background-size: 20px;background-repeat: no-repeat;background-position:97px -118px;text-align:left; margin-top: 20px; position: relative; left:275px; background-color: #FFF; color: black; min-width: 150px; min-height: 50px; -webkit-appearance: button; cursor: pointer; font-family: "Roboto Condensed"; text-transform: uppercase; font-weight: 500; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-color: #31486d; font-size: 20px; line-height: 1.33333;}
.sbutton:hover{background-color: #051c37 !important; color: #FFF !important; border-color: #FFF !important; background-position:97px -150px ;}
#menu-footer{padding-left:0px;}
#menu-footer-second-row{padding-left:0px;}
#menu-item-671{border:none;}
#menu-item-4531{border:none;}
.thanks{background:#fff;margin-right:auto; margin-left:auto; width:800px; min-height:800px; box-shadow: 50px 50px 20px #888888;}
.thanks h2{width: 100%; margin:0px;text-align: center; padding-top:75px;}
.thanks p{padding-right: 50px; padding-left:136px; font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 17.5px; line-height: 1.42857;}
.error1 p{margin:0px; font-size: 13px; text-align: center; color: red;}
.errorHidden {visibility:hidden;}
.promo{position: relative; left: 625px; height: 10px;}
.promo input{height: 20px; width: 120px;}
.phperr{text-align:center; color:#F00;}
.resize { width: 100px;height: auto;}
.resize2 {width: 110px;height: auto;}
#ImageForm {display: inline-block;vertical-align: middle;}
input[type="file"] {display:none;}
.imageuploadbutton {border: 1px inset black; background-color: #FFF; background-image: url('../images/4suits.png'); background-size: 15px;background-repeat: no-repeat;background-position:95px 9px;text-align:left; color: black; border-radius: 5px; width: 105px; display: inline-block; margin: 10px; padding: 9px; position: relative; top: 40px;}
.imageuploadbutton:hover { background-position:95px -15px !important; background-color: #051c37 !important; color: #FFF !important; border-color: #FFF !important;cursor:pointer;}    
#tnail{position:relative;left:200px;top:-50px;}
.InfoForm{padding-top:0px;}
.optionsdiv{padding-bottom: 30px;width:426px;margin-left:auto;margin-right:auto;}
#proof {width: 100%;height: 100%;top: 0;left: 0;position: fixed;display: block;opacity: 0.7;background-color: #fff;z-index: 99;text-align: center;}
#proof-img {position: fixed;top:400px;left:50%; margin-left: -50px; margin-right:auto;z-index: 99;}
#proof-img p {position: relative;left:-190px;font-weight:bold;}
.cardimg{height:10px;width:10px;}
#confirm{background-size: 20px; background-repeat: no-repeat;background-position:105px 12px;text-align:left;color: black;position:relative;left:620px; margin-bottom:30px; min-width: 150px; min-height: 48px;  cursor: pointer; font-family: "Roboto Condensed"; text-transform: uppercase; font-weight: bold; border: 1px inset black; border-radius: 10px;  font-size: 20px; line-height: 1.33333;}
.confirm{background: url('../images/4suits.png');}
.confirm:hover{background-color: #051c37 !important; color: #FFF !important; border-color: #FFF !important;cursor:pointer;background-position:105px -20px !important;}
.CL1{background: url('../images/4suits.png');}

#CL1{background-size: 10px;background-repeat: no-repeat;background-position:94px -60px;text-align:left;font-weight: bold;border: 1px inset black;color: black;border-radius: 6px;display: inline-block;margin: 10px;padding-top: 2px;padding-bottom: 2px;position:relative;position:relative; top:185px; left:25px; width: 115px;}
.CL1:hover{background-position:94px -76px !important; background-color: #051c37 !important; color: #FFF !important; border-color: #FFF !important;cursor:pointer;}

.CL2{background: url('../images/4suits.png');}
#CL2{background-size: 10px;background-repeat: no-repeat;background-position:94px -27px;text-align:left;border: 1px inset black;color: black;border-radius: 6px;width: 115px;display: inline-block;margin: 10px;padding-top: 2px;padding-bottom: 2px; float:right;position:relative; right:25px; top:142px; color:black; font-weight:bold;}
.CL2:hover{background-position:94px -43px !important; background-color: #051c37 !important; color: #FFF !important; border-color: #FFF !important;cursor:pointer;}
.CL3{background: url('../images/4suits.png');}
#CL3{background-size: 10px;background-repeat: no-repeat;background-position:94px -92px;float:right;position:relative; right: 360px; top: -115px; font-weight:bold; border: 1px inset black; color: black; border-radius: 6px;width: 115px;display: inline-block;margin: 10px;padding-top: 2px;padding-bottom: 2px;  float:right; text-align: }
.CL3:hover{background-position:94px -108px !important; background-color: #051c37 !important; color: #FFF !important; border-color: #FFF !important;cursor:pointer;}
#updateCard{ text-align:center;color:black; background:white; border-radius:5px;font-weight:bold;border:1px inset black;font-size: 14px; font-family: Roboto; padding:10px; margin-left: 10px; position:relative;top:50px;}
.updateCard:hover{background-position:93px -112px !important; background-color: #051c37 !important; color: #FFF !important; border-color: #FFF !important;cursor:pointer;}
.getpdf{margin-left:130px;position: relative; top:50px; color:blue;}
.getpdf:hover{color:red;cursor: pointer;}
.getpdf:active{color:black;}
#cmessage{font-size: 14px;color: black;margin-left: 10px;}
.success{background:#fff;margin:auto; margin-top:250px; margin-bottom:175px;width:450px; min-height:300px; box-shadow: 50px 50px 20px #888888;}
.success h2{width: 100%; text-align: center; padding-top:75px;}
.success p{font-size: 17.5px; line-height: 1.42857; color: black; margin-left:25px}
#ccard{margin-bottom:25px;padding-top:15px; text-align: center;     margin-left: 120px;}
div.selectBox {
    position:relative;
    cursor:default;
    text-align:left;
    line-height:20px;
    color:#888;
    padding-bottom:25px;
    
}
span.selected {
    min-width:118px;
    text-indent:4px;
    border:1px solid #ccc;
    border-right:none;
    background:#fff;
    overflow:hidden;
  
}
span.selectArrow {
    width:20px;
    border:1px solid #ccc;
    border-left:none;
    
    text-align:center;
    font-size:9px;
    color:black;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    background:#fff;
}
 
span.selectArrow,span.selected {
    position:relative;
    float:left;
    height:17px;
    color:black;
    
}

div.selectOptions {
    position:absolute;
    top:19px;
    left:0;
    width:198px;
    border:1px solid #4096ee;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
    overflow:hidden;
    background:#fff;
    display:none;
    z-index:1;
}
     
span.selectOption {
    display:block;
    width:95%;
    line-height:10px;
    padding:5px;
    color:black;
}
 
span.selectOption:hover {
    color:#f6f6f6;
    background:#4096ee;         
}    

span.otherArrow {
    width:20px;
    border:1px solid #ccc;
    border-left:none;
    
    text-align:center;
    font-size:9px;
    color:black;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    background:#fff;
}
 
span.otherArrow{
    position:relative;
    float:left;
    height:25px;
    color:black;
    
}

.fonts{
	float:right;
	position:relative;
	right:10px;
	}    
	
	#a1{
	font-family:"arial"
	}  
	
	#b2{
	font-family:"Impact"
	} 
	
	#c3{
	font-family:"Lucida Calligraphy"
	}
	#d4{
	font-family:"palatino"
	}
	#e5{
	font-family:"rockwell"
	}
	#f6{
	font-family:"tahoma"
	}
	#g7{
	font-family:"Stencil"
	}
	#h8{
	font-family:"Edwardian Script ITC"
	}
	#i9{
	font-family:"Courier New"
	}
	#j10{
	font-family:"Verdana"
	}