@charset "utf-8";

/***************************************************************************
	DOCUMENT
***************************************************************************/

	.clear
	{
		clear: both;
	}
	
	img
	{
		border: 0;
	}
	
	.justify
	{
		text-align: justify;
	}
	
	.center
	{
		text-align: center;
	}
	
	body
	{
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	div#afs_wrap
	{
		margin: 0;
		padding: 0;
		min-width: 990px;
		background: #011826 url(../img/tpl/tpl_bg.png) repeat-x top fixed;
		text-align: left;
	}

/***************************************************************************
	HEADER
***************************************************************************/

	div#afs_wrap div#afs_top
	{
		width: 930px;
		height: 40px;
		margin: 0 auto;
		line-height: 40px;
	}

	div#afs_wrap div#afs_top div#afs_top_left
	{
		float: left;
		width: 700px;
		height: 25px;
		padding-top: 15px;
	}
	
	div#afs_wrap div#afs_top div#afs_top_right
	{
		float: right;
		width: 200px;
		height: 40px;
		text-align: right;
	}
	
	div#afs_wrap div#afs_top div#afs_top_right img
	{
		margin-left: 10px;
		border: solid 1px #FFF;
	}
	
	div#afs_wrap div#afs_layout_top 
	{
		width: 990px;
		height: 25px;
		margin: 0 auto;
		background: url(../img/tpl/tpl_layout_top.png) no-repeat center;
	}
	
	div#afs_wrap #afs_layout
	{
		width: 990px;
		margin: 0 auto;
		background: url(../img/tpl/tpl_layout_bg.png) repeat-y center;	
	}	

	div#afs_wrap div#afs_layout div#afs_logo
	{
		width: 970px;
		height: 115px;
		margin: 0 auto;
		background: #FFF url(../img/tpl/tpl_logo_bg.png) repeat-x bottom;
	}

	div#afs_wrap div#afs_layout div#afs_logo div#afs_logo_left
	{
		float: left;
		width: 400px;
		height: 90px;
		padding: 10px 0 15px 40px;
	}
	
	div#afs_wrap div#afs_layout div#afs_logo div#afs_logo_right
	{
		float: right;
		width: 350px;
		height: 115px;
		background: url(../img/tpl/tpl_logo_right.png) no-repeat;
	}

	div#afs_wrap div#afs_layout div#afs_head
	{
		width: 870px;
		height: 120px;
		margin: 0 auto;
		padding: 40px 50px;
		border-bottom: solid 2px #FFF;
		background: #333 url(../img/tpl/tpl_head.png) no-repeat center;
	}
	
	div#afs_wrap div#afs_layout div#afs_head h2,
	div#afs_wrap div#afs_layout div#afs_head h2 a
	{
		margin: 0;
		padding: 0;
		font: bold 24px/1.4 Arial, Helvetica, sans-serif;
		color: #FFF;
		text-decoration: none;
	}	

	div#afs_wrap div#afs_layout div#afs_menu
	{
		height: 50px;
		margin: 0 12px;
		background: #666 url(../img/tpl/tpl_menu.png) repeat-x;
	}

	div#afs_wrap div#afs_layout div#afs_menu ul
	{
		margin: 0; 
		padding: 0;
	}
	
	div#afs_wrap div#afs_layout div#afs_menu ul li
	{
		display: inline;
	}
	
	div#afs_wrap div#afs_layout div#afs_menu ul li a
	{
		float: left;
		padding: 0 18px;
		border-right: dotted 1px #444;
		font: 18px/50px Arial, Helvetica, sans-serif;
		text-align: center;
		text-decoration: none;
		color: #FFF;
	}
	
	div#afs_wrap div#afs_layout div#afs_menu ul li a:hover
	{
		background: #666 url(../img/tpl/tpl_menu_sel.png) repeat-x;
	}

/***************************************************************************
	FOOTER
***************************************************************************/

	div#afs_wrap div#afs_layout div#afs_footer
	{
		width: 866px;
		height: 100px;
		margin: 0 auto;
		padding: 40px 50px;
		background: url(../img/tpl/tpl_footer.png) repeat-x bottom;
	}
	
	div#afs_wrap div#afs_layout div#afs_footer table td
	{
		padding: 20px;
	}
	
	div#afs_wrap div#afs_layout_bottom
	{
		width: 990px;
		height: 25px;
		margin: 0 auto;
		background: url(../img/tpl/tpl_layout_bottom.png) no-repeat top;
	}
	
	div#afs_wrap h6#afs_copyright
	{
		width: 990px;
		margin: 0 auto;
		padding: 20px 0;
		text-align: center;
		font: normal 13px/1.8 Arial, Helvetica, sans-serif;	
		color: #FFF;	
	}
	
	div#afs_wrap h6#afs_copyright a
	{
		color: #FFF;	
		text-decoration: none;
	}
	
	div#afs_wrap h6#afs_copyright img.ipelweb
	{	
		padding-left: 10px;
		vertical-align: middle;		
	}

/***************************************************************************
	SIDEBAR
***************************************************************************/

	div#afs_wrap div#afs_layout div#afs_content
	{
		width: 970px;
		margin: 0 auto;
		border-top: solid 2px #FFF;
		background: #FFF url(../img/tpl/tpl_page_bg.png) repeat-x top;
	}
	
	div#afs_wrap div#afs_layout div#afs_content div#afs_sidebar
	{
		float: right;
		width: 320px;	
		margin: 40px 20px 0 0;
	}
	
	div#afs_wrap div#afs_layout div#afs_content h5.afs_sidebar_title
	{
		width: 290px;
		height: 70px;
		padding-left: 30px;
		background: url(../img/tpl/tpl_sidebar.png) no-repeat; 
		font: normal 18px/70px Arial, Helvetica, sans-serif;
		color: #FFF;
	}
	
	div#afs_wrap div#afs_layout div#afs_content div.afs_sidebar_bottom
	{
		width: 300px;
		height: 10px;
		margin: 0 10px 20px 10px;
		background: url(../img/tpl/tpl_sidebar_bottom.png) no-repeat;
	}	

	div#afs_wrap div#afs_layout div#afs_content div.afs_sidebar_block
	{
		width: 278px;
		margin: 0 10px;
		padding: 10px;
		border-left:  solid 1px #CCC;
		border-right: solid 1px #CCC;
		background: url(../img/tpl/tpl_block.png) repeat-x bottom;
	}

	div#afs_wrap div#afs_layout div#afs_content div.afs_sidebar_block ul.menu
	{
		padding: 0;
		margin: 0;
		width: 280px;
		list-style: none;
	}
		
	div#afs_wrap div#afs_layout div#afs_content div.afs_sidebar_block ul.menu li a
	{
		display: block;
		height: 28px;
		padding-left: 30px;
		border-bottom: dotted 1px #CCC;
		background: url(../img/tpl/tpl_bullet.png) no-repeat 10px;
		font: bold 14px/28px Arial, Helvetica, sans-serif;
		text-decoration: none;
		color: #036;
	}
	
	div#afs_wrap div#afs_layout div#afs_content div.afs_sidebar_block ul.menu li a:hover
	{ 
		background: url(../img/tpl/tpl_sidebar_sel.png) no-repeat;
		color: #039; 
	}

/***************************************************************************
	CONTENT
***************************************************************************/

	div#afs_wrap div#afs_layout div#afs_content div#afs_page
	{
		float: left;
		width: 550px;
		margin: 45px 0 0 50px;
	}

	div#afs_wrap div#afs_layout div#afs_content div#afs_page div.buynow
	{
		height: 100px;
		margin-bottom: 10px;
		background: url(../img/tpl/tpl_button.png) no-repeat top;
		font: bold 22px/85px Arial, Helvetica, sans-serif;
		color: #FFF;
		text-align: center;
	}	
	
	div#afs_wrap div#afs_layout div#afs_content div#afs_page div.buynow a
	{
		color: #FFF;
		text-decoration: none;
	}
	
	div#afs_wrap div#afs_layout div#afs_content div#afs_page ul.check
	{
		padding: 0;
		margin: 0 0 20px 0;
		list-style: none;
	}
	
	div#afs_wrap div#afs_layout div#afs_content div#afs_page ul.check li
	{
		display: block;
		height: 20px;
		padding-left: 25px;
		background: url(../img/tpl/tpl_check.png) no-repeat;
		font: 13px/20px Arial, Helvetica, sans-serif;
		color: #666;
	}
	
	div#afs_wrap div#afs_layout div#afs_content div#afs_page a.fancybox img
	{
		border: solid 1px #999;
		margin: 2px 0 12px 0;
	}
	
	div#afs_wrap div#afs_layout div#afs_content div#afs_page a.fancybox img:hover
	{
		border: solid 1px #000;
	}
		
	.small
	{
		font: 13px/1.2 Arial, Helvetica, sans-serif;
		color: #666;
	}
	
	p
	{
		margin: 0 0 20px 0;
		padding: 0;
		font: 16px/1.4 'Open Sans', Arial, Helvetica, sans-serif;
		color: #1F3943;
	}
	
	h3
	{
		margin: 0 0 20px 0;
		padding: 0;
		font: normal 36px 'Raleway', Arial, Helvetica, sans-serif; /* Trebuchet */
		color: #1F3946; /* 1F3A43 */
	}

	h4
	{
		margin: 0 0 20px 0;
		padding: 0;
		font: normal 24px 'Raleway', Arial, Helvetica, sans-serif;
		color: #1F3943;
	}
img.guarantee
{
	float:left;
	padding-right: 20px;
}	
/***************************************************************************
	BLOCK
***************************************************************************/	

.afs_block_top {
	background: url(../img/tpl/tpl_block_top.png) no-repeat;
	width: 550px;
	height: 20px;	
	margin-top: 30px;
}
.afs_block_bottom {
	background: url(../img/tpl/tpl_block_bottom.png) no-repeat;
	width: 550px;
	height: 20px;
	margin-bottom: 30px;	
}
.afs_block {
	background: #FEFEFE url(../img/tpl/tpl_block.png) repeat-x bottom; 
	width: 389px;
	border-right: solid 1px #CCC;
	border-left: solid 1px #CCC;
	padding: 30px 80px;
}
.afs_block_demo{
	width: 499px;
	min-height: 125px;
	border-right: solid 1px #CCC;
	border-left: solid 1px #CCC;	
	background: #FEFEFE url(../img/tpl/tpl_block.png) repeat-x bottom; 
	padding: 10px 20px 10px 30px;
}
.afs_block_demo img {
	border: solid 1px #CCC;
	margin-top: -8px;	
	float: right;
}
/***************************************************************************
	TABLE
***************************************************************************/

	div#afs_wrap div#afs_layout div#afs_content div#afs_page table.table1
	{
		width: 100%;
		margin-top: 20px;
		border: solid 1px #CCC;
		font: 12px Arial, Helvetica, sans-serif;
		color: #666;
	}
	
	div#afs_wrap div#afs_layout div#afs_content div#afs_page table.table1 td
	{
		width: 50px;
		padding: 3px;
		border-left: solid 1px #CCC;
		text-align: center;
		vertical-align: middle;
	}
	
	div#afs_wrap div#afs_layout div#afs_content div#afs_page table.table1 tr#column td
	{
		border-bottom: solid 1px #CCC;
		background: #EEE;
		font: bold 12px Arial, Helvetica, sans-serif;
		text-align: center;
	}
	
	div#afs_wrap div#afs_layout div#afs_content div#afs_page table.table1 td.col1
	{
		border:0;
		text-align: left;
		width: 120px; 
	}
	
	div#afs_wrap div#afs_layout div#afs_content div#afs_page table.table1 td.col2
	{
		background: #F7F9FB;
	}	

	div#afs_wrap div#afs_layout div#afs_content div#afs_page table.table1 td.col3
	{
		background: #F1F4FA;
	}

	div#afs_wrap div#afs_layout div#afs_content div#afs_page table.table1 td.col4
	{
		background: #E7EDF5;
	}
	
	div#afs_wrap div#afs_layout div#afs_content div#afs_page table.table1 td.col5
	{
		background: #E0E9F3;
	}	
	
/***************************************************************************
	TABS
***************************************************************************/

	div.tabs
	{
		height: 40px;
		border-bottom: solid 1px #999;
		padding-left: 20px;
	}
	
	div.tabs ul li
	{
		list-style: none;
		display: inline;
	}
	
	div.tabs ul li a
	{
		float: left;
		margin: 0 0 0 5px;
		border: 1px solid #999;
		border-bottom: none;
		border-radius: 3px 3px 0 0;
		padding: 0 15px;
    	background: #EEE;
		font: bold 14px/39px Arial, Helvetica, sans-serif;
		color: #036;
		text-decoration: none;
	}
	
	div.tabs ul li a:hover,
	div.tabs ul li.active a
	{
		background: #FFF;
		border-bottom: solid 2px #FFF;
	}
	
/***************************************************************************
	TESTIMONIALS
***************************************************************************/

	div#afs_wrap div#afs_layout div#afs_content div#afs_page div.testimonial_top
	{
		width: 550px;
		height: 8px;
		margin-top: 30px;
		background: url(../img/tpl/tpl_testimonial_top.png) no-repeat;
	}
	
	div#afs_wrap div#afs_layout div#afs_content div#afs_page div.testimonial_bottom
	{
		width: 550px;
		height: 8px;	
		margin-bottom: 30px;
		background: url(../img/tpl/tpl_testimonial_bottom.png) no-repeat;	
	}
	
	div#afs_wrap div#afs_layout div#afs_content div#afs_page div.testimonial
	{
		padding: 30px;
		border-right: solid 1px #CCC;
		border-left: solid 1px #CCC;		
		background: url(../img/tpl/tpl_testimonial.png) repeat-x top;
	}

	div#afs_wrap div#afs_layout div#afs_content div#afs_page div.testimonial img
	{
		float: left;
		border: solid 1px #CCC;
	}
	
	div#afs_wrap div#afs_layout div#afs_content div#afs_page div.testimonial div.testimonial_title
	{
		margin-left: 130px;	
		font: bold 24px/0.9 Arial, Helvetica, sans-serif;
		color: #C60;
	}
	
	div#afs_wrap div#afs_layout div#afs_content div#afs_page div.testimonial div.testimonial_title a
	{
		font: normal 18px Arial, Helvetica, sans-serif;
		text-decoration: none;
		color: #06C;
	}

	div#afs_wrap div#afs_layout div#afs_content div#afs_page div.testimonial div.testimonial_text
	{
		margin: 15px 0 0 130px;
		font: 14px/1.3 Arial, Helvetica, sans-serif;
		text-align: justify;
		color: #666;	
	}
	
/***************************************************************************
	MESSAGES
***************************************************************************/

	div#afs_wrap div#afs_layout div#afs_msg_success,
	div#afs_wrap div#afs_layout div#afs_msg_error
	{
		margin: 0 12px;
		padding: 22px 30px;
		border-top: solid 2px #FFF;
		background: url(../img/tpl/tpl_msg.png) repeat-x bottom;
		font: bold 14px Arial;
		color: #FFF;
	}
	
	div#afs_wrap div#afs_layout div#afs_msg_success a,
	div#afs_wrap div#afs_layout div#afs_msg_error a
	{
		color: #FFF;
		text-decoration: underline;
	}
	
	div#afs_wrap div#afs_layout div#afs_msg_success
	{
		background-color: #090;
	}
	
	div#afs_wrap div#afs_layout div#afs_msg_error
	{
		background-color: #900;	
	}
	
	div#afs_wrap div#afs_layout div#afs_msg_success a.afs_msg_close,
	div#afs_wrap div#afs_layout div#afs_msg_error a.afs_msg_close
	{
		float: right;
		font: bold 12px Arial;
		text-decoration: none;
		color: #FFF;
	}
	
/***************************************************************************
	SHARE
***************************************************************************/

	/*div#afs_share
	{
		width: 34px;
		height: 248px;
		top: 100px;	
		left: 0px;
		position: fixed;
		border-radius: 0 6px 6px 0 !important;
		background: #FFF;
	}*/

/***************************************************************************
	CHAT
***************************************************************************/

	div#afs_chat
	{
		width: 150px;
		height: 40px;
		bottom: 0px;
		right: 30px;
		position: fixed;
	}

/***************************************************************************
	SLIDER
***************************************************************************/
	
	#integrations ul, 
	#interations li,
	#customers ul, 
	#customers li
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#integrations li,
	#customers li
	{
		width: 280px;
		height: 90px;
		overflow: hidden;
	}
	
	#integrations li img,
	#customers li img
	{
		padding: 0 5px 0 10px;
	}

/***************************************************************************
	POPIN
***************************************************************************/

	div.afs_popin_bg
	{
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		position: fixed;
		z-index: 2;
		display: none;
		background: url(../img/tpl/tpl_popin_bg.png) repeat;
	}
	
	div.afs_popin_bg div.afs_popin
	{
		width: 510px;
		height: 410px;
		top: 100px;
		left: 50%;
		margin-left: -250px;
		position: fixed;
		background: url(../img/tpl/tpl_popin.png) no-repeat;
	}
	
	div.afs_popin_bg div.afs_popin a#afs_popin_close
	{
		float: right;
		width: 36px;
		height: 36px;
	}
	
	div.afs_popin_bg div.afs_popin form
	{
		margin: 40px 60px 0 50px;
		text-align: left;
	}
	
/***************************************************************************
	COUNTER
***************************************************************************/

	div#afs_wrap div#afs_layout div#afs_head p#afs_counter
	{
		font: bold 15px Arial, Helvetica, sans-serif;
		color: #FFF;
		margin-top: 15px;	
	}
	
	div#afs_wrap div#afs_layout div#afs_head p#afs_counter span.afs_counter
	{
		margin-right: 1px;
		padding: 5px 8px;
		border-radius: 5px;
		background: #FFF;
		font: bold 16px "Courier New", Courier, monospace;
		color: #666;
	}
	
/***************************************************************************
	RIBBON
***************************************************************************/

	div#afs_wrap div#afs_layout div#afs_ribbon
	{
		width: 990px;
		height: 45px;
		padding-top: 40px;
		background: url(../img/tpl/tpl_ribbon.png) no-repeat;
		font: bold 20px Arial, Helvetica, sans-serif;
		text-align: center;
		color: #FFF;
	}

/* RIBBON CORNER	
position: absolute;	z-index: 100; top: 0; left: 0;	width: 125px; height: 125px; */

/***************************************************************************
	FORM
***************************************************************************/
	
	.mandatory
	{
		color: #900;
		font-weight: bold;
	}
	
	label
	{
		font-weight: bold;
	}
	
	.field
	{
		width: 92%;
		padding: 5px;
		border: #CCC solid 1px;
		border-radius: 5px;
		background: #FFC;
		margin-bottom: 12px;
	}
	
	input.button
	{
		padding: 8px 20px;
		font-weight: bold;
	}