/* --- gcart specific styles --- */

code {
    background: #fff;
    font-size: 150%;
}
#viewForm form {
    margin: 0;
    padding: 0;
}

#viewForm table {
    width: 100%;
    padding: 0px;
    background-color: #666;
    margin-bottom: 5px;
}

#viewForm .viewHead {
    background-color: #ccc;
    font-weight: bold;
}

#viewForm td {
    padding: 5px;
    background-color: #fff;
}

#viewForm .total {
    background-color: #ccc;
    text-align: right;
    font-weight: bold;
}

#viewForm .right, .checkout .right {
    text-align: right;
}

#viewForm .qty {
    width: 20px;
}
#viewForm .update {
    background-color: #999;
    color: #fff;
    font-size: 90%;
}
#viewForm #buttons {
    width: 100%;
    margin-top: 7px;
}
#viewForm #buttons form {
    display: inline;
    margin: 0 10px 0 0;
}
#viewForm #buttons input {
    width: 160px;
    font-weight: bold;
}
#viewForm #buttons input:hover {
    background: #333;
    color: #fff;
    cursor: pointer; 
}
#viewForm #buttons div {
    display: inline;
}

.cartphoto {
    width: 80px;
    height: 53px;
    border: 1px solid #000;
}

#multip table {
    width: 100%;
    background: #ccc;
}
#multip td {
    background: #eee;
    padding: 4px;
}

#receipt form {
    margin: 0;
    padding: 0;
}

#receipt table {
    width: 100%;
    border: 2px solid #3874BB;
    padding: 0px;
    background-color: #666;
    margin-bottom: 5px;
    margin-top: 10px;
}

#receipt .viewHead {
    background-color: #ccc;
    font-weight: bold;
}

#receipt td {
    padding: 5px;
    background-color: #fff;
}

#receipt .total {
    background-color: #ccc;
    text-align: right;
    font-weight: bold;
}

#receipt .right {
    text-align: right;
}

.checkout table {
    width: 100%;
}

.checkout td {
    vertical-align: text-top;
    width: 50%;
}

.checkout p {
    margin: 0;
    padding: 0;
}
.checkout h1 {
    background-color: #ccc;
    padding: 5px 10px 5px 10px;
    font-size: 140%;
}
.checkout h4 {
    padding: 5px;
    margin: 15px 0 0 0;
    background: #ccc;
    border: 4px solid #999;
}
.checkout input {
    margin-bottom: 3px;
    padding: 2px;
}


#customerform table {
    padding: 0px;
    background-color: #fff;
    margin-bottom: 5px;
    margin-top: 10px;
    width: 90%;
}
#customerform h2 {
    margin: 0;
    padding: 0;
}

#customerform .right {
    text-align: right;
}

#customerform .reqfields {
    color: #ff6600;
    font-weight: bold;
}

#errorcform {
    margin-top: 10px;
}


#showcustomer table {
    width: 100%;
    border: 1px solid #666;
}

#showcustomer a {
    color: #333;
}
#showcustomer td {
    padding: 5px;
    vertical-align: top;
}

#showcustomer a:hover {
    color: #660000;
}
#showcustomer .viewHead {
    background-color: #ccc;
    font-weight: bold;
}

#customerform .submit {
    text-align: center;
}

#customerform .submit input {
    background-color: #333;
    color: #fff;
    font-weight: bold;
    margin-top: 10px;
}
#customerform .info {
    width: 80%;
}


p.saveupdate {
    font-weight: bold;
    color: red;
}

.shorter {
    width: 100px;
}

/* admin specific */


#admin table {
    width: 65%;
    background-color: #eee;
    margin-left: 15%;
    margin-right: 15%;
    border: 5px solid #333;
    text-align: left;

}

#admin a {
    text-decoration: none;
}

#admin .admincenter {
    text-align: center;
    vertical-align: top;
}

#admin .admincenter h3 {
    text-align: center;
    background-color: #ccc;
}

#admin .result {
    text-align: center;
    font-size: 100%;
    font-weight: bold;
    color: #eee;
    background-color: #333;
}

#admin .admincenter h2 {
    padding: 0;
    margin: 3px;
}