body { font-family: arial; font-size:11pt; color:#000000; } 
small { font-size:8pt; }
form { padding:0px; margin:0px;}
.clear     {clear:both;}

/* a { color:#999999; }
a:hover { color:#c0c0e0; } */

table.menu { border-bottom: 1px solid #000000; }
table.menu td { width:80px; text-align:center; vertical-align:bottom; padding:0px;}
table.menu td a { font-size:10pt; color:#000000; text-decoration:none; }
table.menu td a:hover { color:#c52446; text-decoration:none; }

	table.suckerfish { border-collapse:collapse; border-spacing:0px; margin:0px; padding:0px; border:0px solid #000000;}
	table.suckerfish tr { padding:0px; margin:0px; }
	table.suckerfish td {
		padding:0px;
		margin:0px;
		z-index: 3009;
	}

	/* parent links */
	table.suckerfish td a { font-size:11px; font-weight: bold; color:#000000; text-decoration:none; font-family: arial; letter-spacing:0px;}
	table.suckerfish td a:hover { color:#c52446; text-decoration:none; }

	/* menu item links */
	table.suckerfish td ul li ul li a { color:#000000; text-decoration:none; font-family:arial; }
	table.suckerfish td ul li ul li a:hover { color:#c52446; text-decoration:none; }

	table.suckerfish td ul { /* suckerfish menu list */
		position: relative;
		padding: 0px;
		margin: 0px;
		list-style: none;
		height:16px;
	}

	table.suckerfish td ul li { /* all suckerfish top level parent items */
		position: relative;
		float: left;
		margin:0px;
		padding:0px;
		min-height:16px;
		height:16px;
		text-align:left;
	}

	table.suckerfish td ul li ul { /* second-level lists */
		position: absolute;
		top: 16px;
		left: 0px;
		padding:0px;
		margin:0px;
		clear:left;
		clear:right;
		z-index:3008;
		display: none;
		width:300px;
		background-color:#ffffff;
	}

	table.suckerfish td ul li ul li {
		float:none;
		background-color:#ffffff;
		width:100%;
		z-index:3009;
		height:auto;
		min-height:16px;
		/* for IE */
		filter:alpha(opacity=75);
		/* CSS3 standard */
		opacity:0.75;
		font-weight: bold;
	}

	table.suckerfish td ul li:hover ul, table.suckerfish td ul li.over ul { /* lists nested under hovered list items */
		display: block;
	}

	table.suckerfish td ul li ul li:hover, table.suckerfish td ul li ul li.bgActive { /* background color change for hovered child items */
		background-color: #ffffff;
		z-index:3009;
	}

	table.suckerfish td ul li ul li:hover a, table.suckerfish td ul li ul li.bgActive a { /* background color change for hovered child items */
		color: #000000;
		z-index:3001;
		text-decoration:none;
	}

	table.suckerfish td ul li ul li:hover a:hover, table.suckerfish td ul li ul li.bgActive a:hover {
		color:#c52446;
		z-index:3002;
		text-decoration:none;
	}

	table.suckerfish td ul li a.nohover:hover { color:#000000;}


#content {
	clear: left;
}

div#products div.even .product
{
  float: right;
}

div#products div.even .shades
{
  float: right;
}

div#products div.even .info
{
  float: left;
}

div#products div.odd .product
{
  float: left;
}

div#products div.odd .shades
{
  float: left;
}

div#products div.odd .info
{
  float: left;
}

div#products
{
	width: 955px;
}

div#products .info
{
	/* width: 50%; */
}

.shade_name
{
	text-transform: uppercase;
	font-size: 90%;
	color: #000000;
	padding-top: 6px;
	height: 50px;

}

#products .shades td
{
/*	padding: 10px;
	margin: 10px; */
}


#products p, #products h2
{
	color: #000000;
}

#products .info p
{
	font-size: 90%;
	margin-top: 5px;
	margin-bottom: 5px;
}

#products .odd .info
{
 padding-right: 20px;
}

#products .odd .image
{
 padding-left: 20px;
}

#products .even .image
{
 padding-right: 40px;
}


#products .even .info
{
 padding-left: 40px;
}

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

#products .shades td
{
	/* padding: 8px; */
}

#products .odd .image
{
 padding-left: 20px;
}

#products .even .image
{
 padding-right: 20px;
}

#products .info div
{
	margin-top: 60px;
	margin-bottom: 60px;
}

div#winnersList
{
	width: 600px;
	background:url(../images/competitions/winners_sidebar.jpg) no-repeat top left #FFFFFF;
	margin-left:auto;
	margin-right:auto;
	padding: 10px 10px 10px 145px;
	text-align: left;
}

div#winnersList li
{
	padding-bottom: 6px;
}

div#winnersList a
{
	text-decoration: none;
}

div#winnersList a:hover
{
	text-decoration: underline;
	color: #CC0000;
	font-weight: bold;
}

.fallback
{
	background-color: #CCCCCC;
	font: bold 12px arial;
	color: black;
}

.fallback p
{
	padding: 12px;
}

.fallback a
{
	outline: none;
}

.fallback a img
{
	border: none;
}

a img
{
	border: none;
}

.shades table
{
	border-spacing: 0px;
	border-collapse: collapse;
	
}


.shades table div
{
	border-width: 0px;
	padding: 0px;
	margin: 0px;
}


.qa td
{
	border: #000000 solid 1px;
	padding-left: 12px;
	padding-right: 12px;
	width: 250px;
	margin: 20px;
}

.qa h4
{
	margin-top: 12px;
}
.qa ul
{
	padding-left: 15px;
	margin-left: 0px;
}

.qa li
{
	margin-bottom: 6px;

}

.qa, .extra
{
	border-spacing: 10px;
	border-collapse: separate;
}

h1.qa, h1.extra
{
	margin: 0px;
	margin-top: 12px;
}

.cat_header
{
	border-bottom: 1px #000000 solid;
	margin-bottom: 20px;
	padding: 0px;
}
.cat_header img
{
	margin: 0px;
	padding: 0px;
	border-width: 0px;
}

	#nav li
	{
		padding:0px;
	}

	#nav li li
	{
		padding:4px;
	}

.shades
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 75%;
}

.shades p
{
	margin-top: 0px;
}

.shades table td p {
	/* adds a little space before shade names - whitespace removed in rails (partial layout _shades) */
	margin-top:4px;
}

#products .info ul {
	font-size:90%;
	margin-bottom:5px;
	margin-top:16px;
}

#products .info li {
	padding-bottom: 3px;
}

.club
{
	color: #7a7a7a;
	font-size: 8pt;
	letter-spacing: 1px;
	font-family: verdana;
}

label
{
	text-transform: uppercase;
	font-size: 9pt;
	line-height: 20px;
}

.medium
{
	font-size: 11px;
	letter-spacing: 0px;
}

.club h2
{
	color: #A7A7A7;
	font-weight: normal;
	letter-spacing: 0px;
}

.club a
{
	color: rgb(102, 102, 102);
}

label, input, select
{
	display: block;
}

div.join
{
	float: left;
}

div.fields
{
	width: 330px;
	float: left;
	margin-top: 0px;
}

div.fields span input, div.fields span select
{
	display: inline;
}


input[type=submit]
{
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	color: #717171;
	font-size: 10pt;
	font-weight: bold;
	text-transform: uppercase;
	padding: 4px;
}

.field_error select, .field_error input, .field_error textarea
{
	background-color: #F3DADC;
}

div.errorExplanation h2
{
	color: #C8302A;
}

input[type=text], textarea
{
	width: 142px;
}

input[type=text].long, textarea.long
{
	width: 213px;
}

input[type=text].short, textarea.short
{
	width: 71px;
}

.club
{
	text-align: left; 
	border-top: 20px #CCCCCC solid; 
	border-bottom: 20px #CCCCCC solid; 
	border-left: 1px #CCCCCC solid; 
	border-right: 1px #CCCCCC solid; 
	padding-top: 10px; 
	padding-left: 25px;
	font-family:verdana;
	/* background-image:url(../images/contactus_bkgrnd.jpg); */
	background-position: bottom right;
	background-repeat: no-repeat;
	width:786px;
}

.club h2
{
	text-transform: uppercase;
/*	margin-top: 0px; */
}

#products .info div.tip
{
	float: left;
	width: 340px;
	margin-top: 20px;
	margin-bottom: 40px;
}

div.tip img
{
  float: left; 
}

div.tip a img
{
  float: none; 
  margin-right: 0px;
}

div.tip a
{
  color: black; 
  text-decoration: none;
  font-size: 90%;
  float: left;
  margin-top: 3px;
}

div.tip a span
{
  text-decoration: none;
  font-weight:bold;
}

.product div.flash_object
{
  position: absolute;
  border: 1px solid black; 
  padding: 1em; 
  background-image:url(/images/opaqebkgrnd.png);
}

* html .product div.flash_object
{
  background-image:url(/images/opaqebkgrnd.gif);
}

.product div.flash_object a.close
{
  float:right; 
  margin: -1em; 
  padding: 4px;
}

div.flash_wrapper
{
  margin: auto; 
  width: 300px; 
  height: 230px; 
  margin-top: 1em;
}

.product div.flash_object h4
{
  margin-bottom: 0px;
}

.product div.flash_object p
{
  margin-top: 5px; 
  margin-bottom: 0px;
  font-size: 90%;
}

#products .howto div {
	margin-bottom: 0px;
}

#products p.productTip
{
	background-image:url(../images/tip_icon.png);
	padding-top: 46px;
	background-repeat:no-repeat;
}

* html #products p.productTip
{
	background-image:url(../images/tip_icon.jpg);
}

#products .product_divider
{
	display:none;
}

#products.beyondnatural .product_divider
{
	display: block;
	height: 69px;
	width:100%;
	background-image: url('../images/bn_divider.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 30px;
	margin-bottom: 15px;
}

div#products.beyondnatural h3
{
	margin-bottom: 3px;
	font-size: 10pt;
}

div#products.beyondnatural ul
{
	margin-top: 3px;
}

form.edit_category textarea, form.new_category textarea
{
	width: 400px;
}

.club #blurb
{
	width: 380px;
	text-align: left;
	float: left;
}

input[type=radio]
{
	display: inline;
	margin-left: 1em;
}

form#subscription .fields p
{
	margin-top: 2em;
}

form#subscription fieldset
{
	margin-bottom: 1em;
	border: none;
}

.club h2
{
	font-size:21pt;
	margin-top:8pt;
}

.club .errorExplanation h2
{
	font-size:12pt;
}

.club .error, .club .errorExplanation
{
	color: rgb(197, 36, 70);
}

.club .error a
{
	color: rgb(197, 36, 70);
}

form#subscription input[type=text]
{
	width: 250px;
}