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/
*/