.right-shadow { background: url(../images/blue/bg-ipad-stretched.jpg) top center no-repeat!important}
.right-shadow-homepage { background: url(../images/blue/bg-ipad-homepage-stretched.jpg) top -50px  no-repeat!important; margin-left:100px; width:1000px!important; }
#footer .right-shadow { background: none!important; }
#footer-top-homepage { background: url(http://www.euromedspa.com/wp-content/themes/EuroMedSpa/css/images/footer-top-bg.png) repeat-x; margin-left:100px!important;width:1000px;  }
.footer-gradient {background: none!important; }
.footer-pattern {background:none!important; }

<!-- Line 1: custom background for iphone and ipad only - no columns -->
<!-- Line 2: custom background for iphone and ipad only on homepage - columns -->
<!-- Line 3: need this to eliminate the background in top half of website from repeating in footer -->
<!-- Line 4: need to shift website to left by 100px so it is centered in iphone/ipad (had to add width as well to make it work) -->
<!-- Line 5&6: had to remove gradient and pattern to footer becuase it would not span width of footer area-->