* { margin: 0; padding: 0; }
html { height: 100%; }
body { background: #FFFFFF url(../images/body_bg.png) top repeat-x; height: 100%; padding: 0px 5px 5px 5px; font-family: Georgia, "Times New Roman", Times, serif; }
#page_wrap { width: 1000px; }
#body_wrap { width: 1000px; position: relative; top: 0px; left: 0px; font-family: Georgia, "Times New Roman", Times, serif; text-align: left; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em; }
.body_footer { width: 1000px; position: relative; left: 0px; top: 105px; border-top: 4px #990000 solid; background: url() no-repeat top left; height: 21px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.5em; color: #000000; padding: 5px 0px 0px 0px; text-align: left; }
.body_footer a { color: #000000; }
.blue_txt { color: #1A76A3 }
.hp_title { font-size: 50pt; color: #000000; letter-spacing: -3px; margin: 0px; line-height: 55px; }
.hp_tag { font-size: 10pt; color: #000000; margin: 0px 0px 0px 5px; letter-spacing: 0px; }
#hp_login { background: url('../images/hp_login.png') no-repeat left; width: 341px; height: 86px; position: relative; right: 15px; text-align: left; overflow: hidden; }
.hp_username { position: relative; top: 25px; left: 8px; width: 140px; border: 0px; background: #FFFFFF; font-size: 10px; font-family:Arial, Helvetica, sans-serif; margin: 0px; padding: 2px; line-height: 14px; }
.hp_password { position: relative; top: 32px; left: 8px; width: 140px; border: 0px; background: #FFFFFF; font-size: 10px; font-family:Arial, Helvetica, sans-serif; margin: 0px; padding: 2px; line-height: 14px; }
.hp_button_login { position: relative; top: 5px; right: 10px; float: right; }
#hp_welcome { width: 450px; position: relative; left: 20px; top: 30px; color: #FFFFFF; font: Geneva, Arial, Helvetica, sans-serif; word-spacing: 2px; letter-spacing: -1px; line-height: 20px; }
#hp_layout { width: 1000px; height: 1200px; margin-top: 10px; overflow: hidden; }
#hp_main_product { width: 609px; height: 284px; overflow: hidden; background: #990000; }
#hp_product_disp { margin: 6px 0px 0px 6px; z-index: 0; }
#hp_product_search { width: 350px; height: 250px; position: relative; margin: 10px 0px 0px 0px; top: 0px; left: 15px; }
#hp_product_search_box { width: 245px; height: 23px; background: url(../images/hp_search_bg.png) top no-repeat; overflow: hidden; margin: 5px 0px 5px 0px; }
.hp_product_search_input { width: 233px; height: 18px; position: relative; top: 3px; left: 6px; border: 0px; margin: 0px; padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; }
#hp_product_schemes { margin: 5px 0px 0px 0px; }
a.hp_product_schemes_item {position:relative; z-index: 24; }
a.hp_product_schemes_item img { width: 45px; height: 45px; margin: 0px; padding: 1px; border:4px #FFFFFF solid; }
a.hp_product_schemes_item:hover { }
a.hp_product_schemes_item:hover img { border: 4px #CCCCCC solid; }
#hp_popular_products { width: 980px; background: #990000; padding: 5px 10px 0px 10px; }
#hp_customer_products { width: 980px; background: #ffffff; padding: 10px 10px 0px 10px; }
#hp_product_item { width: 182px; position: relative; display: block; float: left; margin: 5px 5px 0px 5px; }
.hp_product_img { float:left; background: url(../images/img_shadow.png) no-repeat bottom right !important; background: url(shadow.gif) no-repeat bottom right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; }
.hp_product_img img { width: 175px; margin: -3px 6px 6px -1px; background-color: #FFFFFF; display: block; position: relative; padding: 0px;}
#hp_popular_product_description { padding: 4px; margin: 0px 0px 0px 8px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; color: #FFFFFF; }
#hp_popular_product_description a, a:hover { color: #FFFFFF; }
#hp_customer_product_description { padding: 4px; margin: 0px 0px 0px 8px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; color: #000000; }
#hp_category { padding: 10px; margin: 0px 10px 0px 0px; background: url(../images/hp_category_bg.png) top repeat-x; }
#hdr_nav { width: 992px; height: 40px; padding: 4px; background: #000000 url(../images/nav_bg.png) bottom repeat-x; }
#hdr_logo {width: 1000px; margin: 45px 0px 0px 0px;}
#logo { border: 0px; float: right; width: 140px; position: relative; top: -5px; right: 15px;}
#hdr_accounts { color: #000000; position: relative; top: -24px; font-size: 11pt; margin: 0px; }
a.account_btn{ position:relative; background: #FFFFFF; color: #000000; text-decoration: none;}
a.account_btn:hover { }
a.account_btn span { padding: 3px 5px 3px 5px; background: #ffffff; color: #000000; font-family: Georgia, "Times New Roman", Times, serif; margin: 0px; }
a.account_btn:hover span {text-decoration: underline; color: #990000; }
.account_icon { border: 0px; position: relative; top: 2px; padding-right: 3px; text-decoration: none; background: #FFFFFF; }
a.basket{ position:relative;/*this is the key*/ padding: 3px 5px 3px 5px; margin: 0px 3px 0px 0px; z-index:24; background-color:#FFFFFF; color:#000; text-decoration:none}
a.basket:hover{z-index:25; }
a.basket span{display: none; text-decoration: none;}
a.basket:hover span{ /*the span will display just on :hover state*/ font-size: 8pt; display:block; width: 350px; top:24px; left: -200px; opacity: 0.9; color: #000000; background: url(../images/basket_bg.png) left top no-repeat #FFFFFF; position:absolute; text-align: left; padding: 4px 4px 4px 55px; text-decoration: none; border: 1px solid #FFFFFF; }
a.product_link{ position:relative;/*this is the key*/ z-index:24; }
a.product_link:hover{z-index:25; }
a.product_link span{display: none; text-decoration: none;}
a.product_link:hover span{ /*the span will display just on :hover state*/ font-size: 8pt; display:block; overflow: hidden; width: 156px; top: -4px; left: -170px; opacity: 1; color: #000000; border: 4px #111111 solid; position:absolute; text-align: left; text-decoration: none; }
.product_link_img { width: 150px; border: 1px solid #CCCCCC; background: #FFFFFF; padding: 2px; }
#cat_description { position: relative; top: 0px; left: 0px; width: 600px; text-align: left; }
.cat_title { font-size: 18pt; width: 990px; color: #FFFFFF; text-transform: none; letter-spacing: -1px; background: #990000; padding: 5px; opacity: 0.9; }
.cat_description { font-size: 12px; color: #FFFFFF; background: #000000 url(../images/desc_bg.png) top repeat-x; width: 990px; padding: 5px; margin: 0px 0px 0px 0px;}
#cdisplay_products { width: 1000px; height: 100%; padding: 0px; display: block; }
#cproduct_item { background: #FFFFFF; width: 232px; height: 300px; position: relative; top: 0px; left: 0px; float: left; display: block; margin: 7px; text-align: left; overflow: hidden; }
#cproduct_item_img { width: 232px; position: relative; top: 0px; left: 0px; float: left; display: block; margin: 7px; text-align: left; }
.cproduct_img { background: url(../images/img_shadow.png) no-repeat bottom right; margin: 15px 0px 0px 5px;}
.cproduct_img img { width: 220px; position: relative; top: -6px; left: -6px; margin: 0px 0px 0px 0px; border: 1px #cccccc solid; background-color: #FFFFFF; display: block; position: relative; padding: 3px;}
#cproduct_name { width: 200px; font-weight: normal; font-size: 10pt; position: relative; left: 15px; top: 0px; color: #000000; text-align: left; }
#cproduct_code { font font-weight: normal; font-size: 11px; position: relative; left: 15px; top: 0px; color: #888888; text-align: left; }
#cproduct_price { font-weight: normal; font-size: 17pt; font-weight: normal; position: relative; left: 15px; top: 0px; color: #990000; text-align: left }
#cproduct_qty { position: relative; left: 15px; top: 15px; color: #000000; font: Geneva, Arial, Helvetica, sans-serif; font-size: 10px;}
#cproduct_qty input { position: relative; bottom: 6px; width: 30px; height: 21px; border: 0px; margin-right: 2px; }
#cproduct_buy { position: relative; bottom: 3px; right: 30px; float: right; }
#cproduct_info { width: 210px; position: relative; left: 15px; top: 5px; font-size: 11px; color: #000000; }
.cproduct_href { }
.cinfo_multibuy_img { position: relative; float: right; top: 5px; right: 20px;}
.csoldout { width: 70px; position: relative; float: left; top: 0px; left: 0px; z-index: 25; }
#display_products { width: 750px; height: 100%; padding: 0px; display: block; }
#product_item { background: #FFFFFF; position: relative; top: 0px; left: 0px; display: block; margin: 7px; text-align: left; }
#product_item_img { position: relative; top: 0px; left: 0px; float: left; display: block; margin: 7px; text-align: left; }
.product_img { background: url(../images/img_shadow.png) no-repeat bottom right !important; background: url(shadow.gif) no-repeat bottom right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; }
.product_img img { width: 400px; margin: -6px 6px 6px -6px; border: 1px #cccccc solid; background-color: #FFFFFF; display: block; position: relative; padding: 3px;}
#product_name { font-weight: bold; font-size: 13pt; position: relative; left: 0px; top: 0px; color: #000000; text-align: left; }
#product_code { font-weight: normal; font-size: 11px; position: relative; left: 0px; top: 0px; color: #888888; text-align: left; }
#product_price { font-weight: normal; font-size: 17pt; font-weight: normal; position: relative; left: 0px; top: 0px; color: #990000; text-align: left; }
#product_qty { position: relative; left: 0px; top: 0px; color: #000000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px;}
#product_qty input { position: relative; bottom: 6px; width: 30px; height: 17px; margin-right: 2px; }
#product_buy { position: relative; bottom: 0px; right: 0px; margin: 5px 0px 0px 0px; float: right; }
#product_pricing { width: 300px; border-left: 3px #333333 solid; background: #CCCCCC; padding: 5px; margin: 20px 0px 10px 0px; font-size: 1em }
#product_info { position: relative; margin: 0px 0px 5px 0px; font-size: 1em; color: #000000; }
#product_description { margin: 5px 0px 0px 10px; }
#product_alt_imgs { padding: 10px; }
#product_alt_img { border: 1px #CCCCCC solid; width: 75px; height: 75px; overflow: hidden; float: left; margin: 5px; }
#product_alt_img img { width: 125px; position: relative; right: 20px; bottom: 10px; }
.psoldout { width: 100px; position: relative; float: left; top: -10px; left: -10px; z-index: 25; }
#alt_products { width: 250px; margin: 10px 0px 0px 0px; border-right: 1px #CCCCCC solid; background: #ffffff; color: #990000;}
#alt_product_item { height: 75px; padding: 0px 0px 10px 0px; }
.alt_prod_img { float:left; background: url(../images/img_shadow.png) no-repeat bottom right !important; background: url(shadow.gif) no-repeat bottom right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; }
.alt_prod_img img { width: 75px; margin: -3px 3px 3px -3px; border: 1px #cccccc solid; background-color: #FFFFFF; display: block; position: relative; padding: 1px;}
#alt_product_name { font-weight: normal; font-size: 10pt; margin: 5px 0px 0px 0px; color: #000000; text-align: left; position: relative; left: 5px; top: 5px; }
#alt_product_price { font-weight: normal; font-size: 12pt; font-weight: normal; color: #990000; text-align: left; position: relative; left: 5px; top: 5px; }
.altpsoldout { width: 30px; position: relative; float: left; top: 0px; left: 0px; z-index: 25; }
.button_buy { }
.button_form { margin: 10px 8px 10px 5px; border: 0px; }
.info_button { position: relative; top: 5px; left: 5px; }
.info_price { color: #990000; font-weight: bold; }
.info_sale_old_price { color: #333333; font-size: 0.9em; }
.info_sale_price { color: #ffffff; background: #990000; font-weight: bold; font-size: 1em; }
.info_multibuy_img { position: relative; float: right; top: 5px; right: 0px;}
a.info{ position:relative; z-index:100; color:#000; text-decoration: none;}
a.info:hover{z-index:24;}
a.info span{display: none;}
a.info:hover span{ display: block; position: absolute; top: -14px; left: -10px; opacity: 0.9; width: 185px; padding: 40px 5px 5px 15px; height: 145px; background: url(../images/buttons/info_bg.png) no-repeat top; color: #ffffff; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; text-align: left;}
#general_page { width: 986px; height: 100%; margin: 7px; display: block; background: #FFFFFF; color: #000000; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; }
#order_page { width: 966px; height: 100%; margin: 7px; padding: 10px; display: block; background: url('../images/order_bg.png') bottom no-repeat; color: #000000; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; overflow: hidden; }
#order_info { width: 400px; float: right; border: 1px solid #999999; padding: 10px; }
#order_divide { width: 100%; margin: 1px 0px 0px 0px; height: 1px; border-top: 1px solid #999999; }
.order_row { font-size: 11px; height: 20px;}
.order_row:hover { background: #688895 url('../images/order_tr_hover.png') repeat-x top; color: #FFFFFF; }
.order_total { font-size: 11px; height: 20px;}
.order_label { color: #000000; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; margin: 2px 5px 0px 0px; }
.order_input { font-size: 11px; width: 120px; line-height: 14px; margin: 0px 5px 0px 0px;}
#order_details {text-align: left; }
#order_details_row { margin: 0px 0px 5px 0px; }
.discount_txt { margin: 0px 0px 0px 3px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; background: #444444; }
.discount_tr { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; }
.sale_txt { margin: 0px 0px 0px 3px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; background: #990000; }
#order_address { border: 1px #CCCCCC solid; background: url(../images/note_bg.jpg) top left no-repeat; padding: 60px 5px 15px 5px; margin: 15px 0px 5px 0px; width: 380px; }
.order_address { border: 1px #000000 solid; background: url(../images/input_bg.png); height: 18px; font-family: Georgia, "Times New Roman", Times, serif; margin: 4px; padding: 2px;}
.payment_option { border: 1px #CCCCCC solid; padding: 10px; }
.payment_option_disabled { border: 1px #CCCCCC solid; padding: 10px;}
#last_orders { float: left; position: relative; top: -10px; left: 0px; margin: 5px; }
#login { width: 468px; text-align: right; border: solid 5px #E4E4E4; padding: 14px 5px 5px 5px; margin:0px 9px 0px 0px;background: url(../images/form_bg.png) bottom left no-repeat;}
.login_input { border: 1px #000000 solid; background: url(../images/input_bg.png); height: 18px; font-family: Georgia, "Times New Roman", Times, serif; margin: 4px; padding: 2px; }
#register { width: 468px; text-align: right; border: solid 5px #E4E4E4; padding: 14px 5px 5px 5px; margin-left: 0px; background: url(../images/form_bg.png) top left no-repeat;}
.register_input { border: 1px #000000 solid; background: url(../images/input_bg.png); height: 18px; font-family: Georgia, "Times New Roman", Times, serif; margin: 4px; padding: 2px; }
#account { width: 980px; text-align: left; border: solid 5px #E4E4E4; padding: 5px; margin-left: 0px; background: url(../images/page_bg.png) top left no-repeat;}
#account_nav { width: 180px; background: #FFFFFF; opacity: 0.8; border: 0px solid #990000; padding: 10px; text-decoration: none; font-size: 1em;}
#account_page { width: 745px; background: #FFFFFF; padding: 10px; font-size: 1em; margin: 0px 0px 0px 10px; }
#account_orders_disp { border: 1px #CCCCCC solid; border-bottom: 0px; margin: 10px 4px 16px 0px; }
#account_order_details { border: 0px #CCCCCC solid; padding: 5px; margin: 5px; width: 225px; }
#account_order_address { border: 1px #CCCCCC solid; background: url(../images/note_bg.jpg) top left no-repeat; padding: 5px; margin: 5px; width: 225px; }
.address { padding: 7px; margin: 4px; border: 1px #cccccc solid; background: url(../images/input_bg.png) top left repeat-x #FFFFFF;}
.address_name { font-weight: bold; }
#std_page { width: 980px; text-align: left; border: solid 5px #E4E4E4; padding: 5px; margin-left: 0px; background: url(../images/std_page_bg.png) top left no-repeat;}
#std_page_item { width: 745px; padding: 10px; font-size: 0.8em; margin: 0px 0px 0px 140px; }
.hspan { background: #990000; padding: 5px; position: relative; bottom: 4px; opacity: 0.8; }
h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; margin: 0px; text-align: left; color: #ffffff;}
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.25em; font-weight: normal; color: #000000; text-decoration: none; }
h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.25em; font-weight: normal; color: #FFFFFF; }
h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12pt; font-weight: normal; color: #000000; margin: 0px;}
p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; padding: 2px; margin-top: 3px; }
th { font-family: Georgia, "Times New Roman", Times, serif; text-align: left; color: #FFFFFF; background: url(../images/th_bg.png) top repeat-x #990000; padding: 3px; font-size: 10pt; font-weight: normal; border-bottom: 1px #CCCCCC solid; }
td { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10pt; }
ul { margin: 0px 0px 0px 20px; }
.tb_border_bottom { border-bottom: 1px #CCCCCC solid; padding: 3px 0px 2px 5px;}
.tr_row { height: 20px; }
.tr_row:hover { background: url('../images/tr_bg.png') top repeat-x #ffffff; color: #000000; }
.total_value {text-align: right; padding: 0px 5px 0px 0px; }
.total_label { text-align: right; padding: 2px 0px 2px 0px; }
.form_entry { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 40px; text-align: left; }
.form_entry_personal { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 40px; text-align: left; }
.form_display { }
.form_acc_entry { border: 0px; }
.form_address_sm { width: 250px; }
.form_submit { float: right; }
label,text,textarea { float: left; display: block; margin-bottom: 0px; }
label { text-align: right; width: 130px; padding: 8px 17px 0px 30px; }
text,textarea { font-size: 11px; float: left; color: #000000; display: block; margin-bottom: 5px; }
select { position: relative; top: 6px; left: 3px; }
.checkbox { position: relative; top: 20px; }
a, a:visited, a:active, a:link { color: #000000; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; }
.clear { clear: both; margin: 0px; }
img { border: 0px; }
.nav_arrow { position: relative; bottom: 3px; right: 5px; }
red { color: #990000; }
.verify_img { position: relative; top: 2px; }
.verify_txt { position: relative; top: 0px; text-align: right; color: #990000; margin: 0px 0px 0px 0px; }
.vcheck { font-size: 9pt; }