html body { margin: 0 auto; width: 800px; }
html h1 { display: block; float: left; padding-right: 200px; }
html #butterfly { }
html #menu { clear: both; margin: 0 auto; }
html h2 { font-size: 1.5em; margin-left: 1em; font-weight: bold; }
html #footer_menu { padding: 10px 0; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #999999; }
html .NottomNav { margin-top: 5px; padding-top: 5px; font-size: 12px; }
html strong { font-weight: bold; }
#cart_tool_bar { display: block; width: 744px; color: #000; background-color: #dda0dd; padding: 5px; clear: both; }
#cart_tool_bar li { display: block; float: right; padding-right: 10px; font-size: .8em; font-weight: bold; }
#cart_tool_bar li a:hover{ color: #fff; }
#cart_tool_bar #cart_total { float: right; padding-right: 10px; }
#product_page { width: 744px; border-collapse: collapse; }
/* Product page */
#product_page thead { height: 47px; line-height: 47px; color: #fff; background: #4b0082 url('tbl_hd_background.gif') repeat-x; }
#product_page thead .start { width: 24px; height: 47px; background: #4b0082 url('tbl_hd_start.gif') no-repeat; }
#product_page thead .break { width: 6px; height: 47px; background: #4b0082 url('tbl_hd_break.gif') no-repeat; }
#product_page thead .end { width: 24px; height: 47px; background: #4b0082 url('tbl_hd_end.gif') no-repeat; }
#product_page thead tr th { font-weight: bold; text-align: center; }
#product_page tbody .start { width: 24px; background: #fff url('tbl_bd_t1_start.gif') repeat-y; }
#product_page tbody { background: #fff url('tbl_bd_t1_background.gif'); padding-top: 10px; }
#product_page tbody tr td { padding-top: 10px; }
#product_page tbody .break { width: 6px; height: inherit; background: #fff url('tbl_bd_t1_break.gif') repeat-y top center; }
#product_page tbody .end { width: 24px; background: #fff url('tbl_bd_t1_end.gif') repeat-y; }
#product_page tfoot { height: 15px; font-size: 1px; }
#product_page tfoot .start { width: 24px; height: 15px; background: #fff url('tbl_ft_start.gif') no-repeat; }
#product_page tfoot { height: 15px; background: #fff url('tbl_ft_background.gif') repeat-x; }
#product_page tfoot .end { width: 24px; height: 15px; background: #fff url('tbl_ft_end.gif') no-repeat; }
#product_page #product_image { float: left; border: 1px solid #4b0082; margin: 0 10px 10px 0; }
/* #product_page .product_description { float: left; } */
#product_page .add_to_cart_options { clear: none; padding: 10px 0; }
#product_page .add_to_cart_options #submit { color: #fff; background: #7b45a3; border-top: 1px solid #a47fbf; border-left: 1px solid #a47fbf; border-bottom: 1px solid #4b0082; border-right: 1px solid #4b0082; }
#product_page .add_to_cart_options #submit:hover { background: #a47fbf; }
#product_page .add_to_cart_options li { padding-bottom: 5px; }
#product_page tbody .quantity_text_box { padding-right: .2em; width: 3em; text-align: right; border: 1px solid #a47fbf; }
#product_page select { border: 1px solid #a47fbf; }
/* Shoppoing Cart */
#shopping_cart { width: 744px; border-collapse: collapse; clear: both; }
/* Shoppoing Cart Header */
#shopping_cart thead { height: 47px; line-height: 47px; color: #fff; background: #4b0082 url('tbl_hd_background.gif') repeat-x; }
#shopping_cart thead .start { width: 24px; height: 47px; background: #4b0082 url('tbl_hd_start.gif') no-repeat; }
#shopping_cart thead .break { width: 6px; height: 47px; background: #4b0082 url('tbl_hd_break.gif') no-repeat; }
#shopping_cart thead .end { width: 24px; height: 47px; background: #4b0082 url('tbl_hd_end.gif') no-repeat; }
#shopping_cart thead tr th { font-weight: bold; text-align: center; }
/* Shoppoing Cart Body Columns */
#shopping_cart tbody .product_name { text-align: left; padding: 3px; }
#shopping_cart tbody .product_quantity { width: 8em; text-align: center; padding: 3px; }
#shopping_cart tbody .product_price { width: 5em; text-align: right; padding: 3px; }
#shopping_cart tbody .product_total { width: 5em; text-align: right; padding: 3px; }
/* Shoppoing Cart Body Odd Rows */
#shopping_cart tbody .ternary1 .start { width: 24px; background: #fff url('tbl_bd_t1_start.gif') repeat-y; }
#shopping_cart tbody .ternary1 { background: #fff url('tbl_bd_t1_background.gif'); }
#shopping_cart tbody .ternary1 .break { width: 6px; height: inherit; background: #fff url('tbl_bd_t1_break.gif') repeat-y top center; }
#shopping_cart tbody .ternary1 .end { width: 24px; background: #fff url('tbl_bd_t1_end.gif') repeat-y; }
/* Shoppoing Cart Body Even Rows */
#shopping_cart tbody .ternary0 .start { width: 24px; background: #f1def1 url('tbl_bd_t0_start.gif') repeat-y; }
#shopping_cart tbody .ternary0 { background: #f1def1 url('tbl_bd_t0_background.gif'); }
#shopping_cart tbody .ternary0 .break { width: 6px; height: inherit; background: #f1def1 url('tbl_bd_t0_break.gif') repeat-y top center; }
#shopping_cart tbody .ternary0 .end { width: 24px; background: #f1def1 url('tbl_bd_t0_end.gif') repeat-y; }
/* Shoppoing Cart Body Sub Total Row */
#shopping_cart tbody .sub_total_row { font-size: .8em }
#shopping_cart tbody .sub_total_row td { color: #fff; text-align: right; font-weight: bold; padding: 4px 0; }
#shopping_cart tbody .sub_total_row .start { width: 24px; background: #a47fbf url('tbl_bd_total_start.gif') repeat-y; }
#shopping_cart tbody .sub_total_row { background: #a47fbf url('tbl_bd_total_background.gif'); }
#shopping_cart tbody .sub_total_row .end { width: 24px; background: #a47fbf url('tbl_bd_total_end.gif') repeat-y; }
/* Shoppoing Cart Body Coupon Code Row */
#shopping_cart tbody .coupon_code_row { font-size: .8em }
#shopping_cart tbody .coupon_code_row td { color: #fff; text-align: right; font-weight: bold; padding: 4px 0; }
#shopping_cart tbody .coupon_code_row .start { width: 24px; background: #a47fbf url('tbl_bd_tax_start.gif') repeat-y; }
#shopping_cart tbody .coupon_code_row { background: #a47fbf url('tbl_bd_tax_background.gif'); }
#shopping_cart tbody .coupon_code_row .end { width: 24px; background: #a47fbf url('tbl_bd_tax_end.gif') repeat-y; }
/* Shoppoing Cart Body Coupon Discount Row */
#shopping_cart tbody .coupon_discount_row { font-size: .8em }
#shopping_cart tbody .coupon_discount_row td { color: #fff; text-align: right; font-weight: bold; padding: 4px 0; }
#shopping_cart tbody .coupon_discount_row .start { width: 24px; background: #a47fbf url('tbl_bd_total_start.gif') repeat-y; }
#shopping_cart tbody .coupon_discount_row { background: #a47fbf url('tbl_bd_total_background.gif'); }
#shopping_cart tbody .coupon_discount_row .end { width: 24px; background: #a47fbf url('tbl_bd_total_end.gif') repeat-y; }
/* Shoppoing Cart Body Shipping Type Row */
#shopping_cart tbody .shipping_type_row { font-size: .8em }
#shopping_cart tbody .shipping_type_row td { color: #fff; text-align: right; font-weight: bold; padding: 4px 0; }
#shopping_cart tbody .shipping_type_row .start { width: 24px; background: #a47fbf url('tbl_bd_tax_start.gif') repeat-y; }
#shopping_cart tbody .shipping_type_row { background: #a47fbf url('tbl_bd_tax_background.gif'); }
#shopping_cart tbody .shipping_type_row .end { width: 24px; background: #a47fbf url('tbl_bd_tax_end.gif') repeat-y; }
/* Shoppoing Cart Body Shipping Total Row */
#shopping_cart tbody .shipping_total_row { font-size: .8em }
#shopping_cart tbody .shipping_total_row td { color: #fff; text-align: right; font-weight: bold; padding: 4px 0; }
#shopping_cart tbody .shipping_total_row .start { width: 24px; background: #a47fbf url('tbl_bd_total_start.gif') repeat-y; }
#shopping_cart tbody .shipping_total_row { background: #a47fbf url('tbl_bd_total_background.gif'); }
#shopping_cart tbody .shipping_total_row .end { width: 24px; background: #a47fbf url('tbl_bd_total_end.gif') repeat-y; }
/* Shoppoing Cart Body Tax Row */
#shopping_cart tbody .tax_row { font-size: .8em }
#shopping_cart tbody .tax_row td { color: #fff; text-align: right; font-weight: bold; padding: 4px 0; }
#shopping_cart tbody .tax_row .start { width: 24px; background: #a47fbf url('tbl_bd_tax_start.gif') repeat-y; }
#shopping_cart tbody .tax_row { background: #a47fbf url('tbl_bd_tax_background.gif'); }
#shopping_cart tbody .tax_row .end { width: 24px; background: #a47fbf url('tbl_bd_tax_end.gif') repeat-y; }
/* Shoppoing Cart Body Total Row */
#shopping_cart tbody .total_row { font-size: .8em }
#shopping_cart tbody .total_row td { color: #fff; text-align: right; font-weight: bold; padding: 4px 0; }
#shopping_cart tbody .total_row .start { width: 24px; background: #a47fbf url('tbl_bd_total_start.gif') repeat-y; }
#shopping_cart tbody .total_row { background: #a47fbf url('tbl_bd_total_background.gif'); }
#shopping_cart tbody .total_row .end { width: 24px; background: #a47fbf url('tbl_bd_total_end.gif') repeat-y; }
/* Shoppoing Cart Body Form Elements */
#shopping_cart tbody .quantity_text_box { padding-right: .2em; width: 3em; text-align: right; border: 1px solid #a47fbf; }
#shopping_cart tbody .quantity_update_button { color: #fff; background: #7b45a3; border-top: 1px solid #a47fbf; border-left: 1px solid #a47fbf; border-bottom: 1px solid #4b0082; border-right: 1px solid #4b0082; }
#shopping_cart tbody .quantity_update_button:hover { background: #a47fbf; }
/* Shoppoing Cart Footer Row */
#shopping_cart tfoot { height: 15px; font-size: 1px; }
#shopping_cart tfoot .start { width: 24px; height: 15px; background: #fff url('tbl_ft_start.gif') no-repeat; }
#shopping_cart tfoot { height: 15px; background: #fff url('tbl_ft_background.gif') repeat-x; }
#shopping_cart tfoot .end { width: 24px; height: 15px; background: #fff url('tbl_ft_end.gif') no-repeat; }
/* f1def1 tbl_bd_t0_background.gif */
#shopping_cart .empty_cart_message {
padding: 20px;
text-align: center;
}
/* Shipping/Billing Information */
#billing_info { border-collapse: collapse; float: left; width: 372px; }
#shipping_info { border-collapse: collapse; clear: right; width: 372px; }
.billing_shipping_information { font-size: .8em; }
/* Shipping/Billing Information: Heading */
#shipping_info thead, #billing_info thead { height: 47px; line-height: 45px; color: #fff; background: #4b0082 url('tbl_hd_background.gif') repeat-x; }
#shipping_info thead .start, #billing_info thead .start { width: 24px; height: 47px; background: #4b0082 url('tbl_hd_start.gif') no-repeat; }
#shipping_info thead .end, #billing_info thead .end { width: 24px; height: 47px; background: #4b0082 url('tbl_hd_end.gif') no-repeat; }
#shipping_info thead tr th, #billing_info thead tr th { font-weight: bold; text-align: center; }
/* Shipping/Billing Information: Labels and Form Elements */
#billing_info tbody tr .field_name, #shipping_info tbody tr .field_name { font-weight: bold; }
#billing_info tbody tr .field_value, #shipping_info tbody tr .field_value { whitespace: nowrap }
#billing_info input, #shipping_info input { padding-right: .2em; width: auto; border: 1px solid #a47fbf; }
#billing_info select, #shipping_info select { border: 1px solid #a47fbf; }
/* Shipping/Billing Information: Labels and Form Elements */
#shipping_info tbody tr .start, #billing_info tbody tr .start { width: 24px; background: #f1def1 url('tbl_bd_t1_start.gif') repeat-y; }
#shipping_info tbody tr td, #billing_info tbody tr td { background: #fff url('tbl_bd_t1_background.gif'); }
#shipping_info tbody tr .end, #billing_info tbody tr .end { width: 24px; background: #f1def1 url('tbl_bd_t1_end.gif') repeat-y; }
/* Shipping/Billing Information: Footer */
#shipping_info tfoot, #billing_info tfoot { height: 15px; font-size: 1px; }
#shipping_info tfoot .start, #billing_info tfoot .start { width: 24px; height: 15px; background: #fff url('tbl_ft_start.gif') no-repeat; }
#shipping_info tfoot, #billing_info tfoot { height: 15px; background: #fff url('tbl_ft_background.gif') repeat-x; }
#shipping_info tfoot .end, #billing_info tfoot .end { width: 24px; height: 15px; background: #fff url('tbl_ft_end.gif') no-repeat; }
/* Shipping/Billing Information: Errors */
#billing_info tbody tr.error .field_value input, #shipping_info tbody tr.error .field_value input { border: 1px solid #ff0000; background: #fff2f2; }
#billing_shipping_information { border-collapse: collapse; width: 744px; }
#billing_shipping_information p { padding: 5px; font-size: .8em; font-weight: bold; }
/* Shipping/Billing Information: Heading */
#billing_shipping_information thead { height: 47px; line-height: 45px; color: #fff; background: #4b0082 url('tbl_hd_background.gif') repeat-x; }
#billing_shipping_information thead .start { width: 24px; height: 47px; background: #4b0082 url('tbl_hd_start.gif') no-repeat; }
#billing_shipping_information thead .end { width: 24px; height: 47px; background: #4b0082 url('tbl_hd_end.gif') no-repeat; }
#billing_shipping_information thead tr th { font-weight: bold; text-align: center; }
/* Shipping/Billing Information: Labels and Form Elements */
#billing_shipping_information tbody tr .field_name { font-weight: bold; }
#billing_shipping_information tbody tr .field_value { whitespace: nowrap }
#billing_shipping_information input { padding-right: .2em; width: auto; border: 1px solid #a47fbf; }
#billing_shipping_information select { border: 1px solid #a47fbf; }
/* Shipping/Billing Information: Labels and Form Elements */
#billing_shipping_information tbody tr .start { width: 24px; background: #f1def1 url('tbl_bd_t1_start.gif') repeat-y; }
#billing_shipping_information tbody tr td { background: #fff url('tbl_bd_t1_background.gif'); }
#billing_shipping_information tbody tr .end { width: 24px; background: #f1def1 url('tbl_bd_t1_end.gif') repeat-y; }
/* Shipping/Billing Information: Footer */
#billing_shipping_information tfoot { height: 15px; font-size: 1px; }
#billing_shipping_information tfoot .start { width: 24px; height: 15px; background: #fff url('tbl_ft_start.gif') no-repeat; }
#billing_shipping_information tfoot { height: 15px; background: #fff url('tbl_ft_background.gif') repeat-x; }
#billing_shipping_information tfoot .end { width: 24px; height: 15px; background: #fff url('tbl_ft_end.gif') no-repeat; }
/* Credit Card Information */
#credit_card_info { border-collapse: collapse; width: 744px; clear: both; }
/* Credit Card Information: Heading */
#credit_card_info thead { height: 47px; line-height: 47px; color: #fff; background: #4b0082 url('tbl_hd_background.gif') repeat-x; }
#credit_card_info thead .start { width: 24px; height: 47px; background: #4b0082 url('tbl_hd_start.gif') no-repeat; }
#credit_card_info thead .end { width: 24px; height: 47px; background: #4b0082 url('tbl_hd_end.gif') no-repeat; }
#credit_card_info thead tr th { font-weight: bold; text-align: center; }
/* Credit Card Information: Labels and Form Elements */
#credit_card_info tbody tr .field_name { font-weight: bold; }
#credit_card_info tbody tr .field_value { whitespace: nowrap }
#credit_card_info input { padding-right: .2em; width: auto; border: 1px solid #a47fbf; }
#credit_card_info select { border: 1px solid #a47fbf; }
/* Credit Card Information: Labels and Form Elements */
#credit_card_info tbody tr .start { width: 24px; background: #f1def1 url('tbl_bd_t1_start.gif') repeat-y; }
#credit_card_info tbody tr td { background: #fff url('tbl_bd_t1_background.gif'); }
#credit_card_info tbody tr .end { width: 24px; background: #f1def1 url('tbl_bd_t1_end.gif') repeat-y; }
/* Credit Card Information: Footer */
#credit_card_info tfoot { height: 15px; font-size: 1px; }
#credit_card_info tfoot .start { width: 24px; height: 15px; background: #fff url('tbl_ft_start.gif') no-repeat; }
#credit_card_info tfoot { height: 15px; background: #fff url('tbl_ft_background.gif') repeat-x; }
#credit_card_info tfoot .end { width: 24px; height: 15px; background: #fff url('tbl_ft_end.gif') no-repeat; }
/* Coupon Codes */
#coupon_codes { border-collapse: collapse; width: 744px; clear: both; }
/* Coupon Code: Heading */
#coupon_codes thead { height: 47px; line-height: 47px; color: #fff; background: #4b0082 url('tbl_hd_background.gif') repeat-x; }
#coupon_codes thead .start { width: 24px; height: 47px; background: #4b0082 url('tbl_hd_start.gif') no-repeat; }
#coupon_codes thead .end { width: 24px; height: 47px; background: #4b0082 url('tbl_hd_end.gif') no-repeat; }
#coupon_codes thead tr th { font-weight: bold; text-align: center; }
/* Coupon Code: Labels and Form Elements */
#coupon_codes tbody tr .field_name { font-weight: bold; }
#coupon_codes tbody tr .field_value { whitespace: nowrap }
#coupon_codes input { padding-right: .2em; width: auto; border: 1px solid #a47fbf; }
#coupon_codes select { border: 1px solid #a47fbf; }
#coupon_codes .submit_button input { color: #fff; background: #7b45a3; border-top: 1px solid #a47fbf; border-left: 1px solid #a47fbf; border-bottom: 1px solid #4b0082; border-right: 1px solid #4b0082; }
#coupon_codes .submit_button input:hover { background: #a47fbf; }
/* Coupon Code: Labels and Form Elements */
#coupon_codes tbody tr .start { width: 24px; background: #f1def1 url('tbl_bd_t1_start.gif') repeat-y; }
#coupon_codes tbody tr td { background: #fff url('tbl_bd_t1_background.gif'); }
#coupon_codes tbody tr .end { width: 24px; background: #f1def1 url('tbl_bd_t1_end.gif') repeat-y; }
/* Coupon Code: Footer */
#coupon_codes tfoot { height: 15px; font-size: 1px; }
#coupon_codes tfoot .start { width: 24px; height: 15px; background: #fff url('tbl_ft_start.gif') no-repeat; }
#coupon_codes tfoot { height: 15px; background: #fff url('tbl_ft_background.gif') repeat-x; }
#coupon_codes tfoot .end { width: 24px; height: 15px; background: #fff url('tbl_ft_end.gif') no-repeat; }
/* Cart Navigation */
.cart_navigation { clear: both; width: 744px; text-align: center; }
.cart_navigation input { color: #fff; background: #7b45a3; border-top: 1px solid #a47fbf; border-left: 1px solid #a47fbf; border-bottom: 1px solid #4b0082; border-right: 1px solid #4b0082; }
.cart_navigation input:hover { background: #a47fbf; }
.note { font-size: .7em; }
.edit_link { font-size: .7em; }
.edit_link a { color: #a47fbf; text-decoration: none; }
.edit_link a:hover { color: #f0def0; }
.error_list { width: auto; color: #ff0000; font-size: .8em; font-weight: bold; margin: 0 auto; }
.error_list li { padding-left: 18px; background: url('error_icon.gif') no-repeat; }
/* Eric Myers CSS Reset Reloaded */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: Arial;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}