/* $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: #BFBFBe; } .orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #e55801; text-decoration: underline; } body { background-repeat: no-repeat; background-attachment: fixed; background-image: url(images/tpl/bg.jpg); background-position: center center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; } .bgatas1 { background-image: url(images/tpl/bgatas.jpg); background-repeat: no-repeat; background-position: center; } .infoBox { background-color: #000000; } .infoBoxContents { font-family: Verdana, Arial, sans-serif; font-size: 10px; border: 1px solid #FFE9D2; } /* 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; color: #ffffff; font-weight : bold; background-color: #333333; } /* 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: #BFBFBe; cursor: pointer; cursor: hand; } .moduleRowSelected {background-color: #BFBFBe; } .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; } /* ------------------------------------------------- -------------------------------------------------------- */ del {color:#888888;font-size:12px; font-weight:bold} s {color:#808080;font-size:11px;font-weight:normal;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ body {padding:0; margin:0;} body, td{ font-size:11px; font-family:Tahoma; color:#FFFFFF; line-height:13px; vertical-align:top; padding:0px; } input, textarea{ font-size:11px; font-family:Tahoma; color:#000000; line-height:13px; vertical-align:top; padding:0px; } img {border:0px;} table {width:100%;} .vam { vertical-align:middle} .border { /*border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #bfbfbf; border-bottom-color: #bfbfbf; border-left-color: #bfbfbf; */ } /*.bg{ background:url(images/1_bg.gif)}*/ .bg{background:url(images/bg_line.gif)} .bg1{ background:url(images/3_bg.gif)} .header strong a {color:#C9CBBD; text-decoration:underline; font-size:11px} .header strong a:hover {color:#C9CBBD;text-decoration:none} .header2 td {color:#d8dadc; vertical-align:top; text-transform:uppercase; font-size:9px } .header td {color:#d8dadc; vertical-align:top; text-transform:uppercase; font-size:9px } .header span {color:#d8dadc; font-size:9px;} .header a {color:#d8dadc; text-decoration:none; font-size:9px; } .header a:hover {color:#d8dadc;text-decoration:underline} .header b {color:#0d8db1; text-transform:uppercase; text-decoration:underline; font-size:9px } .input{ width:142px; height:20px; color:#000000; font-size:11px; font-family:tahoma; vertical-align:middle; padding-left:15px; margin-right:6px; margin-left:11px } #input1{ width:37px; height:18px; color:#3F4143; font-size:10px; font-family:tahoma; text-align:right } #input2{ width:37px; height:18px; color:#3F4143; font-size:10px; font-family:tahoma; text-align:right } .jamp{ width:118px; height:18px; color:#464646; font-size:10px; padding-left:4px; font-family:Tahoma;} .jamp1{ width:58px; height:18px; color:#464646; font-size:10px; padding-left:2px; font-family:Tahoma;} .jamp2{ width:141px; height:18px; color:#464646; font-size:10px; padding-left:2px; font-family:Tahoma;} .jamp3{ width:141px; height:18px; color:#464646; font-size:10px; padding-left:2px; font-family:Tahoma;} .box_header_txt { background:url(images/tpl/leftheaderbg_03.png); width: 164px; } .box_header_txt td{ height:63px; vertical-align:middle; font-weight:bold; color:#000000; font-size:16px; padding-left: 20px; } .box_header_txt1 td{ height:40px; vertical-align:middle; background:url(images/1_z2.gif) no-repeat top left #F4F6DE; padding-left:28px; text-transform:uppercase; font-weight:bold; color:#313030; font-size:12px;} .box_body td {color:#32434a; font-size:11px } .box_body ul {padding:0; margin:0 0 0 0px; list-style:none; } .box_body .bg_list {background:url(images/bg_list1.gif) left bottom no-repeat; } .box_body .bg_list a {background:url(images/bg_list.gif) left top no-repeat; line-height:22px; background-position:0 3px; color:#000000; text-decoration:none; padding-left:18px;} .box_body .bg_list a:hover {color:#A10E04;text-decoration:none;} .box_body .bg_list_un {background:url(images/bg_list1.gif) left top no-repeat; line-height:23px; background-position:0 10px; margin-left:15px} .box_body .bg_list_un a {color:#A10E04;text-decoration:underline; padding-left:10px;} .box_body .bg_list_un a:hover {color:#A10E04; text-decoration:none;} .box_body .bg_list_sub { font-size: 11px; font-weight: bold;/*background:url(images/bg_list1.gif) left bottom no-repeat; */ } .box_body .bg_list_sub a {background:url(images/bg_list.gif) left top no-repeat; line-height:22px; background-position:0 3px; color:#000000; text-decoration:none; padding-left:18px; margin-left:17px} .box_body .bg_list_sub a:hover {color:#A10E04;text-decoration:none;} .box_body_table {background:url(images/line.gif) } .cont_header_txt td {height:24px; vertical-align:middle;); font-weight:bold; color:#00000; font-size:11px;} .cont_header_txt a { font-weight:bold; color:#000000; font-size:11px; text-decoration:none; vertical-align:middle;} .cont_header_txt a:hover { font-weight:bold; color:#000000; font-size:11px; text-decoration:underline;} .product td {color:#FFFFFF; font-size:11px;} .product a {color:#e55800; font-size:11px; text-decoration:none; font-weight:bold} .product a:hover {color:#e55800;text-decoration:underline;} /* .product span {color:#3F4143; font-size:11px;} .product b {} .product span {color:#8E1214; font-size:16px;} */ .product div a {color:#e55800; font-size:11px; font-weight:normal;text-decoration:underline; text-transform:none;} .product div a:hover {color:#e55800;text-decoration:none;} .pic img {border: 0px solid #919191;} .pic1 {border: 1px solid #919191;} .popup td {color:#3F4143; font-size:11px;} .popup span {color:#3F4143; font-size:10px; } .popup b {color:#3F4143; font-size:10px; } .popup a {color:#8E1214; font-size:13px; text-decoration:underline; font-weight:bold} .popup a:hover {color:#8E1214; text-decoration:none;} ./* footer */ .footer { width:100%} .footer td {color:#e3e3e3; font-size:11px;} .footer a {color:#e3e3e3; font-size:11px; text-decoration:none;} .footer a:hover {color:#e3e3e3;text-decoration:underline;} .footer span {color:#e3e3e3; font-size:11px;} .footer span a {color:#e3e3e3; font-size:11px; text-decoration:none;} .footer span a:hover {color:#e3e3e3;text-decoration:underline;} .footer b, .footer b a {color:#e3e3e3; font-size:11px; font-weight: normal; text-decoration:none;} .footer b a:hover {color:#e3e3e3; text-decoration:underline;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .result {margin:0px 0px 0px 0px;} .result td {width:50%; height:41px; vertical-align:middle;padding:0px 16px 0px 14px;} .result_right {text-align:right;} .result td {color:#505050; font-size:11px;} .result b {color:#505050; font-weight:normal;} .result_right b {color:#e55800; font-size:11px; font-weight:bold;} .result_right a.pageResults {color:#e55800; font-size:11px;text-decoration:underline; } .result_right a.pageResults:hover {color:#e55800; text-decoration:none; } .result_right a.pageResults u {color:#e55800; font-size:11px; text-decoration:underline;} .result_right a.pageResults u:hover {color:#e55800; text-decoration:none;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .box_body {} .box_body td {color:#444444;} .box_body span {color:#1a7ca9; font-size:11px; font-weight:normal; font-family:Tahoma} .box_body span a {color:#993300; font-size:11px; font-weight:bold; text-decoration:none} .box_body span a:hover {color:#993300; font-weight:bold; text-decoration:underline} .box_body a {color:#993300; font-family:Tahoma; font-size:11px; text-decoration:none;} .box_body a:hover {color:#993300; text-decoration:underline} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ SPAN.newItemInCart {font-family: Verdana, Arial, sans-serif;font-size:10px;color: #D52D01;} .box_body a SPAN.newItemInCart {font-family: Verdana, Arial, sans-serif;font-size:10px;color: #D52D01; text-decoration:underline;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .smallText a {color:#e55801; font-size:11px; text-decoration:none;} /* advanced_search.php */ .smallText a:hover {color:#e55801; font-size:11px; text-decoration:underline;} .smallText a u {color:#e55801; font-size:11px; text-decoration:none;} .smallText a:hover u {color:#e55801; 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:#FFFFFF;font-size: 10px; text-decoration:underline;} .main a:hover b {color:#FFFFFF;font-size: 10px; text-decoration:none;} /* ------------------------------------------------- -------------------------------------------------------- */ span.txt_1 {font-size:10px; text-transform:none; color:#000000;} SPAN.productSpecialPrice, .product SPAN.productSpecialPrice {color:#FFFFFF; font-size:12px; font-weight:bold;} .box_body SPAN.productSpecialPrice {color:#CC3300;font-size:12px;font-weight:bold;} .cont_header_txt em {color:#E50029; font-size:14px; font-weight:bold; font-style:normal;vertical-align:middle;text-decoration:none;} .product em {color:#e55800; font-size:11px; text-decoration:none; font-weight:bold; font-style:normal;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .main a {color:#e55801; text-decoration:underline;} .main a:hover {color:#e55801; text-decoration:none;} .vam {vertical-align:middle;} input {background:#ffffff;} .bg_input input {background:none;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .product .shop_cart { color:#FFFFFF; font-size:10px; font-weight:bold; text-align:center; vertical-align:middle;padding:3px 0px 3px 0px;} .padd_1 {padding:0px 10px 0px 10px;} .padd_22 {padding:8px;} td.padd2 {padding:8px; padding-left:4px;} .line_h { line-height:16px;} .bg_gg {background:url(images/bg_gg.gif) left center repeat-x;} .bg_vv {/*background:url(images/bg_vv.gif) center top repeat-y;*/} .bg_gg_1 {background:url(images/bg_gg.gif) left center repeat-x;} .bg_vv_1 {background:url(images/bg_vv.gif) center top repeat-y;} .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:5px;} .prod_info {width:100px;} .prod_info td {text-align:center;} .remove { width:20%;} .products { width:45%;} .quantity { width:15%;} .total { width:20%;} .sub_total { width:80%;} /* ------------------------------------------------- -------------------------------------------------------- */ .box_width_left { width:171px;} .box_width_right { width:1px;} .box_width_cont { width:100%;} /* ------------------------------------------------- -------------------------------------------------------- */ .heading_top_1 { margin-top:0px; } .heading_top_1 .padd_11 {padding:10px 16px 15px 16px;} .heading_top_1 {margin-top:0px;} .heading_top_3 {margin-top:2px;border:0px solid #bfbfbf} .heading_top_3 .padd_33 {padding:8px 0px 7px 0px;} .heading_top_4 {margin-top:2px;} .heading_top_4 .padd_44 {padding:0px 0px 7px 0px;} .tableBox_output {margin-top:8px;} .tableBox_output1 {margin-top:0px;} .tableBox_shopping_cart {margin-top:0px;} .tep_draw_separate {height:5px;} .tep_draw_prod_top {width:221px;} /* BEGIN PC BUILDER */ .builder_heading { font-family: Verdana, Arial, sans-serif; font-size: 11px; background: #b6b7cb; color: #000000; font-weight: bold; } .builder_footing { font-family: Verdana, Arial, sans-serif; font-size: 11px; background-image: url('images/table_background_filler_builder.gif'); background-repeat: repeat-x; background-position: center; color: #000000; font-weight: bold; } TH { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000000; font-weight: bold; } .button { font-size: 10px; font-weight: bold; background-color: #FFFFFF; border: 1px solid #CCCCCC; } .col_left { background-image: url(images/tpl/leftblockbg.jpg); background-repeat: repeat-y; background-color: #000000; } #nav, #nav ul { /* all lists */ margin: 0; list-style: none; line-height: 1; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 20; } #nav a { display: block; padding-top: 5px; padding-right: 2px; padding-bottom: 5px; padding-left: 2px; } #nav li { /* all list items */ float: left; padding-top: 5px; padding-right: 1px; padding-bottom: 5px; padding-left: 1px; width: 10em; /* width needed or else Opera goes nuts */ } #nav li ul { /* second-level lists */ position: absolute; width: 10em; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ background-color: #000000; padding-top: 5px; padding-right: 2px; padding-bottom: 5px; padding-left: 2px; } #nav li ul ul { /* third-and-above-level lists */ margin: -1em 0 0 10em; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */ left: auto; } /* Menu items with subcategories */ #nav a.daddy { background: url(images/arrow_green.gif) center right no-repeat; } /* Selected items with subcategories */ #nav li.selected { /*background-color: #FFCC00;*/ } .itmprd1 { background-image: url(images/tpl/bgItm_06.jpg); background-repeat: repeat; background-position: left center; vertical-align: middle;color:#FFFFFF; font-size: 14px; font-weight: bold; text-align: left; } .itmprd1 td { vertical-align: middle; } .colprodDetail { background-color: #CCCCCC; background-image: url(images/tpl/bgforprd_03.jpg); background-repeat: repeat; } .flat { height: 1px; color: #000000; margin-top: 2px; margin-right: 10px; margin-bottom: 2px; margin-left: 10px; } .flat2 { height: 1px; color: #000000; width: 100%; } .navmini td { text-align:right; color: #000000; padding-right: 20px; font-weight: bold; } .navmini a {color:#993300; text-decoration:none;} .navmini a:hover {color:#993300; text-decoration:none;}