* { padding: 0; margin: 0; }

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

a
{   
	position: relative;                         
    -moz-outline-style: none;   
    text-decoration: underline;
	color: #019554;
	outline: none;
}                  
       
a:hover
{     
    text-decoration: none;                           
}                                

a img
{
    border: none;
}

fieldset
{
	border: none;
}

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

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

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

#header
{
	position: relative;
	float: left;
	width: 940px;
	height: 50px;
	padding: 25px 0px;
	margin-bottom: 20px;
}

#header h1
{
	position: relative;
	float: left;
	height: 50px;
	width: 140px;
	text-indent: -1000em;
	margin-right: 20px;
}

#header h1.lt
{
	background: url(/client/images/mailer_naujienlaiskiu_siuntimas.gif) no-repeat;
	width: 140px;
}

#header h1.en
{
	background: url(/client/images/mailersoft_logo.gif) no-repeat;
	width: 181px;
}

#header h1.se
{
	background: url(/client/images/mailersoft_logo.gif) no-repeat;
	width: 181px;
}

#header h1 a
{
	float: left;
	display: block;
	height: 50px;
	width: 140px;
}

#header h1.en a, #header h1.se a
{
	width: 181px;
}


#header ul
{
	position: relative;
	float: right;
	list-style: none;
	margin-top: 5px;
}

#header ul li
{
	float: left;
	position: relative;
	display: inline;
	margin-left: 20px;
	line-height: 40px;
	
}

#header ul li a
{
	float: left;
	position: relative;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 40px;
}

#header ul li.sel
{
	background: url(/client/images/tab_right.gif) no-repeat top right;
	height: 40px;
	display: inline;
}

#header ul li.sel a
{
	display: block;
	background: url(/client/images/tab_left.gif) no-repeat top left;
	padding: 0px 15px 0px 15px;
	color: #FFFFFF;
	text-decoration: none;
}

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

#intro_title
{
	position: relative;
	float: left;
	margin-bottom: 10px;
}

#intro_title h2
{
	position: relative;
	float: left;
	height: 80px;
	width: 940px;
	text-indent: -1000em;
}

#intro_title h2.lt
{
	background: url(/client/images/patogu_efektyvu.gif) no-repeat;
}

#intro_title h2.en
{
	background: url(/client/images/easy_email_marketing.gif) no-repeat;
}

#intro_title h2.se
{
	background: url(/client/images/easy_email_marketing_se.gif) no-repeat;
}

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

#intro
{
	position: relative;
	float: left;
	width: 940px;
	height: 300px;
	background: url(/client/images/mailer_intro.jpg) top right no-repeat;
	margin-bottom: 20px;
}

#intro div.text
{
	position: relative;
	float: left;
	width: 450px;
}

#intro div.text dl
{
}

#intro div.text dl dt
{
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;
}

#intro div.text dl dd
{
	padding-bottom: 20px;
}

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

div.intro_box
{
	position: relative;
	float: left;
	width: 440px;
	padding-right: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	background: url(/client/images/bg.intro_box.gif) top right no-repeat;
}

div.intro_box_right
{
	margin-right: 0px;	
}

div.intro_box img
{
	position: relative;
	float: left;
	margin-right: 20px;
}

div.intro_box h3
{
	font-size: 18px;
	margin-top: 50px;
	padding-bottom: 10px;
}

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

div.intro_wide
{
	position: relative;
	float: left;
	width: 900px;
	height: 68px;
	padding: 23px 20px 17px 20px;
	margin-bottom: 20px;
	margin-top: 0px;
	background: url(/client/images/bg.intro_wide.gif) 0px 0px no-repeat;
}

div.intro_wide h4
{
	position: relative;
	float: left;
	font-size: 18px;
	line-height: 60px;
	color: #FFFFFF;
}

div.intro_wide h4 a
{
	position: relative;
	float: left;
	color: #e6fff4;
	background: #005f34;
	line-height: 40px;
	padding-left: 10px;
	margin: 10px;
	display: block;
	background: url(/client/images/intro_button_left.gif) no-repeat top left;
}

