/* $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $ osCommerce, Open Source E-Commerce Solutions http://www.oscommerce.com Copyright (c) 2003 osCommerce Released under the GNU General Public License */ .boxText { font-family: Arial,Verdana, sans-serif; font-size: 10px; } .errorBox { font-family : Arial,Verdana, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; } .stockWarning { font-family : Arial,Verdana, sans-serif; font-size : 10px; color: #cc0033; } .productsNotifications { background: #e1ecf7; } .orderEdit { font-family : Arial, Verdana, sans-serif; font-size : 10px; color: #003b75; text-decoration: underline; } BODY {background: #ffffff; color: #003b75; margin: 0px;} .infoBox {background: #e1ecf7;} .infoBoxContents {background: #ffffff;font-family: Arial,Verdana, sans-serif; font-size: 10px;} /* A {color: #000000; text-decoration: none;}A:hover { color: #AABBDD; text-decoration: underline;} */ FORM {display: inline;} TR.header {background: #ffffff;} TR.headerNavigation {background: #bbc3d3;} TD.headerNavigation {font-family: Arial, Verdana, sans-serif; font-size: 10px; background: #bbc3d3; color: #ffffff; font-weight : bold;} /* A.headerNavigation {color: #FFFFFF; }A.headerNavigation:hover { color: #ffffff; } */ TR.headerError {background: #ff0000;} TD.headerError {font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 12px; background: #ff0000; color: #ffffff; font-weight : bold; text-align : center;} TR.headerInfo {background: #00ff00;} TD.headerInfo {font-family: Tahoma, Arial, Verdana, sans-serif;font-size: 12px;background: #00ff00;color: #ffffff;font-weight: bold;text-align: center;} /* TR.footer {background: #bbc3d3;}TD.footer { font-family: Arial, Verdana, sans-serif; font-size: 10px; background: #bbc3d3; color: #ffffff; font-weight: bold;}*/ .infoBoxNotice {background: #e1ecf7;} .infoBoxNoticeContents {background: #e1ecf7;font-family: Arial, Verdana, sans-serif; font-size: 10px;} TD.infoBoxHeading {font-family: Arial, Verdana, sans-serif;font-size: 10px;font-weight: bold;background: #bbc3d3;color: #ffffff;} TD.infoBox, SPAN.infoBox {font-family: Arial, Verdana, sans-serif; font-size: 10px;} TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {background: #f8f8f9;} TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {background: #f8f8f9;} TABLE.productListing {border: 1px;border-style: solid;border-color: #ffdb99;border-spacing: 1px;} .productListing-heading {font-family: Arial, Verdana, sans-serif;font-size: 10px;background: #b6b7cb;color: #FFFFFF;font-weight: bold;} TD.productListing-data {font-family: Arial, Verdana, sans-serif;font-size: 10px;} TD.pageHeading, DIV.pageHeading {font-family: Arial, Verdana, sans-serif;font-size: 20px;font-weight: bold;color: #9a9a9a;} TR.subBar {background: #f4f7fd;} TD.subBar {font-family: Arial, Verdana, sans-serif;font-size: 10px;color: #000000;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ TD.main, P.main {font-family: Arial, Verdana, sans-serif;font-size: 11px;line-height: 1.5;} TD.main1, P.main1 {font-family: Arial, Verdana, sans-serif;font-size: 11px;line-height: 1.5; width:136px;} TD.smallText, SPAN.smallText, P.smallText {font-family: Arial, Verdana, sans-serif;font-size: 10px;} TD.accountCategory {font-family: Arial, Verdana, sans-serif;font-size: 13px;color: #aabbdd;} TD.tableHeading {font-family: Arial, Verdana, sans-serif;font-size: 12px;font-weight: bold;} CHECKBOX, INPUT, RADIO, SELECT {font-family: Arial, Verdana, sans-serif;font-size: 11px;} TEXTAREA {width: 100%;font-family: Arial, Verdana, sans-serif;font-size: 11px;} SPAN.greetUser {font-family: Arial, Verdana, sans-serif;font-size: 12px;color: #f0a480;font-weight: bold;} TABLE.formArea {background: #f1f9fe;border-color: #7b9ebd;border-style: solid;border-width: 1px;} TD.formAreaTitle {font-family: Tahoma, Arial, Verdana, sans-serif;font-size: 12px;font-weight: bold;} SPAN.markProductOutOfStock {font-family: Tahoma, Arial, Verdana, sans-serif;font-size: 12px;color: #c76170;font-weight: bold;} SPAN.errorText {font-family: Arial, Verdana, sans-serif;color: #ff0000;} .moduleRow { } .moduleRowOver {background-color: #e1ecf7; cursor: pointer; cursor: hand; } .moduleRowSelected {background-color: #e1ecf7; } .checkoutBarFrom, .checkoutBarTo {font-family: Arial, Verdana, sans-serif; font-size: 10px; color: #8c8c8c; } .checkoutBarCurrent {font-family: Arial, Verdana, sans-serif; font-size: 10px; color: #000000; } /* message box */ .messageBox {font-family: Arial, Verdana, sans-serif; font-size: 10px; } .messageStackError, .messageStackWarning {font-family: Arial, Verdana, sans-serif; font-size: 10px; background-color: #ffb3b5; } .messageStackSuccess {font-family: Arial, Verdana, sans-serif; font-size: 10px; background-color: #99ff00; } #myse select {width:90%;} /* input requirement */ .product .inputRequirement, .inputRequirement {font-family: Arial, Verdana, sans-serif; font-size: 10px; color:#FF0000; } /* ------------------------------------------------- -------------------------------------------------------- */ .main a {color:#003b75; text-decoration:underline;} .main a:hover {color:#003b75; text-decoration:none;} .vam {vertical-align:middle;} input {background:#ffffff;} /* ------------------------------------------------- -------------------------------------------------------- */ body {padding:0; margin:0; background:#d4e4f4; font-family:Arial; color:#FFFFFF;} table, td, .main, select, input, textarea { font-size:11px; font-family:Tahoma; color:#282e3e; line-height:13px; vertical-align:top; padding:0px; } img {border:0px;} table {width:100%;} .vam { vertical-align:middle} .bg{background:url(images/bg_line.gif)} .li_shop{ background:url(images/li_shop.gif) top right repeat-y} .li_shop_1{ background:url(images/li_shop_1.gif) top left repeat-x} .jamp{ width:109px; height:17px; color:#464646; font-size:10px; padding-left:2px; font-family:Tahoma;} .jamp1{ width:119px; height:18px; color:#464646; font-size:10px; padding-left:2px; font-family:Tahoma;} .jamp2{ width:159px; height:18px; color:#464646; font-size:10px; padding-left:2px; font-family:Tahoma;} .header td {color:#ffffff;} .header span {color:#FFFFFF; font-size:10px;} .header b {color:#f7f5e8; font-size:11px; font-weight:bold} .header a {color:#ffd998; text-decoration:none; font-size:11px; } .header a:hover {color:#ffd998;text-decoration:underline} .header strong {} .header font {color:#ffd998; text-decoration:none; font-size:11px; font-weight:bold;} .header font a {color:#ffd998; text-decoration:none; font-size:11px; font-weight:bold;} .header font a:hover {color:#ffd998; text-decoration:underline} /* 5 items*/ .top_link {color:#ffd998; text-decoration:none; font-size:11px; } .top_link a {color:#ffd998; text-decoration:underline; font-size:11px;} .top_link a:hover {color:#ffd998; text-decoration:none} /* 5 items*/ .top_link_right {color:#8197ae; text-decoration:none; font-size:11px; } .top_link_right a {color:#8197ae; text-decoration:underline; font-size:11px;} .top_link_right a:hover {color:#8197ae; text-decoration:none} /* 5 items*/ .header strong a {color:#f7f5e8; text-decoration:none; font-size:11px;}/* shop_cart*/ .header strong a:hover {color:#f7f5e8; text-decoration:underline} .menu {margin:0 0 0 0; padding:0 15px 0 15px; height:48px;} .menu img {margin:0 0px 0 0px;} /* -box_body- */ .box_body td{ color:#4f92d5} .box_body span.productSpecialPrice { color:#4f92d5; font-size:12px; font-weight:bold; font-family:Arial; text-transform:uppercase} .box_body del {color:#003b75; font-size:12px; font-weight:bold; text-transform:uppercase; font-family:Arial} .box_body span {color:#003b75; font-size:11px; font-weight:normal; font-family:Tahoma} .box_body span a {color:#003b75; font-size:12px; text-decoration:none; font-weight:bold; text-transform:uppercase; font-family:Arial} .box_body span a:hover {color:#003b75;text-decoration:underline;} .box_body a {color:#003b75; font-family:Tahoma; font-size:11px; text-decoration:none;} .box_body a:hover {color:#003b75; text-decoration:underline} .box_body ul {padding:0px 0 0 14px; margin:0px 0 5px 0; list-style:none; } .box_body .bg_list {} .box_body .bg_list a {color:#003b75; padding-left:15px; background:url(images/arrow.gif) top left no-repeat; background-position:0 3px; text-decoration:none; line-height:20px; font-family:Arial; font-weight:bold} .box_body .bg_list a:hover {color:#003b75; text-decoration: underline;} .box_body .bg_list1 {} .box_body .bg_list1 a {color:#003b75; padding-left:15px; background:url(images/arrow.gif) top left no-repeat; background-position:0 3px; text-decoration:underline; line-height:20px; font-family:Arial; font-weight:bold} .box_body .bg_list1 a:hover {color:#003b75; text-decoration:none ;} .box_body .bg_list_un {} .box_body .bg_list_un a {color:#003b75; padding-left:20px; background:url(images/arrow_sublist.gif) top left no-repeat; background-position:0 3px; text-decoration:none; line-height:18px; font-weight:bold} .box_body .bg_list_un a:hover {color:#003b75; text-decoration:none;} .box_body .bg_list_sub {} .box_body .bg_list_sub a {background:url(images/arrow_sublist.gif) center left no-repeat; color:#003b75; padding-left:15px; text-decoration:none; line-height:20px;background-position:0 4px; } .box_body .bg_list_sub a:hover {color:#003b75; text-decoration:underline;} /* -1- */ .box_heading_table { height:34px; margin:0 0 0 10px;} .box_heading_table .box_heading_td { background:url(images/ring_cat.gif) center left no-repeat; padding:0 0 0 25px} .box_heading_table .box_heading_td {color:#4f92d5; font-weight:bold; font-size:13px; font-family:Arial; vertical-align:middle } .box_body_table { font-size:10px;} .box_body_table .box_body_tall_l {background:url(images/body_tal1_1.gif) left repeat-y;} .box_body_table .box_body_tall_r {background:url(images/body_tal2_1.gif) right repeat-y;} .box_body_table .box_body_tall_b {background:url(images/body_tal3_1.gif) bottom repeat-x;} .box_body_table .box_body_td {padding:4px 0px 10px 20px;} /* ------------------------ CONTENT ---------------------------- */ /*.cont_heading_table { background:url(images/cont_corn_tc.gif)} .cont_heading_td {padding:13px 17px 9px 0px; font-size:12px; text-transform:uppercase; font-weight:bold; color:#fffffe; }*/ .cont_heading_table { height:34px} .cont_heading_table .cont_heading_td { background:url(images/1_z3.gif) center left no-repeat; padding:0 0 0 30px} .cont_heading_table .cont_heading_td {color:#003b75; font-weight:bold; font-size:13px; font-family:Arial; vertical-align:middle } .cont_heading_table .cont_heading_td a {font-weight:bold; font-size:12px; color:#003b75; text-decoration:none; text-transform:uppercase;; text-decoration:none;} .cont_heading_table .cont_heading_td a:hover {font-weight:bold; font-size:12px; color:#003b75; text-decoration:none; text-transform:uppercase;; text-decoration:underline;} .cont_body_table .cont_heading_td {font-weight:bold; font-size:12px; color:#003b75; text-decoration:none; text-transform:uppercase;height:32px;padding:0px 19px 0px 19px;} .cont_body_table .cont_heading_td a {font-weight:bold; font-size:12px; color:#003b75; text-decoration:none; text-transform:uppercase;; text-decoration:none;} .cont_body_table .cont_heading_td a:hover {font-weight:bold; font-size:12px; color:#003b75; text-decoration:none; text-transform:uppercase;; text-decoration:underline;} .cont_body_table {background:#e1ecf7;} .cont_body_tall_t {background:#e1ecf7;} .cont_body_tall_b {background:#e1ecf7;} .cont_body_tall_l {background:#e1ecf7;} .cont_body_tall_r {background:#e1ecf7;} /* PRODUCT */ .product td { color:#003b75; font-size:11px; font-family:Arial; } .product a { font-size:12px; color:#003b75; text-decoration:underline; font-family:Arial} /* for sub_categories (index-1.html) */ .product a:hover {text-decoration:none;} .product span a {font-weight:bold; font-size:12px; color:#003b75; text-decoration:none; text-transform:uppercase} .product span a:hover {text-decoration:underline;} .product span font {font-weight:bold; font-size:12px; color:#003b75; text-decoration:none; text-transform:uppercase} .product em {font-weight:bold; font-size:12px; color:#003b75; text-decoration:none; text-transform:uppercase; font-style:normal;} span.productSpecialPrice {font-size:16px; color:#565656; font-family:Arial } .product div a {color:#003b75; font-size:11px; font-weight:normal; text-decoration:underline; text-transform:none; font-family:Arial}/* ??? click to enlarge */ .product div a:hover {color:#003b75; text-decoration:none ;} /* IMAGE */ .pic {margin-top:10px; margin-bottom:10px;} .table_pic_width {width:1px;} .pic_corn_c {background:#FFFFFF;} .pic_corn_t {background:#FFFFFF url(images/img_tal1.gif) top repeat-x;} .pic_corn_b {background:#FFFFFF url(images/img_tal2.gif) bottom repeat-x;} .pic_corn_l {background:#FFFFFF url(images/img_tal3.gif) left repeat-y;} .pic_corn_r {background:#FFFFFF url(images/img_tal4.gif) right repeat-y;} /* RESULT */ .result td {font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#003b75; padding:8px 0px 8px 0px;} .result b {font-weight:normal;} .result a {color:#003b75; text-decoration:underline} .result a u:hover {text-decoration:none;} .result .result_left {padding-left:10px;} .result .result_right {text-align:right; padding-right:5px;} .result .result_right b {color:#003b75;} /* SHOPPING CART (index-3.html) */ .shop_cart td.remove {width:20%;} .shop_cart td.product {width:45%;} .shop_cart td.qty {width:15%;} .shop_cart td.total {width:20%;} .product em { text-transform:uppercase; font-weight:bold; font-size:12px} .cart_line_x {background:url(images/bg_line.gif)} .cart_total_left {width:80%; text-align:right; vertical-align:middle;height:38px;} .cart_total_right {width:20%; text-align:center;vertical-align:middle;} .padd33 {padding:21px 0px 0px 0px;} /* popup */ .popup span {color:#003b75; font-size:11px;} .popup font {color:#003b75; text-decoration:underline; font-size:12px} /* footer */ .footer { width:100%} .footer td {color:#f7f5e8; font-size:10px; font-weight:normal} .footer a {color:#f7f5e8; font-size:11px; text-decoration:none;} .footer a:hover {color:#f7f5e8;text-decoration:underline;} .footer span {color:#003b75; font-size:11px;} .footer span a {color:#a1cbf5; font-size:11px; text-decoration:none; font-weight:bold} .footer span a:hover {color:#a1cbf5;text-decoration:underline;} .footer b a {color:#a1cbf5; font-size:10px; font-weight:bold; text-decoration:none;} .footer b a:hover {color:#a1cbf5; text-decoration:underline;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .result {margin:0px 0px 0px 0px;} .result td {width:50%; vertical-align:middle; } .result_right {text-align:right;} .result td {color:#003b75; font-size:11px;} .result b {color:#003b75; font-weight:normal;} .result_right b {color:#003b75; font-size:11px; font-weight:bold;} .result_right a.pageResults {color:#003b75; font-size:11px;text-decoration:underline; } .result_right a.pageResults:hover {color:#003b75; text-decoration:none; } .result_right a.pageResults u {color:#003b75; font-size:11px; text-decoration:underline;} .result_right a.pageResults u:hover {color:#003b75; text-decoration:none;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .cont_header_txt em {color:#003b75; font-size:14px; font-weight:bold; font-style:normal;vertical-align:middle;text-decoration:none;} .title_info {width:270px;} .title_info td {vertical-align:middle; height:38px;} .prod_info {width:100px; float:left; margin-right:15px;} .prod_info td {text-align:center;} /* ------------------------------------------------- -------------------------------------------------------- */ .product .shop_cart {text-align:center; vertical-align:middle;height:31px; font-weight:bold; color:#003b75; font-size:13px; text-transform:uppercase;} /* heading */ .remove {width:15%;} .products {width:50%;} .quantity {width:15%;} .total {width:20%;} /* heading */ .bg_line_x {background:url(images/bg_line_x.gif) left center repeat-x;} .bg_line_y {background:url(images/bg_line_y.gif) center top repeat-y;} .cart_line_y {background:url(images/li_shop.gif) left center repeat-y;} .cart_line_x {background:url(images/li_shop_1.gif) center top repeat-x;} .cart_total_left {width:80%; text-align:right; vertical-align:middle;height:38px;} .cart_total_right {width:20%; text-align:center;vertical-align:middle;} /* ------------------------------------------------- -------------------------------------------------------- */ SPAN.newItemInCart {font-family: Arial, Verdana, sans-serif;font-size:10px;color: #003b75;} .box_body a SPAN.newItemInCart {font-family: Arial, Verdana, sans-serif;font-size:10px;color: #003b75; text-decoration:underline;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .smallText a {color:#003b75; font-size:11px; text-decoration:none;} /* advanced_search.php */ .smallText a:hover {color:#003b75; font-size:11px; text-decoration:underline;} .smallText a u {color:#003b75; font-size:11px; text-decoration:none;} .smallText a:hover u {color:#003b75; font-size:11px; text-decoration:underline;} TD.fieldKey {font-family: Arial, Verdana, sans-serif;font-size: 12px;font-weight: bold;} TD.fieldValue {font-family: Arial, Verdana, sans-serif;font-size: 12px;} .main a b {color:#5D5F60;font-size: 10px; text-decoration:underline;} .main a:hover b {color:#5D5F60;font-size: 10px; text-decoration:none;} /* ------------------------------------------------- -------------------------------------------------------- */ span.txt_1 {font-size:10px; text-transform:none; color:#000000;} .box_body del {color:#888888; font-size:12px; font-weight:bold; vertical-align:middle;} .product s {color:#808080;font-size:11px;font-weight:normal;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .bg_input input {background:none;} .custom { border:1px solid #003b75; } /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .padd_1 {padding:0px 10px 0px 10px;} .padd_22 {padding:8px;} td.padd2 {padding:8px; padding-left:4px;} .line_h {line-height:16px;} /* ------------------------------------------------- -------------------------------------------------------- */ .product div {padding:8px 0px 5px 0px;} div.padd3 {text-align:left; padding-top:0px; margin-left:0px; margin-right:0px;} .padd33 img, .padd33 input {margin:1px;} /* ------------------------------------------------- -------------------------------------------------------- */ .box_width_left { width:202px;} .box_width_right { width:0px;} .box_width_cont { width:100%;} .col_left {} .col_center { width:100%;} .col_right {} /* ------------------------------------------------- -------------------------------------------------------- */ .heading_top_1 {margin-top:0px;margin-bottom:6px;} .heading_top_1 .padd_11 {padding:10px 0px 9px 0px;} .heading_top_2 {margin-top:0px;} .heading_top_2 .padd_22 {padding:0px 20px 0px 20px;} .heading_top_3 {margin-top:0px;margin-bottom:6px;} .heading_top_3 .padd_33 {padding:0px 0px 0px 0px;} .heading_top_4 {margin-top:0px;margin-bottom:6px;} .heading_top_4 .padd_44 {padding:10px 0px 9px 0px;} .tableBox_output {margin-top:0px;} .tableBox_shopping_cart {margin-top:0px;} .tep_draw_separate {height:11px;} .tep_draw_prod_top {padding:0px 0px 9px 0px;} .tep_draw_box_prod {} /* */ .welcome_title {font-size:14px; font-weight:bold; color:#4f92d5;} .welcome {color:#003b75;text-align:justify} .thumbnail{position: relative; z-index: 0; border:0px;} .small {width:140px; height:185px} .thumbnail:hover{background-color: #4a4a4a; ;z-index: 50;} .thumbnail span{ position: absolute; background-color: #4a4a4a; padding: 5px;left: -1000px;border: 1px solid black;visibility: hidden;color: black; text-decoration: none; } .thumbnail span img{ border-width: 0;padding: 2px; } .thumbnail:hover span{ visibility: visible;top: -340px; left: -150px;} p {margin-bottom:0px;}