* { padding: 0; margin: 0; }

body
{
    font-family: Arial, Helvetica, sans-serif;
	background: url(/client/images/bg.body.gif) 0px 10px repeat-x;
    color: #000000;
    font-size: 13px;
	line-height: 150%;
}

a
{   
	position: relative;                         
    -moz-outline-style: none;   
	color: #007842;
	outline: none;
}

button
{                        
    -moz-outline-style: none;   
	outline: none;
}

a:active
{
  outline: none;
}

       
a:hover
{     
    text-decoration: none;                         
}                                

a img
{
    border: none;
}

fieldset
{
	border: none;
}

/* ###################################################################################### */

#container
{
    position: relative; 
    width: 900px;  
    margin: 0 auto;
}

/* ###################################################################################### */


/* ###################################################################################### */

#header
{
	position: relative;
	float: left;
	width: 900px;
	margin-bottom: 30px;
	margin-top: 20px;
}

#header_promo
{
	position: relative;
	float: left;
	width: 900px;
	margin-bottom: 25px;
	height: 100px;
}

#header div.nav
{
	float: right;
	clear: right;
	width: 700px;
}


#header ul.navigation
{
	float: right;
	list-style: none;
	clear: right;
}


#header ul.login
{
	float: right;
	list-style: none;
	margin-bottom: 20px;
	margin-top: 10px;
}

#header ul.login li
{
	float: left;
	display: inline;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}

#header ul.login li a
{
	text-decoration: none;	
}

#header ul.login li a:hover
{
	text-decoration: underline;	
}

#header ul.login li.or
{
	padding: 0px 10px;
	font-size: 12px;
	font-weight: normal;
}

#header ul.login li.signup a
{
	color: #016293;
}

#header ul.login li.login a
{

}

/* ###################################################################################### */

#header div.international
{
	float: right;
	margin-top: 10px;
	margin-left: 30px;
	background: url(/client/images/international.gif) no-repeat top left;
	line-height: 20px;
	padding: 0px 0px 0px 25px;
}

#header div.international a
{
	background: url(/client/images/international_select.gif) no-repeat top right;
	padding-right: 10px;
	text-decoration: none;
	color: #666666;
}

#header div.country
{
	background: none;
	padding: 0px;
}

#header div.country a
{
	position: relative;
	float: left;
	line-height: 20px;
	padding-right: 0px;
	padding-left: 25px;
}

#header div.country a:hover
{
	text-decoration: underline;
}

#header div.country a.en
{
	background: url(/client/images/flags/global_s.gif) no-repeat top left;
}

#header div.country a.fr
{
	background: url(/client/images/flags/fr_s.gif) no-repeat top left;
}

#header div.country a.lt
{
	background: url(/client/images/flags/lt_s.gif) no-repeat top left;
}

#header div.country a.pl
{
	background: url(/client/images/flags/pl_s.gif) no-repeat top left;
}

#header div.country a.pt
{
	background: url(/client/images/flags/pt_s.gif) no-repeat top left;
}

#header div.country a.ru
{
	background: url(/client/images/flags/ru_s.gif) no-repeat top left;
}

#header div.country a.ua
{
	background: url(/client/images/flags/ua_s.gif) no-repeat top left;
}

#header div.country a.mx
{
	background: url(/client/images/flags/mx_s.gif) no-repeat top left;
}

#header div.country a.za
{
	background: url(/client/images/flags/za_s.gif) no-repeat top left;
}

#header div.country a.befr
{
	background: url(/client/images/flags/befr_s.gif) no-repeat top left;
}

#header div.country a.benl
{
	background: url(/client/images/flags/benl_s.gif) no-repeat top left;
}

#header div.country a.se
{
	background: url(/client/images/flags/se_s.gif) no-repeat top left;
}

#header div.country a.es
{
	background: url(/client/images/flags/es_s.gif) no-repeat top left;
}

#header div.international a:hover
{
	color: #007842;	
}

#header #international_select
{
	position: absolute;
	display: none;
	margin-top: 35px;
	margin-left: 808px;
	background: #ffffff;
	width: 90px;
	border: 1px solid #cccccc;
	z-index: 1000;
	padding: 10px 10px 5px 10px;
}

#header #international_select ul
{
	list-style: none;	
}

#header #international_select ul li
{
	font-size: 11px;
	padding-bottom: 5px;
}

#header #international_select ul li a
{
	display: block;
	padding-left: 5px;
}

#header #international_select ul li a:hover
{
	background: #eeeeee;
}


/* ###################################################################################### */

#header ul.navigation li
{
	float: left;
	display: inline;
	font-size: 13px;
	font-weight: bold;
	line-height: 40px;
	margin-left: 20px;
}

#header ul.navigation li a
{
	display: block;
	float: left;
	color: #666666;
	text-decoration: none;
}

#header ul.navigation li a:hover
{
	text-decoration: underline;	
}

#header ul.navigation li.sel
{
	background: url(../images/navigation.right.gif) no-repeat top right;
}

#header ul.navigation li.sel a
{
	background: url(../images/navigation.left.gif) no-repeat top left;
	padding: 0px 20px 0px 20px;
	color: #039655;
	font-weight: bold;
	-moz-outline-style: none;  
}

#header ul.navigation li.sel a:hover
{
	text-decoration: none;	
}

#header h1
{
	position: relative;
	float: left;
	width: 190px;
	height: 70px;
	text-indent: -1000em;
	background: url(../images/mailerlite_logo_new.gif) no-repeat;
}

#header h1 a
{
	float: left;
	width: 190px;
	height: 70px;
}

/* ###################################################################################### */

#title
{
	position: relative;
	float: left;
	width: 900px;
	margin-bottom: 30px;
}

div.not_found
{
	margin-top: 70px;
	padding-bottom: 80px;
}

#title h2
{
	position: relative;
	float: left;
	width: 900px;
	height: 40px;
	font-size: 42px;
	font-weight: normal;
	text-align: center;
}