div.intro_wide h4 a span
{
	padding-right: 10px;
	background: url(/client/images/intro_button_right.gif) no-repeat top right;
	text-decoration: underline;
}

div.intro_wide h4 a:hover span
{
	text-decoration: none;
	color: #FFFFFF;
}

div.intro_wide h4 span
{
	position: relative;
	float: left;
}

div.intro_wide ul
{
	list-style: none;
}

div.intro_wide ul li
{
	float: left;
	display: inline;
	background: #005f34;
	line-height: 30px;
	margin-right: 15px;
	background: url(/client/images/intro_tab_right.gif) no-repeat top right;
}

div.intro_wide ul li a
{
	color: #FFFFFF;
	display: block;
	background: url(/client/images/intro_tab_left.gif) no-repeat top left;
	padding: 0px 15px;
	
}

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

div.intro_box2_container
{
	position: relative;
	float: left;
	width: 940px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 20px 0px 20px 0px;
	margin-bottom: 20px;
	
}

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

div.intro_box2
{
	position: relative;
	float: left;
	width: 300px;
	margin-right: 20px;
}

div.intro_box2_right
{
	margin-right: 0px;
}

div.intro_box2 a.image
{
	position: relative;
	float: left;
	height: 60px;
	width: 60px;
	margin-right: 20px;
}

div.intro_box2 div.intro_box2_text
{
	position: relative;
	float: left;
	width: 220px;
}

div.intro_box2 div.intro_box2_text h4
{
	font-size: 16px;
	padding-bottom: 10px;
}

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

#footer
{
	position: relative;
	float: left;
	width: 900px;
	padding: 20px 20px 40px 20px;
	background: url(/client/images/bg.footer.gif) no-repeat top;
}

#footer div.newsletter
{
	position: relative;
	float: left;
	width: 460px;
}

#footer div.newsletter h5
{
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 10px;
	color: #727272;
}

#footer div.newsletter p
{
	line-height: 20px;
	margin-bottom: 10px;
}

#footer div.newsletter input
{
	padding: 5px;
	width: 270px;
	color: #6d6d6d;
	margin-right: 10px;
}

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

#footer div.connect
{
	position: relative;
	float: left;
	width: 520px;
	margin-top: 10px;
}

#footer div.connect span
{
	float: left;
	position: relative;
	margin-right: 20px;
	line-height: 40px;
	background: url(/client/images/footer_span_bg.gif) no-repeat top right;
	padding: 0px 10px 0px 0px;
}

#footer div.connect span a
{
	float: left;
	position: relative;
	font-size: 13px;
	line-height: 40px;
	padding: 0px 0px 0px 45px;
	font-weight: bold;
}

#footer div.connect span.email a
{
	background: url(/client/images/footer_mail.gif) no-repeat top left;
}

#footer div.connect span.facebook a
{
	background: url(/client/images/footer_facebook.gif) no-repeat top left;
}

#footer div.footer_info
{
	position: relative;
	float: right;
	width: 300px;
}

#footer div.footer_info ul
{
	position: relative;
	float: right;
	list-style: none;
	width: 100%;
	text-align: right;
}

#footer div.footer_info ul li
{
	display: inline;
	line-height: 30px;
	margin-left: 15px;
}

#footer span.copyright
{
	position: relative;
	float: right;
	border-top: 1px solid #cccccc;
	text-align: right;
	line-height: 30px;
}

#footer span.copyright a
{
	color: #000000;
}

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

#footer2
{
	position: relative;
	float: left;
	width: 900px;
	padding: 9px 20px 31px 20px;
	background: url(/client/images/bg.footer2.gif) no-repeat top;
}

#footer2 ul
{
	position: relative;
	float: left;
	list-style: none;
	text-align: left;
}

#footer2 div.footer_info2 ul li
{
	display: inline;
	line-height: 30px;
	margin-right: 15px;
}

#footer2 span.copyright2
{
	position: relative;
	float: right;
	text-align: right;
	line-height: 30px;
	color: #616161;
}

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

