@charset "utf-8";
/* CSS Document */

form.payment label, form.payment input, form.payment select {
    display: block;
    float: left;
    margin: 10px 0;
    width:80%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    padding:5px;
}

form.payment label {
    width:20%;   
}

form.payment #x_card_code {
    margin: 5px 0;
    width: 100px;
}
form.payment input#x_card_code {
    margin: 5px 0;
    width: 100px;
}

form.payment .monthdate {
    margin: 5px 0;
    width: 100px;
}
form.payment input[type=submit] {
    border: 1px solid #297BA3;
    clear: both;
    background-color:#084478;
	color: #FFF;
    display: block;
    letter-spacing: 2px;
    text-align: center;
    text-shadow: 0 0 0.1em #000;
    width: auto;
	padding:10px;
	cursor:pointer;
	font-weight:bold;
}

form.payment input[type=button] {
    border: 1px solid #297BA3;
    clear: both;
    background-color:#084478;
	color: #FFF;
    display: block;
    letter-spacing: 2px;
    text-align: center;
    text-shadow: 0 0 0.1em #000;
    width: auto;
	padding:10px;
	cursor:pointer;
	font-weight:bold;
}

form.payment #cvvpic {
    clear: right;
    display: block;
    float: right;
    width: 600px;
}
form.contact label {
    clear: both;
    display: block;
    float: left;
    margin: 5px 0;
    width: 180px;
}
form.contact input {
    margin: 5px 0;
    width: 259px;
}
form.contact select {
    margin: 5px 0;
    width: 263px;
}
form.contact input#submit {
    background: url("../images/submitBG.jpg") repeat-x scroll center top #6b8627;
    border: 1px solid #262f06;
    clear: both;
    color: #fff;
    display: block;
    font: 24px/23px Impact,Arial,Helvetica,sans-serif;
    letter-spacing: 2px;
    text-align: center;
    text-shadow: 0 0 0.1em #000;
    width: auto;
}
form.contact input#submit:hover {
    background: url("../images/submitBG.jpg") repeat-x scroll center bottom rgba(0, 0, 0, 0);
}
.attn {
    color: red;
    font-weight: bold;
}
.attn a, .attn a:hover {
    border-color: red;
    color: red;
}
form select.month {
    width: 95px;
}
form select.year {
    width: 55px;
}
.tooltip {
    display: block;
    float: right;
    margin-right: 300px;
}
#validationbox {
    display: none;
}

@media only screen and (max-width:800px) {
    form.payment label, form.payment input, form.payment select {
        display:block;
        float:none;
        width:100%;
    }
    
    form.payment label {
        font-weight: bold;   
    }
    
    form.payment #cvvpic {
        width:auto;   
    }
}

@media only screen and (max-width:480px) {
    
    form.payment #cvvpic {
        float:none;   
    }
}