Adjusting navigation controls

Hi! I am using Hot Responsive Slideshow with the Wedding template, which I am modifying for use as a harp showroom website. The control buttons are currently little pink hearts. Can you please direct me to the location of the code so that I can change this image?

Also, the navigation controls (left and right arrows) are too high and often overlap with the text. I am building the website at www.sykes-turner.com if you would like to have a look. Can you please let me know where to find the code so that I can lower their position?

Thankyou!

You can change by changing this images:

modules/mod_hot_responsive_slideshow/images/bg_control_nav.png
modules/mod_hot_responsive_slideshow/images/bg_control_nav_bg.png

in modules/mod_hot_responsive_slideshow/tmpl/style.css

css class that defines arrows top postion:

.flex-direction-nav li a {
width: 52px;
height: 52px;
margin: -13px 0 0;
display: block;
background: url(../images/bg_direction_nav.png) no-repeat;
position: absolute;
top: 50%;
cursor: pointer;
text-indent: -999em;
}

so top: 50%; you can maybe think of something better