/* -----------------------------------------------------------------------
 Myriad CSS (home.css)
----------------------------------------------------------------------- */

@import url("base.css");
@import url("topnav.css");
@import url("footer.css");

/* MAIN */
body.main-bkgd {
		background: url(../img/bkgd_main.jpg) repeat-x;
}

.hidden {
		display: none;
}

.container {
		width: 1015px;
		margin: 0 auto;
}

#banner {
		margin: 0;
		padding: 0;
		height: 296px;
		width: 536px;
		background: url(../img/banner_left.jpg) no-repeat;
		border: none;
}

#banner #spinoff {
		position: relative;
		top: 165px;
		left: 76px;
		padding: 0;
		margin: 0;
		float: left;
}

#product-line {
		margin: 0 auto;
		margin-left:76px;
		width:860px;
		border:1px solid #B5D5EC;
		height:240px;
		padding-left:1px;	
}
#product-line a:{display:block; text-align:center; margin:0 auto;}
#product-line a:link, #product-line a:visited {
		text-decoration: none;
		border: none;
		color: #444;
		display:block; position:inherit; z-index:-50;
}
#product-line p {
		font-size:12px;
		padding:5px;
		color: #333;
		text-align: center;
		margin: 0 auto;
}
#product-line img{padding-bottom:10px;}

#product-line .col{
	float:left;
	width:172px;
	height:220px;
}
#product-line .col div{
	padding-top:10px;
	border-bottom:solid 1px #eee;
	border-right:solid 1px #eee;
	height:104px;
}
#product-line .left div{
	padding-top:10px;
	border-bottom:solid 1px #eee;
	border-right:none;
	height:104px;
}
#ondose, #prezeon, #theraguide, #prolaris, #allProducts{
	border-bottom:none !important;
}
#allProducts{vertical-align:middle;}
#allProducts h3 a{font-size:14px;color:#4679A3 !important; margin-top:38px; background:url("/img/morearrow_08c.gif") 78% 50% no-repeat;}
#allProducts h3 a:hover{text-decoration:underline;}
#main {
		margin: 0 auto;
		background: url(../img/bkgd_content.jpg) no-repeat;
		height: 315px;
		margin-top:0px;
}

#content {
		padding: 25px;
		width: 510px;
		float: left;
}

#welcome {
		height: 175px;
}

#welcome p {
		font-size: 1.05em;
		color: #555;
		padding-bottom: 10px;
		line-height: 1.2em;
}

#search {
		float: left;
}

#search img {
		margin-bottom: 5px;
}

#search input.textfield {
		font-family: Arial, Sans-Serif;
    	font-size: 13px;
    	margin-bottom: 5px;
    	padding: 3px;
    	border: solid 1px #85b1de;
    	width: 175px;
}

#webcast {
		font-size: .9em;
		color: #222;
		float: right;
}

#webcast h2 {
		text-align: left;
}

#webcast img {
		margin-bottom: 5px;
}

#webcast a {
		padding-bottom: 5px;
}

#news {
		padding: 25px;
		width: 253px;
		float: right;
}

#news h2 {
		text-align: left;
		font-weight: bold;
		color: #333;
}

#news p {
		padding-bottom: 10px;
}

/*  jQuery Slideshow  */

#slideshow {
		position: relative;
		height: 296px;
		margin-left: 533px;
		padding: auto;
}

#slideshow img {
		position:absolute;
		top:0;
		left:0;
		z-index:0;
}

#slideshow img.active {
		z-index:2;
}

#slideshow img.last-active {
		z-index:1;
}