/****************************************************************************************
	
	Name: Scott's Porage Oats CSS Document
	Author: Aaron Yates, Marc Taylor, Mat Marlow
	Contact: aaron@standoutuk.com, marc@standoutuk.com, mat@standoutuk.com
	
*****************************************************************************************/

/*---------------------------------------------------------------------------------------
	MAIN CONTENT PANEL AND SIDEBAR:
---------------------------------------------------------------------------------------*/
#main {
	margin-top: 15px;
	height:539px;
}

#main #sidebar {
	width: 505px;
	float: left;
}
/* div to sit in the same position as #main containing the overlay bits */
#topMain{
	width:905px;
	margin:0 auto;
	height:0;
	position:relative;
}

#main #sidebar #srsl {
	display: inline-block;
	width:52px;
	float:left;
	margin-top:4px;
	z-index:3;
}

#main #sidebar .more_info{
	width: 47px;
	height: 48px;
	display: inline-block;
	z-index:2;
	background: url('../../images/icon/more_info.png') no-repeat;
}

#logo {
	/* this is shown in flash so the tooltip can hover over it	*/
	/*display:none;*/
	background: url('../../images/scotts_logo.png') no-repeat;
	height:207px;
	width:180px;
	float:left;
	position:relative: z-index:2;
	margin:20px 0 0 0;

}

#scott{
	width:285px;
	height:398px;
	background: url('../../images/home/scott.png') no-repeat;
	margin:0 0 0 35px;
	position:relative; 
	z-index:-1;
	float:left;
}

#flash_overlay{float:left; margin:-400px 0 0 0;}
body #page #wrapper {
	margin-left: 45px; margin-right:45px;
}


/* Z-INDEXES ****************************/

#banner{z-index:300;}
#ticker{z-index:400;}
#overlayContent{z-index:500;}
#right_promo_home {z-index:99999;}
#right_promo_home #coda-slider-1{position:absolute;z-index:600;}
#right_promo_home #coda-nav-1{position:absolute;z-index:99999;}

/***************************************/


#banner{
	position:absolute;
	top:70px;
	overflow:hidden;
}
#ticker{
	position:absolute;
	top:424px;
	overflow:hidden;
	width:905px;
	height:200px;	
}
#ticker img{
	position:absolute;
}
#tickerText{
	top:0;
	z-index:1;
}
#tickerOverlay{
	top:15px;
	z-index:2;
}

#overlayContent{
	position:absolute;
	top:0;
	height:1000px;
	width:905px;
}
.overlayLink{
	position:absolute;
	background-color:#ffff00;
	filter: alpha(opacity = 0);
	opacity:0;
}
#overlayContent #forumLink{
	top:300px;
	left:0;
	height:200px;
	width:800px;
	text-indent:-9999px;
}
#overlayContent #forumTermsLink{
	top:350px;
	left:800px;
	height:100px;
	width:160px;
	text-indent:-9999px;
}
/**/

#content{
	position:relative;
	width:378px; 
	float:right; 
	display:inline-block;
}

#coda-slider-1{
	z-index:300;	
}
#promoNavSeparator{
	margin:5px 0 10px -10px;
}
/*#right_promo_home {
	width:37em; 
	height:280px; 
	float:right;
	background: url('../../images/home/right_promo.png');
	background-repeat:no-repeat;
}*/
#right_promo_home {
	float:right;
}
#overlayContent #coda-slider-1{
	width:35em;
	overflow:hidden;
}
#overlayContent .coda-slider, 
#overlayContent .coda-slider .panel, 
#overlayContent .coda-slider .panel img,
#overlayContent .coda-slider .panel object{
	width:35em;
	height:20em;
	padding:0;
}
	
#overlayContent #promoSlider{
	position:absolute;
	left:54em;
}
#overlayContent #coda-nav-1{
	color:#FFFFFF;
	font-weight:bold;
	position:absolute;
	top:20em;
	left:1em;
	width:35em;
	height:5em;
}
#overlayContent #coda-nav-1.coda-nav ul li{
	float:left;
}
#overlayContent #coda-nav-1.coda-nav ul li a{
	display:inline-block;
	border:none;
	width:21px;
	height:19px;
	text-indent:-9999px;
	outline:none;
}

