@charset "UTF-8";
html {
	height: 100%;
	overflow: hidden;
	background-color: #000;
}
body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-size:100%; /* leave at 100% to get consistent results across browsers */
	color: #CCC;
	font-family: Helvetica, Arial, sans-serif;
}
a img {
	border: none;
}
a:link, a:visited {
	color: #CCC;
	text-decoration: none;
}
a:hover {
	color: #8B3F99;
}
.top-transparent {
	background-color: #000;
	height: 74px;
	width: 100%;
	filter:alpha(opacity=45);
	-moz-opacity:0.45;
	-khtml-opacity: 0.45;
	-ms-filter:"alpha(opacity=45)";
	filter: alpha(opacity=45);
	opacity: 0.45;
	margin: 0px;
	padding: 0px;
	z-index: 1;
	position: absolute;
	left: 0px;
	top: 0px;
}
.footer-transparent {
	background-color: #000;
	height: 23px;
	width: 100%;
	filter:alpha(opacity=45);
	-moz-opacity:0.45;
	-khtml-opacity: 0.45;
	-ms-filter:"alpha(opacity=45)";
	filter: alpha(opacity=45);
	opacity: 0.45;
	margin: 0px;
	padding: 0px;
	z-index:1;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.top-nav {
	width: 1000px;
	margin: 0 auto;
	z-index:1;
	position: absolute;
	left: 50%;
	margin-left: -500px;
}
.footer {
	width: 1000px;
	z-index:2;
	position: absolute;
	left: 50%;
	margin-left: -500px;
	bottom: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	padding-bottom: 3px;
	color: #FFF;
	font-size: 0.75em;
}
.footer a:link, .footer a:visited {
	color: #FFF;
}
.footer a:hover {
	color: #8B3F99;
}
.left {
	float: left;
}
.right {
	float: right;
}
.center-200 {
	width: 200px;
	position: absolute;
	left: 50%;
	margin-left: -100px;
	margin-right: auto;
}
.alt-content {
	z-index:1;
	text-align: center;
}

/* Sprite Menu Setup */
ul.cssmenu {
	list-style: none;
	padding: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	}
.displace {
	position: absolute;
	left: -5000px;
	}
ul.cssmenu li {
	float: left;
	}
ul.cssmenu li.home a {
	display: block;
	width: 84px;
	height: 50px;
	background: url('/images/sprite.png');
	}
ul.cssmenu li.shop a {
	display: block;
	width: 135px;
	height: 50px;
	background: url('/images/sprite.png');
	}
ul.cssmenu li.discover a {
	display: block;
	width: 159px;
	height: 50px;
	background: url('/images/sprite.png');
	}
ul.cssmenu li.store a {
	display: block;
	width: 141px;
	height: 50px;
	background: url('/images/sprite.png');
	}
ul.cssmenu li.contact a {
	display: block;
	width: 126px;
	height: 50px;
	background: url('/images/sprite.png');
	}

/* Normal Links */
ul.cssmenu li.home a {
	background-position: 0 0;
	}
ul.cssmenu li.shop a {
	background-position: -84px 0;
	}
ul.cssmenu li.discover a {
	background-position: -219px 0;
	}
ul.cssmenu li.store a {
	background-position: -378px 0;
	}
ul.cssmenu li.contact a {
	background-position: -519px 0;
	}

/* Hover Links & Current Section */
ul.cssmenu li.home a:hover, ul.cssmenu li.home.current a {
	background-position: 0 -50px;
	}
ul.cssmenu li.shop a:hover, ul.cssmenu li.shop.current a {
	background-position: -84px -50px;
	}
ul.cssmenu li.discover a:hover, ul.cssmenu li.discover.current a {
	background-position: -219px -50px;
	}
ul.cssmenu li.store a:hover, ul.cssmenu li.store.current a {
	background-position: -378px -50px;
	}
ul.cssmenu li.contact a:hover, ul.cssmenu li.contact.current a {
	background-position: -519px -50px;
	}

/* Selected/Active Links */
ul.cssmenu li.home a.selected {
	background-position: 0 -50px;
	}
ul.cssmenu li.shop a.selected {
	background-position: -84px -50px;
	}
ul.cssmenu li.discover a.selected {
	background-position: -219px -50px;
	}
ul.cssmenu li.store a.selected {
	background-position: -378px -50px;
	}
ul.cssmenu li.contact a.selected {
	background-position: -519px -50px;
	}


/* Sprite Menu Setup - Secondary Nav */
ul.xoxo {
	list-style: none;
	padding: 0px;
	position: relative;
	right: 0px;
	top: 0px;
	}
.xoxo.displace {
	position: absolute;
	left: -5000px;
	}
ul.xoxo li.cat-item-6 a {
	display: block;
	width: 144px;
	height: 32px;
	background: url('/images/sprite2.png');
	}
ul.xoxo li.cat-item-4 a {
	display: block;
	width: 144px;
	height: 32px;
	background: url('/images/sprite2.png');
	}
ul.xoxo li.cat-item-5 a {
	display: block;
	width: 144px;
	height: 32px;
	background: url('/images/sprite2.png');
	}

/* Normal Links */
ul.xoxo li.cat-item-6 a {
	background-position: 0 0;
	}
ul.xoxo li.cat-item-4 a {
	background-position: 0 64px;
	}
ul.xoxo li.cat-item-5 a {
	background-position: 0 128px;
	}

/* Hover Links & Currenttly Selected */
ul.xoxo li.cat-item-6 a:hover, ul.xoxo li.cat-item-6.current-cat a {
	background-position: -144px 0;
	}
ul.xoxo li.cat-item-4 a:hover, ul.xoxo li.cat-item-4.current-cat a {
	background-position: -144px 64px;
	}
ul.xoxo li.cat-item-5 a:hover, ul.xoxo li.cat-item-5.current-cat a {
	background-position: -144px 128px;
	}

/* Selected/Active Links */
ul.xoxo li.cat-item-6 a.selected {
	background-position: -144px 0;
	}
ul.xoxo li.cat-item-4 a.selected {
	background-position: -144px 64px;
	}
ul.xoxo li.cat-item-5 a.selected {
	background-position: -144px 128px;
	}


.promo-container {
	width: 513px;
	margin: 0 auto;
	z-index:1;
	position: absolute;
	left: 50%;
	margin-left: -219px;
	bottom: 34px;
}

/* Even more rounded corners with CSS http://www.schillmania.com/projects/dialog2/ */
.promo-box {
	width: 155px;
	padding: 0px;
	z-index: 1;
	left: 0px;
	top: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 16px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.dialog {
	position:relative;
	min-width:8em;
	max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
	color:#fff;
	z-index:1;
	margin-left:12px; /* default, width of left corner */
	margin-bottom:0.5em; /* spacing under dialog */
	margin-top: 0px;
	margin-right: auto;
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
	 background:transparent url(/images/rounded.png) no-repeat top right;
	 _background-image:url(/images/rounded.gif);
}

.dialog .content {
	height: 81px;
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding:0px 12px 0px 0px;
}

.dialog .content p {
	font-size:0.75em;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:12px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1, .dialog h2, .dialog p {
	margin:0px;
	padding-top: 0.3em;
	padding-right: 0px;
	padding-bottom: 0.5em;
	padding-left: 0px;
}

.dialog h1, .dialog h2 {
	padding-bottom:0px;
	font-size: 1.05em;
}

.dialog a:link, .dialog a:visited {
	color: #FFF;
}

.dialog a:hover {
	color: #8B3F99;
}

.no-script {
	width: 1000px;
	z-index:1;
	font-size: 0.8em;
	background-color: #8B3F99;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 10px;
	color: #FFF;
}

/*****************************************************************************
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;
  }
  */
.sIFR-active #nav-below .meta-nav {
	font-family: Verdana;
	visibility: hidden;
	font-size: 1.15em;
}
}