/* $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: Verdana, Arial, sans-serif; font-size: 10px; } .errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; } .stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; } .productsNotifications { background: #DBDBDB; } .orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #ff1501; text-decoration: underline; } BODY {background: #cccccc; color: #000000; margin: 0px;} .infoBox {background: #ebebeb;} .infoBoxContents {background: #ffffff;font-family: Verdana, Arial, 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: Verdana, Arial, 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, Verdana, Arial, sans-serif; font-size: 12px; background: #ff0000; color: #ffffff; font-weight : bold; text-align : center;} TR.headerInfo {background: #00ff00;} TD.headerInfo {font-family: Tahoma, Verdana, Arial, sans-serif;font-size: 12px;background: #00ff00;color: #ffffff;font-weight: bold;text-align: center;} /* TR.footer {background: #bbc3d3;}TD.footer { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #bbc3d3; color: #ffffff; font-weight: bold;}*/ .infoBoxNotice {background: #FF8E90;} .infoBoxNoticeContents {background: #FFE6E6;font-family: Verdana, Arial, sans-serif; font-size: 10px;} TD.infoBoxHeading {font-family: Verdana, Arial, sans-serif;font-size: 10px;font-weight: bold;background: #bbc3d3;color: #ffffff;} TD.infoBox, SPAN.infoBox {font-family: Verdana, Arial, 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: Verdana, Arial, sans-serif;font-size: 10px;background: #b6b7cb;color: #FFFFFF;font-weight: bold;} TD.productListing-data {font-family: Verdana, Arial, sans-serif;font-size: 10px;} TD.pageHeading, DIV.pageHeading {font-family: Verdana, Arial, sans-serif;font-size: 20px;font-weight: bold;color: #9a9a9a;} TR.subBar {background: #f4f7fd;} TD.subBar {font-family: Verdana, Arial, sans-serif;font-size: 10px;color: #000000;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ TD.main, P.main {font-family: Verdana, Arial, sans-serif;font-size: 11px;line-height: 1.5;} TD.smallText, SPAN.smallText, P.smallText {font-family: Verdana, Arial, sans-serif;font-size: 10px;} TD.accountCategory {font-family: Verdana, Arial, sans-serif;font-size: 13px;color: #aabbdd;} TD.tableHeading {font-family: Verdana, Arial, sans-serif;font-size: 12px;font-weight: bold;} CHECKBOX, INPUT, RADIO, SELECT {font-family: Verdana, Arial, sans-serif;font-size: 11px;} TEXTAREA {width: 100%;font-family: Verdana, Arial, sans-serif;font-size: 11px;} SPAN.greetUser {font-family: Verdana, Arial, 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, Verdana, Arial, sans-serif;font-size: 12px;font-weight: bold;} SPAN.markProductOutOfStock {font-family: Tahoma, Verdana, Arial, sans-serif;font-size: 12px;color: #c76170;font-weight: bold;} SPAN.errorText {font-family: Verdana, Arial, sans-serif;color: #ff0000;} .moduleRow { } .moduleRowOver {background-color: #DBDBDB; cursor: pointer; cursor: hand; } .moduleRowSelected {background-color: #DBDBDB; } .checkoutBarFrom, .checkoutBarTo {font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; } .checkoutBarCurrent {font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; } /* message box */ .messageBox {font-family: Verdana, Arial, sans-serif; font-size: 10px; } .messageStackError, .messageStackWarning {font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; } .messageStackSuccess {font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; } #myse select {width:90%;} /* input requirement */ .product .inputRequirement, .inputRequirement {font-family: Verdana, Arial, sans-serif; font-size: 10px; color:#FF0000; } /* ------------------------------------------------- -------------------------------------------------------- */ .main a {color:#ff1501; text-decoration:underline;} .main a:hover {color:#ff1501; text-decoration:none;} .vam {vertical-align:middle;} /* ------------------------------------------------- -------------------------------------------------------- */ body { margin:0px; padding:0px; background:#585858; font-family:tahoma; font-size:11px; color:#43001C; } table, td, .main, select, input, textarea { font-family:tahoma; font-size:11px; color:#43001C; vertical-align:top; } table {width:100%;} .vam {vertical-align:middle;} .main_tab {background:#000} .table_tal_c {background:#000000; width:100%} .table_tal_t {background:url(http://img49.imageshack.us/img49/7797/tabletalt.gif) repeat-x top} .table_tal_l {background:url(http://img21.imageshack.us/img21/2061/tabletall.gif) repeat-y left} .table_tal_r {background:url(http://img49.imageshack.us/img49/6724/tabletalr.gif) repeat-y right} .table_tal_b {background:url(http://img113.imageshack.us/img113/4082/tabletalb.gif) repeat-x bottom} .logo {background:url(http://img39.imageshack.us/img39/2813/bglogor.jpg) no-repeat right top; height:259px; padding:3px 0 0 5px} .logo_img {margin:57px 0 0 0} .menu {background:url(http://img126.imageshack.us/img126/9737/menucen.jpg) top repeat-x;} .menu td {text-align:center;} .jump_1 {width:149px; height:17px; color:#282e3e; font-size:10px} .jump_2 {width:119px; height:20px; color:#282e3e; font-size:10px} .jump_3 {width:159px; height:20px; color:#8b8b8b; font-size:10px} /* BOXES */ .box_body td {font-size:12px; color:#fff;} /* box_body name prod */ .box_body span a {color:#fff; font-family:Tahoma; font-size:12px; font-weight:bold; text-decoration:none; text-transform:uppercase} .box_body span a:hover {color:#fff; text-decoration:underline} /* box_body name prod */ .box_body a {color:#ff1500; font-family:Tahoma; font-size:11px; text-decoration:none;} .box_body a:hover {color:#ff1500; text-decoration:underline} .box_body span {color:#FFFFFF; font-size:11px; font-weight:normal; font-family:Tahoma} .box_body em a {color:#ff1500; font-family:Tahoma; font-size:11px; font-weight:bold; text-decoration:underline; font-style:normal;} /* box_body price prod */ .box_body SPAN.productSpecialPrice {font-size:12px; color:#ff8400; font-weight:bold} /* box_body price prod */ .box_body del {font-size:12px; color:#fff; font-weight:bold;} /* list */ .box_body ul {padding:0; margin:0px; margin-left:30px; list-style:none; font-family:Arial; font-size:11px } .box_body .bg_list {} .box_body .bg_list a {color:#fff; font-weight:bold; line-height:21px; text-decoration:none; padding-left:14px; background:url(http://img18.imageshack.us/img18/6583/arrow1n.gif) left 4px no-repeat; } .box_body .bg_list a:hover {color:#fff; font-weight:bold; text-decoration:underline;} .box_body .bg_list_sub { line-height:21px} .box_body .bg_list_sub a {color:#fff; font-weight:normal; text-decoration:underline; padding-left:14px; background:none} .box_body .bg_list_sub a:hover {color:#ffffff; text-decoration:none;} /* list */ .box_body font {color:#FFB73F; font-size:11px; line-height:15px; font-weight:bold;} .box_body font a {color:#FFB73F; font-size:11px; line-height:15px; font-weight:bold;} .box_body font a:hover {color:#FFB73F; font-size:11px; line-height:15px; font-weight:bold; text-decoration:underline;} .box_body strong a {color:#FFFFFF; font-size:11px; line-height:15px} .box_body strong a:hover {color:#ffffff; text-decoration:underline} /* 1 */ .box_heading_table_2 {background:url(http://img194.imageshack.us/img194/3628/headingbg.gif) repeat-x top #b80f02} .box_heading_table_2 .box_heading_td {padding:14px 0 13px 0; width:100%} .box_heading_table_2 .box_heading_td {color:#FFFFFF; font-size:11px; line-height:15px } .box_heading_table_2 .box_heading_td a {text-decoration:none; color:#ffb73f; font-weight:bold} .box_body_table_2.box_body_td_2 {padding:5px 5px 18px 40px} /* --- */ /* 2 */ .box_heading_table {} .box_heading_table .box_heading_td {background:url(http://img119.imageshack.us/img119/8176/headingbg2.jpg) no-repeat left top; padding:19px 10px 12px 40px;} .box_heading_table .box_heading_td { color:#ffffff; font-family:Arial; font-size:14px; line-height:14px} .box_heading_table .box_heading_td a {color:#ffffff; text-decoration:underline} .box_heading_table .box_heading_td a:hover {text-decoration:none} .box_body_table {} .box_body_td {padding:0px 5px 15px 10px; color:#ffffff} /* --- */ /* 3 */ .box_heading_table_3 {} .box_heading_table_3 .box_heading_td_3 {background:#2f2f2f; padding:23px 10px 8px 40px;} .box_heading_table_3 .box_heading_td_3 {color:#FFFFFF; font-family:Arial; font-weight:bold; font-size:11px; padding:8px 10px 0 23px;} .box_body_table_3 {background:#2f2f2f} .box_body_td_3 {padding:5px 20px 15px 20px; color:#ffffff;} /* --- */ /* IMAGE */ .pic {} .table_pic_width {width:1px;} /* IMAGE */ /* ------------------------ CONTENT ---------------------------- */ .cont_heading_table { background:url(http://img96.imageshack.us/img96/918/conttal.gif) repeat-x top} .cont_heading_td { background:url(http://img238.imageshack.us/img238/414/conttall.gif) no-repeat 0 0; padding:11px 10px 11px 50px; height:57px; vertical-align:middle;} .cont_heading_td {color:#ffffff; font-family:Arial; font-size:14px; line-height:17px} .cont_heading_td a {color:#ffffff; font-family:Arial; font-size:14px; line-height:17px; text-decoration:none} .cont_heading_td a:hover {text-decoration:underline} .cont_heading_td em {color:#ffffff; font-family:Arial; font-size:14px; line-height:17px; text-decoration:none; font-style:normal;} .cont_body_table {} .cont_body_table td {color:#8b8b8b; font-family:tahoma; line-height:16px; font-size:12px} .cont_heading_table_2 { } .cont_heading_table_2 td {color:#000000; font-family:tahoma; font-size:12px; line-height:14px; text-transform:uppercase; font-weight:bold} .cont_heading_td_2 {background:url(http://img21.imageshack.us/img21/5024/conttal2.gif) repeat-x top #f2f2f2; padding:5px 10px 5px 0; vertical-align:middle;} .cont_heading_td_2 {color:#000000; font-family:tahoma; font-size:12px; line-height:14px; text-transform:uppercase; font-weight:bold} .cont_heading_td_2 td {color:#000000; font-family:tahoma; font-size:12px; line-height:14px; text-transform:uppercase; font-weight:bold} .cont_tall_l_2 {background:url(http://img10.imageshack.us/img10/5936/conttalll2.gif) repeat-y left} .cont_tall_r_2 {background:url(http://img129.imageshack.us/img129/8210/conttallr2.gif) repeat-y right} .cont_heading_table_3 {} .cont_heading_td_3 { background:url(http://img49.imageshack.us/img49/152/conttal3.gif) no-repeat 0 0; padding:22px 10px 15px 50px;} .cont_heading_td_3 {color:#ffffff; font-family:Arial; font-size:14px; line-height:14px} .cont_heading_td_3 a {color:#ffffff; text-decoration:underline} .cont_heading_td_3 a:hover {text-decoration:none} .cont_body_table_2 {background:#ffffff;} /* PRODUCT */ .product td {color:#8b8b8b; font-family:tahoma; line-height:16px; font-size:12px} .product a {color:#000000; text-decoration:underline} .product a:hover {text-decoration:none} .product span a {color:#000000; font-family:tahoma; font-size:12px; line-height:14px; text-transform:uppercase; font-weight:bold; text-decoration:none} .product span a:hover {color:#000000; text-decoration:underline} span.productSpecialPrice {font-size:14px; color:#373737; line-height:12px; font-weight:bold} .product div a {color:#373737; font-size:11px; font-weight:normal; text-decoration:underline}/* ??? click to enlarge */ .product div a:hover {color:#373737; text-decoration:none ;} /* -------------- */ /* for product info (index-2.html)*/ .prod_options td {} /* -------------- */ /* SHOPPING CART (index-3.html) */ .remove {width:20%; color:#373737; height:28px} .picture {width:22%; color:#373737; height:28px} .name {width:28%; color:#373737; height:28px} .qty {width:13%; color:#373737; height:28px} .total {width:17%; color:#373737; height:28px} .shop_cart .input_1 { width:40px; height:18px; padding-left:28px; color:#000000} .padd33 {padding:0 20px 20px 38px;} .padd33 img {margin-right:6px;} /* -------------- */ /* FOOTER */ .footer { background:url(http://img122.imageshack.us/img122/46/footerbg.gif) repeat-x top} .footer td {color:#6a6a6a} .footer span {color:#efe4c1; font-size:11px; line-height:14px; font-family:Arial} .footer span a {color:#fefefe; text-decoration:none; background:url(http://img49.imageshack.us/img49/9782/arrowfooter.gif) no-repeat 0 5px; padding-left:13px } .footer span a:hover {text-decoration:underline;} .footer strong {color:#a5a5a5} .footer strong a {color:#a5a5a5; text-decoration:none; font-style:normal;} .footer strong a:hover {text-decoration:underline} .footer b a {color:#6a6a6a; text-decoration:underline; font-style:normal;} .footer b a:hover {text-decoration:none;} .footer a {color:#6a6a6a; text-decoration:none} .footer a:hover {text-decoration:underline} /* popup */ .popup {} .popup td {font-size:11px; color:#7b7b7b} .popup a {color:#ffffff; font-size:11px; font-weight:normal; text-decoration:none; text-transform:none;} .popup a:hover {color:#ffffff; text-decoration: underline;} .popup span {font-size:12px; font-weight:bold; color:#95cf3d; text-decoration:underline;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .result {margin:0px 0px 0px 0px;} .result td {width:50%; vertical-align:middle; padding:20 20px 22px 20px} .result_right {text-align:right;} .result td {color:#fefefe; font-size:11px;} .result b {color:#fefefe; font-weight:normal;} .result_right b {color:#ff1500; font-size:11px; font-weight:bold;} .result_right a.pageResults {color:#ff1500; font-size:11px;text-decoration:underline; } .result_right a.pageResults:hover {color:#ff1500; text-decoration:none; } .result_right a.pageResults u {color:#ff1500; font-size:11px; text-decoration:underline;} .result_right a.pageResults u:hover {color:#ff1500; text-decoration:none;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .product em {color:#000000; font-family:tahoma; font-size:12px; line-height:14px; text-transform:uppercase; font-weight:bold; text-decoration:none; font-style:normal;} .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; background:#f2f2f2;color:#000000; font-size:11px; height:32px; text-decoration:none; text-transform:uppercase; font-weight:bold;} /* heading */ .remove {width:15%;} .products {width:50%;} .quantity {width:15%;} .total {width:20%;} /* heading */ .bg_line_x {background:url(http://img14.imageshack.us/img14/6463/linex.gif) left center repeat-x;} .bg_line_y {background:url(http://img14.imageshack.us/img14/6463/linex.gif) center top repeat-y;} .cart_line_x {background:url(http://img49.imageshack.us/img49/9561/linecont.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.newItemInCart {font-family: Verdana, Arial, sans-serif;font-size:10px;color: #000000;} .box_body a SPAN.newItemInCart {font-family: Verdana, Arial, sans-serif;font-size:10px;color: #000000; text-decoration:underline;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .smallText a {color:#ff1501; font-size:11px; text-decoration:none;} /* advanced_search.php */ .smallText a:hover {color:#ff1501; font-size:11px; text-decoration:underline;} .smallText a u {color:#ff1501; font-size:11px; text-decoration:none;} .smallText a:hover u {color:#ff1501; font-size:11px; text-decoration:underline;} TD.fieldKey {font-family: Verdana, Arial, sans-serif;font-size: 12px;font-weight: bold;} TD.fieldValue {font-family: Verdana, Arial, 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;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .bg_input input {background:none;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .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:200px;} .box_width_right { width:0px;} .box_width_cont { width:100%;} .col_left {} .col_center { width:100%;} .col_right {} /* ------------------------------------------------- -------------------------------------------------------- */ .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 0px 0px 0px;} .heading_top_4 {margin-top:5px; border:1px solid #ebebeb; background:#ffffff;} .heading_top_4 .padd_44 {padding:4px 4px 14px 4px} .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 {} /* */