/* cheers Eric: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";
}





html, body {
	background:#000;
}

body {
	font-family:Tahoma, Geneva, sans-serif;
}

a, a:link, a:active, a:visited, a:hover {
	color:#eb008b;
}

#container {
	width:773px;
	margin:0 auto;
	background:#fff;
}

#header {
	background:transparent url("img/header-trim.gif") no-repeat bottom center;
	height:160px;
	padding-top:15px;
}

#logo {
	display:block;
	width:270px;
	height:149px;
	margin-left:45px;
}

#logo img {
	display:block;
	width:270px;
	height:149px;
}

#navigation-bar {
	background:#000;
	border-bottom:1px solid #ffffff;
	text-align:right;
	padding:10px;
}

#navigation-bar span {
	cursor:hand;
}

#navigation-bar a, #navigation-bar a:link, #navigation-bar a:active, #navigation-bar a:visited, #navigation-bar a:hover {
	text-decoration:none;
	color:#ffffff;
	margin-left:55px;
	font-size:140%;
}

#navigation-bar a.selected, #navigation-bar a:hover, a.selected {
	color:#eb008b !important;
	text-decoration:none;
}

#navigation-bar-trim {
	height:0;
	border-top:5px solid #eb008b;
}

#body {
	background:#ffffff url("img/body-trim-top.gif") no-repeat top center;
}

#page {
	overflow:auto;
	padding:20px 20px 10px;
}

#page-heading {
	font-size:200%;
	margin-bottom:5px !important;
	color:#eb008b;
	display:block;
}

#content {
	line-height:1.4em;
	padding:10px;
}

#footer-bar-trim {
	height:9px;
	background:#fff url("img/body-trim-bottom.gif") no-repeat top center;
	border-bottom:5px solid #eb008b;
}

#footer-bar {
	border-top:1px solid #fff;
	background:#000;
	padding-top:10px;
}

#footer {
	background:transparent url("img/footer-trim.gif") no-repeat top center;
	height:171px;
}

#contact-information {
	text-align:center;
	padding-top:25px;
}




#content p {
	margin:1em 0;
}

#content ul, #content ol, #content dl {
	list-style-type:disc;
	list-style-position:outside;
	padding-left:40px;
	margin:1em 0;
}

#content ol {
	list-style-type:decimal;
	list-style-position:outside;
	padding-left:40px;
}

#content li {
	line-height:1.3em;
}

#content strong {
	font-weight:bold;
	font-size:.95em;
}

#content em {
	font-style:italic;
	color:#E1DACD;
}

#content hr {
	border:none 0;
	border-top:1px solid #D1C7B4;
	width:100%;
	height:1px;
	margin:25px 0;
	display:block;
	opacity:.2;
}

#content h1 {
	font-size:155%;
	margin:0 0 1em;
}

#content h2 {
	font-size:145%;
	margin:0 0 1em;
}

#content h3 {
	font-size:135%;
	margin:0 0 1em;
}

#content h4 {
	font-size:125%;
	margin:0 0 1em;
	color:#D1C7B4;
	line-height:.7em;
}

#content h5 {
	font-size:115%;
	margin:1em 0;
}

#content h6 {
	font-size:105%;
	margin:1em 0;
}

#content .post {
	
}

#content small {
	color:#aaa;
	font-size:80%;
}

#content small a {
	color:#aaa;
}

#content table {
	border-spacing:0;
	border-collapse:separate;
    border-color:#999;
    border-width:0 0 1px 1px;
    border-style:solid;
}

#content th, #content td {
    border-color:#999;
    border-width:1px 1px 0 0;
    border-style:solid;
	padding:5px 7px;
}


/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}



#products-menu .product-item-link {
	margin-bottom:20px;
	display:block;
	font-weight:100;
	font-size:115%;
	color:#000;
	text-align:right;
	line-height:1.2em;
}

#products-menu .selected {
	background:transparent url("img/heart.gif") no-repeat 0 0;
	padding-left:45px;
	height:45px;
}

.product-item-container {
	display:block;
	overflow:auto;
	padding:16px 0 15px;
	color:#777;
	font-size:90%;
	line-height:1.4em;
	border-bottom:1px dotted #ddd;
}

.product-item-container a {
	display:block;
	width:150px;
	margin-bottom:5px;
	float:left;
	margin-right:25px;
}

.product-item-container img {
	display:block;
	width:150px;
	border:1px solid #aaa;
}

.product-item-container img:hover {
	border-color:#EB008B;
}

.product-item-container .meta-key {
	font-weight:900;
	font-size:90%;
}

.product-item-container .meta-value {
	font-size:90%;
}

.product-item-container .meta-title {
	font-size:115%;
}