body { margin: 0 auto; background-color: #000; color: #d7e3ce; text-align: center;}

IMG { border-style: none; }

#container { margin: 20px auto; width: 700px; height: auto; padding: 20px; 
background-color: #363636; border: outset 4px #444; }

.lightframe {
margin: auto;
width: 650px;
height: auto;
padding: 10px;
background-color: #444;
border: outset 2px #555;
}

.grayframe { margin: auto; width: 650px; height: auto; background-color: #363636;
padding-top: 10px; padding-bottom: 10px; }

.blackframe {
margin: 6px auto;
width: 650px;
height: 4px;
padding: 0px;
background-color: #000;
}

.container-title { background-color: #333; margin: 10px auto; width: 650px; height: 100px; border: outset 2px #363636; }

.containerinline {
margin: 12px auto;
width: 650px;
height: 240px;
background-color: transparent;
}

.containerinlinemini {
margin: 12px auto;
width: 650px;
height: 180px;
background-color: transparent;
}

.floatbox-left {
float: left;
width: 320px;
height: auto;
margin: 10px 0px;
text-align: center;
}
.floatbox-right {
float: right;
width: 320px;
height: auto;
margin: 10px 0px;
text-align: center;
}

a:link { color: #02c4ff; background-color: transparent; text-decoration: none; }
a:visited { color: #02c4ff; text-decoration: none; }
a:hover { color: #bbeaef; text-decoration: none; }
a:active { color: #fff; text-decoration: none; }

.linkinline a:link { color: #02c4ff; text-decoration: none; }
.linkinline a:visited { color: #02c4ff; text-decoration: none; }
.linkinline a:hover { color: #bbeaef; text-decoration: none; }
.linkinline a:active { color: #fff; text-decoration: none; }

.linkcnt { color: #02c4ff; font-style: normal; font-weight: normal; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: center; }
.linkcnt a:link { color: #02c4ff; text-decoration: none; }
.linkcnt a:visited { color: #02c4ff; text-decoration: none; }
.linkcnt a:hover { color: #bbeaef; text-decoration: none; }
.linkcnt a:active { color: #fff; text-decoration: none; }

p { color: #fff; font-style: normal; font-weight: normal; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; line-height: 18px; letter-spacing: 0.1em; }

h1 { color: #02c4ff; font-style: italic; font-weight: bold; font-size: 24px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: center; }

h2 { color: #bbeaef; font-style: italic; font-weight: bold; font-size: 18px; line-height: 18px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: center; }

h3 { color: #02c4ff; font-style: italic; font-weight: bold; font-size: 14px; line-height: 16px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: center; }

.parhead { font-style: normal; text-align: left; }
.notewht { font-size: 12px; margin-right: 30px; margin-left: 30px; }
.indent { margin-left: 10px; }
.white { color: #fff; }
.center { text-align: center; }
.left { text-align: left; }

.hiddenPic {display:none;}

/* Buttons*/
.buttons-2 { width: 426px; margin: auto; }
.buttons-1 { width: 213px; margin: 10px auto auto; }
.linkbutton { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; 
font-size: 12px; text-decoration: none; text-align: center; line-height: 14px; 
background-color: #333; width: 200px; height: auto; float: left; margin: 4px; border: outset 2px #555; }
.linkbutton a:link { color: #02c4ff; text-decoration: none; }
.linkbutton a:visited { color: #02c4ff; text-decoration: none; }
.linkbutton a:hover { display: block; color: #bbeaef; background-image: url(../webdesign/images/link-button.jpg); }
.linkbutton a:active { display: block; color: #fff; background-image: url(../webdesign/images/link-button.jpg); }
.linkbutton-off { font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; 
background-image: url(../webdesign/images/link-button-off.jpg); 
font-size: 12px; text-decoration: none; text-align: center; line-height: 14px; 
background-color: #333; color: #02c4ff; width: 200px; height: auto; float: left; margin: 4px; border: outset 2px #555; }

/* Clearfix extends containers to enclose the float box */
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }

.clearfix {display: inline-block;} /* for mac IE */

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Use for vertical space around payment button on payment page*/
.v-space { margin-top: 20px; margin-bottom: 20px;}
.v-space-40 { margin-top: 40px; margin-bottom: 40px;}