a {
	color: #697345;/*#ff8c38;*/ /* color:  */
}
	
a:visited {
	text-decoration: none;
	color:#697345; /* color: #003366;*/
}

a:link {
	text-decoration: none;
}

* { padding:0; /*margin:0;*/ }

h1, h2, h3 {
	margin:0;
}

body { 
	background:url('http://www.watchesandthings.com/autism/images/BackgroundMain.jpg') repeat-x top #fffff8; 
	font:normal 12px "Trebuchet MS", arial, sans-serif;  
	color: #46203C;
	text-align:center; 
	width:100%;
	margin:0;  /*margin: 5px; */
}

a:hover {
	text-decoration: none;
	color: #87935c;/*#ff8c38;*/ /* color:  */
}




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


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

#container {
z-index:0;
	margin:0 auto; 
	text-align:left; 
	width:760px; 
	border:solid thin #8D9F4D; 
	background: url(http://www.watchesandthings.com/autism/images/productbackground.jpg) repeat-y left #ffffff;  /*http://www.watchesandthings.com/autism/*/
} 

#home_container {
z-index:0;
	margin:0 auto; 
	text-align:left; 
	width:760px; 
	border:solid thin #8D9F4D; 
	background: url(http://www.watchesandthings.com/autism/images/homebackground.jpg) repeat-y left #ffffff;  /*http://www.watchesandthings.com/autism/*/
} 

#graphicMenu {
z-index:1;
position: relative;
	margin:10px; 
	height: 380px;
	width:525px; 
	border:solid thin #8D9F4D; 
	background: #ffffff;  /*featured products loaded into this layer*/
	}



#featured {
z-index:1;
position: relative;
	margin:10px; 
	height: 230px;
	width:525px; 
	border:solid thin #8D9F4D; 
	background: #ffffff;  /*featured products loaded into this layer*/
	}

#featuredproduct h5 {
	padding-left: 30px;
	font-size: 12pt;
	font-weight: 700;
}

#featuredproduct h4 {
	padding-left: 20px;
	font-size: 9pt;
	font-weight: 900;
}

#featuredproduct a:hover {
	font-color: #8D9F4D;/*#ff8c38;*/ /* color:  */
}

	#artdisplay {
z-index:1;
position: relative;
	margin:0 auto; 
	height: 300px;
	width:500px; 
	border:solid thin #8D9F4D; 
	background: #ffffff;  /*images of artshare show up here*/
	overflow:scroll;
	}
	
	#thumbs {
z-index:1;
overflow:scroll;
position: relative;
	margin:0 auto;
	height: 140px;
	width:500px; 
	border:solid thin #8D9F4D; 
	background: #ffffff;  /*Thumbs of community section loaded into this layer*/
	}
	#thumbRestrict {
overflow:visible;
position: relative;
	margin:0 auto;
	height: 110px;
	width: 500%;
	}/*this div restricts the thumbs so that it will scroll only horizontally*/
	
	
	
	/*product dropped in to get items view on front page well */
#product h5 {
	padding-left: 30px;
	font-size: 12pt;
	font-weight: 700;
}

#product h4 {
	padding-left: 20px;
	font-size: 9pt;
	font-weight: 900;
}

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



.prod-id {
	margin: 0;
	font-size: 9pt;
}

.prod-title {
	font-color: #50592D;
	font-size: 13pt;
	font-weight: 700;
}

.prod-price {
	font-size: 12pt; 
}

.prod-dollar {
	font-color: #FF0033;
	font-size: 12pt; 
}

	

	
	
	
	
	
} 
/* unedit import from Dano's sheet----------*/
/* Classes */

.breadcrumbs{
	margin-top: 10px;
        margin-left: 30px;
        padding-bottom: 10px;
        color: #332d72;
        z-index: 10;
}

.breadcrumbs a {
        color: #332d72;
}

/*new breadcrumbs---------------------------------------------*/


#other-categories{
position:absolute;
clear:both;
width:205px;
left:330px;
top:50px;
border:solid thin #8D9F4D; 
padding:10px 10px 10px 10px;
}

#other-categories h3{
font-size:1.2em;
font-weight:700;
}
/*End new breadcrumbs---------------------------------------------*/



