Code posted below:
Please note the "top" div is inside the "main-container" div which is inside the "shadow-container" divs.
And it is the "top" div I'd like to remove the shadow borders from.
Code:
body {
background: url(img/msw-site-bg-notopblack.jpg) no-repeat top center;
background-color:#fff;
background-attachment: fixed;
}
#shadow-container {
width:1023px;
margin: 0px auto 0;
background: transparent url(img/BackgroundShadow_right.png) repeat-y right top;
}
#shadow-border-left {
background: transparent url(img/BackgroundShadow_Left.png) repeat-y left top;
}
#main-container {
width:969px;
margin: 0px auto 0;
}
#top {
height:140px;
z-index:500;
position:fixed;
width:969px;
padding:0px;
top:0px;
background-image:none;
}