/* $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $ osCommerce, Open Source E-Commerce Solutions http://www.oscommerce.com Copyright (c) 2003 osCommerce Released under the GNU General Public License */ ///////////////////////////* Reset styles *///////////////////////////////// html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } img { border: 0; } /////////////////////////////////* END OF RESET STYLES *//////////////////////////////// .errorBox { font-family:Verdana, Arial, sans-serif; font-size:10px; background:#ffb3b5; font-weight:700; } .stockWarning { font-family:Verdana, Arial, sans-serif; font-size:10px; color:#c03; } .productsNotifications { background:#f2fff7; } .orderEdit { font-family:Verdana, Arial, sans-serif; font-size:10px; color:#70d250; text-decoration:underline; } #container { width:998px; text-align:left; margin:0 auto; } BODY { background:#fff; color:#000; text-align:center; margin:0; } p { color:#666; text-decoration:none; font-family:Georgia, sans-serif; font-size:12px; } p.yellow { color:#ffcb08; } .small { font-size:10px; color:#666; font-family:Georgia, sans-serif; } A { color:#3b90e5; text-decoration:none; font-family:Georgia, sans-serif; } A:hover { color:#3b90e5; text-decoration:underline; } h1,h2,h3 { color:#212c36; } FORM { display:inline; } .header { background:url(images/header_bg.png) repeat-x; height:120px; } TABLE.header { width:998px; } img.title { float:left; display:inline; margin:20px 0 0 20px; padding:0; } a.title { float:right; display:block; color:#fff; font-size:1.3em; font-style:italic; margin:20px 300px 10px 0; } a:hover.title { text-decoration: none; } html>body p.title { margin:0 300px 10px 0; } TABLE.menu { width:100%; background:#212c36; margin-top:5px; border:solid #000 1px; } TD.tab { padding:5px 15px; } TD.tab:hover { background:#ffcb08; } A.tab { font-family:Georgia, sans-serif; font-weight:700; font-size:18px; color:#FFF; text-decoration:none; } TD.ontab { background:#ffcb08; padding:5px 15px; } A.ontab { font-family:Georgia, sans-serif; font-weight:700; font-size:18px; color:#fff; text-decoration:none; } TR.headerError { background:red; } TD.headerError { font-family:Georgia, sans-serif; font-size:12px; background:red; color:#fff; font-weight:700; text-align:center; } TR.headerInfo { background:#0f0; } TD.headerInfo { font-family:Georgia, sans-serif; font-size:12px; background:#0f0; color:#fff; font-weight:700; text-align:center; } Table.search-balk { border-bottom:solid 2px #ffcb08; background-color:#e5e9eb; width:998px; } TD.search-balk { height:40px; padding:5px 0 0 20px; } div.right_menu { margin-right:20px; float:right; } a.right_menu { background:url(images/pijltje.gif) no-repeat 0 0.4em; font-size:14px; margin-left:10px; padding-left:11px; } .zoekBalk { font-family:Georgia, Sans-Serif; color:#666; font-size:13px; border:solid 1px #85b1de; width:500px; background-color:#EDF2F7; height:29px; padding:4px; } html>body .zoekbalk { height:27px; } div.footer { background-color:#212c36; color:#666; height:40px; margin-top:20px; font-family:Georgia, sans-serif; font-size:10px; line-height:150%; border-top:solid 3px #ffcb08; padding:20px; } div.footer_left { float:left; font-family:Georgia, sans-serif; font-size:14px; margin-top:5px; margin-left:10px; } .footer_left * { color:#fff; margin-right:20px; } div.footer_right { float:right; } div.first_row { color:#999; height:240px; font-family:Georgia, sans-serif; font-size:12px; line-height:150%; margin-top:10px; width:998px; } div.slider { float:left; font-family:Georgia, sans-serif; width:788px; height:100%; margin-right:10px; } div.slider p { font-size:36px; color:#000; margin:80px 0 0 250px; } div.merken { float:right; width:200px; height:100%; background:#fafaf7; } .merken h2 { text-decoration:none; font-size:1.3em; margin-bottom:20px; padding:20px 0 0 20px; } .merken a { margin:40px 0 0 20px; } div.second_row { color:#999; height:200px; font-family:Georgia, sans-serif; font-size:12px; line-height:150%; margin-top:10px; margin-bottom:10px; width:998px; } div.category { float:left; width:242px; height:100%; } .category a { margin:20px 0 0 20px; } div.blog { width:242px; position:absolute; height:200px; margin-left:10px; background:#fafaf7; } html>body div.blog { margin-left:252px; } .blog div { font-size:0.9em; padding:0 0 0 20px; } div.featured { width:184px; position:absolute; height:200px; margin-left:262px; } html>body div.featured { margin-left:504px; } div.email { width:300px; position:absolute; height:200px; margin-left:450px; background:#fafaf7; } html>body div.email { margin-left:695px; } .email a { display:inline; margin:5px 0 0 20px; } .email_field input { border:solid 1px #85b1de; position:absolute; height:20px; width:183px; margin:0 0 5px 20px; padding:3px; } .email_submit input { border:none; display:block; overflow:hidden; text-indent:-999px; line-height:0; float:left; } div.tag_cloud { font-family:Georgia, sans-serif; margin-top:10px; margin-bottom:10px; height:100px; } html>body div.tag_cloud { margin-bottom:20px; background:#fafaf7; } .tag_cloud h3 { padding:20px 0 5px 20px; } .tag_cloud a { margin-left:20px; } .manufacturers { font-size:14px; } .categories { width:200px; margin-top:25px; font-size:12px; } .categorie-head { border-bottom:1px solid #ffc908; width:175px; margin-bottom:10px; } .categorie-head p { font-weight:700; font-size:16px; } .infoBoxContents { background:#f8f8f9; font-family:Verdana, Arial, sans-serif; font-size:10px; } .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:700; background:#bbc3d3; color:#fff; } TR.productListing-odd,TR.productListing-even { background:fff; } TABLE.productListing { border:1px; border-spacing:1px; border-color:#ffeba1; border-style:solid; } .productListing-heading { font-family:Arial, sans-serif; font-size:10px; background:#b6b7cb; color:#FFF; font-weight:700; } TD.productListing-data { font-family:Arial, sans-serif; font-size:12px; } A.pageResults { color:#00F; } A.pageResults:hover { color:#00F; background:#FF3; } TD.pageHeading,DIV.pageHeading { font-family:Verdana, Arial, sans-serif; font-size:20px; font-weight:700; color:#212c36; padding-top:20px; } TR.subBar { background:#f4f7fd; } TD.main,P.main { font-family:Verdana, Arial, sans-serif; font-size:11px; line-height:1.5; } TD.accountCategory { font-family:Verdana, Arial, sans-serif; font-size:13px; color:#abd; } TD.fieldValue { font-family:Verdana, Arial, sans-serif; font-size:12px; } 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:700; } 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:700; } SPAN.markProductOutOfStock { font-family:Tahoma, Verdana, Arial, sans-serif; font-size:12px; color:#c76170; font-weight:700; } .moduleRowOver { background-color:#D7E9F7; cursor:hand; } .moduleRowSelected { background-color:#E9F4FC; } .checkoutBarFrom,.checkoutBarTo { font-family:Verdana, Arial, sans-serif; font-size:10px; color:#8c8c8c; } .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:#9f0; } .boxText,TD.infoBox,SPAN.infoBox,TD.smallText,SPAN.smallText,P.smallText,.messageBox { font-family:Verdana, Arial, sans-serif; font-size:10px; } A.tab:hover,A.ontab:hover { color:#3b90e5; text-decoration:none; } .category h2,.blog h2,.email h2 { text-decoration:none; font-size:1.3em; margin-bottom:10px; padding:20px 0 0 20px; } .infoBox,TR.accountHistory-odd,TR.addressBook-odd,TR.alsoPurchased-odd,TR.payment-odd,TR.productReviews-odd,TR.upcomingProducts-odd,TR.shippingOptions-odd,TR.accountHistory-even,TR.addressBook-even,TR.alsoPurchased-even,TR.payment-even,TR.productReviews-even,TR.upcomingProducts-even,TR.shippingOptions-even { background:#f8f8f9; } TD.subBar,.checkoutBarCurrent { font-family:Verdana, Arial, sans-serif; font-size:10px; color:#000; } TD.fieldKey,TD.tableHeading { font-family:Verdana, Arial, sans-serif; font-size:12px; font-weight:700; } SPAN.newItemInCart,.inputRequirement { font-family:Verdana, Arial, sans-serif; font-size:10px; color:red; } SPAN.productSpecialPrice,SPAN.errorText { font-family:Verdana, Arial, sans-serif; color:red; }