body
{
margin:0;
padding:0;
margin-bottom:10px;
}
img
{
border:none;
}
h1
{
font-family:Verdana;
font-size:90%;
color:#01216c;
}
a
{
color:#01216c;
}
a.no-border
{
border:none;
}
#container
{
width:679px;
margin:0 auto 0 auto;
padding:0;
background: white;
}
#header
{
background:url(New_Header.jpg) no-repeat;
width:679px;
height:180px;
margin:0 0 10px 0;
padding:0;
}
#header ul
{
float:left;
margin:0;
padding:0;
position:relative;
top:90px;
left:20px;
}
#header ul li
{
display:inline;
}
#header ul li a
{
color:white;
font-family: times new roman;
font-weight: bold;
font-style: italic;
display:block;
float:left;
text-decoration:none;
padding: 2px 4px 2px 4px;
}
#header ul li a:hover
{
color:white;
background:#5b0d0f;
}
#store-service-menu
{
height:auto;
width:100%;
margin:0;
margin-bottom:10px;
padding:0;
float:left;
}
#store-service-menu ul
{
float:left;
margin:0;
padding:0;
position:relative;
left:290px;
}
#store-service-menu ul li
{
display:inline;
}
#store-service-menu ul li a
{
display:block;
float:left;
color:#5f4c0a;
text-decoration:none;
padding:0px 10px 0px 10px;
border-right:solid 1px #005eb5;
}
#store-service-menu ul li a:hover
{
color:white;
background:#5b0d0f;
}
#category-menu
{
float:left;
height:auto;
width:200px;
margin:0;
padding:0;
clear:left;
}
#category-menu ul
{
margin:0;
padding:0;
list-style-type:none;
width:100%;
}
#category-menu ul li a
{
display:block;
width:100%;
padding:6px;
color:#5f4c0a;
text-decoration:none;
border-bottom:solid 1px #5b0d0f;
}
#category-menu ul ul li a
{
padding-left:20px;
width:186px;
}
#category-menu ul li a:hover
{
color:white;
background:#5b0d0f;
}
#content-container
{
height:auto;
min-height:200px;
width:425px;
padding:60px 10px 10px 20px;
margin:0;
float:right;
}
.default-container
{
background:#eeecdc no-repeat;
}
.wines-container
{
background:#eeecdc no-repeat;
}
.gifts-container
{
background:#eeecdc no-repeat;
}
.food-container
{
background:#eeecdc no-repeat;
}
#form-container
{
height:auto;
min-height:200px;
width:425px;
padding:30px 10px 10px 20px;
margin:0;
background:#eeecdc no-repeat;
float:right;
}
#orders-container
{
height:auto;
min-height:200px;
width:445px;
padding:30px 5px 10px 5px;
margin:0;
background:#eeecdc no-repeat;
float:right;
}
*html #content-container
{
height:200px;
}
*html #form-container
{
height:200px;
}
*html #orders-container
{
height:200px;
}
#content-container-footer
{
float:right;
background:#eeecdc no-repeat;
width:455px;
height:17px;
padding:0;
margin:0;
}
.product-container
{
background:url(product-container-back.jpg) no-repeat left bottom;
min-height:100px;
font-family:Tahoma;
font-size:80%;
padding:10px 0 10px 0;
width:400px;
float:left;
}
*html .product-container
{
height:100px;
}
.summary-image
{
float:left;
clear:left;
margin:0 10px 10px 0;
}
.details-image
{
float:left;
clear:left;
margin:0 10px 10px 0;
}
.summary-description
{
margin:0 0 0 100px;
text-align:justify;
}
.details-description
{
margin:0 0 0 190px;
text-align:justify;
}
.product-price
{
font-size:120%;
font-weight:bold;
color:#330066;
}
#footer
{
width:100%;
height:auto;
float:left;
text-align:center;
}
#footer ul
{
float:left;
margin:20px 0 20px 0;
padding:0;
}
#footer ul li
{
display:inline;
}
#footer ul li a
{
color:#5f4c0a;
display:block;
float:left;
text-decoration:none;
padding:0px 6px 0px 6px;
border-right:solid 1px #005eb5;
}
#footer ul li a:hover
{
color:white;
background:#5f4c0a;
}
/*
 ================================= 
 Cart page, {Plugin.Cart}
 ================================= 
*/
#section-cart
{
float:none;
clear:both;
}
#Cart-container-continue1, 
#Cart-container-continue2, 
#Cart-container-back, 
#Cart-container-CancelLogin,
{
float:left;
padding-bottom:5px;
}
#Cart-container-print
{
float:none;
}
#Cart-back,
#Cart-update,
#Cart-continue1, 
#Cart-continue2, 
#Cart-CancelLogin,
#Cart-print
{
width:80px;
}
/*
 -------------------------------------------------
 Plugin.Login, Plugin.Cart: Sign In, Sign Up, step
 -------------------------------------------------
*/
#section-cart #section-login
{
float:left;
width:100%;
}
#section-cart #section-signup
{
float:left;
padding-top:20px;
}
#section-cart #section-login label
{
width:65px;
}
#section-cart #section-signup label
{
width:135px;
}
#section-cart #section-login input
{
width:200px;
}
#section-cart #signin-container-E_Password a 
{
float:left;
width:400px;
}
#Cart-container-continue1
{
float:left;
width:80px;
padding-top:5px;
}
#section-cart #signin-container-error,
#section-cart #Login-container-error
{
float:none;
clear:both;
}
#section-cart #signin-container-error label,
#section-cart #Login-container-error label,
#section-cart #Login-container-NoAccount label
{
width:auto;
}
#section-cart #Login-container-Login
{
float:left;
clear:left;
}
#section-cart #section-login #Cart-continue1
{
width:80px;
}
#section-cart #Login-container-NoAccount
{
float:left;
margin-left:5px;
}
#section-cart #login-form 
{
clear:both;
}
#section-cart #signup-container-FName,
#section-cart #signup-container-LName,
#section-cart #signup-container-Email,
#section-cart #signup-container-Password,
#section-cart #signin-E_Email
{
margin-bottom:1px;
}
/*
 ---------------------------------
 Shipping Step
 ---------------------------------
*/
#section-content-container-cart #section-contactaddress
{
padding-right:100px;
float:left;
width:150px;
padding-bottom:10px;
}
#section-content-container-cart #section-shippingaddress
{
float:left;
width:150px;
padding-bottom:10px;
}
#section-shipping
{
margin-top:5px;
clear:both;
}
/*
 --------------------------------------------
 Contact address (Accessed from Shipping step
 --------------------------------------------
*/
#address-container-Title label,
#address-container-FName label,
#address-container-LName label,
#address-container-Email label,
#address-container-Phone1 label,
#address-container-Fax label,
#address-container-Company label,
#address-container-Address1 label,
#address-container-Address2 label,
#address-container-City label,
#address-container-StateID label,
#address-container-Zip label,
#address-container-CountryID label
{
width:75px;
}
#address-container-FName,
#address-container-LName,
#address-container-Phone1,
#address-container-Fax,
#address-container-StateID,
#address-container-Zip
{
float:left;
}
#address-container-Email,
#address-container-Address1,
#address-container-Address2,
#address-container-Company,
#address-container-City,
#address-container-CountryID
{
clear:both;
padding-top:1px;
}
#address-container-Title
{
padding-bottom:1px;
}
#address-container-Email,
#address-container-City
{
padding-bottom:1px;
}
#address-container-LName label,
#address-container-Fax label,
#address-container-Zip label
{
width:35px;
}
#address-FName,
#address-LName,
#address-Phone1,
#address-Fax,
#address-Zip
{
width:154px;
}
#address-Title,
#address-Email,
#address-Address1,
#address-Address2,
#address-City,
#address-Company
{
width:352px;
}
#address-CountryID
{
width:356px;
}
#address-add
{
width:80px;
}
#address-container-Primary
{
margin-top:5px;
width:400px;
float:left;
}
#address-container-Primary input
{
float:left;
margin-left:0px;
margin-top:5px;
}
#address-container-Primary label
{
width:auto;
padding-top:3px;
float:left;
}
#shipping-addresses-container
{
margin-top:5px;
padding:5px;
border:solid 1px silver;
}
/*
 --------------------------------------------
 Payment Step
 --------------------------------------------
*/
#table-payment-methods input
{
padding:0px;
}
#table-payment-methods .payment-title,
#table-payment-methods .payment-type,
#table-payment-methods .payment-code,
#table-payment-methods .payment-address
{
text-align:left;
vertical-align:top;
}
#table-payment-methods .payment-charge,
#table-payment-methods .payment-valid,
#table-payment-methods .payment-default
{
text-align:center;
vertical-align:top;
}
#table-payment-methods div.field input
{
text-align:right;
width:100px;
}
td.payment-total-lbl,
td.payment-order-subtotal-lbl,
td.payment-order-tax-lbl,
td.payment-order-shipping-lbl,
td.payment-order-total-lbl
{
text-align:right;
width:150px;
}
#payment-container-LoyaltyCardNumber
{
padding-bottom:1px;
}
#payment-container-LoyaltyCardNumber label,
#payment-container-CouponCode label
{
width:130px;
}
#paymentmethod-container-cmdAddMethod
{
text-align:center;
}
#paymentmethod-container-cmdAddMethod div.field input
{
text-align:center;
}
/*
 ---------------------------------
 Payment Method
 ---------------------------------
*/
#payment-method-common label,
#PO_1 label,
#PO_BillingAddress label
{
width:125px;
}
#paymentmethod-container-PaymentIsPrimary,
#paymentmethod-container-DefaultAddress
{
margin-top:2px;
}
#paymentmethod-container-PaymentIsPrimary input,
#paymentmethod-container-DefaultAddress input
{
float:left;
width:auto;
}
#paymentmethod-container-PaymentIsPrimary label,
#paymentmethod-container-DefaultAddress label
{
float:none;
padding-top:3px;
padding-left:3px;
width:auto;
}
#paymentmethod-container-PaymentIsPrimary
{
margin-left:110px;
}
#paymentmethod-container-PaymentName
{
clear:both;
}
#payment-method-common,
#PO_1
{
float:left;
margin-bottom:10px;
padding-left:120px;
width:300px;
}
#PO_BillingAddress
{
padding-left:120px;
width:300px;
}
#paymentmethod-container-CreditCardExpMonth,
#paymentmethod-container-CreditCardExpYear
{
float:left;
}
#paymentmethod-container-CreditCardExpYear
{
padding-left:1px;
}
#PO_BillingAddress,
#PaymentBillingForm,
#paymentmethod-container-cmdDelete
{
clear:both;
}
#paymentmethod-cmdDelete
{
margin-top:5px;
width:80px;
}
#paymentmethod-container-CreditCardName,
#paymentmethod-container-CreditCardType,
#paymentmethod-container-CreditCardNumber,
#paymentmethod-container-PaymentBillingAddress1,
#paymentmethod-container-PaymentBillingAddress2,
#paymentmethod-container-PaymentBillingCity,
#paymentmethod-container-PaymentBillingState,
#paymentmethod-container-PaymentBillingZip
{
margin-bottom:1px;
float:left;
width:300px;
}
#paymentmethod-RO_PaymentType,
#paymentmethod-PaymentType,
#paymentmethod-PaymentName,
#paymentmethod-CreditCardName,
#paymentmethod-CreditCardNumber,
#paymentmethod-PaymentBillingAddress1,
#paymentmethod-PaymentBillingAddress2,
#paymentmethod-PaymentBillingCity,
#paymentmethod-PaymentBillingZip

