@charset "UTF-8";

body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:10px; color:#574C47;
background:transparent url(/presents/valley_west_mall/designs/sunshine/yellows/images/background.jpg) repeat-x top left;}
#mallinfo { color:#fff; font-size:13px; text-align:center; height:29px; overflow: hidden; z-index: -1;}
#mallinfo p { padding:7px 0;}
#mallinfo .highlight { color:#FFCC00; margin:0 5px;}
#social {position: relative; top: -20px; left: 845px; z-index: 100;}

#contentwrapper { margin:0 auto; width:970px; background-color:#574C47; padding:20px 0; margin-bottom:20px; border-bottom:7px solid #fbd65c; clear:both;}
#featuredcontent { clear:right; overflow:visible;}
	#featuredcontent img{border:1px solid #fff;}
#homecontent img { border:1px solid #fff; border-collapse:collapse;}
#homecontent {  color:#fff; font-size:12px; line-height: 16px;}
#homecontent h2 {  color:#fff; font-size:16px; text-transform:uppercase; margin:12px 0 4px 0;}
#homecontent a {text-decoration: none; color: #F4DC78;}
#homecontent a:hover {color: #fff;}
#subpagecontent {  background: transparent url(/presents/valley_west_mall/designs/sunshine/yellows/images/bg_maincontent.gif) top left repeat-y;}

#contentwrapper h1{ color:#fff; text-transform:uppercase; font-size:45px; font-weight:normal; margin-left:10px; padding-top:20px; line-height:45px; padding-bottom:5px;}

#siteinfo { font-size:13px; text-transform:uppercase; text-align:center; letter-spacing:.05em; padding-top:40px; clear:both;}
#siteinfo p { padding:7px 0;}
#siteinfo .highlight { color:#88c037; margin:0 2px;}

#hpapple {width:960px; height: 30px; margin: 0px auto; padding: 10px 0 0 0;}
#announce {min-height: 150px;}
#announcefoot {background-color: #574C47; width: 100%; margin: 0px auto; padding: 0px; position: relative; bottom : 0;}
#footer{width:960px; height: 70px;  margin: 0px auto; }
	#hpevents{width: 450px; float: left; margin-top: 15px; padding: 0 20px 0 10px; color: #fff; font-size: 13px;}
	#hpevents.home{width: 340px; float: left; margin-top: 15px; padding: 0 20px 0 10px; color: #fff; font-size: 13px;}
		/* #hpevents p{color: #fff; font-size: 13px;} */
		#hpevents a {color: #FFCC00; text-decoration: none;}
		#hpevents a:hover{color: #F4DC78;}

	#hpnews{width: 450px; float: left; margin-top: 15px; padding: 0 10px 0 20px; color: #fff; font-size: 13px;}
		/* #hpnews p{color: #fff; font-size: 13px;} */
		#hpnews a{color: #FFCC00; text-decoration: none;}
		#hpnews a:hover {color: #F4DC78;}

#logo { display:block; height:105px; width:218px; margin:0; padding:0; margin-top: -75px; z-index: 10; _padding-left: 30px;}

#sidebar { color: #fff; font-size:13px; padding:10px 0 0 0; text-decoration:none;}
	#sidebar a, #subpagecontent #sidebar a{color:#fff; background-color: #ada794;}
	#sidebar a:hover, #subpagecontent #sidebar a:hover {color:#574C47; display: block; background-color: #FFCC00;}