#title h3
{
	position: relative;
	float: left;
	width: 900px;
	height: 27px;
	line-height: 27px;
	margin-top: 15px;
	font-size: 25px;
	font-weight: normal;
	text-align: center;
	color: #666666;
}

#title h3 a
{
	text-decoration: underline;
}	

/* ###################################################################################### */


#intro3
{
	position: relative;
	float: left;
	width: 900px;
	height: 350px;
	background: url(/client/images/newsletters2.bg.jpg) no-repeat;
	margin-bottom: 30px;
}

#intro3 img
{
	position: relative;
	float: left;
	margin-left: 140px;
	margin-top: 70px;
}

/* ###################################################################################### */


#intro_img
{
	position: relative;
	float: left;
	margin-bottom: 30px;
}

#intro_img a img
{
	position: relative;
	float: left;
}

/* ###################################################################################### */


#intro2
{
	position: relative;
	float: left;
	width: 900px;
	height: 350px;
	background: url(/client/images/newsletters.bg.jpg) no-repeat;
	margin-bottom: 30px;
}

#intro2 img
{
	position: relative;
	float: left;
	margin-left: 140px;
	margin-top: 70px;
}

/* ###################################################################################### */


#intro
{
	position: relative;
	float: left;
	width: 750px;
	height: 300px;
	padding: 0px 30px 0px 30px;
	background: url(/client/images/intro.bg.gif) no-repeat;
	margin-bottom: 30px;
}

#intro div.text
{
	position: relative;
	float: left;
	width: 280px;
	padding-top: 40px;
}

#intro div.text p
{
	padding-bottom: 20px;	
}
 
#intro div.text strong span
{
	color: #007842;
}

#intro div.text h3
{
	padding-bottom: 15px;
	font-size: 16px;
	line-height: 140%;
	color: #333333;
}