div.content
{
	position: relative;
	float: left;
	background: #FFFFFF;
	width: 940px;
	margin-bottom: 20px;
	background: url(/client/images/bg.content.gif) repeat-y #FFFFFF;
}

div.content_left
{
	background: url(/client/images/bg.content2.gif) repeat-y #FFFFFF;
}

div.content h2
{
	font-size: 24px;
	color: #019554;
	margin-bottom: 20px;
}

div.content h2.inside
{
	margin-top: 10px;	
}

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

div.content h4
{
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 150%;
}

div.content h6
{
	font-size: 16px;
	color: #969696;
	margin-bottom: 10px;
	padding-top: 20px;
	border-top: 1px solid #e6e6e6;
}

div.content h7
{
	position: relative;
	float: left;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 20px;
	margin-top: 20px;
	line-height: 100%;
}

div.content pre
{
	font-family: Consolas,Monaco,"Courier New",Courier,monospace;
	margin-bottom: 10px;	
	background: #F5F5F5;
	font-size: 11px;
	overflow: auto;
	padding: 10px;
}

div.content textarea.code
{
	position: relative;
	float: left;
	width: 640px;
	border: 1px solid #cccccc;
	font-family: Consolas,Monaco,"Courier New",Courier,monospace;
	margin-bottom: 20px;	
	background: #F5F5F5;
	font-size: 11px;
	line-height: 150%;
	padding: 10px;
	
}
div.content strong.green
{
	color: #019554;
}

div.content p
{
	padding-bottom: 10px;
}

div.content p.link
{
	padding-bottom: 20px;
}

div.content div.line
{
	position: relative;
	float: left;
	width: 660px;
	border-top: 1px solid #e6e6e6;
	margin-bottom: 20px;
	margin-top: 10px;
}


div.content div.box
{
	position: relative;
	float: left;
	width: 660px;
	border-top: 1px solid #e6e6e6;
	padding: 20px 0px 10px 0px;
}

div.content div.box_list
{
	padding: 15px 0px 15px 0px;
}

div.content div.box_comment
{
	padding: 15px 0px 15px 0px;
}

div.content div.box_comment div.text_list_comment
{
	position: relative;
	float: right;
	width: 525px;
	margin-left: 19px;
}

div.content div.box_comment div.text_list_comment div.cloud
{
	position: relative;
	float: left;
	width: 505px;
	background: url(/client/images/bg.cloud.gif) no-repeat top #eeeeee;
	padding: 10px 10px 0px 10px;
}

div.content div.box_comment div.text_list_comment div.cloud_bottom
{
	position: relative;
	float: left;
	width: 455px;
	padding: 15px 0px 0px 70px;
	background: url(/client/images/bg.cloud_bottom.gif) no-repeat top #ffffff;
}

div.content div.box_comment div.text_list_comment div.cloud p
{
	font-style: italic;
	font-size: 14px;
	padding-bottom: 0px;
	line-height: 150%;
}

div.content div.box_comment div.text_list_comment div.cloud p span
{
	font-size: 22px;
	color: #888888;
	font-family: Georgia, "Times New Roman", Times, serif;
}

div.content div.box_comment img
{
	position: relative;
	float: left;
	border: 1px solid #e6e6e6;
	font-size: 11px;
	width: 114px;
	height: 114px;
}

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

div.content div.box div.text
{
	position: relative;
	float: left;
	width: 320px;
	padding-right: 20px;
}

div.content div.box div.text2
{
	position: relative;
	float: right;
	width: 320px;
	padding-left: 20px;
}

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

div.content div.box a.image
{
	position: relative;
	float: left;
	height: 100px;
	width: 120px;
}

div.content div.box div.text_list
{
	position: relative;
	float: right;
	width: 520px;
	padding-left: 20px;
}

div.content div.box div.text_list h4
{
	margin-top: 5px;
	margin-bottom: 10px;
}

div.content div.top
{
	position: relative;
	float: left;
	width: 940px;
	height: 20px;
	background: url(/client/images/top.content.gif) no-repeat;
}

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

div.content div.info
{
	position: relative;
	float: right;
	width: 660px;
	padding-right: 20px;
}