#maincontent { color:#574C47; font-size:14px; line-height:21px; clear:right; padding:20px 0; min-height: 200px;}
#maincontent h2 { font-family:Georgia, Trebuchet MS, Arial, Helvetica, sans-serif; font-size:34px; margin-bottom:14px; color: #000; line-height: normal;}
#maincontent h3 { font-family:Georgia, Trebuchet MS, Arial, Helvetica, sans-serif; font-size:26px; margin-bottom:14px; color: #000; line-height: normal;}
#maincontent h4 { font-family:Georgia, Trebuchet MS, Arial, Helvetica, sans-serif; font-size:20px; margin-bottom:14px; color: #000; line-height: normal;}
#maincontent p  { margin-bottom:21px;}
#maincontent ul, #maincontent ol  { margin-bottom:21px; margin-left:50px;}
#maincontent ul { list-style-type:disc;}
#maincontent ol { list-style-type: decimal;}
#maincontent strong { font-weight:bold;}
#maincontent em { font-style:italic;}
#maincontent a { color:#FF6600;}
#maincontent h1, #maincontent h2, #maincontent h3, #maincontent h4, #maincontent h5, #maincontent h6, #maincontent p, #maincontent ul { margin-right:20px;}
#sidebar li { border-bottom: 1px solid #fff;}
#sidebar a { color:#330000; text-decoration:none; display:block; padding:10px 5px;}
#maincontent #photos { list-style-type:none; margin-left:0;}
#maincontent #photos li { float:left; margin-right:20px; margin-bottom:10px;}
#maincontent table {width: 400px; padding: 20px 0;}
.middle{vertical-align: middle;}

#mallhours { margin-top:-15px; text-align: right;}
	#mallhours #s {float: left; padding: 3px; margin: 0; border: 0; width: 143px; background: #fff; border:1px solid #acac81; font-size:13px;}
	#mallhours h3 {color: #FF6600; font-size: 13px; font-weight: bold; letter-spacing:.07em; margin-bottom: 4px;}
	#mallhours p {color: #574C47; font-size: 13px; font-weight: normal; line-height: 1.3em;}

#mainnav li { position:relative; z-index: 1000; }
#mainnav li a { text-transform:uppercase; text-decoration:none; color:#574C47; font-size:17px; }
#mainnav li a:hover { color:#FF6600; font-size:17px; }

#mainnav .dropdown ul { font-size:13px;padding:10px 0 5px 0; margin-right:0; margin-left:-4px; position:relative; font-size:13px; clear: both;}
#mainnav .dropdown li { width:180px; clear:both; text-align:left;}
#mainnav .dropdown ul a { color:#FF6600; text-decoration:none; display:block; padding:5px; clear:both; position:relative; text-transform:none; font-size:13px;}
#mainnav .dropdown ul a:hover { background-color:#fff1b4; position:relative; font-size:13px;}



#mainnav, #mainnav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#mainnav {padding: 10px 0 0px 0; height: 25px;}

#mainnav li { /* all list items */
	float: left;
	margin-right: 58px;
	text-align:left;
}

#mainnav li .dropdown { /* second-level lists */
	position: absolute;
	width: 180px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin: 0 0 0 -20px;
	z-index:1000;
}

#mainnav li:hover .dropdown, #mainnav li.sfhover .dropdown { /* lists nested under hovered list items */
	left: 20px;
}

#content {
	clear: left;
	color: #ccc;
}


.search {width: 300px; float: left;}



/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.callout, .dropdown {
 position:relative;
 z-index:1;
 margin-left:5px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
 font-size:13px;
 color:#54713a;
 display: inline;
 float: left;
 margin-left: 10px;
 margin-right: 10px;
 width:220px;
}
.dropdown {
 width:180px;
 position:absolute;
 left:10px;
 top:20px;
}

.callout .content,
.callout .t,
.callout .b,
.callout .b div{
 background:transparent url(/presents/valley_west_mall/designs/sunshine/yellows/images/rounded_white.png) no-repeat top right;
 _background-image:url(/presents/valley_west_mall/designs/sunshine/yellows/imagesrounded_white.gif);
}

.dropdown .content,
.dropdown .t,
.dropdown .b,
.dropdown .b div {
 background:transparent url(/presents/valley_west_mall/designs/sunshine/yellows/images/rounded_orange.png) no-repeat top right;
 _background-image:url(/presents/valley_west_mall/designs/sunshine/yellows/imagesrounded_orange.gif);
}

.callout .content, 
.dropdown .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 5px 0px 0px;
}

 
.dropdown .content {
 padding:0px 1px 0px 0px;
}

.callout .t, 
.dropdown .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:5px; /* top slice width */
 margin-left:-5px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
 z-index:1;
}

.callout .b, 
.dropdown .b {
 /* bottom */
 position:relative;
 width:100%;
}