#intro div.text a
{
	position: relative;
	float: left;
	width: 160px;
	height: 40px;
	background: url(/client/images/view_features.gif) no-repeat;
	color: #ffffff;
	line-height: 40px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

#intro div.text a:hover
{
	color: #e1ffd1;
	text-decoration: underline;
}

#intro ul
{
	position: relative;
	float: left;
	margin-left: 20px;
	margin-top: 50px;
}


#intro ul li
{
	font-size: 16px;
	padding-bottom: 10px;
}

#intro img
{
	position: relative;
	float: right;
}

/* ###################################################################################### */


#signup
{
	position: relative;
	float: left;
	width: 900px;
	height: 50px;
	padding: 30px 0px 30px 0px;
	background: url(/client/images/bg.signup2.gif) no-repeat;
	margin-bottom: 30px;
}

#signup div.text
{
	position: relative;
	float: left;
	width: 470px;
}

#signup a.affiliate
{
	position: relative;
	float: left;
	width: 300px;
	background: url(/client/images/affiliate.button.gif) no-repeat;
	background-position: top;
	color: #ffffff;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	margin-left: 300px;
	margin-right: 30px;
}

#signup a.affiliate:hover
{
	background-position: bottom;
}

#signup a.signup
{
	position: relative;
	float: left;
	width: 235px;
	background: url(/client/images/signup.button2.gif) no-repeat;
	background-position: top;
	color: #ffffff;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	margin-left: 200px;
	margin-right: 30px;
}

#signup a.signup:hover
{
	background-position: bottom;
}

#signup a.features
{
	position: relative;
	float: left;
	width: 235px;
	background: url(/client/images/features.button2.gif) no-repeat;
	background-position: top;
	color: #ffffff;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

#signup a.features:hover
{
	background-position: bottom;
}

#signup a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

#signup div.text h5
{
	font-size: 18px;
	color: #016293;
	margin-top: 7px;
	margin-bottom: 5px;
}

#signup div.text p
{
	font-size: 11px;
}

/* ###################################################################################### */

#buttons
{
	position: relative;
	float: left;
	width: 900px;
	padding-bottom: 30px;
}

#buttons a
{
	position: relative;
	float: left;
	width: 200px;
	height: 50px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	line-height: 50px;
}

#buttons a.button2
{
	background: url(/client/images/intro.button2.gif) no-repeat;
}

#buttons a.button1
{
	background: url(/client/images/intro.button1.gif) no-repeat;
	margin-left: 190px;
	margin-right: 20px;
}

/* ###################################################################################### */

#title_green
{
	position: relative;
	float: left;
	width: 660px;
	padding: 0px 20px 0px 20px;
	height: 100px;
	background: url(../images/title.bg.gif) repeat-y;
}

/* ###################################################################################### */

div.display_none
{
	display: none;	
}

/* ###################################################################################### */

#content
{
	position: relative;
	float: left;
	width: 900px;
	margin-bottom: 30px;
}

#content h2
{
	font-size: 24px;
	margin-bottom: 20px;
	color: #00874b;
}

#content h3
{
	font-size: 16px;
	color: #666666;
	margin-bottom: 15px;
	line-height: 150%;
}

#content h4
{
	font-size: 14px;
	color: #000000;
	margin-bottom: 10px;
}

#content p
{
	padding-bottom: 10px;
}

#content ul, #content ol
{
	margin-left: 30px;
	padding-bottom: 10px;
}

#content ul li, #content ol li
{
	padding-bottom: 5px;
}

#content div.left
{
	position: relative;
	clear: left;
	float: left;
	width: 330px;
}

#content div.right
{
	position: relative;
	clear: right;
	float: right;
	width: 330px;
}

#content table
{
	position: relative;
	float: left;
	width: 900px;
}

#content table td
{
	padding: 10px 0px;
	border-bottom: 1px solid #cccccc;
	text-align: center;
	background: #eeeeee;
	padding: 10px 0px;
}

#content table td.small
{
	font-size: 11px;
	border-bottom: none;
}

#content table td.small2
{
	font-size: 11px;
}

#content table td.special
{
	font-size: 11px;
	border-bottom: none;
}

#content table td.credits
{
	font-weight: bold;
	color: #19a165;
}

#content table td.price
{
	font-weight: bold;
	font-size: 16px;
}

#content table td.price span
{
	font-size: 11px;	
}

#content table th
{
	padding: 10px 0px;
	border-bottom: 1px solid #007c3d;
	text-align: left;
	background: #19a165;
	color: #ffffff;
	width: 130px;
}

#content table th a
{
	color: #ffffff;
	font-weight: bold;
}

#content table th span
{
	color: #e4fbe9;
	font-size: 11px;
	font-weight: normal;
}

#content table th.bottom
{
	border-bottom: none;	
}

#content table td.left
{
	background: #19a165;
	width: 10px;
	border-bottom: none;
}

#content table td.left_top
{
	background: url(../images/cg1.gif) no-repeat top left #19a165;
	width: 10px;
	border-bottom: none;
}

#content table td.left_bottom
{
	background: url(../images/cg2.gif) no-repeat bottom left #19a165;
	width: 10px;
	border-bottom: none;
}

#content table td.right
{
	background: #eeeeee;
	width: 10px;
	border-bottom: none;
}

#content table td.right_top
{
	background: url(../images/cg3.gif) no-repeat top left #eeeeee;
	width: 10px;
	border-bottom: none;
}

#content table td.right_bottom
{
	background: url(../images/cg4.gif) no-repeat bottom left #eeeeee;
	width: 10px;
	border-bottom: none;
}

/* ###################################################################################### */

#content ul.payments
{
	position: relative;
	float: right;
	list-style: none;
	margin-left: 0px;
	font-size: 11px;
	margin-bottom: 30px;
	margin-top: 15px;
	padding-bottom: 0px;
	margin-right: 10px;
}

#content ul.payments li
{
	position: relative;
	float: left;
	display: inline;
	margin-left: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#content ul.payments li a img
{
	position: relative;
	float: left;
	line-height: 100%;
}

#content ul.payments li img
{
	position: relative;
	float: left;
	line-height: 100%;
}

/* ###################################################################################### */

#content ul.currency
{
	position: relative;
	float: right;
	list-style: none;
	margin-left: 0px;
	font-size: 11px;
}

#content ul.currency li
{
	display: inline;
	margin-right: 10px;
}

#content ul.currency li.sel
{
	font-weight: bold;
}

#content ul.currency li a
{
	color: #666666;	
}

#content ul.currency li a:hover
{
	color: #007842;	
}

#content ul.currency li.sel a
{
	color: #007842;
	text-decoration: none;
	font-size: 13px;
}

#content table#curr_2, #content table#curr_3
{
	display: none;	
}

/* ###################################################################################### */

#content #video
{
	position: relative;
	float: left;
	width: 640px;
	margin-left: 130px;
}

/* ###################################################################################### */

#content div.about
{
	position: relative;
	float: left;
	width: 530px;
	margin-left: 140px;
}

#content div.about h4
{
	color: #007842;
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 0px;
}

#content div.about h5
{
	color: #666666;
	font-size: 16px;
	margin-bottom: 10px;
	margin-top: 10px;
}

/* ###################################################################################### */

#content form
{

}

#content form fieldset
{
	position: relative;
	float: left;
	margin-bottom: 10px;
	width: 100%;
}

#content div.form
{
	position: relative;
	float: left;
	width: 530px;
	margin-left: 185px;
	margin-bottom: 30px;
}

#content div.no_margin
{
	margin-bottom: 0px;
}

#content div.form div.form_top
{
	position: relative;
	float: left;
	width: 530px;
	height: 30px;
	background: url(/client/images/form.top.gif) no-repeat top;
}

#content div.form div.form_middle
{
	position: relative;
	float: left;
	width: 530px;
	background: url(/client/images/form.middle.gif) repeat-y;
}

#content div.form div.form_middle_price
{
	position: relative;
	float: left;
	width: 470px;
	padding: 0px 30px;
	background: url(/client/images/form.middle.gif) repeat-y;
}

#content div.form div.form_middle_price ol
{
	margin-left: 20px;
}

#content div.form div.form_middle_price ol li
{
	padding-bottom: 10px;	
}

#content div.form div.form_contact
{
	position: relative;
	float: left;
	width: 530px;
	background: url(/client/images/form.middle.gif) repeat-y;
	padding: 40px  0px  70px 0px;
	text-align: center;
}

#content div.form div.form_title
{
	position: relative;
	float: left;
	width: 470px;
	background: url(/client/images/form.middle.gif) repeat-y;
	padding: 0px 30px 10px 30px;
}

#content div.form div.form_text
{
	position: relative;
	float: left;
	width: 470px;
	background: url(/client/images/form.middle.gif) repeat-y;
	padding: 0px 30px 0px 30px;
}

#content div.form div.form_title h4
{
	color: #007842;
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 0px;
}

#content div.form div.form_text h4
{
	color: #007842;
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 0px;
}

#content div.form div.form_text h5
{
	color: #666666;
	font-size: 16px;
	margin-bottom: 10px;
	margin-top: 10px;
}

#content div.form div.form_title p
{
	color: #333333;
	font-size: 13px;
	padding-bottom: 5px;
}

#content div.form div.form_contact h4
{
	color: #007842;
	font-size: 20px;
	margin-top: 0px;
}

#content div.form div.form_contact p
{
	color: #333333;
	font-size: 13px;
}


#content div.form div.form_bottom
{
	position: relative;
	float: left;
	width: 530px;
	height: 20px;
	background: url(/client/images/form.bottom.gif) no-repeat bottom;
}

#content form fieldset input
{
	position: relative;
	float: left;
	padding: 3px;
	width: 220px;
}

#content form fieldset select
{
	position: relative;
	float: left;
	padding: 3px;
	width: 300px;
}

#content form fieldset input.subdomain
{
	width: 160px;
	margin-right: 5px;
}

#content form fieldset span
{
	position: relative;
	float: left;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 24px;
	font-weight: bold;
	margin-right: 15px;
}

#content form fieldset span.no
{
	color: #F00000;	
	display:none;
}

#content form fieldset span.yes
{
	color: #009754;	
	display:none;
}

#content form fieldset label
{
	position: relative;
	float: left;
	width: 120px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 24px;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
}

#content form fieldset.error label
{
	color: #F00000;	
}

#content form fieldset.error input
{
	border: 2px solid #F00000;
}

#content div.form div.form_middle a.signup
{
	position: relative;
	float: left;
	width: 235px;
	height: 50px;
	background: url(/client/images/signup.button.gif) no-repeat;
	color: #ffffff;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	margin-left: 147px;
}

#content div.form div.form_middle a.signup:hover
{
	color: #d3f1fd;
	text-decoration: underline;
}

#content form fieldset.login
{
	margin-bottom: 20px;
}

/* ###################################################################################### */

#content div.formbig
{
	position: relative;
	float: left;
	width: 900px;
}

#content div.formbig div.form_top
{
	position: relative;
	float: left;
	width: 900px;
	height: 30px;
	background: url(/client/images/formbig.top.gif) no-repeat top;
}

#content div.formbig div.form_middle
{
	position: relative;
	float: left;
	width: 840px;
	background: url(/client/images/formbig.middle.gif) repeat-y;
	padding: 0px 30px;
}

#content div.formbig div.form_middle h4
{
	font-size: 16px;
	margin-bottom: 20px;
}

#content div.formbig div.form_middle ul.country
{
	float: left;
	position: relative;
	width: 840px;
	list-style: none;
	margin-left: 0px;
}

#content div.formbig div.form_middle ul.country li
{
	float: left;
	position: relative;
	display: inline;
	margin-bottom: 20px;
	line-height: 30px;
}

#content div.formbig div.form_middle ul.country li a
{
	float: left;
	position: relative;
	display: block;
	width: 123px;
	padding-left: 45px;
	line-height: 30px;
}


#content div.formbig div.form_middle ul.country li.global
{
	background: url(/client/images/flags/global.gif) left no-repeat;	
}

#content div.formbig div.form_middle ul.country li.global a
{
	width: 200px;	
}


#content div.formbig div.form_middle ul.country li.fr
{
	background: url(/client/images/flags/fr.gif) left no-repeat;	
}

#content div.formbig div.form_middle ul.country li.lt
{
	background: url(/client/images/flags/lt.gif) left no-repeat;	
}

#content div.formbig div.form_middle ul.country li.pl
{
	background: url(/client/images/flags/pl.gif) left no-repeat;	
}

#content div.formbig div.form_middle ul.country li.pt
{
	background: url(/client/images/flags/pt.gif) left no-repeat;	
}

#content div.formbig div.form_middle ul.country li.ru
{
	background: url(/client/images/flags/ru.gif) left no-repeat;	
}

#content div.formbig div.form_middle ul.country li.ua
{
	background: url(/client/images/flags/ua.gif) left no-repeat;	
}

#content div.formbig div.form_middle ul.country li.za
{
	background: url(/client/images/flags/za.gif) left no-repeat;	
}

#content div.formbig div.form_middle ul.country li.mx
{
	background: url(/client/images/flags/mx.gif) left no-repeat;	
}

#content div.formbig div.form_middle ul.country li.se
{
	background: url(/client/images/flags/se.gif) left no-repeat;	
}

#content div.formbig div.form_middle ul.country li.es
{
	background: url(/client/images/flags/es.gif) left no-repeat;	
}

#content div.formbig div.form_middle ul.country li.befr
{
	background: url(/client/images/flags/befr.gif) left no-repeat;	
}

#content div.formbig div.form_middle ul.country li.benl
{
	background: url(/client/images/flags/benl.gif) left no-repeat;	
}

#content div.formbig div.form_bottom
{
	position: relative;
	float: left;
	width: 900px;
	height: 20px;
	background: url(/client/images/formbig.bottom.gif) no-repeat bottom;
}


/* ###################################################################################### */

#content div.form div.form_contact_local
{
	position: relative;
	float: left;
	width: 530px;
	background: url(/client/images/form.middle.gif) repeat-y;
	padding: 0px  0px  0px 0px;
	text-align: center;
}

#content div.form div.form_contact_local h4
{
	color: #007842;
	font-size: 20px;
	margin-top: 0px;
	margin-bottom: 20px;
}

#content div.form div.form_contact_local ul
{
	margin-left: 0px;	
}

#content div.form div.form_contact_local ul.last
{
	padding-bottom: 0px;	
}

#content div.form div.form_contact_local ul.last a
{
	font-weight: bold;	
}

#content div.form div.form_contact_local ul.last li.last
{
	padding-bottom: 0px;	
}

#content div.form div.form_contact_local ul li
{
	list-style: none;	
}

#content div.form div.form_contact_local ul li span
{
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}

/* ###################################################################################### */

#content div.right_info
{
	position: relative;
	float: right;
	width: 250px;
}

/* ###################################################################################### */

#content_box
{
	position: relative;
	float: left;
	width: 900px;
	margin-bottom: 30px;
	background: url(/client/images/bg.pattern.gif);
}

#content_box #video
{
	position: relative;
	float: left;
	width: 640px;
	margin-left: 129px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #cccccc;
}

#content_box #video iframe
{
	position: relative;
	float: left;	
}


#content_box div.box_top
{
	position: relative;
	float: left;
	width: 900px;
	height: 20px;
	background: url(/client/images/box.top.png);	
}

#content_box div.box_bottom
{
	position: relative;
	float: left;
	width: 900px;
	height: 20px;
	background: url(/client/images/box.bottom.png);	
}

#content_box div.plan
{
	position: relative;
	float: left;
	width: 860px;
	height: 130px;
	background: url(/client/images/bg.plan.png) no-repeat;
	margin: 0px 20px 20px 20px;
}

#content_box div.plan h3
{
	position: relative;
	float: left;
	background: url(/client/images/99price.png) no-repeat;
	text-indent: -1000em;
	margin: 8px 0px 8px 10px;
	width: 262px;
	height: 114px;
}

#content_box div.plan h3.lt
{
	background: url(/client/images/399pricelt.png) no-repeat;	
}

#content_box div.plan h3.uk
{
	background: url(/client/images/69priceuk.png) no-repeat;	
}

#content_box div.plan h3.fr
{
	background: url(/client/images/99pricefr.png) no-repeat;	
}

#content_box div.plan h3.se
{
	background: url(/client/images/99pricese.png) no-repeat;	
}

#content_box div.plan h3.ru
{
	background: url(/client/images/3999priceru.png) no-repeat;	
}

#content_box div.plan h3.ua
{
	background: url(/client/images/899priceua.png) no-repeat;	
}

#content_box div.plan ul
{
	position: relative;
	float: left;
	margin-left: 28px;
	padding-bottom: 0px;
	margin-top: 40px;
}

#content_box div.plan ul.lt
{
	margin-top: 35px;
}

#content_box div.plan ul li
{
	list-style: none;
	line-height: 100%;
	padding-bottom: 7px;
	padding-top: 3px;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}

#content_box div.plan ul li.small
{
	font-size: 14px;	
}

#content_box div.plan ul li.vat
{
	font-size: 11px;
	font-weight: normal;
	color: #666666;
}

#content_box div.plan a.signup
{
	position: relative;
	float: right;
	width: 230px;
	background: url(/client/images/signup.button3.gif) no-repeat;
	background-position: top;
	color: #ffffff;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	margin-top: 40px;
	margin-right: 40px;
}

#content_box div.plan a.signup:hover
{
	background-position: bottom;
}

/* ###################################################################################### */

div.content_box_fixed
{
	position: relative;
	float: left;
	width: 900px;
	margin-bottom: 30px;
	background: url(/client/images/bg.block1.png);
}

div.content_box_fixed_partner
{
	background: url(/client/images/bg.block2.png);
}

/* ###################################################################################### */

div.content_box_fixed div.partner
{
	position: relative;
	float: left;
	width: 870px;
	margin: 0px 0px 0px 30px;
	padding: 30px 0px 0px 0px;
	height: 270px;
}

div.content_box_fixed div.partner div.partner_info
{
	position: relative;
	float: left;
	width: 550px;
	padding: 0px 0px 0px 0px;
	margin-right: 30px;
}

#content div.content_box_fixed div.partner div.partner_info p
{
	padding-bottom: 10px;	
}

#content div.content_box_fixed div.partner div.partner_info h4
{
	font-size: 20px;
	margin-bottom: 10px;
}

#content div.content_box_fixed div.partner div.partner_info h5
{
	font-size: 13px;
	margin-bottom: 10px;
}

#content div.content_box_fixed div.partner div.partner_info h6
{
	font-size: 11px;
	margin-bottom: 15px;
	line-height: 100%;
}


#content div.content_box_fixed div.partner a img
{
	position: relative;
	float: left;
}

/* ###################################################################################### */

div.content_box_fixed div.customer_story
{
	position: relative;
	float: left;
	width: 870px;
	margin: 0px 0px 0px 30px;
}

div.content_box_fixed div.customer_story div.customer_story_info
{
	position: relative;
	float: left;
	width: 260px;
	padding: 50px 0px 0px 0px;
}

#content div.content_box_fixed div.customer_story div.customer_story_comment
{
	position: relative;
	float: left;
	width: 260px;
	padding: 100px 0px 0px 0px;
}

#content div.content_box_fixed div.customer_story div.big_comment
{
	padding: 60px 0px 0px 0px;	
}

#content div.content_box_fixed div.customer_story div.medium_comment
{
	padding: 80px 0px 0px 0px;	
}

#content div.content_box_fixed div.customer_story div.customer_story_info p
{
	padding-bottom: 10px;	
}

#content div.content_box_fixed div.customer_story div.customer_story_info h4
{
	color: #007842;
	font-size: 20px;
	margin-bottom: 10px;
}

#content div.content_box_fixed div.customer_story div.customer_story_info h5
{
	font-size: 13px;
	margin-bottom: 10px;
}

#content div.content_box_fixed div.customer_story div.customer_story_info h6
{
	font-size: 11px;
	margin-bottom: 20px;
	line-height: 100%;
}

#content div.content_box_fixed div.customer_story div.newsletter
{
	position: relative;
	float: left;
	width: 260px;
	height: 330px;
	padding: 30px 30px 0px 30px;
	background: url(/client/images/bg.story.png) no-repeat;
}

#content div.content_box_fixed div.customer_story div.newsletter a img
{
	position: relative;
	float: left;	
}

/* ###################################################################################### */

div.content_box_fixed div.customer_story div.customer_story_comment div.comment
{
	position: relative;
	float: left;
	width: 230px;
	padding: 15px 15px 0px 15px;
	background: url(/client/images/comment.png);
	font-style: italic;
	color: #333333;
	font-size: 14px;
	line-height: 20px;
}

div.content_box_fixed div.customer_story div.customer_story_comment div.comment p
{
	padding-bottom: 5px;	
}

div.content_box_fixed div.customer_story div.customer_story_comment div.author
{
	position: relative;
	float: left;
	width: 250px;
	padding: 20px 10px 0px 0px;
	background: url(/client/images/author.png) no-repeat;
	
}

div.content_box_fixed div.customer_story div.customer_story_comment div.author div.text
{
	position: relative;
	float: left;
	text-align: right;
	width: 190px;
	padding-top: 10px;
}

div.content_box_fixed div.customer_story div.customer_story_comment div.author div.text h6
{
	font-size: 13px;
	line-height: 20px;
}

div.content_box_fixed div.customer_story div.customer_story_comment div.author div.text span
{
	font-size: 11px;
	line-height: 15px;
}

div.content_box_fixed div.customer_story div.customer_story_comment div.author img
{
	position: relative;
	float: right;
}

/* ###################################################################################### */

#content_box div.text_columns
{
	position: relative;
	float: left;
	width: 870px;
	margin: 10px 15px 0px 15px;
}

#content_box div.text_columns_about
{
	position: relative;
	float: left;
	width: 900px;
	margin: 0px 0px 0px 0px;
}

#content_box div.text_columns div.main_column
{
	position: relative;
	float: left;
	width: 550px;
	margin: 0px 15px;
}

#content_box div.text_columns div.left_main_column
{
	position: relative;
	float: left;
	width: 580px;
	margin: 0px 0px;
}

#content_box div.text_columns div.side_column
{
	position: relative;
	float: right;
	width: 260px;
	margin: 0px 15px;
}

#content_box div.text_columns div.side_column div.item
{
	margin-bottom: 20px;	
}

#content_box div.text_columns div.side_column div.last
{
	margin-bottom: 0px;	
}

#content_box div.text_columns h4
{
	padding-bottom: 10px;
	font-size: 16px;
	color: #666666;
}

#content_box div.text_columns p
{
	padding-bottom: 10px;
}

#content_box div.text_columns ul
{
	margin-left: 30px;
}

#content_box div.text_columns ul li
{
	padding-bottom: 5px;	
}

/* ###################################################################################### */

#content_box div.text_columns div.main_column form fieldset
{
	position: relative;
	float: left;
	margin-bottom: 15px;
	width: 100%;
}

#content_box div.text_columns div.main_column form fieldset.username
{
	border-top: 1px solid #cccccc;	
	padding-top: 15px;
	margin-top: 5px;
}

#content_box div.text_columns div.main_column form fieldset.username h5
{
	margin-left: 110px;
	font-size: 11px;
	color: #666666;
	padding-bottom: 5px;
}

#content_box div.text_columns div.main_column form fieldset.button
{
	border-top: 1px solid #cccccc;	
	padding-top: 20px;
	margin-top: 5px; 
	margin-bottom: 0px;
}

#content_box div.text_columns div.main_column form fieldset.button a.signup
{
	margin-left: 110px;
	margin-bottom: 10px;
}

#content_box div.text_columns div.main_column form fieldset.button p
{
	clear: left;
	margin-left: 110px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#content_box div.text_columns div.main_column form fieldset label
{
	position: relative;
	float: left;
	width: 100px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 24px;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
}

#content_box div.text_columns div.main_column form fieldset.error label
{
	color: #F00000;	
}

#content_box div.text_columns div.main_column form fieldset.error input
{
	border: 2px solid #F00000;
}

#content_box div.text_columns div.main_column form fieldset span
{
	position: relative;
	float: left;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 28px;
	font-weight: bold;
	margin-right: 15px;
}

#content_box div.text_columns div.main_column form fieldset input
{
	position: relative;
	float: left;
	padding: 5px;
	width: 330px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

#content_box div.text_columns div.main_column form fieldset select
{
	position: relative;
	float: left;
	padding: 3px;
	width: 220px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

#content_box div.text_columns div.main_column form fieldset input.subdomain
{
	width: 210px;
	margin-right: 5px;
}

#content_box div.text_columns div.main_column form fieldset span.no
{
	color: #F00000;	
	display:none;
}

#content_box div.text_columns div.main_column form fieldset span.yes
{
	color: #009754;	
	display:none;
}

#content_box div.text_columns div.main_column form a.signup
{
	position: relative;
	float: left;
	width: 230px;
	background: url(/client/images/form.submit.png) no-repeat;
	background-position: top;
	color: #ffffff;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

#content_box div.text_columns div.main_column form a.signup:hover
{
	background-position: bottom;
}

/* ###################################################################################### */

#content_box div.content_team
{
	position: relative;
	float: left;
	width: 580px;
	margin: 0px 15px 10px 15px;
}

/* ###################################################################################### */

#content_box div.team
{
	position: relative;
	float: left;
	width: 260px;
	padding: 15px;
	background: url(/client/images/team.png) no-repeat;
}

#content_box div.team img
{
	position: relative;
	float: left;
	margin-right: 15px;
}

#content_box div.team h5
{
	font-size: 13px;
	margin-top: 32px;
	padding-bottom: 10px;
	line-height: 100%;
}

#content_box div.team p
{
	font-weight: normal;
	color: #666666;
	line-height: 100%;
}

/* ###################################################################################### */

#content_box div.three_columns_img
{
	position: relative;
	float: left;
	width: 870px;
	margin: 0px 15px 10px 15px;
}

#content_box div.three_columns_img a img
{
	position: relative;
	float: left;	
}

/* ###################################################################################### */

#content_box div.three_columns
{
	position: relative;
	float: left;
	width: 870px;
	margin: 0px 15px 10px 15px;
}

#content_box div.three_columns h4
{
	font-size: 16px;
	color: #666666;
}

#content_box div.three_columns div.three_column
{
	position: relative;
	float: left;
	width: 260px;
	margin: 0px 15px;
}

#content_box div.three_columns div.three_column h4
{
	padding-bottom: 10px;
	font-size: 16px;
	color: #666666;
}

#content_box div.three_columns div.three_column ul
{
	margin-left: 30px;
}

#content_box div.three_columns div.three_column ul li
{
	padding-bottom: 5px;	
}

#content_box div.three_columns div.three_column p
{
	padding-bottom: 10px;	
}

/* ###################################################################################### */

#content_box div.content_text
{
	position: relative;
	float: left;
	width: 840px;
	margin: 10px 30px 0px 30px;
}

#content_box div.content_text img
{
	position: relative;
	float: right;
}

#content_box div.text_info
{
	position: relative;
	float: left;
	width: 560px;
}

#content_box div.text_info h4
{
	padding-bottom: 10px;
	font-size: 16px;
	color: #666666;
}

#content_box div.text_info ul
{
	margin-left: 30px;
	margin-bottom: 10px;
}

#content_box div.text_info ul li
{
	padding-bottom: 5px;	
}

#content_box div.text_info p
{
	padding-bottom: 10px;	
}

/* ###################################################################################### */

#content div.feature
{
	position: relative;
	float: left;
	width: 900px;
	margin-bottom: 30px;
}

#content div.feature div.text
{
	position: relative;
	float: left;
	width: 340px;
}

#content div.feature div.text h4
{
	color: #007842;
	font-size: 20px;
	margin-bottom: 20px;
}

#content div.feature div.text p
{
	padding-bottom: 15px;
}

#content div.feature img
{
	position: relative;
	float: right;
}

#content div.feature ul
{
	
}

/* ###################################################################################### */

#content div.feature2
{
	position: relative;
	float: left;
	width: 900px;
	height: 460px;
	margin-bottom: 30px;
	background: url(/client/images/features_bg.jpg) no-repeat;
}

#content div.feature_no_margin
{
	margin-bottom: 0px;	
}

#content div.feature2 div.text
{
	position: relative;
	float: left;
	width: 310px;
	margin-left: 30px;
	margin-top: 60px;
}

#content div.feature2 div.text_right
{
	position: relative;
	float: right;
	width: 310px;
	margin-right: 30px;
	margin-top: 60px;
	margin-left: 0px;
}

#content div.feature2 div.text h4
{
	color: #007842;
	font-size: 20px;
	margin-bottom: 20px;
}

#content div.feature2 div.text p
{
	padding-bottom: 15px;
}

#content div.feature2 img
{
	position: relative;
	float: right;
}

#content div.feature2 img.left
{
	position: relative;
	float: left;
}

#content div.feature2 ul li
{
	color: #007842;
}

#content div.feature2 ul li span
{
	color: #000000;	
}

/* ###################################################################################### */

#content div.columns
{
	position: relative;
	float: left;
	width: 900px;
	margin-bottom: 20px;
}

#content div.columns div.col1
{
	position: relative;
	float: left;
	width: 250px;
	margin-right: 30px;
}

#content div.columns div.right
{
	margin-right: 0px;
}

/* ###################################################################################### */

#content div.intro_columns
{
	position: relative;
	float: left;
	width: 900px;
}

#content div.intro_columns div.col1
{
	position: relative;
	float: left;
	width: 280px;
	margin-right: 30px;
}

#content div.intro_columns div.right
{
	margin-right: 0px;
}

#content div.intro_columns div.col1 a img
{
	position: relative;
	float: left;
	margin-right: 15px;
}

#content div.intro_columns div.col1 div.text
{
	position: relative;
	float: left;
	width: 175px;
}

#content div.intro_columns div.text p
{
	padding-bottom: 0px;
}

#content div.intro_columns div.text h4
{

}

/* ###################################################################################### */

#content div.media
{
	position: relative;
	float: left;
	width: 900px;
	text-align: center;
	margin-bottom: 30px;
}

#content div.media object
{
	position: relative;
	float: left;
	margin-left: 85px;
}

/* ###################################################################################### */

#content div.portfolio
{
	position: relative;
	float: left;
	width: 810px;
	margin-left: 45px;

}

#content div.portfolio a img
{
	position: relative;
	float: left;
	border: 1px solid #cccccc;
	margin-right: 30px;
	margin-bottom: 30px;
	font-size: 11px;
	width: 178px;
	height: 218px;
}

#content div.portfolio a img.no_margin
{
	margin-bottom: 0px;	
}

#content div.portfolio a img.right
{
	margin-right: 0px;
}

#content div.portfolio a:hover img
{
	border: 1px solid #018f50;
}

/* ###################################################################################### */

#content_box div.gallery
{
	position: relative;
	float: left;
	width: 870px;
	padding: 0px 15px 0px 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#content_box div.gallery a img
{
	position: relative;
	float: left;
	border: 1px solid #cccccc;
	margin: 0px 15px 30px 15px;
	font-size: 11px;
	width: 142px;
	height: 170px;
}

#content_box div.gallery a img.no_margin
{
	margin-bottom: 0px;	
}

#content_box div.gallery a:hover img
{
	border: 1px solid #018f50;
}

/* ###################################################################################### */

#newsletter_content
{
	position: relative;
	float: left;
	padding-top: 20px;
}

#newsletter_content h2
{
	font-size: 16px;
	color: #019554;
	margin-bottom: 10px;
}

#newsletter_content p.error
{
	font-size: 13px;
	font-weight: bold;
}

#newsletter_content input
{
	padding: 5px;
	width: 270px;
	color: #6d6d6d;
	margin-right: 10px;
}

#newsletter_content button
{
	background: url(/client/images/bg.subscribe.gif) no-repeat;
	line-height: 30px;
	width: 100px;
	height: 30px;
	color: #FFFFFF;
	border: none;
	cursor: pointer;
}

/* ###################################################################################### */


#footer
{
	position: relative;
	float: left;
	width: 900px;
	height: 90px;
	padding-top: 15px;
	border-top: 1px solid #cccccc;
}

#footer ul.social
{
	position: relative;
	float: left;
	width: 220px;
}

#footer ul.social li
{
	list-style: none;
	padding-left: 23px;
	line-height: 16px;
	padding-bottom: 12px;
	font-size: 11px;
}

#footer ul.social li a
{
	font-weight: bold;	
}

#footer ul.social li.facebook
{
	background: url(/client/images/fb.png) no-repeat;
}

#footer ul.social li.twitter
{
	background: url(/client/images/twitter.png) no-repeat;
}


#footer div.facebook
{
	position: relative;
	float: left;
	width: 110px;
}

#footer div.facebook label
{
	position: relative;
	float: left;
	font-size: 12px;
	line-height: 100%;
	color: #016293;
	margin-bottom: 12px;
	font-weight: bold;
}

#footer div.facebook a
{
	position: relative;
	float: left;
	font-size: 11px;
	line-height: 24px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	background: url(/client/images/facebook.gif) no-repeat;
	width: 100px;
	text-align: center;
}

#footer div.newsletter
{
	position: relative;
	float: left;
	margin-right: 30px;
	width: 310px;
}

#footer div.newsletter label
{
	position: relative;
	float: left;
	font-size: 12px;
	line-height: 100%;
	color: #007842;
	margin-bottom: 12px;
	font-weight: bold;
	width: 310px;
}

#footer div.newsletter input.email
{
	position: relative;
	float: left;
	clear: left;
	width: 190px;
	padding: 0px 5px;
	line-height: 24px;
	height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-right: 10px;
	background: url(/client/images/newsletter.input.gif) no-repeat;
	border: none;
}

#footer div.newsletter input.button
{
	position: relative;
	float: left;
	width: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 4px 0px 4px 0px;
	height: 24px;
	cursor: pointer;
	background: url(/client/images/subscribe.gif) no-repeat;
	color: #ffffff;
	border: none;
	width: 100px;
	text-align: center;
	font-weight: bold;
}

#footer div.newsletter button
{
	position: relative;
	float: left;
	width: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 4px 0px 4px 0px;
	height: 24px;
	cursor: pointer;
	background: url(/client/images/subscribe.gif) no-repeat;
	color: #ffffff;
	border: none;
	width: 100px;
	text-align: center;
	font-weight: bold;
}

#footer div.copy
{
	position: relative;
	float: right;
	width: 340px;
}

#footer div.copy ul
{
	position: relative;
	float: right;
	list-style: none;
	margin-bottom: 10px;
}

#footer div.copy ul li
{
	position: relative;
	float: left;
	display: inline;
	margin-left: 10px;
	font-size: 11px;
	color: #666666;
	line-height: 100%;
}

#footer div.copy ul li a
{
	color: #333333;
	text-decoration: underline;
}

#footer div.copy ul li a:hover
{
	text-decoration: none;
}

#footer div.copy span
{
	position: relative;
	float: right;
	width: 100%;
	text-align: right;
	color: #666666;
	font-size: 12px;
	line-height: 28px;
}

/* ###################################################################################### */

#error
{
	display: none;
	padding: 10px 0px;
	color: #e8122e;
}

div.habla_panel_border
{
	font-size: 11px;	
}

/* ###################################################################################### */

#content_box div.about_us
{
	position: relative;
	float: left;
	width: 900px;
	margin: 0px;
}

/* ###################################################################################### */

#content_box div.about_us_left
{
	position: relative;
	float: left;
	width: 610px;
	margin-top: 10px;
}

#content_box div.about_us_left div.about_us_left_team
{
	position: relative;
	float: left;
	width: 580px;
	margin: 0px 15px 10px 15px;
}

#content_box div.about_us_left div.bottom
{
	margin: 0px 15px 0px 15px;	
}

#content_box div.about_us_left div.about_us_left_text
{
	position: relative;
	float: left;
	width: 550px;
	margin: 0px 30px;
}

/* ###################################################################################### */

#content_box div.about_us_left div.about_us_left_team div.team
{
	position: relative;
	float: left;
	width: 260px;
	padding: 15px;
	background: url(/client/images/team.png) no-repeat;
}

#content_box div.about_us_left div.about_us_left_team div.last
{
	padding: 15px 15px 10px 15px;	
}

#content_box div.about_us_left div.about_us_left_team div.team img
{
	position: relative;
	float: left;
	margin-right: 15px;
}

#content_box div.about_us_left div.about_us_left_team div.team h5
{
	font-size: 16px;
	margin-top: 24px;
	padding-bottom: 10px;
	line-height: 100%;
}

#content_box div.about_us_left div.about_us_left_team div.team p
{
	font-weight: normal;
	color: #666666;
	line-height: 100%;
	margin-bottom: 5px;
	font-size: 11px;
}

#content_box div.about_us_left div.about_us_left_team h4
{
	padding-bottom: 5px;
	font-size: 16px;
	color: #666666;
	padding-left: 15px;
}

/* ###################################################################################### */

#content_box div.about_us_left div.about_us_left_text h4
{
	padding-bottom: 10px;
	font-size: 16px;
	color: #666666;
}

#content_box div.about_us_left div.about_us_left_text p
{
	padding-bottom: 10px;
}

#content_box div.about_us_left div.about_us_left_text ul
{
	margin-left: 30px;
}

#content_box div.about_us_left div.about_us_left_text ul li
{
	padding-bottom: 5px;	
}

/* ###################################################################################### */


#content_box div.about_us_right
{
	position: relative;
	float: left;
	width: 260px;
	margin: 10px 15px 0px 15px;
}

#content_box div.about_us_right div.item
{
	margin-bottom: 0px;	
}

#content_box div.about_us_right div.last
{
	margin-bottom: 0px;	
}

#content_box div.about_us_right h4
{
	padding-bottom: 15px;
	font-size: 16px;
	color: #666666;
}

#content_box div.about_us_right p
{
	padding-bottom: 10px;
}

#content_box div.about_us_right ul
{
	margin-left: 30px;
	margin-bottom: 10px;
}

#content_box div.about_us_right ul li
{
	padding-bottom: 5px;
	font-weight: bold;
}

/* ###################################################################################### */

#content_block
{
	position: relative;
	float: left;
	width: 900px;
	padding: 30px 0px 0px 0px;
	margin-bottom: 30px;
	background: url(/client/images/content_block_bg.gif);
	border-radius: 10px;
	height: 500px;
}