﻿body {
}

/*  Form Elements  */
.form li,
.mainContent .form li{
    clear:left;
    margin-bottom:.9em;
    list-style:none;
    margin-left:0;
}
.form label{
    display:block;
    float:left;
    width:125px;
    margin-right:5px;
    margin-top:1px;
}
.form .formInput{
    width:270px;    
    font-size:1em;
    padding:2px;
}
.form textarea{
    width:274px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
}
.form input.medium{
    width:160px;
}
.form input.small{
    width:60px;
}
.form select{
    width:200px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
}
.form .formContent{
    margin-left:130px;
}
.form .chkBox input{
    padding:0px;
    margin:0px;
    vertical-align:-.15em;
}
.form .chkBox label{
    display:inline;
    float:none;
    width:auto;
    margin:0 0 0 7px;
}
.formButton{
    width:150px;
}
.form li.notice{
    padding-left:290px;
    font-size:.9em;
}


/*  Login/Register Page  */
.loginReg{
    margin-top:20px;
}
.loginLeft{
    float:left;
    width:46%;
    margin-right:2%;
}
.loginRight{
    float:left;
    width:49%;
    border-left:1px solid #005496;
    padding-left:2%;
}
.loginReg .notice{
    float:right;
    padding-top:.3em;
}
.loginReg h3.formSection{
    margin:15px 0 5px;
}
.loginLeft ul.form{
    clear:both;
}
.form .formButton{
    width:150px;
}


/*  Shopping Cart  */
.comTable{
    border-collapse:collapse;
    width:100%;
}
/* need narrower table when right channel  */
.withRight .comTable{
    width:740px;
}
.comTable tr.even,
.comTable tr.even td{
    background-color:#f3f2f3;
}
.comTable tr.pending,
.comTable tr.pending td{
    background-color:#dbd6d4;
}
.comTable th{
    padding:0px 7px;
    border:1px solid #005496;
    vertical-align:middle;
    line-height:2; 
}
.comTable td{
    padding:7px;
    border:1px solid #005496;
    vertical-align:top; 
}
.comTable td.noBorder{
    border:none;
}
.comTable .left{
    text-align:left;
}
.comTable .right{
    text-align:right;
}
.comTable .center{
    text-align:center;
}
.comTable .middle{
    vertical-align:middle;
}
.comTable td.btns{
    text-align:right;
    padding-right:0px;
}
.comTable strong{
    font-size:1.1em;
}

.comTable .formButton{
    width:150px;
}
.comTable .formInput{
    width:200px;
}
.comTable select,
.comTable textarea{
    border:1px solid #005496;
}

.comTable th.gift{
    width:87px;
    white-space:nowrap;
    padding:0px;
}
.comTable th.qty{
    width:67px;
    white-space:nowrap;
    padding:0px;
}
.comTable th.price{
    width:80px;
}
.comTable th.total{
    width:90px;
}
.comTable th.remove{
    width:62px;
    white-space:nowrap;
    padding:0px;
}

.comTable .item img{
    float:left;
    margin-right:7px;
}

/*  Delivery Details  */
.delDetails{
    margin-bottom:15px;
}
.delDetails .formButton{
    width:150px;
}
.delType{font-size:1.1em;}
.delType a{font-size:.9em;}

.addressList{
    margin-bottom:20px;
    border-bottom:1px solid #005496;
    padding-bottom:20px;
}
.addressList table,
.withRight .addressList table{
    width:40%;
    border-width:0px 1px;
    border-color:#005496;
    border-style:solid;
}
.addressList table td{
    border-width:1px 0px;
}
.addressList table .editBtns{
    text-align:right;
}
.addressList .linkButton{
    display:block;
    margin-top:10px;
    background-color:#76C23E;
    border-color:#76C23E;
    font-weight:bold;
    float:none;
    color:#FFF;
}
.giftCard textarea{
    width:40%;
    margin-bottom:10px;
}

/*  Payment Page  */
.form select.paytype{
    width:275px;
}
.form select.month{
    width:150px;
}
.form select.year{
    width:75px;
}
.delLabel{
    display:block;
    float:left;
    width:115px;
}
.delAddress{
    padding-top:.15em;
    margin-left:120px;
}

/*  Receipt Page  */
.details td{
    padding:3px 7px;
}
.receipt table{
    margin-bottom:20px;
}
.receipt h3.formSection{
    font-size:1.1em;
    margin-top:0;
    line-height:1;
}

/*  My Account  */
table.addresses{
    width:auto;
    margin:5px 0 10px;
}
.addresses th{
    vertical-align:bottom;
    line-height:1.4
}
.addresses td{
    vertical-align:middle;
}
.addresses .radioCol{
    width:50px;
}
.addresses .linkButton{
    float:none;
    width:auto;
    padding:0px 7px;
}
table.chkBox td{
    padding-bottom:5px;
    
}