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, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { } html { height: 100%; } body { color: #444; font-size: 14px; font-family: Helvetica, Arial, sans-serif; line-height: 150%; height: 100%; background: #efefef url(/web/20110810162801im_/http://200nipples.com/images/bg.png) repeat-x; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } h1 { font-size: 20px; } h2 { font-size: 125%; letter-spacing: .03cm; font-variant: small-caps; text-transform: uppercase; } h3 { font-size: 14px; font-style: bold; margin: 5px 0; } .fauxh1 { font-size: 20px; letter-spacing: .05cm; } .fauxh2 { font-size: 125%; letter-spacing: .03cm; font-variant: small-caps; text-transform: uppercase; } p { margin: 3px 0 18px 0; } a { color: #000; } a:hover { text-decoration: none; } .radio:hover { cursor: pointer; } .smallcaps { font-size: 88%; text-transform: uppercase; } .caps { text-transform: uppercase; } .error { color: red; font-weight: bold; } .clear { clear: both; } #red { margin: 3px 0 0px 5px; font-size: 12px; } .red { color: red; } .green { color: green; } .fine_print { font-size: 10px; } .inline { display: inline; } .f-right { float: right; border: 1px solid #222; margin: 0 0 5px 15px; } .mouseprint { font-size: 77%; } .envelope { position: relative; margin: 0 auto; width: 1000px; } .header { margin: 0 0 25px 0; height: 200px; width: 100%; } .hang-tag { padding: 7px 0 25px 0; height: 31px; background: url('/web/20110810162801im_/http://200nipples.com/images/hang_tab.png') no-repeat; } .f-ship { color: white; margin: 0 0 0 14px; font-size: 120%; font-weight: bold; } .title { float: left; height: 165px; } .slug { float: left; width: 290px; height: 165px; margin: 0 0 0 20px; background: url('/web/20110810162801im_/http://200nipples.com/images/curlys.png') no-repeat; } .slug h1 { padding: 28px 69px; text-align: center; font-size: 18px; line-height: 1.5; } #nextProductCountdown { font-weight: bold; } .main_nav { float: left; letter-spacing: .05cm; margin: 43px 0 0 20px; font-size: 24px; line-height: 1.5; text-transform: uppercase; } .main_nav a { } .main_nav a.active { font-weight: bold; } .main_nav .secondary { font-size: 55%; text-transform: none; letter-spacing: 0; } a.rss { color: #ff7200; } a.twitter { color: #2ab8ee; } .content { margin: 55px 0; } .the_product { margin: 25px 0 0 0; } .large_prod_pic { float: left; width: 510px; height: 525px; margin: 0 61px 0 0; } .large_prod_pic img { width: 510px; } .view_switch_c { text-align: center; margin: -25px 0 0 20px; } .view_switch_g { text-align: center; margin: -25px 0 0 0; } .prod_meta { float: left; width: 390px; height: 525px; } .prod_meta img { display: block; float: left; width: 90px; height: 90px; margin: 10px 10px 0 0; border: 1px solid #ddd; } .bullhorn { font-size: 125%; font-weight: bold; line-height: 1.1; color: #000; } #infographic { width: 900px; height: 200px; margin: 0 0 25px 0; } #button_matrix { position: relative; margin: 4px 0 0 -5px; display: block; list-style: none; clear: both; font-size: 11px; } #button_matrix ul li { float: left; margin: 4px; width: 90px; text-align: center; list-style: none; } #button_matrix ul li.purchase_button a { border: 1px solid #99cc99; background: #ccffcc; color: #000; text-decoration: none; } #button_matrix ul li.purchase_button a:hover { border: 1px solid #66cc66; background: #66cc66; color: white; text-decoration: none; } #button_matrix ul li.holding_button a { border: 1px solid #cccc99; background: #ffffcc; color: #000; text-decoration: none; cursor: default; } #button_matrix ul li.sold_button a { border: 1px solid #cc9999; background: #ffcccc; color: #000; text-decoration: none; cursor: default; } #button_matrix ul li a { color: #000; padding: 5px 5px 5px 3px; display: block; text-decoration: none; } #button_matrix ul li a:hover { text-decoration: none; } .footer { margin: 30px auto; width: 100%; font-size: 10px; border-top: 3px double #000; text-align: center; padding: 5px 0 3px 0; } .footer li { display: inline; margin: 0 5px 0 0; } .footer a { color: #000; } .footer a:hover { } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;} .highslide-wrapper { background-color: #fff; width: 525px; height: 540px; } /***** TABLE STYLING *****/ table { border-top:1px solid #333; border-right:1px solid #333; border-collapse:collapse; margin: 5px 0; width: 300px; } tr.odd td { background:#f7fbff; } tr.odd .column1 { background:#f4f9fe; } .column1 { background:#f9fcfe; } td { border-bottom:1px solid #333; border-left:1px solid #333; padding:.3em 1em; } th { font-weight: normal; letter-spacing: .025cm; text-transform: uppercase; color: #eee; text-align:left; border-bottom: 1px solid #333; border-left:1px solid #333; padding:.3em 1em; background:#000; } /* CSS by Wade Meredith | wademeredith.com I had help... *http://www.alistapart.com/ *http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ *http://www.positioniseverything.net/easyclearing.html *http://vikjavev.no/highslide/ */