div.content div.info img.big
{
	position: relative;
	float: left;
	margin-bottom: 20px;
	margin-top: 10px;
}

div.content div.info ul, div.content div.info ol
{
	margin-left: 30px;
	padding-bottom: 5px;
}

div.content div.info ul li, div.content div.info ol li
{
	padding-bottom: 5px;
}

div.content div.info_left
{
	float: left;
	padding-left: 20px;
}

div.content div.side
{
	position: relative;
	float: left;
	width: 200px;
	padding: 0px 20px;
}

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

div.content div.info table
{
	position: relative;
	float: left;
	width: 660px;
	border-collapse: collapse;
	margin-bottom: 15px;
}

div.content div.info table th
{
	background: #eeeeee;
	padding: 5px;
	font-size: 11px;
	text-align: left;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}

div.content div.info table td
{
	border-bottom: 1px solid #cccccc;
	padding: 5px;
}

div.content div.info table th.factor
{
	text-align: center;
	width: 90px;
}

div.content div.info table td.info
{
	text-align: center;
	color: #019554;
}

div.content div.info table tr.best td
{
	font-weight: bold;
	border-bottom: 2px solid #019554;
	padding: 10px 5px;
}

div.content div.info table tr.onbest td
{
	border-bottom: 2px solid #019554;
}

div.content div.info table td p
{
	padding-bottom: 0px;
}

div.content div.info table td h5
{
	padding-bottom: 5px;
	font-size: 13px;
}

div.content div.info table th.price
{
	width: 250px;
	text-align: center;
}

div.content div.info table td.price
{
	text-align: center;
}

div.content div.info table th.service
{
	width: 390px;
}

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

div.content div.info div.price
{
	position: relative;
	float: left;
	width: 660px;
	background: #eeeeee;
	text-align: center;
	padding: 15px 0px;
	font-size: 18px;
	margin-bottom: 15px;
}

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

div.content div.info div.antispam
{
	position: relative;
	float: left;
	width: 660px;
	background: #eeeeee;
	text-align: center;
	padding: 15px 0px;
	font-size: 16px;
	margin-bottom: 15px;
}

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

div.content div.portfolio
{
	position: relative;
	float: left;
	width: 660px;
	padding-top: 20px;
	border-top: 1px solid #e6e6e6;

}

div.content div.example
{
	padding-top: 0px;
	border-top: none;
	margin-bottom: 10px;
	border-bottom: 1px solid #e6e6e6;
}

div.content div.portfolio a img
{
	position: relative;
	float: left;
	border: 1px solid #e6e6e6;
	margin-right: 20px;
	margin-bottom: 20px;
	font-size: 11px;
	width: 148px;
	height: 198px;
}

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

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

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

div.content div.pvz
{
	position: relative;
	float: left;
	width: 660px;
}

div.content div.pvz img
{
	position: relative;
	float: left;
	border: 1px solid #e6e6e6;
	margin-right: 16px;
	margin-bottom: 16px;
	font-size: 11px;
	width: 320px;
	height: 420px;
}

div.content div.pvz img.right
{
	margin-right: 0px;
}

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

div.content div.pvz2
{
	position: relative;
	float: left;
	width: 660px;
	margin-bottom: 20px;
}

div.content div.pvz2 img
{
	position: relative;
	float: left;
	margin-right: 16px;
	width: 320px;
	height: 240px;
	border: 1px solid #E6E6E6;
}

div.content div.pvz2 img.right
{
	margin-right: 0px;
}

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

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

div.content div.month
{
	position: relative;
	float: left;
	width: 190px;
	padding: 10px 10px 0px 10px;
	background: #faefb8;
	font-size: 11px;
	color: #000000;
	margin-right: 15px;
}

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

div.content div.month h4
{
	font-size: 13px;
	margin-bottom: 5px;
}

div.content div.month ul
{
	margin-left: 0px;	
}

div.content div.month ul li
{
	list-style: none;
}

div.content div.month ul li a
{
	color: #000000;	
}

div.content div.month ul li span
{
	background: #019554;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 4px;
}

div.content div.month ul li.empty span
{
	background: #faefb8;
	color: #faefb8;
}

