/*\*//*/
   @import "jd.layout-ie.css";
/**/

/* Prevent background image flickering in IE6 SP1+ */
* html 
{
      filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

ul#nav
{ 
	z-index: 20;
}

#galleryContainer
{
	width: 397px;
	height: 230px;
	margin: 0;
	position:relative;
}

#myToolbar
{
	position: absolute;
	top: 0;
	left: 0;
	width: 397px;
	height: 34px;
        /* IE mac shouldn't see this \*/
	background: url('../images/index/uvaforyou.gif') no-repeat top left;
        /* end hack */
	z-index: 6;
}

#myToolbar a
{
        display: block;
        width: 50px;
        height: 34px;
        text-indent: -999em;
        float:left;
        border: 0px solid red;
}

#myToolbar a.toolkit
{
	width: 72px;
	height: 34px;
	background: url('../images/index/iconToolkit.gif') no-repeat top left;
}

#myToolbar a.toolkit:hover
{
	background: url('../images/index/iconToolkitOn.gif') no-repeat top left;
}

#myToolbar a.isis
{
	width: 43px;
	height: 34px;
	background: url('../images/index/iconISIS.gif') no-repeat top left;
}

#myToolbar a.isis:hover
{
	background: url('../images/index/iconISISOn.gif') no-repeat top left;
}

#myToolbar a.cod
{
	width: 50px;
	height: 34px;
	background: url('../images/index/iconCOD.gif') no-repeat top left;
}

#myToolbar a.cod:hover
{
	background: url('../images/index/iconCODOn.gif') no-repeat top left;
}

#myToolbar a.toggle1
{
	width: 180px;
	height: 34px;
	display:block;
	float:right;
}

#myGallery
{
	text-align: left;
	margin: 0;
	width: 397px;
	height: 230px;
	z-index: 5;
	display: none;
	position: relative;
	top: 0px;
	left: 0;
  background-image: url('/images/slide_1.jpg');
}

#uvaForYou
{
	position:absolute;
	top: 34px;
	right: 0px;
	background-color: #c6d9fc;
	width: 180px;
	height: 140px;
	z-index: 10;
	opacity: 0.85;
	filter: alpha(opacity=85); 
	-moz-opacity: 0.85;
	border: 1px solid blue;
	border-width: 0;
}


/* START INTERNET EXPLORER HACKS */

* html div#uvaForYou
{
	position:absolute;
	top: 34px;
	right: -1px;
}

* html div#uvaForYou ul,
* html div#uvaForYou ul li,
* html div#uvaForYou ul li a
{

	width: 150px;
	w\idth: 160px;
}

* html div#myGallery
{
	background-image: url('../images/slides/rotundadusk.jpg');
	background-i\mage: none;
}

* html ul#nav ul li
{
	width: 120px !important !important;
	height: 11px;
	line-height: 11px;
}

/* END INTERNET EXPLORER HACKS */

#uvaForYou ul
{
	list-style: none;
	padding: 0;
	margin: 15px 0 0 15px;
        width: 120px;
        height: 115px;
}

#uvaForYou ul li, 
#uvaForYou ul li a
{
	margin: 0;
	padding: 0;
        height: 16px;
        width: 160px;
        line-height: 11px;

}

#uvaForYou ul li span
{
        height: 14px;
        width: 8px;
        text-align: center;
}

#uvaForYou ul li 
{

}


#uvaForYou ul li a
{
        font-weight:bold;
        color:#003877; 
        height: 14px;
	width: 170px;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	text-decoration: none;
	text-transform: uppercase;
        padding: 2px 0;
}

#uvaForYou ul li a span
{
	font-size: 14px;
	color: #416daa;
	padding: 0 3px;
        font-weight: normal !important;
}

#uvaForYou ul li a:hover
{
	color: #0066CC; 
}

#close
{
	position:absolute;
	bottom: 10px;
	right: 10px;;
	font-size: 9px;
	font-family: verdana;
	width: 10px;
	height: 10px;
	text-align:center;
	color: #666;
}