@charset "UTF-8";
/* CSS Document */

/*
 * (c) Copyright 2008 Hen's Teeth Network. All rights reserved. www.hens-teeth.net
 */

 /* HEN's TEETH NETWORK BUILT BY STYLE */
 
 #builtbytag{ width:100%; font-size:10px; color:#666666; height: 15px;	margin-top: 15px; text-align:center;}
 #builtbytag a:link, #builtbytag a:active, #builtbytag a:visited {color:#666666; text-decoration:none;}
 #builtbytag a:hover {color:#999999}
 
 /* END HEN'S TEETH NETWORK BUILT BY STYLE */
 
 /* Site Seal SSL */
 
 #siteseal
 {
 	clear:both;
 }
 
html
{
	background-image: url(../images/LAYOUT3_r1_c2.jpg);
	background-color: #000;
	background-repeat: repeat-x;
}

socialnetworktext
{
	color: #FFF
}

#doc2
{
}

body
{
	font-family: Arial, Helvetica, sans-serif;	
}

#hd
{
	background-image:url(../images/LAYOUT3_r1_c4.jpg);
	background-repeat: no-repeat;
	height: 126px;	
	position:relative;
}

#logo
{
	position:absolute;
	left: 0px;
	top: 25px;
}

a 
{
	color: #000000;
	text-decoration:none;
}
	
a:hover 
{
	/*color: #FFF;*/
		color:#E73694;

}

#bd
{
	background-color:#FFFFFF;
	width: 950px;
	min-height: 400px;
	padding-top: 15px;
	line-height: 140%;
	position:relative;
}

* html div#bd
{
	*height: expression( this.scrollHeight < 400 ? "400px" : "auto" ); /* sets min-height for IE */
}

.yui-g
{
	position:relative;
	width: 97%;
	float: none;
	margin-left: auto;
	margin-right: auto;
}

.contentwindow
{
	float:right;
	width: 740px;
}

#footercontainer
{
	width: 100%;
	height: 150px;
	background-color:#000;
	background-image:url(../images/footerimage.jpg);
	background-repeat: repeat-x;
}

#ft
{
	margin-left: auto;
	margin-right: auto;
	float:none;
	width: 750px;
	height: 65px;
	padding-top: 8px;
	text-align:center;
}
/* Content Layout center window
--------------------------------------------- */

#contenttable
{
}

#leftnav
{
	width: 140px;
}

#rightcontent
{	
	width: 610px;
}

/* Item Template Table
--------------------------------------------- */

#itemtable
{
	float:right;
	font-size: 85%;
	font-weight:bold;
	color: #999999;
	width: 775px;
	*width: 765px;
}

#itemtable tr td
{
	vertical-align: top;
}

#itemtable h1
{
	color:#000000;
	padding-left: 0px;
	font-size: 140%;
}


#itempic
{
	width: 300px;
	text-align:center;
	vertical-align:middle;
}

#itemcontent
{
	width: 300px;
}

/*
 * product images on item templates
 */
div#itempic div.main_image { margin-bottom: 5px; }
img.main_image { border: none; max-height: 300px; max-width: 300px; }
div.thumbnails img { max-height: 75px; max-width: 75px; }


#itemcontent th
{
	text-align:right;
	text-transform:uppercase;
}

#itemalso
{
	width: 175px;
}

#itemalso img
{
	max-width: 110px;
}

#itemalso 
{
	text-align:center;
	}
#itemalso a
{
	text-align:center;
	color:#333333;
	font-size: 90%;
}

#alsobuy
{
	color:#333333;
}

/* Login & Search Form
--------------------------------------------- */

#searchbox
{
	display: block;
	text-align: right;
	width: 201px;
	position:absolute;
	top: 40px;
	right: 0px;
}

#rightf
{
	width: 201px;
}


#signup
{
	position:absolute;
	top: 9px;
	right: 425px;
	width: 200px;
	font-size: 85%;
	font-weight: bolder;
	color: #999999;
	text-align:right;
}

#signup a:link, #signup a:visited, #signup a:active
{
	color: #999999;
}

#signup a:hover
{
	color: #ee478d;
}


#leftf
{
	position:absolute;
	width: 450px;
	top: 8px;
	right:0px;
	text-align:right;
}

#leftf a:link, #leftf a:active, #leftf a:visited
{
font-size: 85%;
font-weight: bolder;

}

#leftf a:hover{
	color:#E73694;
}

/* Search Results 
-------------------------------------------------- */

table .pdgmain
{
	*width: auto;
}

#resultswrapper
{
	width: 765px;
	float:right;
}