div.content div.hline
{
	float: left;
	height:	15px;
	position: relative;
	width: 660px;
}

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

div.content div.clients
{
	position: relative;
	float: left;
	width: 660px;
	padding-top: 20px;
	border-top: 1px solid #e6e6e6;

}

div.content div.clients a img
{
	position: relative;
	float: left;
	border: 1px solid #e6e6e6;
	margin-right: 20px;
	margin-bottom: 20px;
	font-size: 11px;
	width: 114px;
	height: 114px;
}

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

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

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

div.content div.contact_message
{
	position: relative;
	float: left;
	width: 660px;
}

div.content div.contact_form
{
	position: relative;
	float: left;
	width: 660px;
}

div.content div.contact_form h3
{
	margin-bottom: 10px;
}

div.content div.contact_form p
{
	padding-bottom: 10px;
}

div.content div.contact_form fieldset.code
{
	display: none;
}

div.content div.contact_form fieldset
{
	padding: 10px 0px;
	border-bottom: 1px solid #e6e6e6;
}

div.content div.contact_form fieldset.top
{
	border-top: 1px solid #e6e6e6;
}

div.content div.contact_form fieldset label
{
	position: relative;
	float: left;
	width: 120px;
	line-height: 25px;
}

div.content div.contact_form fieldset input
{
	position: relative;
	float: left;
	width: 300px;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

div.content div.contact_form fieldset.agree input
{
	margin-right: 10px;
	margin-left: 120px;
	width: auto;
	margin-top: 3px;
	padding: 0px;
}

div.content div.contact_form fieldset.agree label
{
	width: auto;
	line-height: 150%;
	padding-bottom: 3px;
}

div.content div.contact_form fieldset textarea
{
	position: relative;
	float: left;
	width: 420px;
	height: 200px;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

div.content div.contact_form fieldset.last
{
	border-bottom: none;
}

div.content div.contact_form fieldset button
{
	position: relative;
	float: right;
	background: url(/client/images/bg.button_contact.gif) no-repeat;
	line-height: 40px;
	width: 100px;
	height: 40px;
	color: #FFFFFF;
	border: none;
	cursor: pointer;
	font-weight: bold;
	margin-top: 169px;
}

div.content div.contact_form fieldset button.order
{
	margin-top: 0px;
}

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

div.content div.contact_person
{
	position: relative;
	float: left;
	clear: left;
	width: 280px;
	padding: 20px;
	background: url(/client/images/bg.contact_person.gif) no-repeat;
	margin-bottom: 20px;
}

div.content div.contact_se
{
	clear: none;
}

div.content div.contact_right
{
	float: right;
}

div.content div.contact_person img
{
	position: relative;
	float: left;
	margin-right: 20px;
}

div.content div.contact_person h4
{
	font-size: 13px;
	padding-top: 3px;
	margin-bottom: 5px;
	color: #8f8f8f;
}

div.content div.contact_person h5
{
	font-size: 14px;
	margin-bottom: 5px;
}

div.content div.contact_se h5
{
	font-size: 13px;
}

div.content div.contact_person p
{
	padding-bottom: 5px;
}


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

div.content div.contact_info
{
	position: relative;
	float: right;
	width: 320px;
	padding-top: 10px;
}

div.content div.contact_info h4
{
	font-size: 13px;
	margin-bottom: 5px;
}

div.content div.contact_info p
{
	padding-bottom: 0px;
}

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

div.content div.side ul
{
	list-style: none;
}

div.content div.side ul li
{
	line-height: 40px;
	border-bottom: 1px solid #e6e6e6;
}

div.content div.side ul li a
{
	display: block;
	font-size: 14px;
}

div.content div.side ul li.sel a
{
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}

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

div.content div.side div.side_box
{
	position: relative;
	float: left;
	color: #333333;
	padding: 0px 0px 15px 0px;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 20px;
}

div.content div.side div.side_box h4
{
	margin-bottom: 10px;
}

div.content div.side div.side_box p
{
	padding-bottom: 5px;
}


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

#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;
}

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

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