/************************************************ * * File : css/global.css * Version : v1.0 * Date : Tuesday, 29th April 2008 * Email : JakeAlger@comcast.net * Website : JakeAlger.com * Company : Unkind Studios * ************************************************ * Global style settings ************************************************/ @media screen { * { margin: 0; padding: 0; } html { background-color:#c3c3c3; } body { text-align: center; font: 10px Tahoma, Verdana, Arial, sans-serif; color:#000; } h2 { text-indent: -9000px; color:#fff; font-weight: bold; } img { border: 0; vertical-align: bottom; } a { text-decoration: none; overflow: hidden; } ul { list-style-type: none; } address { font-style: normal; } input { vertical-align: middle; } select { font-size: 0.95em; font-weight: normal; color: #12395A; } option { padding-left: 5px; } textarea { font: 0.85em Tahoma, Arial, Verdana, sans-serif; } .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } /************************************************ * Site Styles ************************************************/ #wrapper { width: 996px; background-color:#f1f1f1; margin: 0 auto; text-align: left; } #top { border-left:#8c5401 1px solid; border-right:#8c5401 1px solid; height: 21px; background: url(../images/dmp-top-bg.gif) repeat-x; } #top ul { padding: 3px 0 0 15px; } #top ul li { color:#fff; margin-left: 15px; display: inline; } h1 { height: 130px; /* background: url(../images/dmp-main-header.gif) no-repeat; */ } #navi { height: 22px; background: url(../images/dmp-navi-bg.gif) repeat-x; border:#d6c391 1px solid; } #navi ul { padding-left: 30px; } #navi ul li { float: left; font-weight: bold; font-size: 11px; padding: 4px 10px 0 10px; height: 18px; display: inline; background: url(../images/dmp-navi-divider.gif) no-repeat 100% 0; } #navi ul li a { color:#8f5d13; } #navi ul li a.selected { color:#1e1e1e; } #content { float: left; padding: 10px; width: 976px; } div.errors { padding: 20px; } div.errors ul { font-size: 11px; } p#home-image { float: left; } #products { width: 361px; background-color:#fefefe; float: right; } #products h2 { height: 18px; margin-bottom: 2px; font: 11px tahoma; background: url(../images/dmp-products-h2.gif) no-repeat; } div.product { width: 361px; margin-top: 5px; float: left; } div.product p.image { padding: 4px; float: left; width: 175px; height: 131px; background: url(../images/dmp-product-p-image-bg.gif) no-repeat; } div.product div.info { float: right; width: 175px; } div.product div.info dl { padding: 5px 5px 0 5px; font-weight: bold; } div.product div.info dl dt { color:#000; } div.product div.info dl dd { color:#8f9b51; } div.product div.info p { line-height: 14px; padding: 7px 5px 7px 5px; } div.product div.info ul { } div.product div.info ul li { display: inline; } div.product div.info ul li a { margin-right: 5px; width: 63px; height: 17px; float: left; text-indent: -9000px; } div.product div.info ul li a.moreinfo { background: url(../images/dmp-moreinfo-btn.gif) no-repeat; } div.product div.info ul li a.purchase { background: url(../images/dmp-purchase-btn.gif) no-repeat; } #credit-cards { width: 976px; float: left; } #credit-cards ul { margin: 5px; } #credit-cards ul li { display: inline; margin-right: 5px; } #credit-cards ul li a { } div.wide-box { width: 960px; float: left; padding-top: 7px; background: url(../images/dmp-whitegrey-box-top.gif) no-repeat; } div.wide-box div.cont { width: 948px; float: left; padding: 0 5px 0 5px; border-left:#bcbcbc 1px solid; border-right:#bcbcbc 1px solid; background:#ededed url(../images/dmp-whitegrey-box-bg.gif) repeat-x; } div.wide-box div.cont img { float: left; } div.wide-box div.cont div.info { width: 747px; float: left; } div.wide-box div.cont div.info dl { width: 737px; margin-left: 10px; font: 11px tahoma; font-weight: bold; float: left; } div.wide-box div.cont div.info dl dt { color:#000; } div.wide-box div.cont div.info dl dd { color:#8f9c54; } div.wide-box div.cont div.info p { padding: 10px 10px 0 10px; float: left; } div.wide-box div.bottom { width: 960px; float: left; padding-bottom: 7px; background: url(../images/dmp-whitegrey-box-bottom.gif) no-repeat; } #about { float: left; padding-bottom: 6px; background: url(../images/dmp-about-bottom.gif) no-repeat 0 100%; } #about h2 { clear: both; width: 973px; height: 19px; background: url(../images/dmp-about-h2.gif) no-repeat; } #about .cont { float: left; padding: 7px; width: 957px; background:#e5e5e5 url(../images/dmp-about-content.gif) repeat-x; border-left:#b2b2b2 1px solid; border-right:#b2b2b2 1px solid; } #about .cont #info { float: left; width: 630px; } #about .cont #info p { margin-top: 10px; font: 10px verdana; } #about .cont p#rimage { margin-right: 40px; float: right; } #press-release { padding-bottom: 6px; background: url(../images/dmp-pressrelease-bottom.gif) no-repeat 0 100%; width: 973px; float: left; margin-top: 10px; } #press-release h2 { height: 19px; background: url(../images/dmp-pressrelease-h2.gif) no-repeat; } #press-release .cont { width: 951px; float: left; padding: 10px; border-left:#b2b2b2 1px solid; border-right:#b2b2b2 1px solid; background:#fefefe url(../images/dmp-pressrelease-cont.gif) repeat-x 100% 100%; } #press-release .cont div.release { width: 695px; padding-left: 5px; float: left; } #press-release .cont div.release h3 { padding:0 0 7px 3px; font: 11px tahoma; color:#985b00; font-weight: bold; background: url(../images/dmp-prodinfo-h4.gif) repeat-x 100% 100%; } #press-release .cont div.release p { padding: 10px 3px 0 3px; font: 10px verdana; } #rheadlines { width: 200px; margin-right: 12px; float: right; } #rheadlines table { width: 100%; } #rheadlines table thead th { padding: 0 0 7px 5px; color:#b1be78; background: url(../images/dmp-prodinfo-h4.gif) repeat-x 100% 100%; } #rheadlines table tr td { padding: 10px 3px 0 3px; color:#000; } #rheadlines table tr td a { color:#975c00; font-weight: bold; } #shop { padding-bottom: 6px; background: url(../images/dmp-pressrelease-bottom.gif) no-repeat 0 100%; width: 973px; float: left; } #shop h2 { height: 19px; background: url(../images/dmp-shop-h2.gif) no-repeat; } #shop .cont { width: 971px; float: left; border-left:#b2b2b2 1px solid; border-right:#b2b2b2 1px solid; background:#fefefe url(../images/dmp-pressrelease-cont.gif) repeat-x 100% 100%; } #shop #snavi { height: 22px; background: url(../images/dmp-shop-navi.gif) repeat-x; } #shop #snavi ul { padding-top: 3px; margin: 0; list-style: none; } #shop #snavi ul li { position: relative; margin-left: 15px; display: inline; color:#fff; font: 11px tahoma; font-weight: bold; } #shop #snavi ul li a { color:#fff; padding-bottom: 5px; display: inline; text-decoration: none; } #shop #snavi ul li:hover ul { display: block; } #shop #snavi ul li ul { width: 120px; padding: 5px; background-color:#41464c; position: absolute; left:0; top: 18px; display: none; } #shop #snavi ul li ul li { margin: 0; padding: 0; } #shop #snavi ul li ul li a { color:#ababab; padding:0 0 0 7px; display: block; background: url(../images/dmp-snavi-list.gif) no-repeat 0 5px; } /* Fix IE. Hide from IE Mac \*/ * html ul li { float: left; } * html ul li a { height: 1%; } /* End */ #inside { padding: 0 0 15px 10px; float: left; width: 961px; background:#fefefe url(../images/dmp-featured-inside-bg.gif) repeat-x 100% 100%; } #inside div.fprod { width: 182px; height: 300px; margin: 15px 0 0 10px; float: left; } #inside div.fprod p.image { padding: 4px 0 4px 0; } #inside div.fprod div.info { } #inside div.fprod div.info dl { padding: 5px 5px 0 5px; font-weight: bold; } #inside div.fprod div.info dl dt { color:#000; } #inside div.fprod div.info dl dd { color:#8f9b51; } #inside div.fprod div.info p { line-height: 14px; height: 62px; padding: 7px 5px 7px 5px; } #inside div.fprod div.info ul { } #inside div.fprod div.info ul li { display: inline; } #inside div.fprod div.info ul li a { margin-right: 5px; width: 63px; height: 17px; float: left; text-indent: -9000px; } #inside div.fprod div.info ul li a.moreinfo { background: url(../images/dmp-moreinfo-btn.gif) no-repeat; } #inside div.fprod div.info ul li a.purchase { background: url(../images/dmp-purchase-btn.gif) no-repeat; } #consignment { float: left; padding-bottom: 6px; background: url(../images/dmp-about-bottom.gif) no-repeat 0 100%; } #consignment h2 { clear: both; width: 976px; height: 19px; background: url(../images/dmp-consignment-h2.gif) no-repeat; } #consignment .cont { float: left; padding: 0 10px 10px 10px; width: 951px; background:#e5e5e5 url(../images/dmp-about-content.gif) repeat-x; border-left:#b2b2b2 1px solid; border-right:#b2b2b2 1px solid; } #consignment .cont p { margin-top: 10px; } #cproducts { margin-top: 10px; float: left; width: 973px; padding-bottom: 7px; background: url(../images/dmp-cproduct-bottom.gif) no-repeat 0 100%; } #cproducts h2 { height: 19px; background: url(../images/dmp-cproduct-h2.gif) no-repeat; } #cproducts .cont { float: left; width: 951px; padding: 10px; background:#fff url(../images/dmp-cproduct-cont.gif) repeat-x 100% 100%; border-left:#b2b2b2 1px solid; border-right:#b2b2b2 1px solid; } #cproducts .cont #cprod-listing { width: 760px; float: left; } #cproducts .cont #cprod-listing div.product { width: 380px; margin: 0 0 10px 0; } #fproducts { border-bottom:#bcbcbc 1px solid; width: 191px; float: right; } #fproducts h2 { height: 19px; background: url(../images/dmp-featuredproducts-h2.gif) no-repeat; } #fproducts div.fproduct { padding-bottom: 10px; float: left; border-left:#bcbcbc 1px solid; border-right:#bcbcbc 1px solid; width: 189px; } #fproducts div.fproduct p.image { width: 189px; float: left; margin: 10px 0 10px 0; text-align: center; } #fproducts div.fproduct dl { padding: 0 10px 0 10px; font-weight: bold; } #fproducts div.fproduct dl dt { color:#000; } #fproducts div.fproduct dl dd { color:#8f9c54; } #fproducts div.fproduct p.info { padding: 0 10px 0 10px; } #fproducts div.fproduct ul { padding: 5px 10px 0 10px; } #fproducts div.fproduct ul li { display: inline; } #fproducts div.fproduct ul li a { margin-right: 5px; width: 63px; height: 17px; float: left; text-indent: -9000px; } #fproducts div.fproduct ul li a.moreinfo { background: url(../images/dmp-moreinfo-btn.gif) no-repeat; } #fproducts div.fproduct ul li a.purchase { background: url(../images/dmp-purchase-btn.gif) no-repeat; } #bproducts { width: 738px; padding-bottom: 7px; background: url(../images/dmp-main-products-bottom.gif) no-repeat 0 100%; float: left; } #bproducts h2 { height: 19px; background: url(../images/dmp-main-products-h2.gif) no-repeat; } #bproducts .cont { border-left:#b2b2b2 1px solid; border-right:#b2b2b2 1px solid; width: 636px; padding: 20px 50px 20px 50px; float: left; background:#fff url(../images/dmp-cproduct-cont.gif) repeat-x 100% 100%; } #bproducts .cont #prod-info { width: 614px; } #bproducts .cont #prod-info h3 { color:#fff; font-weight: bold; font: 11px tahoma; padding: 2px 0 0 10px; height: 17px; background: url(../images/dmp-green-h3.gif) no-repeat; } #bproducts .cont #prod-info ul { margin: 3px 0 0 1px; } #bproducts .cont #prod-info ul li { display: inline; } #bproducts .cont #prod-info div.info { margin-top: 10px; width: 385px; float: left; } #bproducts .cont #prod-info div.info h4 { font: 11px tahoma; font-weight: bold; padding-bottom: 10px; background: url(../images/dmp-prodinfo-h4.gif) repeat-x 100% 100%; } #bproducts .cont #prod-info div.info p { padding-top: 10px; font: 11px tahoma; } #bproducts .cont #prod-info div.info ul { margin: 10px 0; } #bproducts .cont #prod-info div.info ul li { font-weight: bold; margin-bottom: 3px; } #more-products { margin-top: 10px; padding-bottom: 6px; background: url(../images/dmp-moreinfo-bottom.gif) no-repeat 0 100%; float: right; width: 215px; } #more-products h2 { height: 19px; background: url(../images/dmp-moreproducts-h2.gif) no-repeat; } #more-products #main { width: 213px; border-left:#bcbcbc 1px solid; border-right:#bcbcbc 1px solid; background:#fefefe url(../images/dmp-moreinfo-cont.gif) repeat-x 100% 100%; } #more-products #main div.mprod { padding-top: 10px; } #more-products #main div.mprod p.image { text-align: center; } #more-products #main div.mprod dl { padding: 10px; font-size: 11px; } #more-products #main div.mprod dl dt { color:#9b5b03; font-weight: bold; } #more-products #main div.mprod dl dd { padding-top: 5px; color:#000; } #more-products #main div.mprod ul { padding-left: 8px; } #more-products #main div.mprod ul li { } #more-products #main div.mprod ul li a { display: block; text-indent: -9000px; } #more-products #main div.mprod ul li a.more { width: 49px; height: 15px; background: url(../images/dmp-more-btn.gif) no-repeat; } div.random { width: 215px; float: right; } div.random div.randproduct { margin-bottom: 10px; } div.random div.randproduct h3 { font: 11px tahoma; color:#fff; font-weight: bold; padding: 2px 0 0 5px; height: 17px; background: url(../images/dmp-randomproduct-h3.gif) no-repeat; } div.random div.randproduct p.image { border-left:#bcbcbc 1px solid; border-right:#bcbcbc 1px solid; text-align: center; padding-top: 5px; height: 116px; background: url(../images/dmp-random-image-bg.gif) repeat-x; } div.random div.randproduct div.desc { padding-bottom: 7px; background:#8f9c54 url(../images/dmp-random-desc-bottom.gif) no-repeat 0 100%; } div.random div.randproduct div.desc p { border:#748040 1px solid; border-bottom: 0; padding: 10px; color:#fff; } div.random div.randproduct div.desc ul { padding-left: 10px; } div.random div.randproduct div.desc ul li { } div.random div.randproduct div.desc ul li a { display: block; text-indent: -9000px; } div.random div.randproduct div.desc ul li a.more { width: 49px; height: 15px; background: url(../images/dmp-more-btn.gif) no-repeat; } #contact-left { width: 736px; float: left; } #contact { width: 736px; padding-bottom: 12px; background: url(../images/dmp-contact-div-bottom.gif) no-repeat 0 100%; float: left; } #contact h2 { height: 19px; background: url(../images/dmp-contact-h2.gif) no-repeat; } #contact .cont { float: left; width: 714px; border-left:#bdbcbd 1px solid; border-right:#bdbcbd 1px solid; padding: 10px; background:#f7f7f7 url(../images/dmp-contact-cont.gif) repeat-x 100% 100%; } #contact .cont p { float: left; } #contact .cont #info { float: left; } #contact .cont #info address { font: 11px tahoma; font-weight: bold; margin: 25px 0 0 75px; } #contact .cont #info ul { padding: 50px 0 0 75px; display: block; } #contact .cont #info ul li { font: 11px tahoma; } #contact .cont #info ul li a { } #cform { width: 736px; padding-bottom: 12px; background: url(../images/dmp-contact-div-bottom.gif) no-repeat 0 100%; float: left; } #cform h2 { height: 19px; background: url(../images/dmp-contact-h2.gif) no-repeat; } #cform .cont { float: left; width: 714px; border-left:#bdbcbd 1px solid; border-right:#bdbcbd 1px solid; padding: 10px; background:#f7f7f7 url(../images/dmp-contact-cont.gif) repeat-x 100% 100%; } #cform .cont p { margin-bottom: 5px; font: 11px tahoma; } #cform .cont #blocks { width: 320px; float: left; } #cform .cont #blocks div { width: 320px; float: left; margin-top: 10px; } #cform .cont #blocks div label { margin-top: 2px; font: 11px tahoma; font-weight: bold; width: 77px; float: left; } #cform .cont #blocks div img { float: left; } #cform .cont #blocks div input { height: 19px; background: url(../images/dmp-contact-input.gif) repeat-x; border:0; float: left; } #cform .cont #comments { width: 390px; margin-top: 10px; float: left; } #cform .cont #comments label { margin-top: 2px; font: 11px tahoma; font-weight: bold; width: 77px; float: left; } #cform .cont #comments textarea { width: 300px; height: 200px; } #cform .cont #comments ul { padding: 10px 0 0 77px; } #cform .cont #comments ul li { display: inline; margin-right: 5px; } #conform { margin-top: 10px; width: 736px; padding-bottom: 12px; background: url(../images/dmp-contact-div-bottom.gif) no-repeat 0 100%; float: left; } #conform h2 { height: 19px; background: url(../images/dmp-consigncontact-h2.gif) no-repeat; } #conform .cont { float: left; width: 714px; border-left:#bdbcbd 1px solid; border-right:#bdbcbd 1px solid; padding: 10px; background:#f7f7f7 url(../images/dmp-contact-cont.gif) repeat-x 100% 100%; } #conform .cont p { margin-bottom: 5px; font: 11px tahoma; } #conform .cont #blocks { width: 320px; float: left; } #conform .cont #blocks div { width: 320px; float: left; margin-top: 10px; } #conform .cont #blocks div label { color:#9a5d01; margin-top: 2px; font: 11px tahoma; font-weight: bold; width: 77px; float: left; } #conform .cont #blocks div img { float: left; } #conform .cont #blocks div input { height: 19px; background: url(../images/dmp-contact-input.gif) repeat-x; border:0; float: left; } #conform .cont #comments { width: 390px; margin-top: 10px; float: left; } #conform .cont #comments label { margin-top: 2px; color:#9a5d01; font: 11px tahoma; font-weight: bold; width: 77px; float: left; } #conform .cont #comments textarea { width: 300px; height: 200px; } #conform .cont #comments ul { padding: 10px 0 0 77px; } #conform .cont #comments ul li { display: inline; margin-right: 5px; } #footer { clear: both; border:#53575b 1px solid; border-bottom: 0; height: 107px; background: url(../images/dmp-footer-bg.gif) repeat-x; } #footer div.footer-product { padding: 12px 0 0 24px; width: 320px; height: 95px; float: left; background: url(../images/dmp-footer-prod-divider.gif) no-repeat 100% 0; } #footer div.footer-product ul { padding-right: 10px; float: left; } #footer div.footer-product ul li { font-size: 11px; color:#fff; font-weight: bold; } #footer div.footer-product ul li a { color:#fff; } #footer div.footer-product ul li a { padding-right: 8px; background: url(../images/dmp-footer-prod-info.gif) no-repeat 100% 4px; } #footer div.footer-product h3 { font: 11px tahoma; color:#eadfbd; float: left; } #footer div.footer-product p { padding: 5px 5px 0 0; color:#fff; } #footer p#copyright { width: 200px; margin: 20px 50px 0 50px; color:#9fa2a7; float: right; } }