#catresults
{
	width: 158px;
	float:left;
	position: 	relative;
	text-align:	center;
}

.results /* this is for the search results pages */
{
	background-color: #FFFFFF;
	width: 158px;
	min-height: 195px;
	margin-top: 2px;
	padding-top: 0.2em;
	padding-right: 0.2em;
	padding-bottom: .5em;
	padding-left: 0.2em;
	margin-right: 8px;
	margin-left: 2px;
	margin-bottom: 5px;
	float:left;
	vertical-align:top;
	position:relative;
	/* border:1px solid #EBEBEB; */
}

* html div#catresults .results
{
	*height: expression( this.scrollHeight < 195 ? "195px" : "auto" ); /* sets min-height for IE */
}


div.results a
{
	font-size: 87%;
	text-decoration: none;
	color: #666666;
	text-align:center;
}

div.results a:hover, .results a:active
{
	color: #FF66FF;
	text-decoration: none;
}

.results_des
{
	font-weight: normal;
	color: #999999;
	position:absolute;
	top: 194px;
	left: 0px;
	line-height: 100%;
	text-align:center;
	width: 158px;
}

.results_des .price
{
	font-weight:bold;
	color:#e73694;
	font-size: 95%;
}

#pagebuttons
{
	width: 765px;
	font-weight: normal;
	color: #666666;
	padding-bottom: 5px;
	padding-right: 35px;
	float:right;
	text-align:center;
	font-size: 90%;
	clear:both;
	margin-top: 10px;
}

#sort_by_price
{
	width: 765px;
	padding-bottom: 5px;
	float:right;
	text-align:left;
}

#sort_by_price a:link, #sort_by_price a:active, #sort_by_price a:visited, #sort_by_price a:hover
{
	margin-left: 5px;
	margin-right: 5px;
	color: #999999;
	font-weight: bold;
	font-size: 90%;
	text-transform:uppercase;
}

#sort_by_price a:hover
{
	color: #e73694;
}

.floatimage td
{
	width: 160px;
	height: 205px;
	text-align:center;
	vertical-align:middle;
}

.floatimage td img
{
	/*height: 175px;*/
	text-align:center;
}


/* Search Table Top Section
--------------------------------------------- */

#searchtable
{
	border:#999999 solid 1px;
	background-color:#F0F0F0;
	width: 201px;
}

#searchtable tr
{
	height: 20px;
}

#searchtable td
{
	padding: 2px;
	padding-bottom: 0px;
	padding-left: 4px;	
}

#searchtable .right
{
	padding-top:4px;
	padding-left: 8px;
	padding-right: 4px;
}

#searchtable .nopad
{
	padding-top:4px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align:center;
}


.login
{
	font-size:80%;
	font-stretch: expanded;
}

input#username, input#password, input#keywords
{
	height: 1.5em;
	border:1px solid #999999;
	background-color:#ffffff;
	width: 125px;
	font-size: 80%;
}

.first
{
	width: 150px;
}

/* Shopping Cart Styles
--------------------------------------------- */

.pinktext
{
	color: #e73694;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight:bolder;
	text-transform: uppercase;
}

/* Main Nav
--------------------------------------------- */

#topmenu
{
	/* width: 600px;*/
	height: 28px;
	position:absolute;
	top: 87px;
	right: 0px;




	*right: 65px;
}

#topmenu ul
{
	/*width: 600px;*/
	height:20px;
	padding-bottom: 0;
	float:left;
	margin-left: 0px;
}

#topmenu ul li
{
	padding-right: 	5px;
	padding-left: 	5px;
	margin-right:	3px;
	margin-left: 	3px;
	list-style: none;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight:bolder;
	text-transform: uppercase;
	text-align: center;
	/* float: left;*/
	color: #000000;
}

#topmenu ul li.separator
{	
	padding-right: 0px;
	padding-left: 0px;
	margin-left: 2px;
	margin-right:2px;
}

#topmenu ul li a:link, #topmenu ul li a:visited, #topmenu ul li a:hover, #topmenu ul li a:active
{
	text-align:left;
	text-decoration: none;
	color: #000000;
}

#topmenu ul li a:hover, #topmenu ul li a:active
{
	color: #e73694;
	text-decoration: none;
}

/* Menu Active 
-------------------------------------- */

li.active_menuitem
{
	font-size: 95%;
	font-weight: bolder;
	background-color:#FFBFFF;
	border: 1px solid #999999;
}

span.active
{
	color: #666666;
}


/* Left Menu
--------------------------------------------- */

