body { color: black; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif; background-color: #f5f5f5; text-align: center; margin: 20px 0 0; padding: 0 } form { margin: 0; padding: 0 } img { border: none; } a { } a:hover { } body#home h1 { width: 310px } #container { background-image: url(images/container_bg.gif); background-repeat: repeat-y; text-align: left; margin-right: auto; margin-left: auto; width: 759px; overflow: hidden; } #head { background-image: url(images/container_head.gif); background-repeat: no-repeat; background-position: left top; padding-right: 24px; padding-left: 24px; } #footer { background-color: #f5f5f5; background-image: url(images/container_foot.gif); background-repeat: no-repeat; background-position: center top; text-align: center; padding-top: 20px; padding-bottom: 10px; clear: both; } #footer a { color: #666; font-weight: bold; text-decoration: none } #footer a:hover { color: #52b5d6 } #headlinks { text-align: center; margin: 30px 0 0; padding: 0; width: 280px; float: right } #headlinks a { color: black; font-size: 12px; text-decoration: none; padding-right: 3px; padding-left: 3px } #headlinks a:hover { color: #52b5d6; text-decoration: none } #basket { font-size: 12px; text-align: center; margin: 15px 0 0; padding: 0; width: 280px; float: right; clear: right } #basket a { color: #004988; text-decoration: none } #basket a:hover { color: #52b5d6 } #basket span { background-image: url(images/basket_icon.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px } #navbar { font-size: 14px; font-weight: bold; background-image: url(images/nav_bg.gif); background-repeat: repeat-x; background-position: left top; height: 33px } #navbar a { color: white; text-decoration: none } #navbar a:hover { color: #52b5d6 } #navbar ul { list-style-type: none; margin: 0; padding: 0 } #navbar li { display: inline; margin: 0 0 0 36px; padding: 6px 0 0; float: left } #navbar li.home { margin-left: 20px } #toolbar { height: 54px; background: white repeat-x url(/images/lower_nav_bg.gif); } #quickfind { display: inline; margin-top: 6px; margin-left: 20px; float: left } #quickfind span { color: #004988; font-size: 13px; font-weight: bold } #quickfind input { vertical-align: middle } .quickfind { width: 120px; border: solid 1px #004988 } #browsebrands { display: inline; margin-top: 6px; margin-right: 13px; float: right } #browsebrands span { color: #004988; font-size: 13px; font-weight: bold } #browsebrands select { width: 150px } #left { width: 177px; float: left } #left h2 { color: #004988; font-size: 18px; font-weight: bold; background-image: url(images/dot_hor.gif); background-repeat: repeat-x; background-position: left bottom; margin: 0 15px 12px 24px; padding: 0 0 8px } #left h3 { color: #004988; font-size: 12px; font-weight: bold; margin: 0 0 8px; padding: 0 } .icon { margin-right: 5px; margin-bottom: 5px; margin-left: 5px; float: right } #categories { margin-right: 15px; margin-left: 24px } #categories ul { list-style-type: none; margin: 0 0 12px; padding: 0 } #categories li { background-image: url(images/li_arrow.gif); background-repeat: no-repeat; background-position: left center; margin: 2px 0; padding: 0 0 0 12px } #categories li a { color: black; text-decoration: none } #categories li a:hover { color: #52b5d6 } #needhelp { background-image: url(images/dot_hor.gif); background-repeat: repeat-x; background-position: left top; margin-right: 15px; margin-bottom: 12px; margin-left: 24px; padding-top: 12px } #needhelp span { display: block; margin-bottom: 12px } #livehelp { text-align: center; } #safe { background-image: none; margin-right: 15px; margin-left: 24px; padding-top: 12px } #safe img { margin-bottom: 8px } #safe span { display: block; margin-bottom: 12px } #customers { background-image: url(images/dot_hor.gif); background-repeat: repeat-x; background-position: left top; margin-right: 15px; margin-left: 24px; margin-bottom: 15px; padding-top: 12px } #customers span { display: block; margin-bottom: 8px } #customers span b { display: block; margin-top: 6px } #newsletter { background-image: url(images/dot_hor.gif); background-repeat: repeat-x; background-position: left top; margin-right: 15px; margin-bottom: 12px; margin-left: 24px; padding-top: 12px; font-size: 11px; } #newsletter h3 { margin-left: 0; } #newsletter span { display: block; margin-bottom: 8px; } #newsletter a { color: #004988; } a.readmore { color: #004988; font-weight: bold; text-decoration: none; background-image: url(images/li_arrow.gif); background-repeat: no-repeat; background-position: left center; display: block; padding-left: 10px; clear: both } #main { font-size: 12px; margin-right: 24px; margin-left: 17px; width: 540px; float: right } #main h1 { color: #004988; font-size: 18px; font-weight: bold; background-image: url(images/dot_hor.gif); background-repeat: repeat-x; background-position: left bottom; margin: 0; margin-bottom: 12px; padding: 0 0 8px } #main h2 { color: #004988; font-size: 18px; font-weight: bold; background-image: url(images/dot_hor.gif); background-repeat: repeat-x; background-position: left bottom; margin: 0; margin-bottom: 12px; padding: 0 0 8px } #main h2 b { color: #52b5d6 } #main p { margin: 8px 0; padding: 0 } #featured { background-image: url(images/featured_box.gif); background-repeat: no-repeat; background-position: left top; padding-left: 10px; margin-bottom: 8px; height: 330px; clear: both; border-top: 1px solid white; } #featured h2 { color: #52b5d6; font-size: 18px; margin: 8px 0 0 15px; padding: 0; background-image: none; } #featured div { text-align: center; margin-top: 15px; width: 130px; float: left } #featured p { margin: 0; padding: 0; height: 95px } #featured span { font-size: 10px; font-weight: bold; display: block; padding-right: 5px; padding-left: 5px; height: 30px } #featured span a { color: black; text-decoration: none } #featured span a:hover { color: #52b5d6 } #brands { background-image: url(images/featured_brands_box.gif); background-repeat: no-repeat; background-position: left bottom; height: 180px; margin-bottom: 20px; padding-left: 10px; clear: both; border-top: 1px solid white } #brands h2 { color: #52b5d6; font-size: 18px; margin: 0 0 0 15px; padding: 0; background-image: none; } #brands p { text-align: center; margin-top: 15px; width: 128px; float: left } #lowerblock ul { list-style-type: none; margin: 9px 0 0; padding: 0 } #lowerblock li { background-image: url(images/li_tick.gif); background-repeat: no-repeat; background-position: left top; margin-top: 6px; margin-bottom: 6px; padding-left: 20px } DIV.featuredname { font-size: 11px; font-weight: bold } DIV.featuredname a { text-decoration: none } #emailpage { font-size: 10px; font-weight: bold; background-image: url(images/emailpage.gif); background-repeat: no-repeat; background-position: right center; padding-right: 17px; margin-top: 4px; float: right } #emailpage a { color: #004988; text-decoration: none } #emailpage a:hover { color: #52b5d6; text-decoration: underline } #printpage { font-size: 10px; font-weight: bold; background-image: url(images/printpage.gif); background-repeat: no-repeat; background-position: right center; margin-left: 8px; margin-top: 4px; padding-right: 17px; float: right } #printpage a { color: #004988; text-decoration: none } #printpage a:hover { color: #52b5d6; text-decoration: underline } #product p { color: black; margin: 0; padding: 0 } #product h3 { color: black; font-size: 12px; margin: 0 0 10px; padding: 0 } #product h4 { color: #c33; font-size: 16px; margin: 0 0 10px; padding: 0 } #product h6 { font-size: 9px; margin: 10px 0; padding: 0 } #tabHeader { line-height: normal; margin-top: 20px; margin-left: 5px; float: left } #tabHeader ul { margin:0; padding:0; list-style:none; } #tabHeader li { background-image: url(images/tab_off_right.gif); background-position: right top; margin: 0; padding: 0; float: left } #tabHeader a { color: black; font-size: 11px; font-weight: bold; text-decoration: none; display: block; padding-top: 4px; padding-bottom: 4px; float: left } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabHeader a { background-image: url(images/tab_off_left.gif); background-repeat: no-repeat; background-position: left top; padding-right: 28px; padding-left: 28px; float: none } /* End IE5-Mac hack */ #tabHeader #current { background-image: url(images/tab_on_right.gif) } #tabHeader #current a { color: white; background-image: url(images/tab_on_left.gif); background-repeat: no-repeat } #prodfeatures { font-size: 11px; background-image: url(images/prod_box_top.gif); background-repeat: no-repeat; background-position: left top; padding-top: 8px; clear: both } #prodfeatures p { margin-bottom: 8px } #prodfeaturesfoot { background-image: url(images/prod_box_bottom.gif); background-repeat: no-repeat; background-position: left top; height: 30px } #prodfeatures DIV.pad { background-image: url(images/prod_box_middle.gif); margin: 0; padding: 10px 20px } #xsellbox { background-image: url(/images/xsell_box_top.gif); background-repeat: no-repeat; background-position: left top; width: 540px; margin-top: 16px; } #xsellbox h2 { color: #52b5d6; font-size: 18px; margin: 0 0 5px; padding: 0 0 0 26px; background-image: none; } #xsellbox table { background-image: url(/images/xsell_box_bottom.gif); background-repeat: no-repeat; background-position: left bottom; } #xsellbox td { font-size: 11px; text-align: center; padding: 8px 20px 12px; } #xsellbox td img { margin-bottom: 8px; } #xsellbox td a { color: #2362bf; font-weight: normal; text-decoration: none; } #xsellbox td a:hover { color: #4da9f4; } #viewedbox { background-image: url(/images/viewed_box_top.gif); background-repeat: no-repeat; background-position: left top; width: 540px; margin-top: 16px; } #viewedbox h2 { color: #52b5d6; font-size: 18px; margin: 0 0 5px; padding: 0 0 0 26px; background-image: none; } #viewedbox table { background-image: url(/images/viewed_box_bottom.gif); background-repeat: no-repeat; background-position: left bottom; } #viewedbox td { font-size: 11px; text-align: center; padding: 8px 20px 12px; } #viewedbox td img { margin-bottom: 8px; } #viewedbox td a { color: #2362bf; font-weight: normal; text-decoration: none; } #viewedbox td a:hover { color: #4da9f4; } #safeShopping { font-family: Tahoma, Verdana, Arial, sans-serif; background-image: url(images/padlock_safe.gif); background-repeat: no-repeat; background-position: left center; text-align: center; width: 180px; margin-top: 6px; float: right; clear: both ; } #safeShopping ul { font-size: 11px; background-position: left; margin: 0; padding: 0 } #safeShopping li { background-repeat: no-repeat; background-position: left 50%; list-style-type: none; margin: 0; padding-top: 8px ; padding-left: 20px; } DIV.productMain { font-size: 12px; font-family: Tahoma, Verdana, Arial, sans-serif; line-height: 16px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px } DIV.productMain h1 { color: #004988; font-size: 18px; font-weight: bold; background-image: url(images/dot_hor.gif); background-repeat: repeat-x; background-position: left bottom; margin: 0; margin-bottom: 12px; padding: 0 0 8px } DIV.productMain h2 { font-size: 12px; font-weight: normal; margin: 0; padding-top: 8px; padding-bottom:4px; background-image: none; } DIV.productMain p { margin: 3px 0 0 } #forum { margin-top: 10px ; font-size: 11px; background-image: url(images/dot_hor.gif); background-repeat: repeat-x; background-position: left top; margin-right: 15px; margin-bottom: 12px; margin-left: 24px; padding-top: 12px } #forum span { display: block; margin-bottom: 8px } #forum span b { display: block; margin-top: 6px } #forum h3 { margin-left: 0px; } a.readmore { color: #f00; text-decoration: none; background-image: url(images/li_arrow_red.gif); background-repeat: no-repeat; background-position: left center; display: block; padding-left: 10px; clear: both } a.readmore:visited { color: #f00 } a.readmore:hover { color: #f00; text-decoration: underline } .icon { margin-right: 2px; margin-top: 4px; margin-bottom: 5px; margin-left: 5px; float: right } #deal { background-image: url(images/deal_box.gif); background-repeat: no-repeat; background-position: left top; padding-left: 10px; margin-bottom: 8px; height: 256px; clear: both; border-top: 1px solid white } #deal h2 { color: #52b5d6; font-size: 18px; margin: 8px 0 0 15px; padding: 0; background-image: none; } #deal div { float: right; margin-top: 5px; width: 260px;} #deal div span { display: block; padding-right: 15px; padding-left: 5px;} #deal h3 { font-size: 12px; text-decoration: line-through;margin:0px; margin-top: 8px; padding-right: 15px; padding-left: 5px;} #deal h4 { font-size: 16px; color: #ff2828; margin:0px;padding-right: 15px; padding-left: 5px;} a.moreinfo { color: #004988; font-weight: bold; text-decoration: none; padding-top: 10px; padding-left: 5px; display: block; } #prodDetail { background-image: url(images/prod_detail_box.gif); background-repeat: no-repeat; text-align: center; width: 194px; height: 220px; float: right; margin-top: 4px; padding-top: 8px; padding-bottom: 8px; } #categoryheader { color: white; font-size: 11px; font-weight: bold; background-color: #004988; padding: 4px 5px 4px 10px; } .infoHead { width: 140px; float: left; display: block; } .makeHead { width: 259px; float: left; display: block; } .priceHead { width: 78px; float: left; display: block; } .deliveryHead { width: 68px; float: left; display: block; } #categorylist div { background-image: url(images/dot_hor.gif); background-repeat: repeat-x; background-position: left bottom; height: 95px; clear: both; margin-top: 8px; } span.listImg { text-align: center; width: 140px; float: left; display: block; } span.listNam { font-size: 11px; line-height: 12px; float: left; width: 185px; margin-top: 15px; padding-left: 10px; display: block; } span.listNam a { color: #004988; font-weight: bold; } span.listAdd { font-weight: bold; text-align: left; width: 50px; float: right; margin-top: 15px; display: block; } span.listDel { font-weight: bold; text-align: left; width: 60px; float: right; margin-top: 15px; display: block; } span.listPri { font-weight: bold; text-align: left; width: 80px; float: right; margin-top: 15px; display: block; } p.breadcrumb a { color: black; font-size: 11px; text-decoration: none; } p.breadcrumb a:hover { color: #004988; } #successBox { } #successBox table { border: 1px solid #d4d4a5; background: #ffffdd; } #successBox table td { padding: 6px 9px; } #successBox h4 { color: #333333; font-size: 12px; margin: 0; padding: 3px 0 0; } #successBox h2 { color: #CA6608; margin: 0; padding: 0; font-size: 14px; background-image: none; } #successBox h3 { margin: 0; padding: 0; font-size: 12px; } #successBox ul { font-size: 11px; margin-top: 8px; padding-top: 0; } #successBox li { padding-bottom: 6px; }DIV.styleHR { padding-top: 3px; padding-bottom: 3px; border-top: 1px dotted #d2d2d2 } #resourcelinks { color: gray; text-align: center; font-size:11px; clear: both; margin-top: 10px; } #resourcelinks a { color: gray; font-weight: normal; } #prodlinks { float: left; clear: both; width: 200px; margin-top: 12px; } #prodlinks ul { margin: 0 0 0 20px; padding: 0; list-style-type: square; } #containerwide { background-image: url(images/container_bg_wide.gif); background-repeat: repeat-y; background-position: left top; text-align: left; margin-right: auto; margin-left: auto; width: 759px } #wide { font-size: 11px; width: 710px; float: left; margin-left: 25px; display: inline; } #adsense { padding-bottom: 8px; } #wide h1 { color: #004988; font-size: 18px; font-weight: bold; background-image: url(images/dot_hor.gif); background-repeat: repeat-x; background-position: left bottom; margin: 0; margin-bottom: 8px; padding: 0 0 8px } #wide h1 b { color: #4da9f4 } #hackersafe { top: 25px; margin-top: 1px; position: absolute; margin-left: 324px; } #checkoutnews { background: url(images/newsletter_icon2.gif) no-repeat 10px 20px; border: 1px solid silver; margin-top: 20px; font-size: 12px; padding-right: 80px; padding-left: 80px; margin-bottom: 10px; } #checkoutnews p { line-height: 18px; } #checkoutnews h3 { font-size: 18px; text-align: center; } #checkoutnews td { font-size: 12px; } #checkoutnews a { font-size: 12px; } #checkoutSurvey { width: 710px; height: 86px; background-image: url(images/survey_box_bg.gif); text-align: center; margin-top: 12px; } #checkoutSurvey h3 { margin: 0; padding: 12px 0 0; font-size: 18px; color: #a00; } #checkoutSurvey a { color: blue; } #checkoutSurvey p { padding-left: 100px; padding-right: 100px; font-weight: bold; font-size: 12px; margin: 8px 0 0; } #checkoutSurvey p span { color: red; } #footbanner { text-align: right; padding-right: 14px; padding-top: 12px; clear: right; } #left_sales { margin-top: 8px; } #left_sales, #left_support { margin-left: 10px; background: url(images/left_box_bg.png) no-repeat left bottom; padding-bottom: 12px; margin-top: 11px; font-size: 11px; } #left_sales h3, #left_support h3 { padding: 6px 0 0 14px; color: #2362bf; font-size: 12px; line-height: 18px; margin: 0; } #left_support h3 { color: #c00; } #left_sales span { display: block; text-align: center; margin-top: 8px; margin-right: 15px; } #left_sales h4 { padding: 6px 0 0 12px; color: #333; font-size: 11px; line-height: 18px; margin: 0; } #left_sales h4 em { font-size: 9px; font-style: normal; } #left_sales div, #left_support div { background: url(images/left_sales_div.png) no-repeat; } #left_sales p, #left_support p { margin: 4px 0 0; padding: 8px 25px 0 14px; background: url(images/left_box_sep.png) no-repeat left top; } /* $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-size: 10px; } .errorBox { font-size : 10px; background: #ffb3b5; font-weight: bold; } .stockWarning { font-size : 10px; color: #cc0033; } .productsNotifications { background: #f2fff7; } .orderEdit { color: #f33; font-size: 10px; text-decoration: underline } FORM { display: inline; } TR.header { background: #ffffff; } TR.headerNavigation { background: #bbc3d3; } TD.headerNavigation { 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-size: 12px; background: #ff0000; color: #ffffff; font-weight : bold; text-align : center; } TR.headerInfo { background: #00ff00; } TD.headerInfo { font-size: 12px; background: #00ff00; color: #ffffff; font-weight: bold; text-align: center; } TR.footer { background: #bbc3d3; } TD.footer { font-size: 10px; background: #bbc3d3; color: #ffffff; font-weight: bold; } .infoBox { background: #f0f0f0 } .infoBoxContents { font-size: 10px; font-family: Tahoma, Verdana, Arial, sans-serif; background: #fafafa } .infoBoxNotice { background: #FF8E90; } .infoBoxNoticeContents { background: #FFE6E6; font-size: 10px; } TD.infoBoxHeading { color: #ffffff; font-size: 10px; font-weight: bold; background: #004988; padding: 4px 8px } TD.infoBox, SPAN.infoBox { font-size: 10px; font-family: Tahoma, Verdana, Arial, sans-serif } 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-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 } 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-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 } TABLE.productListing { border: solid 1px #004988 } .productListing-heading { color: #ffffff; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif; font-weight: bold; background: #004988; padding: 3px } TD.productListing-data { font-size: 10px; font-family: Tahoma, Verdana, Arial, sans-serif } A.pageResults { } A.pageResults:hover { } TD.pageHeading, DIV.pageHeading { font-size: 20px; font-weight: bold; color: #9a9a9a; } TR.subBar { background: #f4f7fd; } TD.subBar { font-size: 10px; color: #000000; } TD.main, P.main, SPAN.main { font-size: 11px; line-height: 1.5; } TD.smallText, SPAN.smallText, P.smallText, DIV.smallText { font-size: 10px; font-family: Tahoma, Verdana, Arial, sans-serif } TD.accountCategory { font-size: 13px; color: #aabbdd; } TD.fieldKey { font-size: 12px; font-weight: bold; } TD.fieldValue { font-size: 12px; } TD.tableHeading { font-size: 12px; font-weight: bold; } SPAN.newItemInCart { font-size: 10px; color: #ff0000; } CHECKBOX, INPUT, RADIO, SELECT { font-size: 11px; } TEXTAREA { width: 100%; font-size: 11px; } SPAN.greetUser { 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.productSpecialPrice { color: #ff0000; } SPAN.errorText { color: #ff0000; } .moduleRow { } .moduleRowOver { background-color: #ebebeb; cursor: hand } .moduleRowSelected { background-color: #f0f0f0 } .checkoutBarFrom, .checkoutBarTo { font-size: 10px; color: #8c8c8c; } .checkoutBarCurrent { font-size: 10px; color: #000000; } TD.checkoutBarTo a, TD.checkoutBarCurrent a { color: #8c8c8c; text-decoration: none; } TD.checkoutBarTo a:hover, TD.checkoutBarCurrent a:hover { color: #2362bf; text-decoration: underline; } /* message box */ .messageBox { font-size: 10px; padding: 4px } .messageStackError, .messageStackWarning { color: white; font-size: 10px; background-color: red; padding: 4px } .messageStackSuccess { font-size: 11px; background-color: #cf0; padding: 4px } /* input requirement */ .inputRequirement { font-size: 10px; color: #ff0000; }