@charset "utf-8";
/*
--------------------------------------------------------------------------------
	
	CASCADING STYLE SHEET - BROWSER RESET
	---
	For:     Wildchild Nation, Threader Style project
	By:      Doug Linsmeyer, Amyst Design Company
	Date:    2009-06-04
	Revised: 
	Version: 0

-------------------------------------------------------------------------------- 
*/

/*--
BROWSER RESET
----------------------------------------------------------*/
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, b, u, i, center, 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-size: 1em; vertical-align: baseline; background: transparent; }
body { line-height: 1.2em; }
ol, ul { list-style: none; }
/*
--------------------------------------------------------------------------------
	
	CASCADING STYLE SHEET
	---
	For:     Wildchild Nation, Threader Style project
	By:      Doug Linsmeyer, Amyst Design Company
	Date:    2009-05-23
	Revised: 
	Version: 0

-------------------------------------------------------------------------------- 
*/

/*--
IE HACKING
----------------------------------------------------------*/
@import url('/css/default/ie7fixes.css');

/*--
BASIC STYLING
----------------------------------------------------------*/
body { background-color:#000; font-size:62.5%; font-family:Arial, Helvetica, sans-serif; color:#CCC; }
a, a:link, a:visited, a:active { color:#6cf; text-decoration:none; cursor:pointer; }
a:hover { color:#fff; }
h1 { font-size:2em; color:#f6c; margin-bottom:10px; }
h2 { font-size:1.20em; color:#666; margin-bottom:5px; padding-bottom:3px; }

pre { height:100px; overflow-y:scroll; border:#333 1px solid; width:95%; background-color:#111; margin:5px auto; padding:3px; font-family:Verdana, Geneva, sans-serif; font-size:10px; }

dl { margin-top:10px; font-size:1.1em; }
dt { font-weight:bold; color:#FFF; }

/*--
UTILITY CLASSES
----------------------------------------------------------*/
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }

.clear { clear:both; }
.float-left { float:left; }
.float-right { float:right; }

.strike-out { text-decoration:line-through; }
.hidden { display:none; }

.btn { cursor:pointer; }

.error-msg { color:#F6C; font-style:italic; margin:15px 0 0 80px; font-weight:bold; font-size:1.2em; }
.errors { color:#f6c; font-style:italic; font-size:0.9em; margin-left:80px; line-height:1.3em; }
.errors p { margin-bottom:2px; }

/*--
LAYOUT
----------------------------------------------------------*/
#wrapper { width:950px; margin:0 auto; padding:0; }
#header { height:90px; width:100%; background:url(/images/header.gif) no-repeat center; position:relative; }
	#account-nav {width:140px; font-size:12px; color:#6cf; position:absolute; right:0; bottom:0; padding-bottom:10px; }
#page { width:100%; }
	#menu { float:left; width:150px; margin-top:90px; font-size:17px; }
		#menu ul { margin-left:5px; }
		#menu ul ul { margin-left:10px; margin-bottom:10px; display:none; }
		#menu ul ul li { font-size:13px !important; margin-bottom:8px; }
		#menu ul ul ul { display:block; margin-top:5px; margin-bottom:5px }
		#menu ul ul ul li { margin-bottom:0px; }
		#menu ul ul { margin-bottom:10px; }
		#menu ul ul ul li a, #menu ul ul ul li a:link, #menu ul ul ul li a:visited, #menu ul ul ul li a:active { color:#6cf; }
		#menu ul ul ul li a:hover { color:#fff; }
		#menu .current { color:#f6c !important; }
		
		#submenu-brands a.current { color:#6cf !important; }
		#submenu-brands ul a.current { color:#f6c !important; }
		/*#menu ul li { height:30px; }*/
	#content { float:left; width:649px; }
		#content-adspace { height:70px; margin:10px 10px 10px 0; position:relative; }
			#content-adspace-left { position:absolute; bottom:0px; left:0px; }
				#content-adspace-left form label { width:40px; }
			#content-adspace-right { position:absolute; top:0px; right:0px; height:100%; text-align:right; }
				#content-adspace-right h2 { position:absolute; bottom:0px; right:0; }
	#sidebar { float:left; width:151px; background:url(/css/default/images/sidebar-background.gif) repeat-y left; padding-top:10px; min-height:400px; color:#6cf; }
		#sidebar #search-box { display:block; margin-left:10px; height:80px; }
		#sidebar #search-box { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; line-height:1.2em; }
		#sidebar #search-box input[name="query"] 
		{
			padding:4px 5px;
			margin-top:5px;
			width:128px; 
			height:26px;
			background-image:url(/css/default/images/bg-search-field.gif);
			background-repeat:no-repeat;
			background-position:top left;
			background-color:#000;
			border:0px;
		}
		#sidebar img.advertisement, #sidebar p { margin:10px 10px 0 10px; }
#footer { padding:10px 18px; margin-top:30px; background:url(/css/default/images/footer-background.gif) top center no-repeat; text-align:right; font-size:10px; color:#6cf;}
#login label, #register label, #join label { font-size:0.9em; }

/*--
MODULE STYLING
----------------------------------------------------------*/
/* new products tile */
.product-tiles { margin-bottom:10px; }
.product-tiles div.tile { float:left; text-align:center; font-size:1.2em; font-weight:bold; }
.product-tiles div.tile img { border:#333 1px solid; margin:3px; }

/*--
PAGE SPECIFIC STYLING
----------------------------------------------------------*/
/* checkout */
p.help-link { text-align: center; width: 75%; margin: 40px auto 0 auto; color: #ffffff; line-height: 1.2em; }
p.coupon-error { color: #F6C; font-size: 11px; font-style: italic; }

/* homepage */
#featured { width:649px; height:250px; position:relative; overflow:hidden; }
#featured-nav { position:absolute; bottom:10px; left:10px; z-index:100; }
#featured-nav div.index-box { margin:2px; cursor:pointer; width:15px; height:15px; background-color:#666; border:1px solid #000; float:left; }
#featured-nav div[class~='current'][class~='index-box'] { background-color:#fff; }

div.hot-brands { text-align:center; }
div.hot-brands img { margin:6px; }

#twitter_div { margin:10px 0 0 7px; }
#twitter_div ul { margin-bottom:10px; }
#twitter_div ul li { margin-bottom:10px; font-size:1.5em;}
#twitter_div ul li em { font-size:0.75em; }
#twitter_div ul li a {  }
#twitter_div ul li a:link, #twitter_div ul li a:visited, #twitter_div ul li a:active { color:#F6C; }

/* product view */
#photo-box { float:left; width:315px; }
	#photo-box img { border:#333 solid 1px; }
	#photo-box .main-product-image { float:left; margin-bottom: 10px; }
	#photo-box #gallery { float:right; }
	#photo-box .gallery-image { margin-bottom:-2px; }
	#photo-box #related-products { margin-top:10px; width:245px; }
	#photo-box #related-products p { color:#6cf; font-size:1.4em; }
	
	#photo-box #related-products { margin-bottom:10px; }
	#photo-box #related-products img { border:#333 1px solid; margin-right:-1px; margin-top: -1px; height:60px; height:90px; }
	
#info-box { float:right; width:314px; margin:0 10px; }
	#info-box h3 { font-size:2em; color:#f6c; font-weight:bold; margin-bottom:25px; padding-bottom:5px; border-bottom:#FCF 2px solid;  }
	#info-box h2 { font-size:2em; color:#f6c; font-weight:bold; }
		#info-box h2 a, h2 a:link, h2 a:visited, h2 a:active { color:#f6c; }
	#info-box h1 { font-family:Arial, Helvetica, sans-serif; font-size:1.25em; color:#6cf; font-weight:bold; }
	table { font-size:1.2em; }
	table table { font-size:1em; }
	p { font-size:1.2em; margin-bottom:10px; }
	.model { color:#999; line-height:1.5em; }
	.likes-link { color:#ccc; float:right; line-height:1.5em; }
		.likes-link a, .likes-link a:link, .likes-link a:visited, .likes-link a:active { color:#ccc; }
		.likes-link a:hover { color:#fff; }
	.label { color:#6cf; font-weight:bold; }
	.price { font-size:1.25em; font-weight:bold; color:#999; }
	.sale { color:#f6c; }
	
/* catalog view */
#likes-link { margin-left:5px; float:left; font-size:13px; padding-top: 3px; margin-left: 0px; font-weight: bold; }
	#likes-link strong { color:#6cf; }
	
#product-matrix {}
#product-matrix img { border:#333 1px solid; }

	#product-matrix div.product-tile { height:260px; width:120px; float:left; margin-right:8px; position:relative; }

		#product-matrix div.product-tile div.product-img-overlay { position:absolute; left:1px; bottom:79px; width:120px; height:25px; background-image:url(/css/default/images/bgs/bg-b-60.png); display:none }
		#product-matrix div.product-tile div.product-img-overlay p { position:absolute; bottom:-10px; padding:5px; font-size:0.9em; font-weight:bold; color:#999; }
		#product-matrix div.product-tile div.product-img-overlay img { border:none !important; }
		#product-matrix div.product-tile div.product-img-overlay span.left { position:absolute; left:0; bottom:5px; }
		#product-matrix div.product-tile div.product-img-overlay span.right { position:absolute; right:0; bottom:5px; }
		#product-matrix div.product-tile div.product-img-overlay a, 
		#product-matrix div.product-tile div.product-img-overlay a:link, 
		#product-matrix div.product-tile div.product-img-overlay a:visited, 
		#product-matrix div.product-tile div.product-img-overlay a:active { color:#999; } 
		#product-matrix div.product-tile div.product-img-overlay a:hover { color:#fff; }
	
	#product-matrix div.product-tile div.product-information { padding-top:3px; }
	#product-matrix span.brand { font-weight:bold; font-size:1.1em; }
	#product-matrix span.newflag { font-style:italic; }

/* press page */
div.press-item { margin:10px 0; }
	div.press-image { float:left; margin-right:10px; }
	div.press-description { font-size:1.25em; }
	div.press-description strong { font-weight:normal; }


/* account pages */
#content-inner { margin-right:10px; color:#999; }
#content-inner strong { color:#777; }
#content-inner h2 { margin-top:20px;  border-bottom:#333 1px solid;  }
#content-inner h2 small { font-weight:normal; font-style:italic; }
#content-inner h2 a { color:#6cf; }
#content-inner h2 a:hover { color:#fff; }
#content-inner table thead td { font-weight:bold; color:#777; padding-bottom:5px; }
#content-inner label { display:block; float:left; margin-right:5px; padding-top:8px; width:100px; text-align:right; color:#999; }
#content-inner input[type="text"], 
#content-inner input[type="password"],
#content-inner select
{ 
	margin:2px 0 5px 0;
	padding:3px 0;
}
#content-inner input[type="checkbox"],
#content-inner input[type="radio"] { margin-left:104px; }
#content-inner input[type="checkbox"] + label,
#content-inner input[type="radio"] + label { display:inline; float:none; margin-left:5px; }
#content-inner button { padding:3px 9px; color:#333; margin-top:15px; margin-left:104px; }
#content-inner input[type="image"] { margin-left:104px; }
#content-inner div.errors { margin-left:104px; text-align:left; margin-top:10px; }

/* brand page */
#brand-info { background:url(/css/default/images/bgs/bg-w-80.png); margin-top:175px; margin-left:25px; color:#000; padding:10px 30px; font-size:1.2em; line-height:1.4em; }
#brand-info a { color:#555; text-decoration: underline; }
#brand-info a:hover { color:#000; }
#style-info { background:url(/css/default/images/bgs/bg-w-80.png); color:#000; margin-top:30px; margin-left:25px; padding:10px 30px; font-size:1.2em; line-height:1.4em; }
#style-info a { color:#555; text-decoration: underline; }
#style-info a:hover { color:#000; }
@charset "utf-8";
/* CSS Document */


.autocomplete-w1 { z-index:9999; background:url(images/shadow.png) no-repeat bottom right; position:absolute; top:7px; left:6px; /* IE6 fix: */ _background:none; _top:1px; }
.autocomplete { color:#999; width:300px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE specific: */ _height:350px;  _margin:0px 6px 6px 0; overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap;  border-bottom: #ccc 1px dotted; font-size:1.2em; }
.autocomplete strong { font-weight:normal; color:#333; }
#facebox .b {
  background:url(/css/ui/images/b.png);
}

#facebox .tl {
  background:url(/css/ui/images/tl.png);
}

#facebox .tr {
  background:url(/css/ui/images/tr.png);
}

#facebox .bl {
  background:url(/css/ui/images/bl.png);
}

#facebox .br {
  background:url(/css/ui/images/br.png);
}

#facebox p { line-height:1.2em; font-size:1em; }
#facebox h2 { margin-top:20px; }
#facebox ol { margin-left:10px; }
#facebox ol li { margin-bottom:10px; margin-left:10px; list-style:decimal; }

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
  font-size:1em;
}

#facebox label > em { display:block; margin-right:3px; color:#FF9F9F; }

#facebox div.close_button {
	position: absolute;
	top:-10px;
	right:-10px;
	height:40px;
	width:40px;
	background-image:url(/images/button-circle-close.png);
	background-repeat:no-repeat;
	cursor:pointer;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
  color:#999;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox input[type='radio'],
#facebox input[type='checkbox'] { margin-left:85px; }

#facebox img {
  border: 0;
  margin: 0;
}

#facebox a, #facebox a:link, #facebox a:visited, #facebox a:active { color:#666; }
#facebox a:hover { text-decoration:underline; color:#666; }

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox form div.buttons { margin-top:25px; text-align:right; }
#facebox form label { color:#666; display:block; float:left; padding-top:5px; margin-right:5px; width:80px; text-align:right; }

#facebox input[type='text'],
#facebox input[type='password'], 
#facebox textarea { color:#666; border:#ddd 1px solid; padding:3px 5px; background-image:url(/css/ui/images/bg-fld-input.gif); margin-bottom:8px; }

#facebox input[type='text'].error,
#facebox input[type='password'].error,
#facebox input[type='radio'].error,
#facebox input[type='checkbox'].error, 
#facebox textarea.error { border:#FFC1C1 1px solid; }

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
/*****************************************************************************
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;
  }
  */
}