#leftmenu
{
	width: 125px;
	min-height: 400px;
	float:left;
	margin-right: 15px;
	margin-left: 0px;
	*margin-left: 0px;
	position:relative;
	z-index: 1000;
	background-color:#000
}

.yuimenu  {
	border: none;
	background-color: #000;
}


* html div#leftmenu
{
	*height: expression( this.scrollHeight < 400 ? "400px" : "auto" ); /* sets min-height for IE */
}


#leftmenu ul, .yuimenu ul
{
	margin-left: 0px;
	margin-top: -6px;
	display:inline-block;
}

#leftmenu ul li
{
	list-style:none;
	text-align:left;
	width: 120px;
	padding-left: 5px;
	display:block;
	height:auto;
}


#leftmenu li.submenu
{
	font-size: 95%;
	color:#FFF;
	text-align:left;
	margin-bottom: 2px;
	margin-left: 12px;
	line-height: 105%;
	width: 105px;
}


#leftmenu ul li:hover

{
	background-color:#F4F4F4;
	color:#FF0099
}

#sbb2000 #leftmenu ul li:hover a{
	background-color:#F4F4F4;
	color:#FF0099
}

.yuimenu a {
	padding: 0;
	text-decoration:none;
	font-size: 95%;
}

.yuimenu li, .yuimenu li a {
	border: none;
}

#leftmenu ul a, 
{
	font-size: 90%;
	font-weight:normal;
	text-decoration:none;
}

#leftmenu ul a:link, #leftmenu ul a:visited
{
	color:#FFF;
	
}

#leftmenu ul a:hover, #leftmenu ul a:active
{
	color:#FF0099;
}

.sectionhead
{
	font-size: 95%;
	font-weight:bolder;
	text-transform:uppercase;
	color:#FF0099;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #333333;
	margin-bottom: 3px;
	margin-top: 6px;
	background-color:#000;	
}



/* Footer Menu 
--------------------------------------------- */

#footermenu
{
	/*width: 100%;*/
}

#footermenu ul
{
	margin-left:0px;
	margin-right: 0px;
	margin-bottom: .5em;
}

#footermenu ul li
{
	list-style:none;
	display:inline;
	text-align:left;
	padding-left: 5px;
	padding-right: 5px;
}

#footermenu ul li.separator
{
	padding-left: 0px;
	padding-right: 0px;
}

#footermenu ul li:hover
{
	background-color:#F4F4F4;
}

#footermenu ul a
{
	line-height: 100%;
	font-size: 85%;
	font-weight:bolder;
	text-decoration:none;
	line-height: 130%;
	color:#666666;
	text-transform:uppercase;
	text-align:center;
}

#footermenu ul a:link, #footermenu ul a:visited
{
	color:#382D1B;
}

#footermenu ul a:hover, #footermenu ul a:active
{
	color:#FF0099;
}

#copyright
{
	font-size: 80%;
	color:#666666;
	text-align:center;
	width: 100%;
	text-transform:uppercase;
}

#siteseal
{
	padding-left:2px;
}

#siteseal_gd_dv_small embed
{ 

}

/* Regular Content Center Section 
--------------------------------------------- */

#regularcontent
{
	margin-left:auto;
	margin-right: auto;
	float:none;
	width: 600px;
	height: 400px;
	border: 0px;
}

#regularcontent td
{
	width: 50%;
	padding: 4px;	
}

.image_centered
{
	vertical-align:middle;
	text-align:center;
}

.descriptive_text
{
	vertical-align:middle;
}

#regularcontent img
{
	width: 200px;
}

#regularcontent td p
{
	font-size: 90%;
	color:#666666;
}

	

/* This is where you can alter the color 
 * and styling for the overlay sections 
 * of the site on the front page and on 
 * the interior category pages
 */

#category_overlay
{   /* for IE 
    filter:alpha(opacity=60);*/
    /* CSS3 standard 
    opacity:0.6;*/
	width: 775px;
	min-height: 75px;
	background-color:#000000;
	padding-top: 8px;
	float:right;
}


#homepage_overlay
{
	width: 950px;
	min-height: 75px;
	background-color: #000000;
	margin-left:auto;
	margin-right:auto;
	float:right;
	margin-top: -5px;
}

* html div#homepage_overlay
{
	*height: expression( this.scrollHeight < 76 ? "75px" : "auto" ); /* sets min-height for IE */
}

* html div#category_overlay
{
	*height: expression( this.scrollHeight < 76 ? "75px" : "auto" ); /* sets min-height for IE */
}


