body{
              margin:0px;
			  padding:0px;
			  background-color:#e8e8ef;
			 			 
     }



#nav, #nav ul {
    float: left;
	width: 735px; /* entire menu */
	list-style: none;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	
	
	
	
	
}

#nav a {
	display: block;
	width: 10em;
	w\idth: 6em;
	color:#FFFFFF;
	text-decoration: none;
	
	
}

#nav li a { color:#FFFFFF; text-align:center;} /*color of the text for the first main category */

#nav li li a { color:#000000; text-align:left; padding-left:5px;} /*color of the text for the second category*/

#nav li { /*Where I put the border */
	float: left;
	padding: 0;
	width: 10em;
	width:69px;
	padding-right:11px;
	
}


#nav li ul {  /*second drop down */
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
	border-width: 1px;
	margin: 0;
	border-color:#003366;
	border-style:solid;
	background-color:#FFFFFF;
	z-index: 4;
	
	
}

#nav li li {
	padding-right: 1em;
	width: 13em
	
}

#nav li ul a {   /*second links */
	width: 13em;
	w\idth: 9em;
	
}

#nav li ul ul {
	margin: -1.10em 0 0 13.75em;
	
	
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li li:hover, #nav li li.sfhover { /*hover of second menu*/
	background-color:#CCCCFF;
}



#content {
	clear: left;
}

#content a {
	color: #7C6240;
}

#content a:hover {
	text-decoration: none;
}

/* End Dropdown  */		

.menubackground
{
    width:770px;
	background-image:url(/images/hm_background.gif);
	z-index: 2;
	height:102px;
	padding:0px;
	margin:0px;
	
}


.rightcurve
{
background-color: #e8e8ef;
z-index: 2;
border: 1px solid #000;
width:32px;
padding:0px;
margin:0px;
}

.weirdo
{
    position:relative;
	float:left;
	vertical-align:top;
	margin-top: -1px;
	margin-left:6px;
}
	 


.navcontainer
{
   z-index: 1;
   position:relative;
   top: -36.5px; 	
   font-size:12px;
   float:left;
}




.contentleft
{
	position:relative;
    float: left;
	top: 30px;
}
	
	 
.lefthome
{
    z-index: 1;
	position:relative;
	text-align:left;
	top: -36.5px; 
	padding:0px;
	margin:0px;
	width:150px;
}

.contentcenter
{
	z-index: 1;
	position:absolute;
	float:left;
	margin-left:155px;
	/margin-left:2px;
	padding:0px;
	width:600px;
}

.cartcontent
{
	z-index: 1;
	position:absolute;
	float:left;
	margin-left:20px;
	/margin-left:20px;
	padding:0px;
	width:770px;
}

.prodcontentcenter
{
	z-index: 1;
	position:absolute;
	float:left;
	margin-left:15px;
	/margin-left:2px;
	padding:0px;
	width:600px;
}

.pages
{
    position:relative;
	left:15px;
}

.resources
{
        font-size:12px;
		text-decoration:none;
}

.resources a
{
        font-size:12px;
		text-decoration:none;
		color:#000000;
		font-weight:normal;
}

.textreg
{
	font-size:14px;
	display:inline;
	text-decoration:none;
	color:#000000;
}

.textreg2
{
	font-size:12px;
	text-decoration:none;
	color:#000000;
	font-weight:normal;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

/*HOVER POP UP FOR TEXT LINKS*/

a.info {
    position:relative; /*this is the key*/
    z-index:24; background-color:#e8e8ef; font-size: 1.5em;
    color:#f00;
    text-decoration:none
}

a.info:hover {
	z-index:23; background-color:#bb1a86; color: #fff;
}

a.info span {
	display: none; font-size: .8em;
}

a.info:hover span { /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1.4em; left:-2.6em; width:17em;
    border:1px solid #bb1a86;
	padding: 3px;
    background-color:#fff; color:#000;
    text-align: justify
}