/* -------------------------------------------------------------- START - Based on buttons.css by Kevin Hale [particletree.com] particletree.com/features/rediscovering-the-button-element -------------------------------------------------------------- */ a.button, button { display: block; float: left; margin: 0 0.583em 0.667em 0; padding: 5px 10px 5px 7px; /* Links */ border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; background-color: #f5f5f5; font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size: 100%; line-height: 130%; text-decoration: none; font-weight: bold; color: #565656; cursor: pointer;} button { width: auto; overflow: visible; padding: 4px 10px 3px 7px; /* IE6 */ } button[type] { padding: 4px 10px 4px 7px; /* Firefox */ line-height: 17px; /* Safari */ } *:first-child+html button[type] { padding: 4px 10px 3px 7px; /* IE7 */ } button img, a.button img { margin: 0 3px -3px 0 !important; padding: 0; border: none; width: 16px; height: 16px; float: none; } /* Button colors ------------------------------------------ */ /* Standard */ button:hover, a.button:hover { background-color: #dff4ff; border: 1px solid #c2e1ef; color: #336699; } a.button:active { background-color: #6299c5; border: 1px solid #6299c5; color: #fff; } /* Positive */ body .positive { color: #529214; } a.positive:hover, button.positive:hover { background-color: #E6EFC2; border: 1px solid #C6D880; color: #529214; } a.positive:active { background-color: #529214; border: 1px solid #529214; color: #fff; } /* Negative */ body .negative { color: #d12f19; } a.negative:hover, button.negative:hover { background: #fbe3e4; border: 1px solid #fbc2c4; color: #d12f19; } a.negative:active { background-color: #d12f19; border: 1px solid #d12f19; color: #fff; } /* -------------------------------------------------------------- END - Based on buttons.css by Kevin Hale [particletree.com] particletree.com/features/rediscovering-the-button-element -------------------------------------------------------------- */ body { margin: 0; padding: 0; color: #666; background: #fff; font-family: Georgia,"Times New Roman",serif; font-size: 80%; } a { color: #363; } a:hover { color: #069; } a:active { outline: none; } img.product { padding: 1px; border: 1px solid; } a img.product { border: 1px solid #369; } a:hover img.product { padding: 0; border: 2px solid #f60; } img.border { padding: 5px; border: 1px solid; } div.border { border-right: 1px solid #ccc; } h1, h2, h3, h4, h5, h6 { padding: 0 0 1em 0; margin: 0; color: #363; font-weight: normal; } h1 { font-size: 1.5em; } h2 { font-size: 1.25em; } #header-container { background: transparent url("/images/header_background.gif") repeat-x left bottom; } #header h1 { color: #666; padding-top: 1em; padding-left: 240px; line-height: 1.25em; } /* This is a hack... :( */ #header-image { background: transparent url("/images/header_face.jpg") no-repeat 20px bottom; height: 9em; } #global-menu { border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 0.5em 0; background: #363 url("/images/global_menu_background.jpg") repeat-x left center; } #global-menu ul { text-align: center; } #global-menu ul li { list-style: none; display: inline; padding: 0; margin: 0 0.25em; } /* Global Menu Button */ ul li a.global-menu-button { font-family: Arial,Verdana,sans-serif; font-weight: normal; font-size: 90%; margin: .1em; padding: .25em 1em; display: inline; display: inline-block; float: none; color: #000; border: 1px solid #ccc; border-bottom: 1px solid #666; background: #eee url("/images/global_menu_button_background.jpg") repeat-x left center; } ul li a.global-menu-button:hover, button.global-menu-button:hover { background-color: #eee; color: #363; border: 1px solid #eee; border-bottom: 1px solid #999; } ul li a.global-menu-button:active { color: #000; border: 1px solid #000; } #content-outer-container { padding-top: 2em; background: transparent url("/images/content_outer_background.jpg") repeat-x left top; } #teaser-top { background: transparent url("/images/teaser/background_top.jpg") no-repeat left top; } #teaser-container { padding: 1em 0; background: transparent url("/images/teaser/background_middle.jpg") no-repeat left top; } #teaser-bottom { background: transparent url("/images/teaser/background_bottom.jpg") no-repeat left bottom; } #teaser-container ul, #content-teaser-container ul { list-style: none; margin: 0; } #teaser-container ul li, #content-teaser-container ul li { font-size: 1.25em; margin: 0.25em 0; padding-left: 18px; background: transparent url("/images/teaser/bullet.gif") no-repeat left 6px; } #driver-container { margin-top: 1em; margin-bottom: 1em; padding: 1em 0; } #content-teaser-top { background: transparent url("/images/content/background_top.jpg") no-repeat left top; } #content-teaser-container { padding: 1em 0; background: transparent url("/images/content/background_middle.jpg") no-repeat left top; } #content-teaser-bottom { background: transparent url("/images/content/background_bottom.jpg") no-repeat left bottom; } #content-sidebar { padding-top: 2em; } #content-sidebar ul { padding: 0; margin: 0; } #content-sidebar ul li { list-style-image: none; list-style: none; border-top: 1px solid #ccc; padding: 2px 0 0 12px; margin-bottom: .5em; background: transparent url("/images/bullet_sidebar.gif") no-repeat left top; } #content-sidebar ul li a { color: #999; text-decoration: none; } #content-sidebar ul li a:hover { color: #f60; } #sidebar h1 { padding-bottom: 0; font-family: "Arial Black",Arial,Verdana,sans-serif; font-weight: bold; font-size: 2em; letter-spacing: -0.1em; } #sidebar h1 a { color: #c00; text-decoration: none; } #footer { border-top: 1px solid #ccc; margin-top: 2em; margin-bottom: 2em; } #footer ul, #footer p { text-align: center; color: #999; } #footer ul { padding: 1em 0; margin: 0 auto; } #footer ul li { list-style: none; display: inline; padding: 0 1em; border-left: .1em solid #999; } #footer ul li.first { border-left: none; } #footer ul li a { color: #363; } #footer ul li a:hover { color: #069; } li blockquote { padding: 2em; margin: 1em 0; border: 1px solid #ccc; } input.text, textarea { margin-top: .25em; margin-bottom: .25em; border: 1px solid #ccc; } input.text { width: 90%; } textarea { width: 90%; height: 16em; } form label { font-weight: normal; }