/*==== Blue color  skin  ====*/


/* This are the primary elements that you need to change if you want to create your own color scheme, 
beside this elements properties, you also need to change the text shadow  from the cufon replace jquery 
script, and some html elemnts, like the logo you will need to specifie the image path to this color, 
the qoutes from the testimonial section, and also the icons(check and uncheck) from the feature table
more about how to create or change the color scheme in the documentation file*/


/*================================================
	===== General typography text color ====
================================================*/
	h3,span.hightlight,h2.title,#stepWrap h3 {color: #5d7fc4;	}
/*================================================
 ===== End General typography text color ====
================================================*/


/*================================================
		===== #mainContent elements ====
================================================*/
	/* ==== Navigation slider controls ==== */
	a.sliderLeft {background:url(../images/blue/navslider-left.png) no-repeat;}
	a.sliderRight {background: url(../images/blue/navslider-right.png) no-repeat;}
	a.sliderRight:hover {background: url(../images/blue/navslider-right-hover.png) no-repeat;}
	a.sliderLeft:hover { background: url(../images/blue/navslider-left-hover.png) no-repeat;}
	/* ==== End navigation slider Control ===== */
	
	/* ==== Testimonial slide qoute ==== */
	.testimonials .img { background: url(../images/blue/quote.png) no-repeat;}
	/* ==== End Testimonial slide qoute ==== */
	  
	/* ==== ul check ==== */
	ul.checkList li { background: url(../images/blue/check.png) no-repeat;}
	/* ====  End ul check ==== */
	
	/* ==== Action Btns  ==== */
	.action-btns ul li a { background: url(../images/blue/act-button.png) no-repeat;}
	/* ==== End Action Btns ==== */


/*================================================
		===== End #mainContent elements ====
================================================*/

/*================================================
		===== #stepWrap elements ====
================================================*/

	/* ==== General typo and structure ==== */
	.circle {background: url(../images/blue/circle.png) no-repeat;}
	span.pointer {background: url(../images/blue/pointer.png) no-repeat;}
	a.nextStep {background: url(../images/blue/next-step.png) no-repeat;}
	a.download-btn{ background: url(../images/blue/download.png) no-repeat;}
	span.line-middle {background: url(../images/blue/line-middle.png);}
	/* ==== End General typo and structure ==== */
	
	/*===== Subscribe, download forms and modal box  ==== */
	.modal-subscribe .close:hover {background:url(../images/blue/close-hover.png) center no-repeat;}
	.modal-subscribe .close { background:url(../images/blue/close.png) center no-repeat;}
	.modal-subscribe {border: 3px solid #8aacf0;}
	
	#subscribe-overlayForm textarea:focus, #subscribe-overlayForm input:focus {border: 1px solid #5d7fc4;}
	#subscribe-tabForm textarea:focus, #subscribe-tabForm input:focus {border: 1px solid #5d7fc4;}
	#subscribe-tabForm .submit-button {background: url(../images/blue/submit-form.png) no-repeat;}
	#subscribe-overlayForm .submit-button {background: url(../images/blue/submit-form.png) no-repeat;}
	/*===== End Subscribe, download forms and modal box  ==== */

/*================================================
		=====End  #stepWrap elements ====
================================================*/


/*================================================
		===== #tabWrap elements ====
================================================*/

	/* ==== Tab Navigation ==== */
	ul.tabNav li { background: url(../images/tab-normal.png) no-repeat;}
	ul.tabNav li:hover { background: url(../images/blue/tab-active.png) no-repeat;}
	ul.tabNav li.active { background: url(../images/blue/tab-active.png) no-repeat;}
	ul.tabFeatures li a {border: 1px solid #5d7fc4;color: #5d7fc4;}
	/* ==== End Tab Navigation ==== */

/*================================================
		=====End  #stepWrap elements ====
================================================*/


/*================================================
		===== #buyWrap elements ====
================================================*/
	/*===== Seal Price ===== */
	.priceTop {background:url(../images/blue/seal.png) no-repeat;}
	.priceBottom {background:url(../images/blue/seal.png) no-repeat;}
	.priceTop p {text-shadow: 0px -1px 1px #36589c;}
	.priceBottom p {text-shadow: 0px -1px 1px #36589c;}
	a.buy-btn {background: url(../images/blue/buy-button.png) no-repeat;}
	/*===== End Seal price ===== */

/*================================================
		=====End #buyWrap elements ====
================================================*/