﻿/* GLOBAL SETUP */

body,html
{
    margin: 0; padding: 0;
    font-family: Arial, Tahoma, Helvetica;
    font-size: 12px;
}

img {border:0;}

a { }
a:hover { color: #5599FF; }

.font10 {font-size:10px;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}

/* E-STORE STYLES */

/* CHECKOUT */
/* is used for all input fields */
input.inputBox { width: 220px; font-family: Arial; font-size: 10pt; }
select.inputBox { width: 224px; font-family: Arial; font-size: 10pt; }
textarea.inputBox { width: 220px; font-family: Arial; font-size: 10pt; }

/* CART PAGE */

.cartPage { width: 600px; }
.cartHeader { font-size: 16px; font-weight: bold; }
.cartControl {  }
.cartControl .removeColumn { width: 35px; text-align: center; }
.cartControl .quantityColumn { width: 60px; text-align: center; }
.cartControl .nameColumn { width: 600px; }
.cartControl .unitPriceColumn { width: 60px; }
.cartControl .totalPriceColumn { width: 60px; text-align: right; }

.enterDiscount { padding-top: 40px; }
.enterDiscount .discountBox { width: 100px; }
.keepShopping { position: absolute; top: 65px; left: 470px; }
.checkoutButton { position: absolute; top: 100px; left: 470px; }

/* CHECKOUT PAGE */

.checkoutHeader { font-size: 16px; font-weight: bold; margin-bottom:10px;}
.checkoutSubHeader { font-size: 14px; font-weight: bold; margin-bottom:5px;}
.checkoutChange a {font-size:10px;font-weight:normal;}

.checkoutArea .expDate { width: 100px; }
.checkoutArea .securityCode { width: 50px; }
.checkoutArea .cardError { color: Red; }
.checkoutArea .comments { width: 300px; }
.loginOption { padding: 15px;  }
.validation { padding-left: 15px; }
.blackTab { background-color: Black; color: White; padding: 2px 2px 2px 10px; width: 200px; }

.checkoutCartControl .cartBox { margin: 10px; padding: 5px; background-color: #EEEEEE; }
.checkoutCartControl .cartBox .productName { }
.checkoutCartControl .cartBox .properties { padding: 0px 0px 5px 95px; }
.checkoutCartControl .cartBox .discount { text-align: right; padding-right: 10px; color: Red; }
.checkoutCartControl .cartBox .cartTotal { text-align: right; border-top: 1px solid black; padding-right: 10px; }