#category_overlay p, #homepage_overlay p
{
	text-align:center;
	font-size: 115%;
	line-height: 130%;
	font-weight:bold;
	color:#333333;
	width: 85%;
	margin-right:auto;
	margin-left:auto;
	float:none;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Category Image Styles 
---------------------------------------------- */

div.category_image img
{
	width: 775px;
	*width: 765px;
}

div.category_image
{
	max-height:450px;
}

* html div.category_image, * html div.category_image img
{
	height: expression( this.scrollHeight > 449 ? "450px" : "auto" ); /* sets max-height for IE */
}


div.category_image
{
	position:relative;
	float:right;
}


/* Front Page Image display and overlay
--------------------------------------------- */
div.homepage_image img
{
	width: 650px;
}

div.homepage_image
{
	position:relative;
	float:right;
	vertical-align:top;
	padding:0px;
	margin: 0px;
}

/* Table characteristics
--------------------------------------------- */


table.layout
{
	width:100%;
}

th
{
	border: none;
	text-align:right;
	vertical-align:top;
}

td
{
	border: none;
	text-align:left;
	vertical-align:top;
}

tr.separator, hr
{
	border-width:0;
	border-bottom:1px solid black;
	width:100%;
}

td.pdgmain
{
	text-align:left;
}

	table.layout td.content
	{
		text-align:center;
	}
	
	table.layout td.content table
	{
		width:100%;
	}

table.layout td.layout
{
	padding:1em;
}

	table.layout td.topNav
	{
		padding:0;
	}
	
	table.layout td.leftNav, table.layout td.rightNav
	{
		width:20%;
		text-align:center;
	}
	
	table.layout td.content
	{
		width:60%;
	}

table.layout td.topNav table.topTable
{
	width:100%;
}

table.layout td.topNav table.topTable td.topLinks
{
	text-align: center;
	padding:.25em;
}

table.layout td.bottomNav
{
	text-align:center;
}

table.layout td.content td
{
	padding:.4em;
}


table.layout td.content input[type="text"], table.layout td.content input[type="password"], table.layout td.content select
{
	padding:.1em 0px .1em 0px;
	width:300px;
}

table.layout td.content table.pdgmain td.pdgmain input[type="text"]
{
	width:50px;
}
/* element */

body
{
	line-height:1.22em;
}

table.layout td.content th
{
	font-weight:bold;
	text-align:right;
	width:40%;
}
h1, h2, h3
{
	margin-top: 12px;
	margin-right: 0pt;
	margin-bottom: 1em;
	margin-left: 0pt;
}

h1
{
	font-size:125%;
	font-weight:bold;
	padding-bottom:.3em;
	line-height:125%;
}

h2
{
	font-size:150%;
	font-weight:bold;
	line-height:150%;
}

h3
{
	font-size:125%;
	font-weight:bold;
	line-height:125%;
}

td.options
{
	text-align:center;
}
/* Checkout Forms 
-------------------------------------------------- */

#checkout
{
	width: 750px;
	float:none;
	margin-right:auto;
	margin-left: auto;
}

/* Basket Login Form
-------------------------------------------------- */

#basket_login table
{
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	float:none;
}

#login_success
{
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	float:none;
}

#login_success th
{
	text-align:right;
	font-weight:bold;
}

#basket_login hr
{
	width: 570px;
}

/* Basket Characteristics
-------------------------------------------------- */
#carttable
{
	position:relative;
	float:right;
	font-size: 85%;
	font-weight:bold;
	text-transform:uppercase;
	color: #999999;
	width: 775px;
	*width: 765px;
}

#carttable hr
{
	width: 750px;
}

#carttable th
{
}
#carttable input[type="text"]
{
width: 2em;
}
#carttable p.coupon input[name="pricing"]
{
width: 12em;
}

#carttable td.pdgmain
{
	padding-top:1px;
	padding-bottom: 1px;
}

#carttable td.pdgmain img
{
	width: 65px;
}

/* Light Box Pop Up
--------------------------------------- */
.leightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 25%;
	left: 30%;
	width: 425px;
	height: 350px;
	padding: .5em;
	border: 1em solid #B8B8B8;
	background-color: white;
	text-align: left;
	z-index:1001;
	overflow: hide;	
}

div.leightbox h2{
	margin-top: 5px;
	margin-bottom: 5px;
}

div.leightbox table table td
{
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:0;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }
#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }

.breadcrumbs {
	margin-bottom: 1em;
}

#spry-brand-block {
		display: block;
		margin-bottom: 1em;
}
img.brand_logo {
	float: left;
	margin: 2px;
}

#lbHoverNav{
	z-index:99;
}	