.clear {
	clear:both; 
	display:block; 
	font-size:1px; 
	height:1px; 
	line-height:-1;
}

.last {
	border:0 solid;
}

input.buttonsubmit {
	margin-left:4px !important; text-transform:uppercase;
}

/* IDs */

#bodycontent {
	float:right; 
	width:545px; 
	background: none;
} 

*html #bodycontent {
	height: auto !important; height: 400px;
	min-height: 600px;
}
/* 150 + 610 = 760 original value */
/* 215 + 545 = 760 changed value to support wider menu*/

#bodyshell {
z-index: 5;
	border-left:150px solid transparent; 
	float:left; 
	zoom:1; 
	margin:0;
} 

#bodyshell:after {
	clear:both; content:"."; 
	display:block; 
	height:0; 
	visibility: hidden;
}
*:first-child+html #bodyshell { width:610px; }

#brandmark {
	float: left; 
	font: normal 26px Tahoma, Geneva, Verdana, sans-serif; 
	width:500px; margin-top:10px;
} 

/* 510 + 250 = 760 */

#brandmark a {
	color:#8895b8; 
	display:block; 
	padding:6px 0 5px 13px; 
	text-decoration:none;
}


#captionarea, #info-div {
	/*margin:0px 0px 0px;*/
	position:relative;
	top: -15px;
	left: 10px;
	width: 85%;
	background: transparent;
	/*border-bottom:1px #fff solid;*/
}/* 1px is used to prevent Margin Folding */

#messagearea {
	position:relative;
	top: -20px;
	background: transparent;
	padding-top:10px;
	
}




#itemtype #contentarea #captiontitle {margin:15px 0 10px; padding:0 2px;}
#itemtype #captiontitle {background:none; color:#000000; font:bold 14px Tahoma, Geneva, Verdana, sans-serif; margin:0; padding:2px 2px 8px;} /*The Left/Right Padding is smaller because the Caption Title needs to be nested within the Caption on Item pages, but not on Section pages */

#contentarea {margin: 0 15px 10px;}

#bodyContent {
	background-color:#697345; 
	color:#ffffff; 
	font:bold 14px Tahoma, Geneva, Verdana, sans-serif; 
	margin:0; 
	padding:4px 15px 6px;
}


/* ----------------------= footer -------------------------------- */


#copyright {background:transparent; color:#ffffff; display:block; font:normal xx-small/1.2 verdana, sans-serif; text-align:center;}

#finaltext, #introtext {margin:10px;background: none;}

#footer {
	background: #857CB7 url('http://www.watchesandthings.com/autism/images/footer_tile2.gif') repeat-y;
        height:65px;
	clear:both; 
        zoom:1;
		width: 760px;
		border:solid thin #8D9F4D;
		border-top:none; 
}

#footer-links {
	background:transparent;
	color:#ffffff; 
	display:block; 
	font-weight: 300; 
	font-size:11px; 
	padding:15px 0 15px; 
	text-align:center;
}

#footer-links a {
	background:transparent;
	color:#ffffff; 
	text-decoration:none; 
}

#footer-links a:hover {
	background:transparent;
        padding-bottom: 1px;
	border-bottom: 1px solid #ffffff;
}

/* -----------------------end footer------------------------*/

/* ----------------------= header -------------------------*/
#header {
        background: url(http://www.watchesandthings.com/autism/images/acs_logo.jpg) no-repeat #9392b4 -1px 0px;
        height: 160px;
		color: fff;
}

#logo {
	position: absolute;
	top: 0 px;
	left: auto;
	z-index: 1;
/**/
}

#header a {
        padding-top: 10px;
}

/*  upper navigation ba   */
#nav-general {

	position:relative;
	top:-2px;
	clear:both; 
    float:right;
	display:block; 
	list-style:none; 
	margin:0 5px 0 0;
        color: #50592D;
}



#nav-general li {
	background: none;
	border:1px solid #ffffff;
	border-top:0; 
	float:left; 
	margin:0 2px;
        
} /* General Link Colors */

#nav-general li a {
        color: #ffffff;
	display:block; 
	font-size:10px; 
	font-weight:bold; 
	padding:4px 20px 6px; 
	text-align:center; 
	text-decoration:none; 
        white-space:nowrap;
}

