/* TO DO:  color: #ff8c38;  orange color Shannon likes....see if we can use it for prices */

body,td,th {
	font-family: "Trebuchet MS", arial, sans-serif; 
	color: #694046;
	font-size: 12px;
}


#bodycontent {
	min-height: 800px;
	width: 575px;
}

a {
	color: #694046;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #694046;
}

a:hover {
	text-decoration: none;
	color: #8D9F4D;
}

* html a:hover {text-decoration: none;	color: #8D9F4D;}/* IE specific hack...color defines store cart and checkout out on IE ONLY */


a:active {
	text-decoration: none;
	color: #50592D;
}

#search {position: relative; margin-top: -15px; height: 20px; }

.newlink:hover { background-color: #F3F8FD; }

#navcontainer
{
width: 100%;
float: left;
margin: 2px;
background-color: #003366;
}

#navcontainer ul { padding: 0; }

#navcontainer ul li { display: inline; }

#navcontainer ul
{
margin: 0;
padding: 0 0 0 7%;
color: #000066;
font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
font-size: 1em;
letter-spacing: 2px;
font-weight: bold;
}

#navcontainer ul li a
{
padding: 0.2em 12px;
background-color: #003366;
color: #50592D;
text-decoration: none;
float: left;
/*border-right: 1px solid #F3F8FD;*/
}

#navcontainer ul li a:hover
{
background-color: #FFFFFF;opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25; /* white */
color: #000066;
}

#navlist li a:hover, #navlist li a:active
{
color: #000066;
text-decoration: none;
background: #FFFFFF;opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25; /* white */
text-align: left;
}

	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 100%;
	} 

	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 100%;
	}

	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 11.05em;
		margin-top : -1.35em;
	}

	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}

	#nav li a {
		width: 100%;
		w\idth : 10em;
		display : block;
		color : #000066;
		font-weight : bold;
		text-decoration : none;
		background-color : none;
		padding : 0 0.5em;
	}

	#nav li a:hover {
		color : #000066;
		background-color : #FFFFFF;opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25;
	}

	#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 { /* lists nested under hovered list items */
		left: auto;
	}

/*---------------------------=content---------------------------------------*/

#content {
	margin-left : 12em;
}


/*-----------------------------=menu styles begin here-------------------*/
#prodlist {
     _display:inline;
     float:left; 
     margin-left:-150px;
 /*    position:relative;*/
/* 	position: absolute;
	top: 2px;
	left: 100px;*/
     width:185px; 
	 z-index:50;
     min-height: 550px; 
     height: auto !important; height: 400px;
     background: url(http://www.watchesandthings.com/autism/images/66_per_background.png) repeat;
}
* html #prodlist {position: absolute;  z-index: 50 !important; left: -1em; background: none;} /* IE specific hack...positions menu to the left*/
#menu {position: relative; list-style-type:none; margin:0; padding:.3em; width:422px; z-index:10 /*keep menu's on top in IE and other browsers*/}
#menu li {padding:2px; margin:0; position:relative; width:220px; height: 2.4em; z-index:10;}
#menu li dl {position:absolute; top:0; left:0; padding-bottom:0;}
#menu li a, #menu li a:visited {text-decoration:none; font-weight: 900;}
#menu li dd {display:none;}
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu dl {width: 210px; margin: 0; padding: 0; background: transparent; }
#menu dt {margin:0; padding: 0; font-size: 1.17em; line-height: 1em; white-space: nowrap;}
#menu dd {margin:0; padding:0; color: #fff; text-align:left; float:right; clear:right; }
#menu dt a, #menu dt a:visited {display:block; font-size: 1em; color: #50592D; text-align: left; background-color : none; padding:0.25em 0 0.25em 0.25em;}
#menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block; }
#menu li:hover dl, #menu li a:hover dl {width:315px;}
#menu li:hover dt a, #menu a:hover dt a {background-color: #F1EFFA;/* rgb(251,248,239);*//*#FBF8EE;*/ /*#E3DFF3*/ color: #50592D; border:1px solid #50592D;}
* html #menu li:hover dt a, #menu a:hover dt a {background-color: #E3DFF3 ; color: #50592D; border:1px solid #50592D;  } /* IE specific hack...only difference is in the backgrnd-color */
#menu dd a, #menu dd a:visited {background-color: #E3DFF3; color: #50592D; padding:0.5em 0; text-decoration:none; display:block; text-align:center; border-left:1px solid #50592D; border-right:1px solid #50592D; border-bottom:1px solid #50592D; width:165px;}
#menu dd a:hover {background-color: #F1EFFA;/*#E8D591*/; color:#50592D; border-left:1px solid #50592D; border-right:1px solid #50592D; border-bottom:1px solid #50592D;}
#menu b {display:block; overflow:hidden;}
/*---------------------------=menu styles end here------------------------*/


/*---------------------------=product styles--------------------------------*/

#prod-header {
	/*position: relative;*/
}

#product {
/*	position: absolute;
	right: 100px; top: 190px;*/
	margin: 0 0 0 40px;
	padding: 0;
	font-size: 1.3em;
}


/*#product h5 {
	padding-left: 30px;
	margin: 0;
	font-size: 1em;
	font-weight: 700;
}*/

#product a:hover {
	color: #CCCC99;
}

/*.item td a:hover {
	color: #8D9F4D;
}*/

.prod-id {
	margin: 0;
	font-size: .8em;
}

.prod-title {
	font-size: 1.27em;
	font-weight: 700;
}

.prod-dollar {
	color: #FF0033;
	font-size: 1.1em; 
	font-weight: 700;
}


/* explorer does not like my product styles */


/*---------------------------=item styles------------------------------------*/

#item {
	margin: 0 0 0 -60px;
	padding: 0 0 0 0;
	font-size: 1.3em;
}

#item p {    /* this isn't working...need a span class attribute */
	font-size: 14px;
}

.item-image {
	margin: 0 0 0 20px;
}

.item-id {
	margin: 0 0 0 100px;
	font-size: .9em;
	text-align:left;
}

.item-desc-hd{
	font-size: 1.1em;
	line-height: 1.6em;
}

.item-desc li{
	margin: 0 0 0 40px;
	font-size: 1em;
	line-height: 1.4em;
}

.item-dollar {
	color: #FF0033;
	font-size: 1em; 
}