@charset "UTF-8";

/*------------------------------------------------------
=GLOBAL STYLES
------------------------------------------------------*/
body { margin:0 0 20px 0; padding:0; background:#333; color:#3d3d3d; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:10px; text-align:center; }
#wrapper { position:relative; margin:0 auto; width:730px; padding-top:25px; text-align:left; display: none; }
h3.section { font-size:20px; color:#333; background: #ccc; width:730px; height:31px; padding: 5px 0 0 15px; margin:5px 0 0 0; border-radius: 5px; box-shadow: 1px 1px 1px #eee; }
.step-content-base { background:#eee; margin-left:4px; padding:10px 20px; width:700px; text-align:left; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
#copyright { text-align: center; font-size: 90%; color: #999; margin-top: 30px; }
#title-container { text-align: center; }
#title-container p { color: #ff9; font-size: 20px; margin: 0; padding: 0; font-weight: bold; margin-bottom: 10px; }
#breadcrumb-container { text-align: center; margin-bottom: 30px; }
form { margin: 0px; padding: 0px; }
.mailfax_box { border: dashed 1px #ff9900; padding: 0 10px 0 10px; background: #FFE6C2; margin: 30px 0 -10px 0; }
.mailfax_box p { color: #000; text-align: left; font-size: 1.1em; }

/*------------------------------------------------------
=FORM STUFF
------------------------------------------------------*/
dl { clear:left; margin:0; padding:0; }
dl.loginform { width: 500px; margin: auto; }
dl.loginform dt label { float: left; width: 80px; text-align: right; padding-right: 10px; font-size: 12px; font-weight: bold; line-height: 18px; }
dl.loginform dd { text-align: left; font-size: 12px; margin: 5px; }
dl.loginform #ds_email { width: 300px; }
dl.loginform #ds_password { width: 300px; }
dl.address-fields { width: 500px; }
dl.address-fields dt label { float: left; width: 100px; text-align: right; padding-right: 10px; font-size: 12px; font-weight: bold; line-height: 18px; }
dl.address-fields dd { text-align: left; font-size: 12px; margin: 5px; }
dl.contact-fields { width: 100%;  }
dl.contact-fields dt label { float: left; width: 100px; text-align: right; padding-right: 10px; font-size: 12px; font-weight: bold; line-height: 18px; }
dl.contact-fields dd { text-align: left; font-size: 12px; margin: 5px; }
dl.contact-fields dd textarea, dl.contact-fields dd input { width: 530px; }
dl.resetpwform { width: 100% }
dl.resetpwform dt label { float: left; width: 200px; text-align: right; padding-right: 10px; font-size: 10px; font-weight: bold; line-height: 18px; }
dl.resetpwform dd { text-align: left; font-size: 12px; margin: 5px; }
.submitbutton-container { text-align: center; margin: 20px; }
a.submitbutton { font-size: 16px; border: solid 1px #ccc; padding: 8px 50px; font-weight: bold; border-radius: 5px; box-shadow: 2px 2px 3px #333; background: #ff0; font-family: Arial; font-variant: small-caps;  }
a.submitbutton:hover { background: #f60; cursor: pointer; }

/* ToolTip Styles */
.ui-tooltip { background: #FFE6C2; color: #333; border: solid 1px #ff9900; padding: 0; opacity: 1; }
.ui-tooltip-content { position: relative; padding: 1em; text-align: justify; font-size: 9px; }
.ui-tooltip-content::after { content: ''; position: absolute; border-style: solid; display: block; width: 0; }
.tool-cvv2 .ui-tooltip-content::after { top: 60%; left: -11px; border-color: transparent #ff9900; border-width: 10px 10px 10px 0; }
.tool-alert .ui-tooltip-content { font-size: 10px; }
.tool-alert .ui-tooltip-content::after { top: 15px; right: -11px; border-color: transparent #ff9900; border-width: 10px 0 10px 10px; }

/* The following styles are specifically designed to be overrides for the jquery.css styles */
.ui-dialog { text-align: left; }
.ui-dialog .ui-dialog-buttonpane { text-align: right; }
.ui-widget-overlay { background: #666666; }
.dialog-no-close .ui-dialog-titlebar-close { display: none; }

/*------------------------------------------------------
=ORDER PAGE SPECIFIC STUFF
------------------------------------------------------*/
/* Address Panel */
#shippingAddress { float: left; width: 320px; margin: 0 5px 0 0; }
#billingAddress { float: left; width: 310px; margin: 0 0 0 50px; }
/* Shipping Method Panel */
form dt.radio-label { float:right; display:inline; width:535px; margin:0 80px 10px 0; padding:2px 0 0 5px; text-align:left; }
form dd.radio-input { float:right; width:26px; margin:0; }
form label.shipmethods { font-weight: normal; font-size: 0.9em; color: #000; }
form label.shipmethods .price { color: #f00; font-size: 1.0em; font-weight: bold; }
form label.shipmethods .via { color: #666; }
form label.shipmethods .tracking { color: #060; }
form .selected { background:#fda }
form dd.radio-input input { width:auto }
/* Payment Panel */
dl.ccform { width: 500px; }
dl.ccform dt label { float: left; width: 100px; text-align: right; padding-right: 10px; font-size: 12px; font-weight: bold; line-height: 18px; }
dl.ccform dd { text-align: left; font-size: 12px; margin: 5px; }
.vault_card_label { font-size: 16px; font-weight: bold; padding-left: 20px; padding-top: 12px; padding-bottom: 14px;}
#vault_cardtype { font-size: 12px; padding-top: 15px; padding-left: 25px; }
#vault_cardnum { font-size: 12px; padding-top: 5px; padding-left: 25px;}
#vault_cardexp { font-size: 12px; padding-top: 5px; padding-left: 25px;}
#vault_billing_descriptor { padding-left: 25px;}
/* Coupon Panel */
dl.coupon_form { width: 700px; }
dl.coupon_form dt label { float: left; width: 100px; text-align: right; padding-right: 10px; font-size: 12px; font-weight: bold; line-height: 18px; }
dl.coupon_form dd { text-align: left; font-size: 12px; margin: 5px; }


/* Order Summary Panel */
#addtoorder { border: solid 1px #333; padding: 1px 20px; border-radius: 0 10px 10px 0; margin: 0; background: #160; color: #fff; font-weight: bold; }
#addtoorder:hover { background: #f60; cursor: pointer; }
#order-summary { margin: 10px; }
table.order-summary-top, table.order-summary-bottom { width: 100%; background: #fff; }
table.order-summary-top th, table.order-summary-bottom th { height:33px; background:url(../img/core/bg_tableheader.png) repeat-x top left; color:#303030; font-size:130%; }
table.order-summary-top th.description { width:455px; padding-left:10px; }
table.order-summary-top th.description-pricing { width:90%; padding-left:10px; }
table.order-summary-top th.price { width:110px; text-align: right; }
table.order-summary-top th.disc-price { width:80px; text-align: right; color: #c99; }
table.order-summary-top th.reg-price { width:80px; text-align: right; color: #aaa; }
table.order-summary-top th.qty { width:40px }
table.order-summary-top th.options { width:20px }
table.order-summary-top th.remove { width:20px }
table.order-summary-top td.description { padding-left:10px; text-align:left; font-weight: bold; }
table.order-summary-top td.description .price-bonus { font-size: 100%; color: #f66; font-weight: normal; font-style: italic; }
table.order-summary-top td.price { text-align:right; font-weight:bold; }
table.order-summary-top td.reg-price { text-align:right; font-weight: normal; color: #999; }
table.order-summary-top td.discount { text-align:right; font-weight: normal; color: #f33; }
table.order-summary-top td.reg-discount { text-align:right; font-weight: normal; font-style: italic; color: #999; }
table.order-summary-top td.price .price-bonus { color: #f66; font-weight: normal; font-style: italic; }
table.order-summary-top td.price .price-included { color: #999; font-weight: normal; font-style: italic; }
table.order-summary-top td.qty { text-align:center; font-weight: bold; color: #66f; }
table.order-summary-top td.remove { text-align:center; }
table.order-summary-top td.options { text-align:right; }
table.order-summary-top td.options a { font-size: 75%; color: #cc9900; }
table.order-summary-top td.options a:hover { color: #ff9900; }
table.order-summary-top td.tree-start-mid { padding-left:40px; background:url(../img/core/bg_tree_start_mid.png) no-repeat 20px 0; font-weight: normal; }
table.order-summary-top td.tree-end { padding-left:40px; background:url(../img/core/bg_tree_end.png) no-repeat 20px 0; font-weight: normal; }
table.order-summary-top td.tree-start-mid-odd { padding-left:40px; background:url(../img/core/bg_tree_start_mid.png) no-repeat 20px 0 transparent; font-weight: normal; }
table.order-summary-top td.tree-end-odd { padding-left:40px; background:url(../img/core/bg_tree_end.png) no-repeat 20px 0 transparent; font-weight: normal; }
table.order-summary-top input.summary { border:1px solid #5c5c5c; width:24px; text-align:center; display:inline; margin-bottom:0; padding:0; float:none; font-size:100%; background:none; }
table.order-summary-top input.readonly { border:1px solid #bcbcbc; background:#e5e5e5; width:24px; text-align:center; display:inline; margin-bottom:0; padding:0; float:none; font-size:100%; }
tr { margin: 0px; padding: 0px; }
tr.even { background:#fff; height:24px; }
tr.odd { background:#f0fcff; height:24px; }
table.order-summary-top strong.grand-total-left { background:url(../img/core/bg_grandtotal_left.png) no-repeat top left; font-size: 12px; padding:2px 0 1px 4px; margin-left:450px; }
table.order-summary-top span.grand-total-right { background:url(../img/core/bg_grandtotal_right.png) repeat top right; font-size: 12px; padding:2px 0px 1px 0; }
table.order-summary-top strong.sub-total { background: #C8FFA6; font-size: 12px; padding: 3px; }
table.order-summary-top a.squarebutton { border: solid 1px #999; text-decoration: none; color: #000; background: #ff0; padding: 3px 10px; margin: 0 5px 5px 0; border-radius: 10px 0 0 10px; }
table.order-summary-top a.squarebutton:hover { background: #fc0; cursor: pointer; }

div.qtyselector {position:relative;}
div.qtyselector select {position:relative;z-index:10;width:40px !important;height:21px !important;line-height:21px;}
div.qtyselector .qtychg {position:absolute;top:-10px;float:left;right:0;width:40px;height:21px;line-height:21px;text-indent:-10px;background:url(../img/core/bg_select.png) no-repeat 0 0;cursor:pointer; font-weight: bold; color: #66f;z-index:1;}

/*------------------------------------------------------
=THANKYOU ORDER SPECIFIC STUFF
------------------------------------------------------*/
#thankyou_ordnum { text-align: center; width: 100%; }
#thankyou_ordnum p { font-size: 120%; }
#thankyou_ordnum p strong { color: #990099; font-size: 130%; }
#thankyou_text { text-align: center; width: 100%; }
#thankyou_text p { font-size: 120%; }
#thankyou_text p strong { font-weight: bold; color: #009999; }
#edit-shipping-address {float:left; width:303px; height: 100px; padding:10px 10px 7px; border-radius: 5px; border: solid 1px #ccc; background: #fff; box-shadow: 1px 1px 1px #000; }
#edit-billing-address {float:right; width:303px; height: 100px; padding:10px 10px 7px;border-radius: 5px; border: solid 1px #ccc; background: #fff; box-shadow: 1px 1px 1px #000; }
#edit-shipping-address h4, #edit-billing-address h4 { margin:0 0 5px 0; font-size:150%; color:#000; }
#edit-shipping-address p, #edit-billing-address p { margin:0; padding:0; font-size:130%; line-height:1.2; }

/*------------------------------------------------------
=ORDER DETAILS SPECIFIC STUFF
------------------------------------------------------*/
#order-details-addresses { width: 600px; margin: 0 auto 20px auto; }
#order-details-shipping { float: left; width: 250px; height: 100px; padding:10px 10px 7px; border-radius: 5px; border: solid 1px #ccc; background: #fff; box-shadow: 1px 1px 1px #000; }
#order-details-billing { float: right; width: 250px; height: 100px; padding:10px 10px 7px; border-radius: 5px; border: solid 1px #ccc; background: #fff; box-shadow: 1px 1px 1px #000; }
#order-details-shipping h4, #order-details-billing h4 { margin:0 0 5px 0; font-size:14px; color:#000; }
#order-details-shipping p, #order-details-billing p { margin:0; padding:0; font-size:100%; line-height:1.2; }
.order-details { font-family: Arial; font-size: 18px; font-weight: bold; margin-left: 8px; margin-top: 12px; }
.order-details-info { margin-left: 8px; margin-top: 12px; margin-bottom: 20px; }
.payment-details { font-family: Arial; font-size: 16px; font-weight: bold; margin: 12px 0 0 8px; }
#billing_desc_wrapper { width: 600px; overflow: hidden; }
#billing_desc_line { width: 300px; float:left; font-family: Arial; font-size: 12px; font-weight: bold; }
#billing_desc { float: left;font-family: Arial; font-size: 14px; font-weight: bold; padding-left: 10px; padding-right: 10px; background-color: #FFFF00; }
.cc_label { font-family: Arial; font-size: 14px; font-weight: bold; text-align: right; }
.cc_info { font-family: Arial; font-size: 14px; margin-left: 5px; }
p.payment_method { font-family: Arial; font-size: 12px; font-weight: bold; }
p.cc_info { font-family: Arial; font-size: 14px; font-weight: bold; margin-left: 15px; }
.bonus_item { font-family: Arial; font-size: 12px; font-style: italic; color: #FF0000; }
.detail_field_label { font-family: Arial; font-size: 14px; font-weight: bold; text-align: right; background-color: #C3A55B; }
.detail_field_value { font-family: Arial; font-size: 12px; padding-left: 2px; background-color: #FFFFFF; }
.order_details_head { font-family: Arial; font-weight: bold; font-size: 14px; background-color: #BFBFBF; }
.order_item_odd { font-family: Arial; font-size: 12px; background-color: #FFFFFF;}
.order_item_even { font-family: Arial; font-size: 12px; background-color: #D0EEF8;}
.order_item_num_odd { font-family: Arial; font-size: 12px; text-align: right; background-color: #FFFFFF;}
.order_item_num_even { font-family: Arial; font-size: 12px; text-align: right; background-color: #D0EEF8;}
.order_item_discount_odd { font-family: Arial; font-size: 12px; background-color: #FFFFFF;}
.order_item_discount_even { font-family: Arial; font-size: 12px; background-color: #D0EEF8;}
.order_item_num_discount_odd { font-family: Arial; font-size: 12px; text-align: right; color: #FF0000; background-color: #FFFFFF;}
.order_item_num_discount_even { font-family: Arial; font-size: 12px; text-align: right; color: #FF0000; background-color: #D0EEF8;}
.order_item_qty_odd { font-family: Arial; font-size: 12px; text-align: center; background-color: #FFFFFF;}
.order_item_qty_discount_even { font-family: Arial; font-size: 12px; text-align: center; background-color: #D0EEF8;}
.order_item_qty_discount_odd { font-family: Arial; font-size: 12px; text-align: center; background-color: #FFFFFF;}
.order_item_qty_even { font-family: Arial; font-size: 12px; text-align: center; background-color: #D0EEF8;}
.order_total_field { font-family: Arial; font-size: 12px; font-weight: bold; text-align: right; background-color: #BFBFBF;}
#od_paydetails_wrapper, #od_details_wrapper, #od_summary_wrapper { border: solid #999 1px; margin-top: 10px; border-radius: 8px; box-shadow: 1px 1px 2px #999; }
#od_summary_wrapper { padding: 15px 0; }
.col4 { text-align: right; color: #090; }

/*------------------------------------------------------
=DROPSHIP SPECIFIC STUFF
------------------------------------------------------*/
#ship-spinner { display: none; text-align: center; }
#ship-init { display: block; text-align: center; }
#shipping-orderBlock, .alert_box { width: 80%; margin: auto; padding: 5px; border: dashed 1px #900; background: #fc0; font-weight: normal; color: #900; text-align: center; }
#reset_email { width: 400px; }
#form-reset-pw #ds_email, #form-reset-pw #confirm_ds_password, #form-reset-pw #ds_password, #form-reset-pw #temp_password { width: 300px; }
#return_to_login { text-align: center; }
#return_to_login a { color: #fff; font-size: 14px; }