#nav-general li a:hover {
	background:transparent;
        background: url('http://www.bowleswatch.com/acs/66_per_background.png') repeat;
	color: #50592D;
}

/*




*/

/*#nav-product {
     _display:inline;
     float:left;
     margin-left:-150px;
     overflow:hidden;
     position:relative;
     width:150px; z-index:100;
     min-height: 550px; 
     height: auto !important; height: 400px;
    background: url(http://www.bowleswatch.com/acs/66_per_background.png) repeat;
}*/


 /* IE Experiences the pixel doubling bug here. "display: inline;" fixes this. Position Relative and Z-Index are needed for IE in order to display the background colors */

/*#nav-product ul li a {
    border-bottom: 2px solid #ffffff;        
    color:#332d72;
    display:block;
    font-weight:bold;       
    font-size:11px;
    height:auto;
    margin:0;
    min-height:16px;
    padding:5px 10px 6px 10px;
    text-decoration: none;
    width:130px;
}*/

/*#nav-product ul li a:hover {
    background-color: #ffffff;
    color:#332d72;
}*/

/*#nav-product li {
	margin:0;
}*/

/*#nav-product ul {
	list-style:/*url(http://us.st11.yimg.com/us.st.yimg.com/I/yhst-11545486226283_1937_535304) 0 0;}
*/
#htmltop, #htmlbottom{
	padding:5px;
}

* html #nav-product ul li a{
	width:123px; 
	height:auto; 
	overflow:hidden;
}

* html #nav-product ul li a:hover{
	width:123px;
}

* html #nav-product { 
	overflow:visible; 
	width:150px; 
}


/* ----------------------------=  search area styles ------------------------------- */

#searcharea {
	position: relative;
	margin-top: 0;  /* fixes IE bug */
/*	position: absolute;
	z-index: 100;
	left: 300px; top: 300px;*/
}

#searcharea input { /* Go button*/
        background: #C8D791;
        color: #50592D;
	font-size:11px;
        font-weight: 100;
	margin:0 0 0 5px;
        border: solid 1px #50592D;
		position:relative;	
}



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

#searcharea label {
	color:#f2eff6; 
	font-size:10px; 
	font-weight:600; 
}

#searchsubmit {
        border:solid 1px #fff;
        margin:1px 0px 2px 5px;
        padding: 0px 2px 2px 1px;
        background: #ffffff url('') repeat-x;
        color:#fff;
        font:11px Arial,verdana,sans-serif;
        text-align: center;
        cursor: pointer;
        height: 17px;
}

*html #searchsubmit{
  	         padding:1px 2px 1px;
}

#searchpageHeader {
	background-color:#eba755; 
	color:#ffffff; 
	font:300 14px Tahoma, Geneva, Verdana, sans-serif; 
	margin:0;
	padding:3px 15px 4px;
}

input#query {
    margin-top: 2px;
     margin-left:4px;
     padding:1px;
     background-color:#fff;

     color:#000;
}
#query {padding:1px;}

/*  -----------------------------= end search styles -------------------------------*/

#slogan {color:#50592D; display:block; float:right; font:normal 11px Tahoma, Geneva, Verdana, sans-serif; padding:2.7em 15px 10px 10px; width:225px; text-align:right;} /* 225 + 25= 250 */

*:first-child+html #info-div,
*:first-child+html #specialtitle,
*:first-child+html #messagearea { width:550px; } *:first-child+html 

#itemarea { width:570px; }


#badge { margin: 0 auto; }

* html #badge { 
	width:136px; 
	text-align:center;
}
/* ------this is all Dano's code up to here--------------------*/
/*---------------------changes up to here---------------------*/
#search {position: relative; margin-top: -15px; height: 20px; }

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


/*---------------------------=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: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;  !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:215px; z-index:10 /*keep menu's on top in IE and other browsers*/ }
#menu li {padding:0.25em 0 0.25em 0.25em; ; margin:0; position:relative; width:220px; height: 1.7em; z-index:10;}
#menu li dl {position:relative; 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: 1em; white-space: nowrap;}
#menu dd {margin:0; padding:0; color: #fff; text-align:left; 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.3em 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------------------------*/

#store-info {
	padding-left: 20px;
}


/*---------------------------=store footer styles----------------------------*/