body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; padding-top:13px; } body { background-color: #DEDEDE; scrollbar-base-color: #E3F0FF; scrollbar-arrow-color: #FF0000; } img {border:0px none} img a {border:0px none} .clear {clear:both} #wrap {width:764px; background:url(images/bg_right.jpg) top right repeat-y #FFFFFF; padding-left:12px; padding-right:12px; padding-top:10px; padding-bottom:10px; margin:auto;} /* HEADER */ #header {width:764px; background:#8F1200 url(images/big_logo.jpg) left top no-repeat; color:#FFFFFF;} #header img {border:0px none;} #header br {clear:left; padding:0px; margin:0px auto; height:0px;} #header span {color:#FFFFFF} #header .black {color:#FFFFFF} #header a {color:#FFFFFF; text-decoration:none;} #header a:hover {color:#FFFFFF; text-decoration: underline;} #header .slogan {font-family:Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#DCB9B5; font-stretch:ultra-expanded} #header select {font-family:Arial; font-size:9px; font-weight:bold; background-color:#E3F0FF; width:146px; padding:0px; border:0px none; height:15px; display:block; margin-bottom:3px;} #header .button {background-color:#E3F0FF; font-family:Arial; font-size:10px; font-weight:bold; border:0px none; float:right; margin-right:14px; width:60px;} #header .banner {float:left; padding-left:6px; margin-top:10px;} #header ul {padding-left:0px; margin-left:0px;} #header .member_login {background-color:#BEE3F8; color:#000000; padding-left:1px; padding-right:1px; width:86px;} .left {width:535px; float:left; padding-top:26px; font-size:9px; padding-left:26px; padding-right:8px;} .right {float:left; width:184px;} .top_links {float:left; width:320px;} .top_right_links {float:left; width:214px; text-align:right;} .search_out {float:left; width:160px; height:96px; background:#BA1501 url(images/bg_search.jpg) left top no-repeat; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; padding-left:15px; padding-top:10px;} /* LEFT */ #left {background-color:#E3F0FF; color:#999999; width:154px; float:left; margin-top:10px;} #left ul {list-style-type:none; padding-left:0px; margin-left:0px;} #left li {line-height:18px;} #left li a { text-decoration:none; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;} #left li a:hover { text-decoration:none; color:#7bc1f0; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;} #left .leftsidebar {padding-left:32px; padding-top:18px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#999999;} #left .box {margin-top:36px; width:96px; border:1px solid #FFFFFF; margin-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding-left:10px; padding-right:4px; padding-top:16px; padding-bottom:12px; color:#333333;} #left .box p {padding-top:0px; margin-top:0px; padding-bottom:8px; margin-bottom:0px;} #left .box span {color:#BA1500} #left .box img {border:0px none} #left .box img a {border:0px none} /* MAIN PRODUCT */ #main {float:left; margin-left:6px; margin-right:6px; border:1px solid #B9BAB5; margin-top:10px; width:374px; padding-left:10px; padding-right:10px; padding-top:20px; padding-bottom:20px; font-size:11px;} #main .title {font-size: 12px; font-weight: bold; color: #ba1500;} #main img {float:left; margin-right:6px;} .rrp { color:#ba1500 !important; font-weight:bold; font-size:11px; } .dollar {font-size: 11px; font-weight: bold; color:#000000 !important;} #main .horizontal_main {padding-left:20px;} #main p {padding-bottom:0px; margin-bottom:0px;} .details_box {width:208px; display:block; float:left;} .stamps {float:left; width:55px; height:30px; background:url(images/bg_stamps.jpg) left top repeat-x; display:block; text-align:center; font-size:12px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF; padding:2px; margin-right:8px;} .stamps .letter {font-size: 10px} .stamps .number {font-size: 15px} .icons {float:left; vertical-align:bottom} .more_details {float:left; width:136px; font-size:10px; color:#999999} .more_details a {color:#999999; text-decoration:none;} .more_details a:hover {color:#7bc1f0; text-decoration: underline;} .add_cart {float:left; width: 126px; height: 17px; text-align: center; line-height: 17px; margin-bottom: 8px; margin-top: 8px;} .add_cart a {color:#999999; text-decoration:none;} .add_cart .btnadd:hover {background:url(images/add_to_shopping_bag2.jpg);} .add_cart .btnadd{ height: 17px; width: 126px;background:url(images/add_to_shopping_bag.jpg);} .add_cart .btnaddw:hover {background:url(images/add_to_shopping_bag2_w.jpg);} .add_cart .btnaddw{ height: 17px; width: 135px;background:url(images/add_to_shopping_bag_w.jpg);} .add_cart .btnmore:hover {background:url(images/more_details2_w.jpg);} .add_cart .btnmore{ height: 17px; width: 135px;background:url(images/more_details_w.jpg);} .add_cart .btnaddwl:hover {background:url(images/add_to_wish_list2.jpg);} .add_cart .btnaddwl{ height: 17px; width: 126px;background:url(images/add_to_wish_list.jpg);} /* RIGHT */ #right {float:left; border:1px solid #B9BAB5; margin-top:10px; width:190px; padding-left:4px; padding-right:4px; padding-top:18px; padding-bottom:18px;} #right img {float:left; margin-right:2px;} #right .title {font-size:12px; font-weight:bold; color:#BA1500; padding-top:10px;} #right p {padding-top:0px; margin-top:0px; padding-bottom:10px;} #right .prod_img {float:left; width:50px;margin-top:10px;} #right .prod_img img {float:left;max-width:50px;} #right .prod_det {float:left; width:140px;} .hr {border:none; border-top:1px #CCCCCC solid; width: 176px; padding-bottom:4px; margin-top:8px; text-align:center;} .black {font-size: 10px; color: #000000;} /* RIGHT 2 */ #right2 {float:left; border:1px solid #B9BAB5; margin-top:10px; width:190px; padding-left:4px; padding-right:0px; padding-top:18px; padding-bottom:18px; margin-left:3px;} #right2 img {float:left; margin-right:2px;} #right2 .title {font-size:12px; font-weight:bold; color:#BA1500; padding-top:10px;} #right2 p {padding-top:0px; margin-top:0px; padding-bottom:10px;} #right2 .prod_img {float:left; width:50px;} #right2 .prod_img img {float:left;width:50px;} #right2 .prod_det {float:left; width:140px;} /* banners */ .banner_big {width:602px; border:1px solid #999999; float:left; margin-left:6px; margin-top:10px;} .banner_vertical {color:#999999; width:150px; float:left; margin-top:10px; border:1px solid #999999;} /* PRODUCTS */ #products {width:602px; border:1px solid #999999; float:left; margin-left:6px; margin-top:8px;} #products form { visibility:hidden; display:none} #products .left_cell_1 {float:left; width:191px; border-left:0px none; border-right:1px solid #999999; border-bottom:1px solid #999999; border-top:0px none; padding:4px;height:200px;} #products .left_cell_2 {float:left; width:191px; border-left:0px none; border-right:1px solid #999999; border-bottom:1px solid #999999; border-top:0px none; padding:4px;height:200px;} #products .left_cell_3 {float:left; width:192px; border-bottom:1px solid #999999; border-top:0px none; padding:4px;height:200px;} #products .black {margin-top:7px; margin-bottom:7px;color:#000;} #products .left_cell img {float:left;} #products .title {font-size:12px; font-weight:bold; color:#BA1500; padding-bottom:0px; margin-bottom:0px;} #products .image {float:left; width:40px; margin-right:2px;} #products .image img {width:40px;} #products .opis {float:left; width:136px; } #products .opis img {margin-right:2px;} /* FRONT */ #front1 {width:744px; background-color:#E3F0FF; padding:10px;} #front1 img {margin-right:12px;} #front2 {width:764px;background-color: white; padding-top: 5px;} .top_ten {float:left; width:152px;} .slider_content {float:left; background-color:#FFFFFF; border:1px solid #999999; width:610px; height:195px;} .slider_content table {width:800px;} #front3 {width:764px;} #front3 img {margin:0px;} .login {width:584px; border:1px solid #999999; float:left; margin-left:6px; margin-top:10px; padding-left:10px; padding-right:10px; padding-top:16px; padding-bottom:16px; font-size:11px;} .lnamepass {float:left; width:64px; font-weight:bold; padding-right:6px;} .lupis {float:left; width:192px;} .lupis2 {float:left; width:474px;} .lfield {border:1px solid #B2B2B2; width:190px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000;} .lfield2 {border:1px solid #B2B2B2; width:472px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000;} .clear_space {clear:both; padding-bottom:5px;} .checkout {width:584px; border:1px solid #999999; float:left; margin-left:6px; margin-top:10px; padding-left:10px; padding-right:10px; padding-top:16px; padding-bottom:16px; font-size:11px;} .checkout .Text { color:#000 !important;} .checkout .Button { color:#000 !important;} .items {width:584px; height:16px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; padding-top:2px; color:#FFFFFF; background-color:#CC0001;} .next_time {float:right; width:606px; height:18px; font-family:Helvetica, arial; font-weight:bold; font-size:11px; margin-left:6px; text-align:center; padding-top:7px; color:#FFFFFF; background-color:#CC0001; margin-top:6px;} .update_position {float:left; width:220px; margin-left:6px; margin-right:6px; color:#333333;} .red {color: #cc0000; font-weight: bold;} .update {border:1px solid #B2B2B2; width:150px; font-size:11px;} .important {float:left; width:160px; background-color:#ba1500; color:#FFFFFF; padding:5px;} .big_fonts {font-family:Helvetica, Arial; font-size:16px; font-weight:bold; text-align:center; padding-bottom:4px; padding-top:10px;} .rstamps {text-align:center; padding-top:6px; padding-bottom:14px;} .gray2 {color: #333333} .gray3 {color: #CCCCCC} .check_select {border:1px solid #B7B7B7; font-family:Arial, Helvetica, sans-serif; color:#cc0000; width:158px;} .update_link {color:#333333; text-decoration:none; color: #7bc1f0;} .update_link a {text-decoration:none; color: #7bc1f0;} .update_link a:hover {text-decoration:underline; color: #7bc1f0;} .shopping_bag {float:left; width:240px; text-align:left; padding-left:6px;} .qty {float:left; width:120px; text-align:center;} .reward_stamps {float:left; width:150px; text-align:center;} .price {float:left; width:60px; text-align:center;} .all_border {width:582px; border:1px solid #CC0001;} .small_product_img {float:left; width:80px; padding-top:2px;} .product_name {float:left; width:160px; padding-top:14px; padding-right:5px;} .qty_pos {float:left; width:120px; text-align:center; padding-top:11px;} .qty_field {width:34px; border:1px solid #B1B1B1; text-align:center; color:#cc0000; font-size:11px; font-weight:bold;} .reward_stamps_pos {float:left; width:150px; text-align:center; padding-top:14px; color:#333333; font-weight:bold;} .price_pos {float:left; width:60px; text-align:center; padding-top:14px; color:#333333; font-weight:bold;} .payment {float:left; width:280px; padding:10px; font-size:11px; color:#333333; font-weight:bold; padding-right:120px;} .cards_icons {float:left; width:260px; padding-bottom:6px;} .paymentfield {float:left; width:54px; font-weight:bold; padding-right:6px;} .paymentupis {float:left; width:192px;} .paymentfieldinput {border:1px solid #B2B2B2; width:160px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000;} .expiry_select {border:1px solid #B7B7B7; font-family:Arial, Helvetica, sans-serif; font-size:11px;} .month {float:left; width:64px;} .year {float:left; width:64px;} .bill {float:left; width:164px; font-weight:bold; color:#333333; padding-top:10px;} .bill_left {float:left; text-align:left; width:120px; padding-left:2px;} .bill_right {float:left; text-align:right; width:40px;} .discount {float:left; width:170px; font-weight:bold; color:#CC0001; font-size:11px; padding-left:2px;} .total {float:left; width:170px; background-color:#e2f0ff;} /* MEMBER PAGE */ #member_header {background:url(images/member_header.jpg) left top no-repeat; width:764px; color:#FFFFFF;} #member_header .loginbox {margin-top:20px; width:522px; background-color:#E3F0FF; padding:6px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000;} #member_header .loginbox_border {border:1px solid #55595C; padding:10px;} #member_header .lnamepass {float:left; width:60px; padding-right:6px;} #member_header .lupis {float:left; width:174px;} #member_header .lfield {border:1px solid #ADB7C1; width:172px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; background-color:#E3F0FF} #member_header .left {float:left; width:535px; padding-top:8px; padding-left:27px; padding-right:0px;} #member_header .member_picture_body {float:left; padding-left:10px; width:178px; padding-top:15px; background:url(images/frame.jpg) no-repeat 10px 15px;} #member_header .member_picture {padding-top:28px; padding-left:35px;} #member_header .member_name {font-family: 'Times New Roman', Times, serif; font-stretch:narrower; font-style:oblique; font-size:21px; color:#999999; text-align:center; padding-top:17px; padding-bottom:20px; padding-left:10px; padding-right: 10px;} #member_header .upload_img {padding-top:6px; text-align:right; text-transform:uppercase; font-size:10px; padding-right:11px; color:#E4C2C0;} #member_header .upload_img a {color:#E4C2C0; text-decoration:none;} #member_header .upload_img a:hover {color:#E4C2C0; text-decoration: underline;} #member_header .red_box_body {width:140px; background-color:#BA1501; float:left; padding:6px; margin-top:10px; color:#000000; font-size:10px;} #member_header .red_box {border:1px solid #FFFFFF; padding-left:6px; padding-right:6px; padding-top:10px; padding-bottom:10px;} #member_header .blue_buttons {background-color:#E3F0FF; padding:2px; margin-bottom:5px;} #member_header .blue_buttons a {color:#000000; text-decoration:none; background-color:#E3F0FF; display:block} #member_header .blue_buttons a:hover {color:#000000; text-decoration: underline;} #member_header .new_member_details {float:left; width:354px; padding:10px; background-color:#E3F0FF; color:#333333; margin-top:10px; margin-left:8px; font-size:11px;} #member_header .new_member_details_border {border:1px solid #ADB7C1; padding:6px;} #member_header .txt {float:left; width:64px; padding-right:6px; font-size:11px; font-weight:bold;} #member_header .inputtxt {float:left; width:88px;} #member_header .input {border:1px solid #ADB7C1; width:86px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; background-color:#E3F0FF} #member_header .inputtxt2 {float:left; width:258px;} #member_header .input2 {border:1px solid #ADB7C1; width:254px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; background-color:#E3F0FF} #member_header .clear_break {clear:both; padding-bottom:7px;} #member_header .radio {float:left; width:112px; padding-right:1px;} .small {font-size: 9px} .bigtxt {font-family: Helvetica; font-size: 35px; font-weight: bold; color: #cc0000} .bigtxtmed {font-size: 16px; font-weight:bold; font-family: Helvetica, arial; color: #CC0000;} .txtmed {font-size: 12px} .istaknuto {color:#CC0000; font-size:12px; font-weight:bold;} .procents {color: #CC0000; font-weight: bold;} .red_right {float:left; width:55px; color: #CC0000; font-weight: bold; text-align:right} .red_left {float:left; width:75px; color: #CC0000; font-weight: bold;} .txt4procents {float:left; width:95px;} /* SUBFOOTER */ #subfooter {margin:0px auto; display:block; text-align:right; color:#7bc1f0;} #subfooter a {color:#7bc1f0; text-decoration:none} #subfooter a:hover {color:#7bc1f0; text-decoration: underline} .gray {color: #666666} .nav_txt {float:right; width:160px;} .nav_page {float:right; margin-right:20px; margin-left:40px;} /* FOOTER */ #footer {width: 774px; background:url(images/footer.jpg) left bottom no-repeat; margin:0px auto; padding-left:14px; padding-bottom:14px; color:#232323; padding-right:0px; margin-top:6px;} /* bottom links */ #bottom_links {margin:0px auto; width:774px; text-align:center; color:#232323; padding-top:10px; padding-bottom:30px;} #bottom_links a {color:#232323; text-decoration:none;} #bottom_links a:hover {color:#232323; text-decoration: underline;} /* DROPDOWN MENU */ .prodrop4 {padding:0 0 0 32px; margin:0; list-style:none; height:28px; position:relative; z-index:99;} .prodrop4 li.top {display:block; float:left; text-decoration:none;} /*.prodrop4 li a.top_link {display:block; float:left; height:28px; line-height:29px; color:#FFFFFF; text-decoration:none; font-family: "Times New Roman", Times, serif; font-size:13px; font-weight:bold; padding:0 0 0 10px; cursor:pointer; background: url(images/pro_drop4_0a.gif) no-repeat; text-decoration:none;}*/ .prodrop4 li a.top_link {display:block; float:left; height:28px; line-height:29px; color:#FFFFFF; text-decoration:none; font-family: Arial; font-size:13px; font-weight:normal; padding:0 0 0 10px; cursor:pointer; background: url(images/pro_drop4_0a.gif) no-repeat; text-decoration:none;} /* .prodrop4 li a.top_link span {float:left; display:block; padding:0 11px 0 0px; height:28px;background:url(images/pro_drop4_0b.gif) right top; color:#FFFFFF; text-decoration:none;} */ .prodrop4 li a.top_link span {float:left; display:block; padding:0px 10px 0px 0px; height:28px;background:url(images/pro_drop4_0b.gif) right top; color:#FFFFFF; text-decoration:none;} #header .prodrop4 li a.top_link:hover {background: url(images/pro_drop4_2a.gif) no-repeat; line-height:29px; color:#FFFFFF; text-decoration:none;} .prodrop4 li a.top_link:hover span {background:url(images/pro_drop4_2b.gif) no-repeat right top; color:#FFFFFF; text-decoration:none} .prodrop4 li:hover > a.top_link {color:#fff; background: url(images/pro_drop4_2a.gif) no-repeat; line-height:29px; color:#FFFFFF; text-decoration:none} .prodrop4 li:hover > a.top_link span {background:url(images/pro_drop4_2b.gif) no-repeat right top; color:#FFFFFF; text-decoration:none} .prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;} /* Default link styling */ /* Style the list OR link hover. Depends on which browser is used */ .prodrop4 a:hover {visibility:visible; position:relative; z-index:200; text-decoration:none} .prodrop4 li:hover {position:relative; z-index:200; text-decoration:none} /* keep the 'next' level invisible by placing it off screen. */ .prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} .prodrop4 ul.sub1 {width:150px;} .prodrop4 ul.sub2 {width:150px;} .prodrop4 ul.sub3 {width:150px;} .prodrop4 ul.sub4 {width:150px;} .prodrop4 :hover ul {left:0; top:28px; background: #BA1501; padding:3px; padding-left:10px; border:1px solid #780001; border-width:0 1px 1px 0px; white-space:nowrap; height:auto; z-index:300; text-decoration:none} .prodrop4 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto; border-bottom:1px solid #D7776B; margin-left:10px; margin-right:4px; text-decoration:none} .prodrop4 :hover ul li a {display:block; font-size:11px; font-weight:bold; height:20px; line-height:20px; width:auto; padding:0px; color:#FFFFFF; text-decoration:none;} .prodrop4 :hover ul li a:hover {color:#d1e7f9; text-decoration:none;} #header .prodrop4 :hover ul li a:hover {color:#d1e7f9; text-decoration:none;} TABLE.DialogBox { WIDTH: 100%; HEIGHT: 100%; VERTICAL-ALIGN: top; } TD.DialogBox { BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left; PADDING: 10px; } .DialogBorder { HEIGHT: 100%; PADDING: 0px; } TD.DialogTitle { VERTICAL-ALIGN: bottom; HEIGHT: 15px; PADDING-TOP: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; TEXT-ALIGN: left; font-weight: bold; font-size: 12px; } FONT.DialogTitle { COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11px; VERTICAL-ALIGN: bottom; HEIGHT: 15px; TEXT-ALIGN: left; MARGIN-LEFT: 10px; } .Spc { WIDTH: 1px; HEIGHT: 1px; } .invoice td,th { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; padding-top:5px; } TD.Button { BACKGROUND-IMAGE: url(images/butbg.gif); BACKGROUND-COLOR: #68C1FF; BACKGROUND-REPEAT: repeat-x; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; VERTICAL-ALIGN: middle; WHITE-SPACE: nowrap; } .custom_buttons { background-color:#c9222a;color:white; float:left;height:20px; line-height:20px; padding-left:10px;padding-right:10px; } .custom_buttons a{ color: #ffffff; text-decoration: none; } .custom_buttons a:hover{ color: #ffffff; text-decoration: underline; } .login_form .new_member_details {float:left; width:700px; padding:10px; background-color:#E3F0FF; color:#333333; margin-top:10px; margin-left:20px; font-size:11px; margin-bottom:10px;} .login_form .new_member_details_border {border:1px solid #ADB7C1; padding:6px;} .login_form .txt {float:left; width:64px; padding-right:6px; font-size:11px; font-weight:bold;} .login_form .inputtxt {float:left; width:88px;} .login_form .input {border:1px solid #ADB7C1; width:86px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; background-color:#E3F0FF} .login_form .inputtxt2 {float:left; width:258px;} .login_form .input2 {border:1px solid #ADB7C1; width:254px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; background-color:#E3F0FF} .login_form .clear_break {clear:both; padding-bottom:7px;} .login_form a {color:#000 !important;} .login_form .table{ width:400px !important;} .login_form td {padding-top:0px !important; } .login_form TD.DialogBox { BACKGROUND: none !important; }