/* 
    Document   : ShoppingCart
    Created on : December 4, 2006, 8:45 PM
    Author     : Christian
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

.Buttons {
    text-align: right;
}

.Product .ProductImage {
    float: left;
}


table.Product th, table.Product td {
    text-align: left;
    vertical-align: top;
}
table.Product .ProductImage {
    float: none;
}
table.Product .ProductImage td {
    padding-bottom: 2ex;
}
table.Product .ProductThumbnail {
    padding: 1ex;
    vertical-align: middle;
}
table.Product .ProductTitle .Textbox,
table.Product .ProductDescription .Textbox {
    width: 100%;
}
table.Product .ProductToolbar td {
    text-align: center;
    padding-top: 2ex;
    border-top: 1px solid black;
}

.ProductList {
    width: 35em;
}
.ProductList.Admin {
    width: 45em;
}

.ProductList td {
    vertical-align: top;
    padding: 3px;
}

.ProductList .Product {
    cursor: pointer;
}

.ProductList.Outlined .Product {
    cursor: default;
}
/*
.ProductList .Product .ProductImage img {
    width: 70px;
    height: 90px;
}
*/
.ProductList .Product.Highlighted {
    background-color: #aaccee;
}

.PersonalInfo th {
    text-align: left;
}

.PersonalInfo td {
    padding-bottom: 1px;
}

.PersonalInfo .Textbox {
    width: 15em;
}

.ProductPrice, .ProductTotalPrice, .OrderTotal .ProductPrice, .ProductDelivery {
    text-align: right;
}
.OrderTax .ProductPrice {
    text-align: right !important;
}
.ProductList .ProductPrice, div.Product .ProductPrice {
    text-align: left;
}
.ProductDeliveryInfo {
    border-top: 1px solid black;
}

.ProductTotalPrice, .OrderTotal .ProductPrice {
    font-weight: bold;
}

.OrderTotal .ProductPrice {
    font-size: 120%;
}

.OrderSubTotal th, .OrderTax th, .OrderTotal th {
    font-size: 120%;
    text-align: right;
}

.OrderSubTotal th, .OrderTax th {
    font-weight: normal;
}

.ProductList.Outlined {
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}
.ProductList.Outlined th, .ProductList.Outlined td {
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.GiftCertificate th {
    text-align: left;
    vertical-align: top;
}
.GiftCertificate th, .GiftCertificate td {
    padding-bottom: 5px;
    border: none !important;
}

#GiftCertificateTotals td {
    text-align: right;
}

.Textbox.Currency {
    width: 4em;
    text-align: right;
}

#ShoppingCartHeader th {
	text-align: left;
	vertical-align: top;
}

.Error th, .ErrorHelp {
    color: #bb0000;
    font-weight: bold;
}

.ErrorHelp {
    display: none;
    padding-left: 0.5em;
}

.Error .ErrorHelp {
    display: block;
}

.DateShippedTextbox, .InvoiceNumTextbox {
    width: 6em;
    font-size: 10px;
    background: white;
    border: none;
    cursor: default;
    margin: 1px;
    text-align: center;
}

.InvoiceNumTextbox {
    width: 3em;
}

.InvoiceNumTextbox.Focused {
    margin: 0;
    border: 1px solid black !important;
    background: #ffffcc;
}

.DateShippedTextbox.Highlighted, .InvoiceNumTextbox.Highlighted {
    margin: 0;
    border: 1px solid blue;
}

#ShippingMessage {
    width: 600px;
}

#ShippingMessage th {
    text-align: left;
}

#ShippingMessage .Textbox {
    width: 100%;
}

#ShippingMessage textarea {
    width: 100%;
}

.ProductList.Admin td {
    border-bottom: 1px solid rgb(102, 0, 51);
}
.ProductList.Admin .First td {
    border-top: 1px solid rgb(102, 0, 51);
}

.First .Button.MoveUp {
    visibility: hidden;
}
.Last .Button.MoveDown {
    visibility: hidden;
}

#PersonalizeProductForm th {
    text-align: left;
}

#PersonalMessageCounterContainer,
#PersonalMessageCounter {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    
}
#PersonalMessageCounter {
    border: none;
    background: transparent;
}

.Textbox {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10pt;
}

.CustomerCreditCard {
    margin-top: 2ex;
}
.CustomerCreditCard th {
    text-align: left;
}