.callout .b,
.callout .b div, 
.dropdown .b,
.dropdown .b div {
 height:5px; /* height of bottom cap/shade */
 font-size:1px;
}

.callout .b,
.dropdown .b {
 background-position:bottom right;
}

.callout .b div, 
.dropdown .b div {
 position:relative;
 width:5px; /* bottom corner width */
 margin-left:-5px;
 background-position:bottom left;
}

.callout .hd,
.callout .bd,
.callout .ft , 
.dropdown .hd,
.dropdown .bd,
.dropdown .ft {
 position:relative;
}

.callout .wrapper, 
.dropdown .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}
.callout h3,
.callout p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0 5px 0.5em 5px;
}

.callout h3 {
  text-transform: uppercase;
  font-size:17px;
  margin-bottom:0px;
  padding-top:.5em;
}

.callout h3 a { color:#FF6600; text-decoration:none; text-align: center;}
.callout p a { color:#574C47; text-decoration:none; text-align: center;}
.callout .more { text-align:center;}
.callout .teaser { height:45px;}
.callout a:hover { text-decoration:underline;}
.callout img {margin-top: 2px; margin-bottom: 0px;}


/* calendar  */

#calendar-header #month-list {
	margin:0;
	padding:0;
	clear:both;
	overflow:hidden;
	list-style-type:none;
	font-size:14px;
	background-color:#ffcc00;
	margin:0 12px 0 5px;
	text-align:center;
	text-transform:uppercase;
	border-bottom:5px solid #ff6600;
}
#calendar-header #month-list a {
	text-decoration:none;
	color:#574C47;	
}
#calendar-header #month-list a:hover {
	text-decoration:none;
	color:#fff;	
}
#calendar-header #month-list li {
	float:left;
	border-left:1px solid #ff6600;
	margin:0;
	padding: 7px 0;
	list-style-type:none;
	width: 7%;
	
}
#calendar-header #month-list .month-list_year {
	border:none;
	background-color:#f9e38a;
}
#calendar-header #month-list .monthOn {
	background-color:#ff6600;
	color:#fff;
}
#calendar-header #month-list .monthOn a {
	color:#f7eb93;
}



/* ad rotating  */

#slideMainDiv {
  border:none;
  height:140px;
  /* z-index:2; */
}
#slideHeaderDiv {
  width:340px;
  height:140px;
  border:none;
  padding:0;
  z-index:0;
  position:relative;
  overflow:hidden;
  }
.slideDiv {
  position:absolute;
  left:0;
  _left: 1px;
  top:0;
  width:340px;
  height:140px;
  z-index:-3;
 
}
#newdiv {
 width:90px;
 height:25px;
 padding-bottom:0px;
 margin-bottom:0px;
 font-family:Trebuchet, TrebuchetMS, Arial, sans-serif;
 font-size:13px;
 z-index:4;
 position:absolute;
 top: 110px;
 right:10px;

 
}

.slidenumber {
	float:left;
	padding: 3px 0;
	margin-right: 10px;
	_margin-left: 5px;
}
.slidenumber a {
	text-decoration:none;
	text-align:center;
	width:20px;
	display:block;
	color:#fff;

}
#slideMainDiv img { border: 1px solid #fff; }

.input{font-size:11px; color: #000; background-color: #fff5d1; width: 300px; padding: 3px; border: 1px solid #574C47; margin-bottom: 10px;}
.submit{font-size:11px; color: #F7EB93; background-color: #FF6600; width: 75px; padding: 3px; border: 1px solid #CC5606; margin-bottom: 10px;}

.cutetable {border-collapse: collapse; margin-bottom: 20px; width: 600px;}
.cutetable th {border-bottom: 1px solid #FF6600; border-top: 1px solid #FF6600; font: 15px Arial, Helvetica, sans-serif; line-height: 1.3em; color: #FF6600; padding: 5px; margin: 0; font-weight: bold; background-color: #F7EB93;}
.cutetable td {border-bottom: 1px solid #FF6600; border-collapse: collapse; padding: 8px; background-color: #F6F6D6;}
.cutetable tr:hover td {background: #fff; color: #000;}
.cutetable a {color: #039;}
.cutetable a:hover {color: #faf1cd;}