body.home{background: url(/outnet/build/8.19.3/images/global/home_background.gif) repeat-y top center; margin-right:3px;}
.home #content{background-color:#ededed; padding-left:10px; width:940px;}
#home-wrapper{ position:relative;}
.home #advertising-space{ border-left: solid 1px #ccc; padding-left:10px;}

#homepage li {margin: 0; padding: 0; list-style: none; position: absolute;}
#homepage a {display: block;}

#image1 {left:406px; top:0px; width:198px; height:214px;}
#image2 {left:604px; top:0px; width:187px; height:214px;}
#image3 {left:406px; top:214px;	width:198px; height:198px;}
#image4 {left:604px; top:214px;	width:187px; height:198px;}
#image5 {left:0px; top:412px; width:198px; height:191px;}
#image6 {left:198px; top:412px; width:208px; height:191px;}
#image7 {left:406px; top:412px; width:198px; height:191px;}
#image8 {left:604px; top:412px; width:187px; height:191px;}

#image1 a {height: 214px;}
#image2 a {height: 214px;}
#image3 a {height: 198px;}
#image4 a {height: 198px;}
#image5 a {height: 191px;}
#image6 a {height: 191px;}
#image7 a {height: 191px;}
#image8 a {height: 191px;}

#hero-carousel {position:absolute; top:0; left:0;}

/*fixes to stop div jumping when javascript loads*/
.home .yui-carousel-element{margin:0;}
.home .yui-carousel .yui-carousel-item-selected {margin:0;}
.home .yui-carousel-element li {margin:0; text-align:left;}