/******************************************************** 
**
**		Home Page Styles 
**
**		- This is for Home Page CSS Styles only
**		- NO Global Styles should be included here
**		- Styles are tab arranged to show inheritance 
**		  and layout structure 
**
********************************************************/

  #home-area {clear:both; padding:10px;}
	#top-left-spot {float:left;width:248px;}
	#hero-spot {float:left; width:470px; margin:0; background:#fff url(/wcsstore/CVB2BDirectStorefrontAssetStore/images/common/hero_bk.png) no-repeat top;}
	
		#switch-it {background:#fff url(/wcsstore/CVB2BDirectStorefrontAssetStore/images/common/loading.gif) no-repeat top; overflow:hidden; margin:0 0 8px 0; z-index:1;}
		  #switch {clear:both; position:absolute; top:445px; left:auto; z-index:2; margin:0 0 0 13px;}
            #switch a {color:#555; background: #ddd; font-size:14px; font-weight:bold; text-decoration: none; margin:0 1px; padding:1px 5px;  }
	      	#switch a.activeSlide { background: #fff; color:#888; border: 1px solid #fff;}
	      	#switch a:focus {outline: none;}
	
	#top-right-spot {float:left; width:249px;}

	#mid-spot-a {clear:both; float:left;}
	#mid-spot-b {float:left; width:235px;}
	#mid-spot-c {float:left; width:235px;}
	#mid-spot-d {float:left; width:242px;}

	#bottom-left-spot {clear:both; float:left; width:249px;}
	#bottom-center-spot {float:left; width:470px;}
	#bottom-right-spot {float:left; width:249px;}