/*  This style sheet is used in conjunction with autismsstyle.css
	 This adjusts certain elements and divs for proper sub-category 
	 presentation. Please note that the product and item styles are 
	 filled from here*/

#container {
z-index:0;
	margin:0 auto; 
	text-align:left; 
	width:760px; 
	border:solid thin #8D9F4D; 
/*http://www.watchesandthings.com/autism/*/
} 

#community-nav{
/*	position:absolute;
	height: 10px;
	right: 30px;
	z-index: 5;*/
	
	position:absolute;
	right:830px;
	display:block; 
	list-style:none; 
	margin:0 5px 0 0;
        color: #50592D;

}

#subbump {
margin-left:50px;

}

/*-----------------------------=menu styles begin here-------------------*/
/*--------------------this changes colors on the existing menu for subpages*/
#prodlist {
     _display:inline;
     float:left;
     margin-left:-150px;
     position:relative;
	  top:-18px;
	  line-height:-5px;
     width:185px; z-index:100;
     min-height: 450px; 
     height: auto !important; height: 400px;
	  background: url(http://www.watchesandthings.com/autism/images/66_per_background.png) repeat;
}
* html #prodlist {position: absolute;  z-index: 100; left: -1em;} /* IE specific hack...positions menu to the left*/
#menu {position: relative; list-style-type:none; margin:0; padding:0; width:422px;}
#menu li {padding:0; margin:0; position:relative; width:220px; height: 1.7em; z-index:90;}
#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;*/ /*#EADBA8*/  color: #50592D; border:1px solid #50592D;}
* html #menu li:hover dt a, #menu a:hover dt a {background-color:#F0F0F0 ; color: #50592D;} /* IE specific hack...only difference is in the backgrnd-color */
#menu dd a, #menu dd a:visited {background-color: #E5E2F7;/* #EAEAEA;*//*#E8E8E8;*/ 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; }


/*

#prodlist {
     _display:inline;
     float:left; 
     margin-left:-150px;
 /*    position:relative;
	position: absolute;
	top: 2px;
	left: 100px;
     width:215px; 
	 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:0; width:422px; z-index:10 /*keep menu's on top in IE and other browsers}
#menu li {padding:0; 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: 220px; margin: 0; padding: 0; background: transparent; }
#menu dt {margin:0; padding: 0; font-size: 1.17em; line-height: 1.7em; white-space: nowrap;}
#menu dd {margin:0; padding:0; color: #fff; text-align:left; width:300px; float: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:500px;}
#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:298px;}
#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--------------------------------*/

#product {
/*	float: left;*/
	position: absolute;
	z-index: 50;
	/*left: 320px; top: 175px;*/
	/*margin: -100px 0 0 -0*/
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 1.3em;
}

#product-item {
	position: absolute;
	z-index: 90;
	left: 260; top: 180px;
	margin: 0;
	padding-bottom: 20px;
	padding-right: 20px;
	font-size: 1.3em;
}

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

#product a:hover {
	color: #8D9F4D;/*#ff8c38;*/ /* color:  */
}

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

.prod-title {
	color: #694046;
	font-size: 1em;
	font-weight: 700;
}

.prod-price {
	font-size: 1.1em; 
}

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

/* explorer does not like my product styles */


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

#item {
	margin-left: -40px;
/*	position: absolute;
	z-index: 25;
	right: 100px; top: 290px;
	margin: 0;
	padding: 0 0 20px 20px;
	font-size: 1.3em;*/
}

.header {
	margin: 0;
	padding: 0 0 0 80px;	
}

.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{
	text-align: left;
	margin: 0 0 0 230px;
	font-size: 1em;
	line-height: 1.4em;
}*/

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

.checkout-header {
	padding-left: 100px;
}

span.subtotal, .checkout-button {
	padding-left: 277px;
}

.cartquantity {
	font-weight: 600;
	padding-left: 300px;
}

span.viewcart {
	font-size: 1.3em;
	padding-left: 300px;
}
/*---------------------------=store footer styles----------------------------*/
/* these styles re-write values for most of the sub pages....don't remove them or 
    you'll break the layout */

#community-store-info {
	position: relative;  margin-left: 3px;
    text-align: center;
}

#store-info {
	position: relative; float:left; margin-left: 3px;
    text-align: center;
}



* html #store-info {
	position: relative;  float:left;  margin-left: 40px; width: 200px;
	text-align: center;
}

#store-info a:hover {
	color: #CCCC99;
}	

#searcharea fieldset {
        background: url('http://www.watchesandthings.com/autism/images/searchTile.gif') repeat-x;
	display:block; 
        border: 0px;
        width: 740px;  /* 10px right + 780px + 10px left = 800 */
        height: 20px;
        margin: 0 0 0 0;
	padding: 3px 10px 3px 10px;
}

#footer {
	background: url('http://www.watchesandthings.com/autism/images/footer_tile2.gif') repeat-y;
        height: 65px;
	clear:both; 
        zoom:1;
}