#overlayContent #coda-nav-1.coda-nav ul li.tab1 a{background-image:url(../../images/home/promo_nav_1.gif);}
#overlayContent #coda-nav-1.coda-nav ul li.tab2 a{background-image:url(../../images/home/promo_nav_2.gif);}
#overlayContent #coda-nav-1.coda-nav ul li.tab3 a{background-image:url(../../images/home/promo_nav_3.gif);}
#overlayContent #coda-nav-1.coda-nav ul li.tab4 a{background-image:url(../../images/home/promo_nav_4.gif);}
#overlayContent #coda-nav-1.coda-nav ul li.tab5 a{background-image:url(../../images/home/promo_nav_5.gif);}
#overlayContent #coda-nav-1.coda-nav ul li.tab6 a{background-image:url(../../images/home/promo_nav_6.gif);}

#overlayContent #coda-nav-1.coda-nav ul li.tab1 a:hover{background-image:url(../../images/home/promo_nav_1_f2.gif);}
#overlayContent #coda-nav-1.coda-nav ul li.tab2 a:hover{background-image:url(../../images/home/promo_nav_2_f2.gif);}
#overlayContent #coda-nav-1.coda-nav ul li.tab3 a:hover{background-image:url(../../images/home/promo_nav_3_f2.gif);}
#overlayContent #coda-nav-1.coda-nav ul li.tab4 a:hover{background-image:url(../../images/home/promo_nav_4_f2.gif);}
#overlayContent #coda-nav-1.coda-nav ul li.tab5 a:hover{background-image:url(../../images/home/promo_nav_5_f2.gif);}
#overlayContent #coda-nav-1.coda-nav ul li.tab6 a:hover{background-image:url(../../images/home/promo_nav_6_f2.gif);}

#overlayContent #coda-nav-1.coda-nav ul li.tab1 a.current{background-image:url(../../images/home/promo_nav_1_f3.gif);}
#overlayContent #coda-nav-1.coda-nav ul li.tab2 a.current{background-image:url(../../images/home/promo_nav_2_f3.gif);}
#overlayContent #coda-nav-1.coda-nav ul li.tab3 a.current{background-image:url(../../images/home/promo_nav_3_f3.gif);}
#overlayContent #coda-nav-1.coda-nav ul li.tab4 a.current{background-image:url(../../images/home/promo_nav_4_f3.gif);}
#overlayContent #coda-nav-1.coda-nav ul li.tab5 a.current{background-image:url(../../images/home/promo_nav_5_f3.gif);}
#overlayContent #coda-nav-1.coda-nav ul li.tab6 a.current{background-image:url(../../images/home/promo_nav_6_f3.gif);}

/* Tab nav */
#overlayContent #coda-nav-1.coda-nav ul li a {
	color:#FFF;
}

#overlayContent #coda-nav-1.coda-nav ul li a.current {
	color:#FC0;
	border:none;
}


#home_overlay{
	height:600px; 
	width:100%;
	position:absolute; 
	z-index:10; 
	top:108px;
	left:0;
}

#noflash{
	background-image:url('../../images/home_overlay.png');
	background-position:center;
	background-repeat:no-repeat;
	width:100%;
	height:595px;
	position:relative;
}
#noFlashMain{
	width:905px;
	height:700px;
	margin:0 auto;
	position:relative;
}
#noflash a.hotspot{
	text-indent:-9999px;
	display:block;
	width:150px;
	height:50px;
	position:absolute;
}
#noflash a#promoLink{
	top:0px;
	left:530px;
	width:375px;
	height:200px;
}
#noflash a#playNowLink{
	top:200px;
	left:0px;
	width:905px;
	height:250px;
}
#popupDiv a.getFlash{
	margin:10px 0;
	display:block;
}

#footer {
	margin:0 auto;
	background: url('../../images/footer_bg_home.png') no-repeat top left;
	z-index:20;
}