{
width:160px;
}
#paymentmethod-CreditCardExpYear
{
width:65px;
}
#paymentmethod-CreditCardType,
#paymentmethod-PaymentBillingState,
#paymentmethod-PaymentBillingCountry
{
width:164px;
}
/*
 ---------------------------------
 Confirmation / Summary step
 ---------------------------------
is in Family.CSS since used by multiple template types
*/
/*
 ================================= 
 Orders page, {Plugin.Orders}
 ================================= 
*/
#section-orders,
#table-orders
{
float:none;
clear:both;
}
.order-confirmation, 
.order-tracking, 
.order-date, 
.order-status
{
text-align:left;
}
.order-tax, 
.order-shipping, 
.order-total
{
text-align:right;
}
table.order-details thead
{
background-color:#f3f3f3;
}
table.order-details .code,
table.order-details .item,
table.order-details .reason
{
text-align:left;
}
table.order-details .weight,
table.order-details .price,
table.order-details .discount,
table.order-details .total
{
text-align:right;
}
table.order-details .quantity
{
text-align:center;
}
#section-orders #pager-last
{
float:none;
}
/*
 ========================================================== 
 Payment Methods, Shipping Address, & Client Club lists
 Optionally Used by multiple plugins
 ========================================================== 
*/
#section-payment-methods,
#section-shipping-addresses,
#section-client-clubs
{
float:none;
clear:both;
}
.shippingaddress-title
{
text-align:left;
}
.shippingaddress-default
{
text-align:center;
}
/*
 ----------------------------
 Club List
 ----------------------------
*/
.client-club
{
padding-left:5px;
padding-right:5px;
padding-bottom:10px;
}
#section-client-clubs .first
{
}
#section-client-clubs .last
{
padding-bottom:0px;
}
.client-club-join,
.client-club-edit
{
float:left;
}
.client-club-title
{
float:left;
margin-right:10px;
font-weight:bold;
}
.client-club-description
{
clear:both;
}
/*
 ----------------------------
 Club Join/Edit
 ----------------------------
*/
#section-edit-club
{
float:none;
}
#section-edit-club label
{
float:left;
width:160px;
}
#section-edit-club .container
{
margin-bottom:2px;
}
.edit-club-header-label
{
font-weight:bold;
}
.edit-club-header-title
{
font-weight:normal;
padding-left:5px;
}
.edit-club-description
{
font-style:italic;
margin-bottom:10px;
}
#Club-container-PaymentMethod,
#Club-container-ShippingService
{
margin-left:25px;
}
#Club-container-PaymentMethod
{
margin-left:25px;
}
#Club-container-Pickup
{
float:left;
margin-right:5px;
;
}
#Club-container-ShippingAddress,
#Club-container-PickupStore
{
float:none;
}
#DeliveryAddress
{
margin-left:190px;
border:solid 1px silver;
background-color:whitesmoke;
padding:5px;
}
#section-header-cart
{
float:left;
width:100%;
padding-bottom:10px;
}
#section-header-login,
#section-header-signup
{
float:left;
width:400px;
padding-bottom:5px;
}
#Cart-container-back-signin
{
float:left;
width:80px;
padding-top:5px;
;
padding-right:10px;
}
div#section-cart #Cart-container-back-signin input
{
width:80px;
}
#Cart-container-back-signup
{
float:left;
width:70px;
padding-right:10px;
padding-top:5px;
}
#Cart-container-back-signup input,
#Cart-container-continue2 input
{
width:70px;
}
#Cart-container-continue2
{
float:left;
width:70px;
padding-top:5px;
}
#section-cart #order-products
{
width:400px;
float:left;
}
#section-cart #order-products .quantity input
{
width:40px;
}
#section-cart #order-products .remove,
#section-cart #order-products .item
{
text-align:center;
}
#section-cart #order-products .total,
#section-cart #order-products .price
{
text-align:right;
}
#Cart-container-back
{
float:left;
padding-left:80px;
width:80px;
padding-top:5px;
}
#Cart-container-update
{
float:left;
padding-left:5px;
padding-right:5px;
width:80px;
padding-top:5px;
}
#Cart-container-checkout
{
float:left;
width:80px;
padding-top:5px;
}
#section-cart-shipping-addresses
{
float: left;
width: 400px;
}
#section-content-container-cart-shipping-addresses
{
float:left;
padding-bottom:10px;
padding-top:5px;
width:400px;
}
#section-content-container-cart-shipping-addresses .hint
{
float:left;
padding-bottom:5px;
width:400px;
}
#section-content-container-cart-shipping-addresses .shipping-address-option
{
float:left;
width:400px;
}
#section-content-container-cart-shipping-addresses .shipping-address-option .container
{
float:left;
width:400px;
}
#section-content-container-cart-shipping-addresses .shipping-address-option .edit
{
width:40px;
padding-left:30px;
float:left;
}
#section-content-container-cart-shipping-addresses .shipping-address-option .delete
{
float: left;
width: 300px;
}
#section-content-container-cart-shipping-addresses .shipping-address-option .shipping-address
{
float:left;
padding-bottom:5px;
padding-left:30px;
padding-top:5px;
width:350px;
}
#section-content-container-cart-shipping-addresses .Cart-add-address
{
float:left;
width:400px;
}
#section-cart #address-container-Fax
{
padding-left:40px;
}
#section-cart #address-container-Zip
{
padding-left:32px;
}
#section-cart #address-FName,
#section-cart #address-LName
{
width:352px;
}
#Cart-container-continue
{
float:left;
width:80px;
padding-top:5px;
}
.step-cmds-Delivery #Cart-container-back,
.step-cmds-Shipping #Cart-container-back,
.step-cmds-PaymentMethod #Cart-container-back
{
float:left;
width:80px;
padding-right:10px;
padding-top:5px;
padding-left:120px;
}
.step-cmds-Payment #Cart-container-back
{
float:left;
width:80px;
padding-top:5px;
padding-left:120px;
}
#section-cart #section-shipping #section-header-shipping
{
padding-bottom:5px;
}
#section-cart #table-payment-methods
{
float:left;
width:400px;
}
#section-cart #table-payment-methods .payment-select input
{
width:15px;
}
#section-cart #table-payment-methods tbody .payment-select
{
text-align:center;
}
#section-cart #table-payment-methods tbody .payment-charge input
{
width:70px;
}
#section-cart #table-payment-methods tbody .payment-code
{
text-align:center;
}
#section-cart #table-payment-methods tbody .payment-code input
{
width:40px;
}
#section-cart #section-header-order-details
{
float:left;
padding-top:10px;
width:400px;
}
#section-cart #table-payment-order-details
{
float:left;
width:400px;
}
#section-cart #table-payment-order-details tbody tr input
{
width:70px;
text-align:right;
}
#section-cart #section-header-discounts
{
float:left;
padding-bottom:10px;
padding-top:10px;
width:400px;
}
#section-cart #paymentmethod-container-PaymentIsPrimary
{
margin-left:0px;
}
#section-cart #paymentmethod-CreditCardExpMonth
{
float:left;
width:90px;
}
#section-cart #paymentmethod-container-CreditCardExpYear
{
padding-left:10px;
padding-top:20px;
}
#section-cart #ContactAddressRO
{
float:left;
padding-left:30px;
width:150px;
}
#section-cart #paymentmethod-container-cmdDelete
{
padding-bottom:5px;
padding-left:160px;
width:80px;
}
#section-cart #paymentmethod-container-PaymentBillingAddress2
{
margin-top:5px;
}
#section-content-container-cart #section-shippinginformation,
#section-content-container-cart #section-paymentinformation,
#section-content-container-cart #section-order,
#section-content-container-cart #section-comments,
#section-content-container-cart #section-confirmation
{
float:left;
width:400px;
padding-bottom:10px;
}
#section-header-cmd-Confirmation
{
float:left;
width:400px;
}
#Cart-container-placeorder-hdr
{
float:right;
padding-bottom:5px;
width:90px;
}
#section-content-container-cart #section-content-container-comments
{
float:left;
width:400px;
}
#section-content-container-cart #order-Comment
{
width:350px;
}
#Cart-container-placeorder
{
float:left;
padding-top:5px;
}
#section-content-container-cart #section-header-contactaddress,
#section-content-container-cart #section-header-shippingaddress,
#section-content-container-cart #section-header-paymentinformation,
#section-content-container-cart #section-header-shippinginformation,
#section-content-container-cart #section-header-order,
#section-content-container-cart #section-header-comments,
#section-content-container-cart #section-header-confirmation
{
padding-bottom:5px;
font-weight:bold;
}
#section-content-container-cart #order-products #GrandTotals tbody tr
{
text-align:right;
}
#payment-container-CouponCode
{
float:left;
width:400px;
}