/* $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: 11px; } .errorBox { font-family : Arial, Verdana, sans-serif; font-size : 11px; background: #ffb3b5; font-weight: bold; } .stockWarning { font-family : Arial, Verdana, sans-serif; font-size : 11px; color: #cc0033; } .productsNotifications { background: #f2fff7; } .orderEdit { font-family : Arial, Verdana, sans-serif; font-size : 11px; color: #70d250; text-decoration: underline; } .line{ background: #FFCC33; } BODY { background: #b6b2b2; color: #494648; margin: 0px; font-family : Arial, Verdana, sans-serif; text-align: center; } A { color: #000000; text-decoration: none;} A:hover { color: #000000; text-decoration: underline;} FORM { display: inline;} TR.header { background: #660033;} TR.headerNavigation { background: #660033;} TD.headerNavigation { font-family: Arial, Verdana, sans-serif; font-size: 11px; background: #660033; color: #FFFF99; font-weight : bold;} A.headerNavigation { color: #FFFF99; text-decoration: none;} A.headerNavigation:hover { color: #FFFF99; text-decoration: none;} TR.headerError { background: #ff0000;} TD.headerError { font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 12px; background: #ff0000; color: #FFFF99; 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: #FFFF99; font-weight: bold; text-align: center;} TR.footer { background: #660033;} TD.footer { font-family: Arial, Verdana, sans-serif; font-size: 11px; background: #660033; color: #FFFF99; font-weight: bold;} TD.infoBoxHeading { font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold; color: #494648;} .infoBox {} .infoBoxContents { font-family: Arial, Verdana, sans-serif; font-size: 11px;} .infoBoxNotice {} .infoBoxNoticeContents { font-family: Arial, Verdana, sans-serif; font-size: 11px;} TD.infoBox, SPAN.infoBox { font-family: Arial, Verdana, sans-serif; font-size: 11px;} 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: #fff6e6; } 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: #fff6e6; } TABLE.productListing { border: 1px; border-style: solid; border-color: #494648; border-spacing: 1px;} .productListing-heading { font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #494648; font-weight: bold;} TD.productListing-data { font-family: Arial, Verdana, sans-serif; font-size: 11px;} A.pageResults { color: #0000FF;} A.pageResults:hover { color: #0000FF; background: #FFFF33;} TD.pageHeading, DIV.pageHeading { font-family: Arial, Verdana, sans-serif; font-size: 20px; font-weight: normal; color: #494648;} TR.subBar { background: #f4f7fd;} TD.subBar { font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #000000;} TD.main, P.main { font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 1.5;} TD.smallText, SPAN.smallText, P.smallText { font-family: Arial, Verdana, sans-serif; font-size: 11px;} TD.accountCategory { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #aabbdd;} 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;} TD.tableHeading { font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: bold;} SPAN.newItemInCart { font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #ff0000;} 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.productSpecialPrice { font-family: Arial, Verdana, sans-serif; color: #ff0000;} SPAN.errorText { font-family: Arial, Verdana, sans-serif; color: #ff0000;} .moduleRow { } .moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; color: #000000} .moduleRowSelected { background-color: #E9F4FC; color: #000000} .checkoutBarFrom, .checkoutBarTo { font-family: Arial, Verdana, sans-serif; font-size: 11px; 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: 11px; } .messageStackError, .messageStackWarning { font-family: Arial, Verdana, sans-serif; font-size: 11px; background-color: #ffb3b5; } .messageStackSuccess { font-family: Arial, Verdana, sans-serif; font-size: 11px; background-color: #99ff00; } /* input requirement */ .inputRequirement { font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #ff0000; } .tableProduct{ border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: FFCC33; border-right-color: FFCC33; border-bottom-color: FFCC33; border-left-color: FFCC33;} /* angelo add 2011/06/22 */ ul, li{ list-style: none; } .clearboth{ clear: both; font-size: 0px; line-height: 0px; } #body_contain{ background: #ffffff; width: 920px; margin: 0 auto; padding: 20px 23px; } #ssl_div{ width: 228px; height: 124px; border: 1px solid #898989; text-align: center; padding: 17px 0 19px; margin: 18px auto; font-size: 11px; font-family: Verdana, Arial, sans-serif; color: #070706; } #webing_div table{ margin-bottom: 10px; } #webing_div font a{ color: #000000; } #webing_div table table font a{ color: #ffffff; } #webing_div table table center font a{ color: #9c2424; } .prod_list_div{ width: 640px; } .prod_list_div .list_div_top{ width: 639px; height: 12px; background: url(template/list_div_top_bg_.gif) left bottom no-repeat; } .prod_list_div .list_div_bottom{ width: 639px; height: 10px; background: url(template/list_div_bottom_bg.gif) left top no-repeat; } .prod_list_div .list_div_middle{ width: 639px; background: url(template/list_div_middle_bg.gif) left top repeat-y; padding: 3px 0; } .prod_list_div .list_div_middle .list_title{ margin: 0px 0 5px 25px; padding: 5px 0px 0px 50px; background: url(template/list_title_bg.jpg) left top no-repeat; font-size: 13px; font-family: Verdana; font-weight: bold; color: #ffffff; height: 30px; width: 230px; } .prod_list_div .list_div_middle ul{ width: 639px; margin: 0; padding: 0; } .prod_list_div .list_div_middle li{ float:left; width: 212px; text-align: center; height: 230px; font-size: 11px; color: #000000; } .prod_list_div .list_div_middle li .img_div{ width: 128px; height: 170px; padding: 3px; border: 1px solid #bcbbbb; margin: 0 auto; } .prod_list_div .list_div_middle li .img_div{ width: 128px; height: 170px; } .prod_list_div .list_div_middle li .name_div, .prod_list_div .list_div_middle li .price_div{ padding-top: 2px; } #welcome_text{ border-left: 1px solid #c3bfbf; border-right: 1px solid #c3bfbf; } #welcome_text table{ background: url(template/index_box_middle_bg.gif) left top repeat-x #daceda; margin-left: 3px; } #welcome_text table td{ padding: 21px; line-height: 19px; } /* header */ #header{ width: 915px; padding: 2px; border: 1px solid #8c8888; } #header table{ background: #660032; } #header table .logo{ padding: 21px 0px 20px 55px; } #header table td.headerNavigation{ padding: 12px 17px 0 0; color: #d6d5d5; font-weight: normal; font-size: 12px; } #header table a.headerNavigation{ color: #d6d5d5; } /* menu */ #menu{ margin-top: 8px; } #menu .nav ul{ margin: 0; padding: 0; } #menu .nav ul li{ float: left; background: #ffdb97; border: 1px solid #8c8a8a; width: 90px; text-align: center; margin-right: 3px; } #menu .nav ul li a{ font-size: 12px; color: #574f4f; display: block; padding: 1px 0; margin: 0 auto; } #menu .nav ul li a:hover{ font-weight: bold; text-decoration: none; background: url(template/nav_bg_icon.gif) left 6px no-repeat; } #menu .search .box{ height: 31px; } #menu .search .box .left{ width: 5px; font-size: 1px; height: 31px; background: url(template/search_box_l_bg.gif) left top no-repeat; float: right; } #menu .search .box .right{ width: 5px; font-size: 1px; height: 31px; background: url(template/search_box_r_bg.gif) left top no-repeat; float: right; } #menu .search .box .center{ float: right; background: #eeeeee; height: 25px; padding: 6px 0 0 4px; *height: 31px; color: #660033; font-size: 11px; font-weight: bold; } #menu .search .box .center div{ float: left; padding-right: 2px; } /* footer */ #footer .content{ background: url(template/footer_bg.gif) left top repeat-x; border-top: 1px solid #660033; } /* left box */ .left_box{ padding-bottom: 7px; } .box_title{ color: #660032; font-weight: bold; font-size: 14px; text-align: center; width: 275px; font-family : Verdana, Arial, sans-serif; } .box_bottom{ width: 275px; } .box_content{ width: 273px; border-right: 1px solid #c3bfbf; border-left: 1px solid #c3bfbf; color: #494848; font-size: 12px; } .box_content a{ color: #494848; font-size: 12px; } /* categories */ #categories .box_title{ height: 27px; *height: 47px; background: url(template/box_categories_t_bg.gif) left top no-repeat; padding-top: 20px; } #categories .box_bottom{ height: 29px; background: url(template/box_categories_b_bg.gif) left top no-repeat; } #categories .box_content{ padding: 10px 17px 10px 18px; width: 238px; *width: 275px; background: url(template/box_categories_c_bg.gif) left top repeat-x #fffefd; font-family: Tahoma; } #categories .box_content a{ font-family: Tahoma; } #categories .line_div{ width: 238px; height: 2px; background: url(template/box_categories_d_bg.gif) left 6px no-repeat; padding: 6px 0; *padding: 0px; } /* newsletter */ #newsletter .box_title{ height: 25px; *height: 32px; background: url(template/box_newsletter_t_bg.gif) left top no-repeat; padding-top: 7px; } #newsletter .box_bottom{ height: 20px; background: url(template/box_newsletter_b_bg.gif) left top no-repeat; } #newsletter .box_content{ padding: 20px 17px 7px 18px; width: 238px; text-align:center; *width: 275px; background: url(template/box_newsletter_c_bg.gif) left top repeat-x #fffdf9; font-family: Verdana; } /* specials */ #specials .box_title{ height: 25px; *height: 32px; background: url(template/box_specials_t_bg.gif) left top no-repeat; padding-top: 7px; } #specials .box_bottom{ height: 12px; background: url(template/box_specials_b_bg.gif) left top no-repeat; } #specials .box_content{ padding: 10px 5px 3px 5px; width: 263px; text-align:center; *width: 275px; background: url(template/box_specials_c_bg.gif) left top repeat-x #fffefd; font-family: Verdana; line-height: 18px; } /* currencies */ #currencies .box_title{ height: 25px; *height: 32px; background: url(template/box_currencies_t_bg.gif) left top no-repeat; padding-top: 7px; } #currencies .box_bottom{ height: 19px; background: url(template/box_currencies_b_bg.gif) left top no-repeat; } #currencies .box_content{ padding: 14px 50px 3px; width: 173px; text-align:center; *width: 275px; background: url(template/box_currencies_c_bg.gif) left top repeat-x #fff6e4; font-family: Verdana; line-height: 18px; } /* gallery */ #gallery .box_title{ height: 25px; *height: 32px; background: url(template/box_gallery_t_bg.gif) left top no-repeat; padding-top: 7px; } #gallery .box_bottom{ height: 22px; background: url(template/box_gallery_b_bg.gif) left top no-repeat; } #gallery .box_content{ width: 273px; *width: 275px; background: url(template/box_gallery_c_bg.gif) left top repeat-y; font-family: Verdana; line-height: 18px; } #gallery .box_content .box_content_center{ background: url(template/box_gallery_c_c_bg.gif) left top repeat-x #ffe4b1; padding-top: 12px; } #gallery .box_content .img_div{ width: 175px; height: 233px; border: 1px solid #bcbbbb; padding: 3px; } #gallery .box_content .box_content_center ul{ padding: 0; margin: 0; text-align: left; } #gallery .box_content .box_content_center ul li{ border-bottom: 1px solid #9fabb2; background: url(template/li_icon.gif) 11px 11px no-repeat; padding: 4px 0px 4px 26px; } #gallery .box_content .box_content_left{ width: 18px; height: 454px; background: url(template/box_gallery_c_l.gif) left top no-repeat; } #gallery .box_content .box_content_right{ width: 18px; height: 454px; background: url(template/box_gallery_c_r.gif) left top no-repeat; } .footerbg{background:url(template/footerbg.gif) left top repeat-x; height:65px; margin-top:10px;} .footerbga{border:1px solid #000; padding:0px 5px; font-size:12px; background-color:#fff;} .footer-font{font-size:11px; font-family:Verdana;} .product_listing_div .product_listing_body .prod_list_div{ width: 631px; } .product_listing_div .product_listing_body .prod_list_div .list_div_middle, .product_listing_div .product_listing_body .prod_list_div .list_div_top, .product_listing_div .product_listing_body .prod_list_div .list_div_bottom{ background: none; width: 631px; } .product_listing_div .product_listing_body .prod_list_div .list_div_middle .list_title{ background: url(template/list_title_2_bg.jpg) no-repeat left top; width: 500px; *height: 35px; } .product_listing_div .product_listing_body .prod_list_div .list_div_middle .list_ul{ width: 631px; } .product_listing_div .product_listing_body .prod_list_div .list_div_middle .list_ul li{ width: 210px; }