filkinsteez

    <div class='row' id='map-thumbnail-wrapper'>
      <div class='medium-4 columns'>
        <select id='map-type'>
          <option class='filter'>Type of Program</option>
          <option class='filter' value='borehole'><a href="#">Borehole</a></option>
          <option class='filter' value='protected-spring'><a href="#">Protected Spring</a></option>
          <option class='filter' value='microlending'><a href="#">Microlending</a></option>
        </select>
      </div>
      <div class='medium-4 columns'>

filkinsteez

<div class='row' id='map-thumbnail-wrapper'>
      <div class='medium-4 columns'>
        <select id='map-type'>
          <option class='deselect'>Type of Program</option>
          <option class='filter' data-filter='borehole'><a href="#">Borehole</a></option>
          <option class='filter' data-filter='protected-spring'><a href="#">Protected Spring</a></option>
          <option class='filter' data-filter='microlending'><a href="#">Microlending</a></option>
        </select>
      </div>
      <div class='medium-4 columns'>

filkinsteez

class Message

  include ActiveModel::Validations
  include ActiveModel::Conversion
  extend ActiveModel::Naming

  attr_accessor :name, :email, :subject, :body

  validates :name, :email, :subject, :body, :presence => true
  validates :email, :format => { :with => %r{.+@.+\..+} }, :allow_blank => true

filkinsteez

<div id="manual">
         <div id="stickysteps">
    <h3>5</h3>
  </div>
  <h1 style="margin-left: 20px;">Your Instructions:</h1> </br>
  <h2 style="margin-left:20px;"> Step 1</h2>
<div class="stepcontainer">
	<div class="steptext">
		Plug the Samsung EH5300 Power Cable into the wall.
	</div>

filkinsteez

<div class="stepcontainer">
	<div class="productimg">	
		<span class="o_contact o_contact0" data-pos-x="401" data-pos-y="183"  data-pos-width="24" data-pos-height="25" id="spanid0" data-index="0"> </span>
				

			<img alt="Power-cord" class="green" src="http://s3.amazonaws.com/mymanual/cord_types/images/000/000/016/thumb/Power-Cord.jpg?1373411380" />
		
	</div>
		<div class="productimg">
			<div id="image_panel0" style="float:left; width:600px; position:relative;">

filkinsteez

<script type="text/javascript">

  $(document).ready(function() {

      $("#imageMap").click(function(e){

          var image_left = $(this).offset().left;
          var click_left = e.pageX;
          var left_distance = click_left - image_left ;

filkinsteez

  		<span class="i_contact i_contact1" data-pos-x="175" data-pos-y="221"  data-pos-width="110" data-pos-height="64" ="spanid1" data-index="1"></span>

						
			<span class="o_contact o_contact1" data-pos-x="222" data-pos-y="201"  data-pos-width="93" data-pos-height="53" id="spanid1" data-index="1"> </span>

					
<div class="main_panel">
	<div style='margin: auto; width: 600px;'>
		<div id="image_panel1" style="float:left; width:600px; position:relative;">

filkinsteez

<div class="container">

  		<span class="i_contact1" data-pos-x="175" data-pos-y="221"  data-pos-width="110" data-pos-height="64" ="spanid1"></span>
						
			<span class="o_contact1" data-pos-x="222" data-pos-y="201"  data-pos-width="93" data-pos-height="53" id="spanid1"> </span>
						
	<br>
	<div class="image_panel1" style="float:left; width:600px; position:relative;">
		<img alt="Un40eh5300inputs" src="http://s3.amazonaws.com/mymanual/images/images/000/000/005/large/UN40EH5300Inputs.jpg?1373419416" />
	<div class="i_tagmap1"></div>

filkinsteez

<div class="container">

<% if @new_manual.present? %>
  <% @new_manual.steps.each do |step| %>

		<% i_connection = Contact.find(step.input_contact) %>
			<span class="i_connection" data-pos-x="<%= i_connection.pos_x %>" data-pos-y="<%= i_connection.pos_y %>"  data-pos-width="<%= i_connection.pos_width %>" data-pos-height="<%= i_connection.pos_height %>" data-image=> </span>

	<br>
	<div class="image_panel">

filkinsteez

<div class="container">


			<span class="i_connection" data-pos-x="175" data-pos-y="221"  data-pos-width="110" data-pos-height="64" data-image=> </span>

	<br>
	<div class="image_panel">
		<img alt="Un40eh5300inputs" src="http://s3.amazonaws.com/mymanual/images/images/000/000/005/large/UN40EH5300Inputs.jpg?1373419416" />
	<div class='i_connection'></div>
	</div>