/* $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: #BD0417; text-decoration: underline; } BODY {background: #ffffff; color: #000000; margin: 0px;} .infoBox {background: #6F01BF;} .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: #000000;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; } /* ------------------------------------------------- -------------------------------------------------------- */ del {color:#888888;font-size:12px; font-weight:bold} s {color:#808080;font-size:11px;font-weight:normal;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ body {padding:0; margin:0; background:#6F01BF;} body, td {font-family:Tahoma,verdana,arial; font-size:11px; color: #949494; vertical-align:top;} img {border:0px; margin:0px; padding:0px} table {width:100%;} .header td {color:#AFAFAF; vertical-align:baseline; font-weight:bold; font-size:10px;} .header b {color:#AFAFAF;} .header a {color:#AFAFAF; font-size:10px; text-decoration: none; font-weight:bold; vertical-align:baseline} .header a:hover {text-decoration: underline ;} .header span a { color:#050505; text-decoration:underline } .header span a:hover{ text-decoration:none} .header img {vertical-align:middle; border:0px; margin:0px; padding:0px} .se { width:137px; height:18px; color:#8D8D8D; padding-left:6px; padding-top:2px;font-family:tahoma; border:0px; margin:0px; font-size:10px; vertical-align:middle; margin-left:7px;} .se1 { width:228px; height:19px; color:#8D8D8D; background:#FFFFFF; vertical-align:middle; font-size:10px; margin:0px} .se2 { width:119px; height:20px; color:#575E5E; background:#ffffff; vertical-align:middle; text-transform:none; font-size:11px} .se3 { width:159px; height:20px; color:#575E5E; background:#ffffff; vertical-align:middle; text-transform:none; font-size:11px} .se4{ width:40px; height:18px; border:#A8A8A8 1px solid; text-align:right; padding-right:4px; color:#000000; background:#FFFFFF; font-size:10px} .cont_header_txt td, .cont_header_txt1 { height:49px; padding-top:2px; padding-left:21px; font-family:tahoma; text-transform:uppercase; font-weight:bold; color:#FFFFFF; font-size:14px; vertical-align:baseline} .cont_header_txt a { text-transform:uppercase; font-weight:bold; color:#FFFFFF; font-size:14px; text-decoration:none; font-family:tahoma;} .cont_header_txt a:hover { text-transform:uppercase; font-weight:bold; color:#FFFFFF; font-size:14px; text-decoration:underline; font-family:tahoma;} .box_header_txt td{font-family:tahoma; font-weight:bold; color:#181818; font-size:14px; text-transform:uppercase} .box_header_txt1 td{ height:49px; padding-top:21px; padding-left:21px; font-family:tahoma; text-transform:uppercase; font-weight:bold; color:#FFFFFF; font-size:14px} .box_header_txt2 { padding-top:9px; padding-left:21px; font-family:tahoma; text-transform:uppercase; font-weight:bold; color:#FFFFFF; font-size:14px} .box_body ul {padding:0; margin:0; list-style:none; } .box_body .bg_list {background:url(images/list_bg.gif) left top no-repeat; background-position:0 5px; margin-left:11px; padding-left:19px} .box_body .bg_list a {color:#FFFFFF; text-decoration:none; text-transform:none; font-weight:bold; font-size:11px; line-height:20px} .box_body .bg_list a:hover {color:#FFFFFF;text-transform:none; font-weight:bold; font-size:11px; line-height:20px;text-decoration: underline} .box_body .bg_list_un {background: none; line-height:18px;} .box_body .bg_list_un a {background:url(images/list_bg1.gif) left top no-repeat; background-position:0 4px;color:#FFFFFF;text-decoration: none; text-transform: none; margin-left:21px; font-size:11px; padding-left:9px; line-height:20px} .box_body .bg_list_un a:hover {color:#FFFFFF;text-decoration: underline;} .box_body .bg_list_un1 {background: none; line-height:18px;} .box_body .bg_list_un1 a {background:url(images/list_bg3.gif) left top no-repeat; background-position:0 5px; color:#050505;text-decoration: underline;text-transform: none; margin-left:21px; font-size:11px; padding-left:10px; line-height:20px; font-weight:bold} .box_body .bg_list_un1 a:hover {color:#050505;text-decoration: none;} .box_body .bg_list_sub { line-height:20px; margin-left:40px} .box_body .bg_list_sub a {color:#FFFFFF; text-decoration:none; text-transform:none; font-weight:normal; font-size:11px} .box_body .bg_list_sub a:hover {color:#FFFFFF;text-decoration: underline} .box_body { } .box_body td{ text-transform: none; color:#ffffff; font-size:13px; line-height:14px} .box_body span a{ color:#000000; font-size:10px; font-weight:bold; text-decoration:underline;} .box_body span a:hover{color:#000000; font-size:10px; font-weight:bold; text-decoration:none;} .box_body a {color:#ffffff; font-size:11px; font-weight:normal;text-decoration:none;} .box_body a:hover {color:#ffffff; font-size:11px; font-weight:normal;text-decoration:underline;} .product td {color:#575E5E; font-size:11px; line-height:13px} .product a {color:#000000; font-size:10px; font-weight:bold;text-decoration: underline; } .product a:hover {color:#000000;text-decoration: none;} .product b strong {color:#000000; font-size:10px; font-weight:bold;text-decoration: underline; } .product b a {color:#000000; font-size:11px; font-weight:bold;text-decoration:none; } .product b a:hover {color:#000000;text-decoration:underline;} .product div {text-align:center;padding:8px 0px 5px 0px;} .product div a {color:#595959; font-size:11px; font-weight:normal;text-decoration:none; text-transform:none;} .product div a:hover {color:#595959;text-decoration:underline;} .product1 span {} .product span { color:#D71604; font-size:16px; font-weight:bold} .product b { color:#828282; font-weight:bold; font-size:12px } .product strong { color:#000000; font-size:11px } .product span strong{ color:#575E5E; font-size:11px} .pic img {border: 1px solid #A8A8A8;} .result td {color:#575E5E; padding:0} .result a {color:#BD0419; text-decoration:underline; font-size:11px; font-weight:normal} .result a:hover {color:#BD0419;text-decoration:none;} .result b {color:#575E5E; font-size:11px; font-weight:normal;} .result u {text-decoration: none; color:#BD0419;} .result_right { text-align:right;} .result_right b {color:#BD0419;font-weight:bold; } .popup td {color:#1F1F1F; font-size:11px; text-decoration:none; line-height:13px} .popup a {color:#323836; font-size:11px; text-decoration: underline} .popup a:hover {color:#323836; text-decoration: none;} .popup b {color:#BD0419} .popup strong{ color:#ffffff; font-size:11px} .popup span strong {color:#CD0000; font-size:11px;} .popup span {color:#FFFFFF; font-size:14px; font-weight:bold; margin-left:31px} .popup span a {color:#1B1B1B; font-size:11px; text-decoration:none;} .popup span a:hover {color:#1B1B1B; font-size:11px; text-decoration:underline;} .footer1 td, .footer1 a {color:#ffffff; font-size:11px; text-decoration:none;} .footer1 a:hover { color:#ffffff;text-decoration:underline;} .footer1 strong{ color:#FFFFFF} .footer1 span a{ color:#FFFFFF; text-decoration:underline} .footer1 span a:hover{ text-decoration:none} .popup_top{ background:url(images/popup_top.jpg) no-repeat} .footer td {color:#FFFFFF; text-transform: none; font-size:11px; vertical-align:middle} .footer a {color:#FFFFFF; text-decoration: none} .footer a:hover {color:#FFFFFF;text-decoration: underline;} .footer b a:hover{ text-decoration:none} .footer b, .footer b a {color:#FFFFFF; font-size:11px; font-weight:normal; text-decoration: none; background:url(images/marker.gif) no-repeat left top; background-position:0 6px; text-decoration:underline;} .footer b a:hover {color:#FFFFFF; text-decoration:none;} .footer b { text-decoration:none;} .box_width_left { width:270px;} .box_width_right { width:0px;} .box_width_cont { width:100%;} .shop_cart { height:33px; text-align:center; vertical-align:middle;} .go{ width:40px; height:18px; border:#818181 1px solid; background:#FFFFFF; color:#000000; text-align:right; font-size:10px} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .result {margin:0px 0px 0px 0px;} .result td {width:50%; vertical-align:middle;} .result_right {text-align:right;} .result td {color:#545454; font-size:11px;} .result b {color:#545454; font-weight:normal;} .result_right b {color:#BD0418; font-size:11px; font-weight:bold;} .result_right a.pageResults {color:#BD0418; font-size:11px;text-decoration:underline; } .result_right a.pageResults:hover {color:#BD0418; text-decoration:none; } .result_right a.pageResults u {color:#BD0418; font-size:11px; text-decoration:underline;} .result_right a.pageResults u:hover {color:#BD0418; text-decoration:none;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .box_body {} .box_body td {color:#ffffff;} .box_body span {color:#ffffff; font-size:11px; font-weight:normal; font-family:Tahoma} .box_body a {color:#ffffff; font-family:Tahoma; font-size:11px; text-decoration:none;} .box_body a:hover {color:#ffffff; 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:#BD0417; font-size:11px; text-decoration:none;} /* advanced_search.php */ .smallText a:hover {color:#BD0417; font-size:11px; text-decoration:underline;} .smallText a u {color:#BD0417; font-size:11px; text-decoration:none;} .smallText a:hover u {color:#BD0417; 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;} SPAN.productSpecialPrice, .product SPAN.productSpecialPrice {color:#2d57a5; font-size:13px; font-weight:bold;} .box_body SPAN.productSpecialPrice {font-size:12px; color:#2d57a5;font-weight:bold;} .cont_header_txt em {color:#E50029; font-size:14px; font-weight:bold; font-style:normal;vertical-align:baseline;text-decoration:none;} .product em {color:#343434; font-size:11px; font-weight:bold;text-decoration: none;; font-style:normal;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .main a {color:#BD0417; text-decoration:underline;} .main a:hover {color:#BD0417; text-decoration:none;} .vam {vertical-align:middle;} input {background:#ffffff;} .bg_input input {background:none;} /* ------------------------------------------------- -------------------------------------------------------- */ /* ------------------------------------------------- -------------------------------------------------------- */ .product .shop_cart { color:#111111; font-size:11px; text-transform:uppercase; font-weight:bold; height:25px;text-align:center; vertical-align:middle;} .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:#FFF8D4;} .bg_vv {background:#FFF8D4;} .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:211px;} .box_width_right { width:171px;} .box_width_cont { width:100%;} .col_left {} .col_center {} .col_right {} /* ------------------------------------------------- -------------------------------------------------------- */ .heading_top_1 {margin-top:0px; background:#ffffff;} .heading_top_1 .padd_11 {padding:10px 20px 7px 25px;} .heading_top_1 {margin-top:0px;} .heading_top_3 {margin-top:0px;} .heading_top_3 .padd_33 {padding:0px 0px 7px 0px;} .heading_top_4 {margin-top:0px; background:#ffffff;} .heading_top_4 .padd_44 {padding:6px 6px 7px 6px;} .heading_top_4 {margin-top:11px;} .tableBox_output {margin-top:0px;} .tableBox_shopping_cart {margin-top:0px;} .tep_draw_separate {height:11px;} .tep_draw_prod_top {} .tep_draw_box_prod {} /* */ /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .thumbnail{ position: relative; z-index: 0; } .thumbnail:hover{ background-color: transparent; z-index: 50; } .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnail:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: 0; left: 60px; /*position where enlarged image should offset horizontally */ } .verbar { /* Color of main vertical menubar and border */ color: FFFFFF; border: 0px outset #fdfefd; } .vertitem { /* Behaviour of main vertical menu items, leave as is for proper operation */ text-align: left; white-space: nowrap; } .vertitem a { /* Font style, size of main menu items */ font-family: Verdana, Arial, sans-serif; font-size: 12px; text-decoration: none; position: relative; display: block; background-image: url(images/template/category_menu.gif); padding-top: 4px; padding-bottom: 4px; padding-left: 7px; padding-right: 3px; background-repeat: no-repeat; color: #FFFFFF; } .vertitem a:link, .vertitem a:visited { /* Default font style & color of main menu items */ font-family: Verdana, Arial, sans-serif; font-size: 12px; text-decoration: none; position: relative; display: block; padding-top: 4px; padding-bottom: 4px; padding-left: 7px; padding-right: 3px; background-repeat: no-repeat; color: #FFFFFF; } .vertitem a:hover { /* Font style & color, background menu color of main menu item when hovered over */ font-family: Verdana, Arial, sans-serif; font-size: 12px; text-decoration: none; position: relative; display: block; padding-top: 4px; padding-bottom: 4px; padding-left: 7px; padding-right: 3px; background-repeat: no-repeat; color: #ff0000; } .vertitem a:active { /* Font style & color, background menu color of main menu item when clicked */ font-family: Verdana, Arial, sans-serif; font-size: 12px; text-decoration: none; position: relative; display: block; background-image: url(images/template/category_menu.gif); padding-top: 4px; padding-bottom: 4px; padding-left: 7px; padding-right: 3px; background-repeat: no-repeat; } /* Sub-Menu */ .vertsubmenu { /* Behaviour of sub-menu - leave as is for proper operation of submenus */ position: absolute; left: 0; top: 5; visibility: hidden; } .vertsubframe { /* Color of submenu item and border */ border: 0px outset #ff0000; position: relative; display: block; min-width: 200px; } .vertsubitem { /* Behaviour of sub-menu - leave as is for proper operation of submenus */ text-align: left; white-space: nowrap; } .vertsubitem a { /* Font style, size of submenu items */ font-family: Verdana, Arial, sans-serif; font-size: 12px; text-decoration: none; position: relative; display: block; background-image: url(images/template/category_menu.gif); padding-top: 4px; padding-bottom: 4px; padding-left: 7px; padding-right: 3px; background-repeat: no-repeat; color: #000000; } .vertsubitem a:link, .vertsubitem a:visited { /* Default font style & color of submenu items */ font-family: Verdana, Arial, sans-serif; font-size: 12px; text-decoration: none; position: relative; display: block; background-image: url(images/template/category_menu.gif); padding-top: 4px; padding-bottom: 4px; padding-left: 7px; padding-right: 3px; background-repeat: no-repeat; color: #FFFFFF; } .vertsubitem a:hover { /* Font style & color, background submenu color of submenu item when hovered over */ font-family: Verdana, Arial, sans-serif; font-size: 12px; text-decoration: none; position: relative; display: block; background-image: url(images/template/category_menu.gif); padding-top: 4px; padding-bottom: 4px; padding-left: 7px; padding-right: 3px; background-repeat: no-repeat; color: #FFFFFF; } .vertsubitem a:active { /* Font style & color, background submenu color of submenu item when clicked */ font-family: Verdana, Arial, sans-serif; font-size: 12px; text-decoration: none; position: relative; display: block; background-image: url(images/template/category_menu.gif); padding-top: 4px; padding-bottom: 4px; padding-left: 7px; padding-right: 3px; background-repeat: no-repeat; } .vertsubitem .vertfwdarr, .vertitem .vertfwdarr { /* Positioning of right arrow for submenus */ position: absolute; top: 10px; right: 5px; } .dmselected { /* Style override for selected category tree */ } .verbar .dmselected { /* Style override for selected root category */ }