@charset "utf-8";

.form-index {
    margin: 150px 0 0 -15px;
    padding: 10px;
    position: relative;
    width: 286px;
    text-align: center;
}

.form-index p {
    text-align: center;
    font-size: 18px !important;
}

.form-index input {
    width: 160px !important;
}

.form-index select {
    height: 25px !important;
    width: 168px !important;
}

.form-index label {
    color: #fff !important;
    width: 110px !important;
}

.form-index .rushOrder {
    background-color: #FF0162 !important;
    font-size: 17px !important;
    width: 200px !important;
}

#formContainer {
    width: 270px;
    margin: 0 auto;
    position: absolute;
    top: 200px;
    right: 30px;
}

#orderform {
    overflow: visible;
    position: relative;
}

#orderform label, .form-index label {
    color: #000;
    display: block;
    float: left;
    font: bold 17px Arial, Helvetica, sans-serif;
    width: 150px;
    text-align: right;
}

#orderform input, #orderform select, #form-index input, #form-index select {
    height: 20px;
    border: 1px solid green;
    font: normal 12px/16px Arial, Helvetica, sans-serif;
    padding: 3px;
    width: 370px;
    margin: 0 0 13px 5px;
    *margin-bottom: 16px;

}

#orderform input:focus, #form-index input:focus {
    box-shadow: 0 0 5px red;
    -webkit-box-shadow: 0 0 5px red;
    -moz-box-shadow: 0 0 5px red;
    border: 1px solid red;
}

#orderform select {
    width: 379px;
    height: 25px;
}

#orderform .rushOrder, .form-index .rushOrder {
    display: block;
    background-color: #000;
    border: none;
    width: 291px;
    text-transform: uppercase;
    text-shadow: 1px 1px #000000;
    font: bold 25px Verdana, Geneva, sans-serif;
    overflow: hidden;
    cursor: pointer;
    margin: 0 auto;
    color: #FFFFFF;
}

#form {
    visibility: hidden;
}

#orderform br {
    clear: both;
}

.tip {
    position: absolute !important;
    width: 150px;
}

.toolTip {
    background: red none repeat scroll 0 0;
    border: medium solid black;
    border-radius: 4px;
    color: #fff;
    font: bold 11px "verdana";
    left: -12px;
    margin-top: -30px;
    padding: 5px;
    position: absolute;
    text-align: center;
    width: 150px;
    z-index: 10;
}

.toolTipArrow {
    border-color: transparent transparent red transparent;
    border-style: solid;
    border-width: 11px;
    height: 0px;
    width: 0px;
    position: absolute;
    top: -20px;
    left: 20px;
    display: block;
    content: "\00a0";
}

.toolTipArrow:before {
    border-color: transparent transparent red transparent;
    position: absolute;
    top: -11px;
    left: -12px;
    border-style: solid;
    border-width: 12px;
    height: 0px;
    width: 0px;
    display: block;
    content: "\00a0";
}

#formStep2 {
    overflow: visible;
}

form#orderform fieldset {
    border: none;
}

form#orderform legend {
    font: bold 20px/22px Georgia, "Times New Roman", Times, serif;
    text-align: center;
    margin: 0 auto;
}

p.displayInfo {
    background: url('../img/reload.jpg') left top no-repeat;
    cursor: pointer;
    display: block;
    width: 180px;
    height: 20px;
    padding: 2px 0 2px 22px;
    margin: 10px auto;
}

div.mainInfo {
    display: none;
}

input#sameshipping {
    display: inline;
    float: left;
    width: 20px;
    height: 15px;
}

fieldset#billingInfo {
    display: none;
}

fieldset.ccInfo {
    position: relative;
}

#orderform #exp_year {
    margin-left: 90px;
}

#orderform #cvv2Number {
    width: 50px;
}

.help {
    cursor: pointer;
}

.cvvLocation {
    display: none;
    position: absolute;
    top: -65px;
    left: -190px;
}

.rush {
    left: 688px;
    position: absolute;
    top: 513px;
    text-transform: uppercase;
    font-size: 31px;
    text-shadow: 3px 2px #b02b02;
    font-weight: bold;
    cursor: pointer;
}

.rush a {
    color: #FFFFFF;
    padding: 15px;
    text-decoration: none;
}

