////////////////////// STYLES

$.fn.qtip.styles.step_1 = { // Last part is the name of the style
   width: 450,
   background: '#D5FF6F',
   color: 'black',
   border: { width: 2, color: '#999', radius: 3},
   
   name: 'dark', // Inherit the rest of the attributes from the preset dark style
   tip: { corner: 'bottomLeft' }
}

////////////////////// END OF STYLES


$(".tooltip_step1").qtip({
   content:'<div style="font-size:12px; text-align:left;"><h2>STEP 1: Contact</h2> <p><b>Friendly advice</b> - Thanks to our experts, we can advise you on the best method that suits your budget and your goals.</p> <p><b>Choose your campaign</b> - You can choose between our three Search Engine Optimization Packages: BRONZE, SILVER and GOLD.</p></div>',
   
   style: {  name: 'step_1', background: '#013300', color: '#FFF'},
	
	position: {
      corner: { target: 'topLeft', tooltip: 'bottomLeft'}  
	},
	
   show: { delay: 50 }
});




$(".tooltip_step2").qtip({
   content: '<div style="font-size:12px; text-align:left;"><h2>STEP 2: Discovery</h2> <p><b>Keywords</b> - We will ask you to prepare keywords that best describe your company and your services. Keywords are usually phrases of 2-3 words (e.g.: Consulting Dublin).</p> <p><b>Company description</b> - We need a short description of your company which will allow us to create the best possible narrative of your website that will show up while displaying in search engines. (Briefly, this description is your chance to tell the world exactly what your website is all about, in a few well-chosen words.)</p></div>',
   
   style: { name: 'step_1', background: '#286577', color: '#FFF' },

  	position: {
      corner: { target: 'topLeft', tooltip: 'bottomLeft'}  
	},

   show: { delay: 50 }
});


$(".tooltip_step3").qtip({
   content:'<div style="font-size:12px; text-align:left;"><h2>STEP 3: Research</h2> <p><b>Evaluation</b> - We will analyze and correct all subscribed keywords and send back to you our recommended list.</p> <p><b>Approval</b> - After your approval, we will start positioning your website among the Internet search engines.</p></div>',
   
 
 
 style: {  name: 'step_1', background: '#5F4865', color: '#FFF' },
	
	position: {
      corner: { target: 'topLeft', tooltip: 'bottomLeft'}  
	},
	
   show: { delay: 50 }
});




$(".tooltip_step4").qtip({
   content:'<div style="font-size:12px; text-align:left;"><h2>STEP 4: Launch</h2> <p><b>SEO</b> - Search Engine Optimization in process. It usually take our specialists around four weeks to optimize your website position.</p> <p><b>Finalization</b> - We now take full care of positioning of your website - and you can relax and enjoy the higher search rankings and increased traffic.</p><p><b>Report</b> - After one month, we will deliver to your inbox a detailed report comparing your position before and after the SEO process. </p></div>',
   
   style: {  name: 'step_1', background: '#4D6541', color: '#FFF' },
	
	position: {
      corner: { target: 'topLeft', tooltip: 'bottomLeft'}  
	},
	
   show: { delay: 50 }
});