/* $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, Helvetica, sans-serif; font-size: 10px; } .errorBox { font-family : Arial, Helvetica, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; } .stockWarning { font-family : Arial, Helvetica, sans-serif; font-size : 10px; color: #cc0033; } .productsNotifications { background: #F2F2E6; } .orderEdit { font-family : Arial, Helvetica, sans-serif; font-size : 10px; color: #ff9601; text-decoration: underline; } BODY {} .infoBox {background: #EBE7D3;} .infoBoxContents {background: #ffffff;font-family: Arial, Helvetica, 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, Helvetica, 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: Arial, Helvetica, sans-serif; font-size: 12px; background: #ff0000; color: #ffffff; font-weight : bold; text-align : center;} TR.headerInfo {background: #00ff00;} TD.headerInfo {font-family: Arial, Helvetica, sans-serif;font-size: 12px;background: #00ff00;color: #ffffff;font-weight: bold;text-align: center;} /* TR.footer {background: #bbc3d3;}TD.footer { font-family: Arial, Helvetica, sans-serif; font-size: 10px; background: #bbc3d3; color: #ffffff; font-weight: bold;}*/ .infoBoxNotice {background: #FF8E90;} .infoBoxNoticeContents {background: #FFE6E6;font-family: Arial, Helvetica, sans-serif; font-size: 10px;} TD.infoBoxHeading {font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;background: #bbc3d3;color: #ffffff;} TD.infoBox, SPAN.infoBox {font-family: Arial, Helvetica, 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: #b6b7cb;border-spacing: 1px;} .productListing-heading {font-family: Arial, Helvetica, sans-serif;font-size: 10px;background: #b6b7cb;color: #FFFFFF;font-weight: bold;} TD.productListing-data {font-family: Arial, Helvetica, sans-serif;font-size: 10px;} TD.pageHeading, DIV.pageHeading {font-family: Arial, Helvetica, sans-serif;font-size: 20px;font-weight: bold;color: #9a9a9a;} TR.subBar {background: #f4f7fd;} TD.subBar {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #000000;} /* ************************************************* ******************************************************** */ /* ************************************************* ******************************************************** */ TD.main, P.main {font-family: Arial, Helvetica, sans-serif;font-size: 11px;line-height: 1.5;} TD.smallText, SPAN.smallText, P.smallText {font-family: Arial, Helvetica, sans-serif;font-size: 10px;} TD.accountCategory {font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #aabbdd;} TD.tableHeading {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;} CHECKBOX, INPUT, RADIO, SELECT {font-family: Arial, Helvetica, sans-serif;font-size: 11px;} TEXTAREA {width: 100%;font-family: Arial, Helvetica, sans-serif;font-size: 11px;} SPAN.greetUser {font-family: Arial, Helvetica, 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: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;} SPAN.markProductOutOfStock {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #c76170;font-weight: bold;} SPAN.errorText {font-family: Arial, Helvetica, sans-serif;color: #ff0000;} .moduleRow { } .moduleRowOver {background-color: #F2F2E6; cursor: pointer; cursor: hand; } .moduleRowSelected {background-color: #F2F2E6; } .checkoutBarFrom, .checkoutBarTo {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #8c8c8c; } .checkoutBarCurrent {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; } /* message box */ .messageBox {font-family: Arial, Helvetica, sans-serif; font-size: 10px; } .messageStackError, .messageStackWarning {font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color: #ffb3b5; } .messageStackSuccess {font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color: #99ff00; } #myse select {width:90%;} /* input requirement */ .product .inputRequirement, .inputRequirement {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#FF0000; } /* ************************************************* ******************************************************** */ .main a {color:#ff9601; text-decoration:underline;} .main a:hover {color:#ff9601; text-decoration:none;} .vam {vertical-align:middle;} .tac {text-align:center;} /* ************************************************* ******************************************************** */ .padd_1 {padding:0px 10px 0px 10px;} .padd_22 {padding:8px;} td.padd2 {padding:8px; padding-left:4px;} .line_h {line-height:16px;} .image {width:100%;} /* ************************************************* ******************************************************** */ .product div {padding:15px 0px 13px 0px;} div.padd3 {text-align:left; padding-top:0px; margin-left:0px; margin-right:0px;} .padd33 img, .padd33 input {margin:1px;} .bg_input input {background:none;} /* ************************************************* ******************************************************** */ .remove {width:15%;} .products {width:50%;} .quantity {width:15%;} .total {width:20%;} /* ************************************************* ******************************************************** */ /* ************************************************* ******************************************************** */ body {padding:0; margin:0; background:#f6f5e5} table, td, .main, select, input, textarea { font-size:11px; font-family:Arial, Helvetica, sans-serif; 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)} .header font {color:#dbd992; text-decoration:none; font-size:11px; font-weight:bold;} .header font a {color:#dbd992; text-decoration:none; font-size:11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif} .header font a:hover {color:#dbd992; text-decoration:underline} /* **************************************************************5 items*/ .header strong a {color:#dbd992; text-decoration:none; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold}/* ***********************************************************shop_cart*/ .header strong a:hover {color:#dbd992; text-decoration:underline} /*************************************************************************************************************************************jamp - input*/ .jamp{ width:109px; height:17px; color:#464646; font-size:10px; padding-left:2px; font-family:Arial, Helvetica, sans-serif; font-weight:normal} .jamp1{ width:163px; height:17px; color:#464646; font-size:10px; padding-left:2px; font-family:Arial, Helvetica, sans-serif;} .jamp2{ width:143px; height:17px; color:#464646; font-size:10px; padding-left:2px; font-family:Arial, Helvetica, sans-serif;} /*************************************************************************************************************************************header*/ .header td {color:#dbd992; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px} .header span {color:#FFFFFF; font-size:10px;} .header b {color:#fc236c;} .header a {color:#fc236c; text-decoration:none; font-size:11px; font-weight:bold} .header a:hover {color:#fc236c;text-decoration:underline} .header strong {color:#b9215c; } /* ************************************************************************************************************************************box_body- */ .box_body span.productSpecialPrice { color:#fffbb4; font-size:15px; font-weight:bold; font-family:Arial, Helvetica, sans-serif} .box_body del {color:#494949; font-size:12px; font-weight:bold} .box_body td{ color:#4f5017} .box_body span {color:#4f5017; font-size:11px; font-weight:normal; font-family:Arial, Helvetica, sans-serif} .box_body a {color:#4f5017; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;} .box_body a:hover {color:#4f5017; text-decoration:underline} .box_body em a {color:#4f5017; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:underline; font-style:normal;} .box_body span a {color:#4f5017; font-size:12px; text-decoration:none; font-weight:bold; text-transform:uppercase} .box_body span a:hover {color:#4f5017;text-decoration:underline;} /***************************************************************************************************************************************ul*/ .box_body ul {padding:0 0 0 16px; margin:0px; list-style:none; } .box_body .bg_list {} .box_body .bg_list a {color:#3d3d16; padding-left:13px; background:url(images/arrow_1.gif) top left no-repeat; background-position:0 5px; text-decoration: underline; line-height:20px} .box_body .bg_list a:hover {color:#3d3d16; text-decoration:none;} .box_body .bg_list_un {} .box_body .bg_list_un a {color:#ffcce4; padding-left:20px; background:url(images/arrow_3.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:#ffffff; text-decoration:none;} .box_body .bg_list_sub { padding-left:5px} .box_body .bg_list_sub a { color:#faf57c; padding-left:13px; background:url(images/arrow_2.gif) top left no-repeat; background-position:0 5px; text-decoration: underline; line-height:20px} .box_body .bg_list_sub a:hover {color:#faf57c; text-decoration:none;} /*************************************************************************************************************************************line*/ .bg_line_y {background:url(images/bg_shadow_x.gif) top right repeat-y #994e14;} .bg_line_x {background:url(images/bg_line_x_2.gif) center top repeat-x;} .cart_line_x {background:url(images/bg_line_x.gif) left top repeat-x;} .cart_line_y {background:url(images/bg_line_y.gif) left top repeat-y;} /***************************************************************************************************************************************box*/ /* -1- */ .box_heading_table {background:url(images/heading_c_1.gif) top left repeat-x #4f4208;} .box_heading_table .box_heading_td {background:url(images/heading_bg_1.jpg) top left no-repeat; padding:15px 10px 15px 36px; width:100%;} .box_heading_table .box_heading_td {color:#dfdb7a; font-weight:bold; font-size:14px; font-family:Arial, Helvetica, sans-serif} .box_heading_table .box_heading_tall_l {background:url(images/body_tal1_1.gif) top right repeat-y;} .box_body_table {background:url(images/bg_shadow_x.gif) top right repeat-y #994e14;} .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:17px 24px 18px 24px;} /* -2- */ .box_heading_table_2 {background:url(images/heading_c_1_2.gif) top left repeat-x #4f4a08;} .box_heading_table_2 .box_heading_td_2 {background:url(images/heading_bg_2.jpg) top left no-repeat; padding:15px 10px 15px 36px; width:100%;} .box_heading_table_2 .box_heading_td_2 {color:#dfdb7a; font-weight:bold; font-size:14px; font-family:Arial, Helvetica, sans-serif} .box_heading_table_2 .box_heading_tall_2 {background:url(images/body_tal1_3.gif) top right repeat-y;} /* -3- */ .box_heading_table_3 {background:url(images/heading_c_1_3.gif) top left repeat-x #4f4f08;} .box_heading_table_3 .box_heading_td_3 {background:url(images/heading_bg_3.jpg) top left no-repeat; padding:15px 10px 15px 36px; width:100%;} .box_heading_table_3 .box_heading_td_3 {color:#dfdb7a; font-weight:bold; font-size:14px; font-family:Arial, Helvetica, sans-serif} .box_heading_table_2 .box_heading_tall_3 {background:url(images/body_tal1_5.gif) top right repeat-y;} /* ************************************************************************************************************************************CONTENT */ .cont_heading_table { background:url(images/cont_corn_tc.gif) top left repeat-x #4f3309} .cont_heading_td {background:url(images/heading_bg_1.gif) top left no-repeat;} .cont_heading_td {padding:15px 17px 15px 36px; font-size:14px; font-weight:bold; color:#ecd697; font-family:Arial, Helvetica, sans-serif} .cont_heading_td a { font-size:14px; font-weight:bold; color:#ecd697; font-family:Arial, Helvetica, sans-serif; text-decoration:none} .cont_heading_td a:hover { font-size:14px; font-weight:bold; color:#ecd697; font-family:Arial, Helvetica, sans-serif; text-decoration:underline;} .cont_heading_td em { font-size:14px; font-weight:bold; color:#ecd697; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-style:normal;} .cont_body_table {background:#f2f2e6; height:36px;} .cont_body_td { padding:10px 10px 10px 22px;} .cont_body_tall_t {background:#FFFFFF url(images/body_tal.gif) top repeat-x;} .cont_body_tall_b {background:#FFFFFF url(images/body_tal.gif) bottom repeat-x;} .cont_body_tall_l {background:#FFFFFF url(images/body_tal.gif) left repeat-y;} .cont_body_tall_r {background:#FFFFFF url(images/body_tal.gif) right repeat-y;} /********************************************************************************************************************************************PRODUCT */ .product td { color:#8b8b8b; font-size:12px; font-family:Arial, Helvetica, sans-serif} .product a {font-weight:bold; font-size:12px; color:#303030; text-decoration:none;} /* for sub_categories (index-1.html) */ .product a:hover {text-decoration:underline;} .product span a {font-weight:bold; font-size:12px; color:#303030; text-decoration:none; text-transform:uppercase} .product span a:hover {text-decoration:underline;} .product em {font-weight:bold; font-size:12px; color:#303030; text-decoration:none; text-transform:uppercase; font-style:normal;} /******************************************************************************************** ???????? ???????? ??? shoping cart - ?????? ?? ??????!!! */ span.productSpecialPrice {font-size:15px; color:#373737; font-family:Arial, Helvetica, sans-serif; font-weight:bold } .product div a {color:#ff02af; font-size:9px; font-weight:normal; text-decoration:none; text-transform:none;}/* ??? click to enlarge */ .product div a:hover {color:#ff02af; text-decoration: underline;} /**************************************T - A - B - L - E*******************************************************for product info (index-2.html) DIV */ .prod_info {float:left; width:210px; margin-right:20px;} .prod_info td {text-align:center;} .prod_options { color:#3e3e3e; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline} /********************************Available options */ .product div a {color:#ff9600; font-size:10px; font-weight:normal; text-decoration:underline; text-transform:none;}/* ??? click to enlarge */ .product div a:hover {color:#ff9600;text-decoration:none;} /**********************************************************************************************************************************************IMAGE */ .pic {} .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:#43001C; } .result b {font-weight:normal;} .result a {color:#ff9600;} .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:#ff9600;} /**********************************************************************************************************************************SHOPPING CART (index-3.html) */ .product .shop_cart {text-align:center; vertical-align:middle; font-size:12px;background:#f2f2e6; height:36px; text-decoration:none; font-weight:bold; color:#000000; text-transform:uppercase} .shop_cart td.remove {width:20%;} .shop_cart td.product {width:45%;} .shop_cart td.qty {width:15%;} .shop_cart td.total {width:20%;} .cart_line_x {background:url(images/bg_line.gif)} .cart_total_left {width:80%; text-align:right; vertical-align:middle;height:36px; text-transform:uppercase} .cart_total_right {width:20%; text-align:center;vertical-align:middle;} .padd33 {padding:21px 0px 0px 0px;} /************************************************************************************************************************************************popup */ .popup {color:#7b7b7b; font-size:11px;} /************************************************************************************************************************************************footer */ .footer { width:100%} .footer td {color:#857350; font-size:11px; font-family:Arial, Helvetica, sans-serif} .footer a {color:#857350; font-size:11px; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-weight:normal} .footer a:hover {color:#857350;text-decoration:none;} .footer span {color:#ff0050; font-size:11px;} .footer span a {color:#665f07; font-size:11px; text-decoration:none; font-weight:bold; text-transform:none} .footer span a:hover {color:#665f07;text-decoration:underline;} .footer b a {color:#857350; font-size:11px; font-weight:normal; text-decoration:none; font-family:Arial, Helvetica, sans-serif} .footer b a:hover {color:#857350; text-decoration:underline;} /***********************************************************************************************************************************************box_width - col*/ /* ************************************************* ******************************************************** */ /* ************************************************* ******************************************************** */ .result {margin:0px 0px 0px 0px;} .result td {width:50%; vertical-align:middle;padding:4px 0 4px 0px;} .result_right {text-align:right;} .result td {color:#43001C; font-size:11px;} .result b {color:#43001C; font-weight:normal;} .result_right b {color:#ff9600; font-size:11px; font-weight:bold;} .result_right a.pageResults {color:#ff9600; font-size:11px;text-decoration:underline; } .result_right a.pageResults:hover {color:#ff9600; text-decoration:none; } .result_right a.pageResults u {color:#ff9600; font-size:11px; text-decoration:underline;} .result_right a.pageResults u:hover {color:#ff9600; text-decoration:none;} /* ************************************************* ******************************************************** */ /* ************************************************* ******************************************************** */ SPAN.newItemInCart {font-family: Arial, Helvetica, sans-serif;font-size:10px;color: #fb0707;} .box_body a SPAN.newItemInCart {font-family: Arial, Helvetica, sans-serif;font-size:10px;color: #fb0707; text-decoration:underline;} /* ************************************************* ******************************************************** */ /* ************************************************* ******************************************************** */ .smallText a {color:#ff9601; font-size:11px; text-decoration:none;} /* advanced_search.php */ .smallText a:hover {color:#ff9601; font-size:11px; text-decoration:underline;} .smallText a u {color:#ff9601; font-size:11px; text-decoration:none;} .smallText a:hover u {color:#ff9601; font-size:11px; text-decoration:underline;} TD.fieldKey {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;} TD.fieldValue {font-family: Arial, Helvetica, 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;} /* ************************************************* ******************************************************** */ /* ************************************************* ******************************************************** */ /* ************************************************* ******************************************************** */ .title_info {width:250px;} .title_info td {vertical-align:middle; height:38px;} /* ************************************************* ******************************************************** */ .shop_cart {text-align:center; vertical-align:middle;color:#0064C8; font-size:11px; text-decoration:none; font-weight:bold;} /* ************************************************* ******************************************************** */ /* ************************************************* ******************************************************** */ .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_x {background:url(images/bg_line_x.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;} .cart_total_left strong {text-transform:uppercase} /* ************************************************* ******************************************************** */ /* ************************************************* ******************************************************** */ span.txt_1 {font-size:10px; text-transform:none; color:#000000;} /* ************************************************* ******************************************************** */ .padd_gg {height:10px;} .padd_vv {width:0%;} .padd_vv img {width:8px;} .padd_gg2 {height:10px;} .padd_vv2 {width:0%;} .padd_vv2 img {width:8px;} /* ************************************************* ******************************************************** */ /* ************************************************* ******************************************************** */ .box_width_left { width:223px;} .box_width_right { width:0px;} .box_width_cont { width:100%;} .col_left {} .col_center { width:100%;} .col_right {} /* ************************************************* ******************************************************** */ .heading_top_1 {margin-top:0px;} .heading_top_1 .padd_11 {padding:11px 10px 9px 10px;} .heading_top_2 {margin-top:0px;} .heading_top_2 .padd_22 {padding:0px 20px 0px 20px;} .heading_top_3 {margin-top:5px;} .heading_top_3 .padd_33 {padding:0px 10px 9px 10px;} .heading_top_4 {margin-bottom:10px;} .heading_top_4 .padd_44 {padding:11px 10px 19px 10px;} .tableBox_output {margin-top:6px;} .tableBox_shopping_cart {margin-top:0px;} .tep_draw_separate {height:1px;} .tep_draw_prod_top {border:1px solid #e9e9d6;} .tep_draw_box_prod {} /* */