/* consider "display: none/block" instead of visibility: hidden/visible
       if you don't want the hidden divs to occupy space */
.paymentOption {
    visibility: hidden;
}
.paymentOptionShow {
    visibility: visible;
}

.mycontent-borders {
  border-right: 1px dashed #333;
}

.modal{
    max-height: 420px;
    overflow-y: auto;
}

.myBG{
	background-color: #ffffff;
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030;
	border-radius: 0;
	top: 0;
	padding: 0px;
}

/* Reset body padding and margins */
body { margin:0; padding:0; }
 
/* Make Header Sticky */
#header_container { background:#eee; border:1px solid #666; height:60px; left:0; position:fixed; width:100%; top:0; }
#header{ line-height:60px; margin:0 auto; width:940px; text-align:center;}
 
/* CSS for the content of page. I am giving top and bottom padding of 80px to make sure the header and footer do not overlap the content.*/
#content_container { margin:0 auto; overflow:auto; padding:20px 0;}
#content{}
 
/* Make Footer Sticky */
#footer_container { background:#eee; border:1px solid #666; bottom:0; height:60px; left:0; position:fixed; width:100%; }
#footer { line-height:60px; margin:0 auto; width:940px; text-align:center; }


.black_bg{
	background-color: #232a31;
	color: #d0d700;
	font-family: Montserrat, Arial, Helvetica, sans-serif;
	}

.caption_white {
  padding: 9px;
  color: #ffffff;
}

.caption_black {
  padding: 9px;
  color: #232a31;
}

.scroller {
}

.divider_2 {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #232a31;
  border-bottom: 1px solid #566677;
}