/* CSS Document */
/*----------------------------------------------------------------------------------------------------------
[Layout Stylesheet of all website pages]
Project:	Email Marketing
Version:	1.0
Created: Interberry Solutions
----------------------------------------------------------------------------------------------------------*/
/*------------------Layout,Table of Contents----------------------------------------------------------------- 
1. GLOBAL RESET
2. GLOBAL BASIC STYLING FOR COMMON HTML ELEMENTS
3. COMMON CSS CLASSES
4. GLOBAL LAYOUT
5. Header Section
6. Middle Section                
-----------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------
1. GLOBAL RESET
---------------------------------------------------------------------------------*/
/*{
margin:0px;
padding:0px;
}*/
body, div, dl, dt, dd, h1, h2, h3, f, h4, h5, h6, pre, form, label, fieldset, input, textarea, p, blockquote, th {
	margin:0;
	padding:0;
	font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:14px;
	
}
fieldset, img {
	border:0;
	padding:0px;
	margin:0px;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
a {
	outline:none;
	padding:0;
	margin:0;
	border:0;
	color:#2674cc;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
input {
	outline:none;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#4f4f4f;
}
img {
	outline:none;
	border:none;
}
/*---------------------------------------------------------------------------------
2. GLOBAL BASIC STYLING FOR COMMON HTML ELEMENTS
---------------------------------------------------------------------------------*/
h1 {
	padding:0px;
	margin:0px;
	font-size:19px;
	color:#2674cc;
	letter-spacing:-1px;
}
h2 {
	font-size:17px;
	letter-spacing:-1px;
}
h3 {
	font-size:16px;
	font-weight:bold;
}
h4 {
	font-size:14px;
}
p {
	line-height:21px;
}
/*---------------------------------------------------------------------------------
3. COMMON CSS CLASSES
---------------------------------------------------------------------------------*/
body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#44607f;
	background:url(../images/bg_body1.gif) repeat-x top left #fff;
	padding:0px;
	margin:0px;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.clear {
	clear:both;
}
.jusify {
	text-align:justify;
}
.normaltext {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#44607f;
	text-decoration:none;
}
/*---------------------------------------------------------------------------------
4. GLOBAL LAYOUT
---------------------------------------------------------------------------------*/
#pagewidth {
	margin:0 auto;
	padding:0px;
	width:950px;
	overflow:hidden;
}
#header {
	width:950px;
	clear:both;
}
#middle {
	width:924px;
	overflow:hidden;
	clear:both;
	padding:12px;
}
#footer {
	background:url(../images/bg_footer.gif) repeat-x top left #FFFFFF;
	height:59px;
	width:928px;
	padding:15px 10px;
	border:1px solid #dbebf7;
}
/*---------------------------------------------------------------------------------
5. Header Section
---------------------------------------------------------------------------------*/
#logo {
	width:350px;
	height:36px;
	margin-top:25px;
	float:left;
}
.searchouter {
	width:494px;
	overflow:hidden;
	float:right;
	background-color:#4e98ed;
	border:1px solid #61acff;
	margin:15px 0px 0px 0px;
	padding:7px 12px 5px 12px;
}
.searchtextbox {
	background:url(../images/bg_textbox.gif) repeat-x top left;
	font-size:15px;
	height:24px;
	width:196px;
	padding:3px 6px 0px 6px;
	border:1px solid #387bc4;
}
.btn_login {
	background:url(../images/btn_bg_login.gif) no-repeat top left;
	width:76px;
	height:29px;
	text-decoration:none;
	border:none;
	color:#fbfbfb;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 0px 2px 0px;
	letter-spacing:-1px;
}
html>body .btn_login {
	background:url(../images/btn_bg_login.gif) no-repeat top left;
	width:76px;
	height:29px;
	text-decoration:none;
	cursor:pointer;
	border:none;
	color:#fbfbfb;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 0px 3px 0px;
	letter-spacing:-1px;
}
.whitelink {
	color:#FFFFFF;
}
.red {
	color:#b52617;
}
.topmenu {
	width:950px;
	height:26px;
	padding:10px 0px 8px 0px;
	margin-top:10px;
	clear:both;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}
.topmenu ul {
	padding:0px;
	margin:0px;
}
.topmenu li {
	float:left;
	list-style:none;
}
.topmenu li a {
	float: left;
	display: inline;
	color:#FFFFFF;
	text-decoration: none;
	text-align:center;
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
	letter-spacing:-.2px;
	margin-right:10px;
	height:25px;
	padding:0px 0px 0px 8px;
}
.topmenu li a b {
	float: left;
	display: block;
	height:21px;
	padding:4px 8px 0px 0px;
}
.topmenu li.current a, .topmenu li a:hover {
	color: #FFFFFF;
	background:url(../images/topmenu_hoverleft.gif) no-repeat left top #5ea7f8; /*left tab image path*/
	text-decoration: none;
}
.topmenu li.current a b, .topmenu li a:hover b {
	color: #FFFFFF;
	background: url(../images/topmenu_hoverright.gif) no-repeat right top #5ea7f8; /*right tab image path*/
}


.languagesect{
	float:right;
	padding-top:6px;
}
.languagesect a
{
color:#FFFFFF;
font-size:10px; !important
}
.languagesect a:hover
{
background:none;
}
.homebanner {
	padding:5px 5px;
	height:123px;
	width:940px;
	clear:both;
}
.bannerdiv {
	width:440px;
	overflow:hidden;
	float:left;
	padding:10px 0px 0px 0px;
}
.bannerdiv .innerdiv {
	overflow:hidden;
	width:290px;
	margin-left:10px;
}
.bannerdiv h2 {
	font-size:22px;
	display:block;
	width:292px;
	padding-bottom:3px;
	border-bottom:1px solid #c2ddef;
	text-decoration:none;
}
.bannerdiv h2 a {
	text-decoration:none;
}
.homebanner h1 {
	font-size:20px;
	padding-top:2px;
}
/*---------------------------------------------------------------------------------
6. Middle Section
---------------------------------------------------------------------------------*/
.blueborderbg {
	background:#fbfeff;

	border:1px solid #e5f1f7;
	padding:10px;
	overflow:hidden;
	width:auto;
	margin-bottom:12px;
}
.blueborderbg .headdiv {
	margin:10px 0px 0px 15px;
	float:left;
}
.blueborderbg .headdiv h2 {
	font-size:18px;
	display:block;
	width:235px;
	color:#2674cc;
	padding-bottom:3px;
	border-bottom:1px solid #c2ddef;
	text-decoration:none;
}
#middle h1 {
	padding-bottom:7px;
	letter-spacing:-.3px;
}
#middle h2 {
	padding-bottom:7px;
	letter-spacing:-.3px;
	color:#2674cc;
}
#middle h3 {
	padding-bottom:7px;
	letter-spacing:-.3px;
	color:#2674cc;
}
#middle h4 {
	padding-bottom:7px;
	letter-spacing:-.3px;
	font-weight:bold;
	color:#2674cc;
}
.italictext
{
font-weight:bold;
font-style:italic;
font-size:13px;
}
.home_middleleft {
	width:534px;
	overflow:hidden;
	margin-right:20px;
	float:left;
}
.signupform {
	margin-top:15px;
}
.signupform h2 {
	font-weight:bold;
	color:#000000;
	border-bottom:1px solid #000000;
	margin-bottom:15px;
}
.labelouter {
	width:auto;
	height:30px;
	margin-bottom:10px;
}
.labelouter label {
	font-size:14px;
	font-weight:bold;
	color:#2674cc;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	height:25px;
	width:137px;text-align:right;
	display:block;
	float:left;
	padding:5px 0px 0px 0px;margin:0 10px 0 0;
}
.labelouter label img{width:25px;height:25px;}
.labelouter label img#cryptogram{width:100px;height:25px;}
.textbox {
	background:url(../images/bg_textbox.gif) repeat-x top left #fbfbfb;
	font-size:15px;
	height:24px;
	width:200px;
	padding:3px 6px 0px 6px;
	border:1px solid #c5d2dc;
}
.forwrdfrndtextbox {
	background:url(../images/bg_textbox.gif) repeat-x top left #fbfbfb;
	font-size:15px;
	height:24px;
	width:200px;
	padding:3px 6px 0px 6px;
	border:1px solid #c5d2dc;
}
.blueborder {
	border:1px solid #f2f6f9;
}
.btn_main {
	background:url(../images/btn_bg_others.gif) no-repeat top left;
	width:95px;
	height:29px;
	text-decoration:none;
	border:none;
	outline:none;
	color:#fbfbfb;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 0px 2px 0px;
	letter-spacing:-.4px;
}
html>body .btn_main {
	background:url(../images/btn_bg_others.gif) no-repeat top left;
	width:95px;
	height:29px;
	text-decoration:none;
	outline:none;
	border:none;
	color:#fbfbfb;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 0px 3px 0px;
	letter-spacing:-.4px;
}
.hint {
	display:block;
	margin-left:150px;
	overflow:hidden;
	float:left;
	padding:0px;
	margin:0px;
}
.home_middleright {
	width:365px;
	overflow:hidden;
	float:right;
}
.commondiv {
	width:auto;
	clear:both;
	overflow:hidden;
}
.featureslist {
	width:auto;
	overflow:hidden;
}
.featureslist ul {
	padding:6px 0px 0px 0px;
	margin:0px;
}
.featureslist ul li {
	list-style:none;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:-.5px;
	background:url(../images/icn_tic.gif) no-repeat top left;
	padding-left:24px;
	display:block;
	margin:10px 0px;
}
.featureslist ul li p
{
color:#44607f;
line-height:21px;
font-weight:normal;
font-size:11px;
letter-spacing:0px;
padding:3px 0px;
}
.customersupport {
	width:261px;
	height:60px;
	background:url(../images/bg_customersupport.gif) no-repeat top left;
	display:block;
	padding:29px 0px 0px 100px;
	text-decoration:none;
}
.customersupport h1 {
	padding:0px;
	margin:0px;
}
.customersupport .font16 {
	font-size:16px;
	color:#b52617;
	font-weight:bold;
	padding:0px;
	margin:0px;
}
/*-------------- For Innerpages -------------------*/
.innerbanner {
	padding:20px 5px 0px 5px;
	height:133px;
	width:940px;
	clear:both;
}
.innerbanner h1 {
	font-size:26px;
}
.innerbannerouter {
	width:305px;
	margin-right:5px;
	margin-bottom:15px;
	overflow:hidden;
	float:left;
}
html>body .innerbannerouter {
	width:305px;
	margin-right:8px;
	margin-bottom:15px;
	overflow:hidden;
	float:left;
}
.innerbannerouter .innerbandiv {
	width:226px;
	margin-left:5px;
	overflow:hidden;
	float:left;
}
.innerbannerouter .innerbandiv h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#2674cc;
	margin-bottom:2px;
	border-bottom:1px solid #c2ddef;
	width:226px;
	display:block;
	float:left;
}
.middleleft {
	width:625px;
	overflow:hidden;
	margin-right:25px;
	float:left;
}
.middleleft h1 {
	color:#2674cc;
	padding:0px;
	margin:0px;
	font-size:26px;
}
.middleleft h2 {
	color:#2674cc;
	padding:0px;
	margin:0px;
	font-weight:normal;
	font-size:19px;
}
.middleleft h3 {
	padding:0px;
	margin:0px;
	font-weight:bold;
	font-size:17px;
}
.middleleft h4 {
	padding:0px;
	margin:0px;
	font-weight:bold;
	font-size:16px;
}
.middleleft h5 {
	padding:0px;
	margin:0px;
	font-weight:bold;
	font-size:14px;
}
.middleleft p {
	padding:0px 0px 10px 0px;
	text-align:justify;
}
.commonlist
{
width:auto;
overflow:hidden;
padding-left:25px;
}
.commonlist ul
{
padding:0px;
margin:10px 0 10px 0;
}
.commonlist ul li
{
padding:0px;
margin:0px;
list-style:none;
background:url(../images/li_commonlist.gif) no-repeat top left;
line-height:18px;
padding-left:15px;
}
.commonlist ul li .bold
{
padding:0px;
margin:0px;
font-weight:bold;
font-size:14px;
	}
.middleright {
	float:right;
	width:254px;
	overflow:hidden;
}
.middlerighthead {
	margin:2px 0px 0px 5px;
	float:left;
}
.middlerighthead h2 {
	font-size:18px;
	display:block;
	width:185px;
	overflow:hidden;
	color:#2674cc;
	padding-bottom:3px;
	border-bottom:1px solid #c2ddef;
	text-decoration:none;
}
.redbold16 {
	font-size:16px;
	font-weight:bold;
	color:#b52617;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}
.redbold14 {
	font-size:14px;
	font-weight:bold;
	color:#b52617;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}
.greybold14 {
	font-size:14px;
	font-weight:bold;
	color:#787878;
	font-family:Arial, Helvetica, sans-serif;
}
.resourceslist {
	width:auto;
	overflow:hidden;
}
.resourceslist ul {
	padding:6px 0px 0px 0px;
	margin:0px;
}
.resourceslist ul li {
	list-style:none;
	font-size:13px;
	height:15px;color:#5e5e5e;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/icn_smalltic.gif) no-repeat top left;
	padding-left:24px;
	display:block;
	margin:10px 0px;
}
.bloglist {
	width:auto;
	overflow:hidden;
}
.bloglist ul {
	padding:6px 0px 0px 0px;
	margin:0px;
}
.bloglist ul li {
	list-style:none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
.bloglist ul li a {
	list-style:none;
	font-size:14px;
	font-weight:bold;
	letter-spacing:-1px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/icn_smallbloglist.gif) no-repeat top left;
	padding-left:19px;
	display:block;
	margin:0px 0px;
	color:#b52617;
	text-decoration:underline;
}
.bloglist ul li a:hover {
	text-decoration:none;
}
.bloglist p {
	line-height:17px;
	padding:7px 0px;
}
.watchdemo {
	background:url(../images/bg_watchdemo.gif) no-repeat top left;
	width:189px;
	height:46px;
	padding:20px 0px 0px 67px;
	margin-bottom:12px;
}
.blackbold14 {
	color:#242424;
	font-size:14px;
	font-weight:bold;
	letter-spacing:-1px;
	font-family:Arial, Helvetica, sans-serif;
}
.signupnow {
	background:url(../images/bg_signupnow.gif) no-repeat top left;
	width:238px;
	height:56px;
	padding:10px 0px 0px 18px;
	margin:0 0 10px 0;
}
.commonbtn {
	background:url(../images/btn_bg_common.gif) repeat-x top left #030304;
	border:1px solid #1b201b;
	padding:5px 7px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:-.5px;
}
.innerfeatureslist {
	width:300px;
	margin-right:10px;
	overflow:hidden;
}
.innerfeatureslist ul {
	padding:0px;
	margin:0px;
}
.innerfeatureslist ul li {
	list-style:none;
color:#5e5e5e;font-size:13px;	height:15px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/icn_smallstar.gif) no-repeat top left;
	padding-left:24px;
	display:block;
	margin:10px 0px;
}
.bluebg
{
background:#3e86da;
color:#FFFFFF;
font-weight:bold;
}
.msgtext
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #D91E09;
}
.sitemap_container
{
width:100%;
overflow:hidden;
font-family: Arial,Helvetica,sans-serif;
}
.grayline
{
height:1px;
background:#e5f1f7;
margin:10px 0 10px 0;
}
.sitemaphead
{
font-size:19px;
font-weight:normal;
color:#2674cc;
padding:0 0 0 0px;
}
.sitemap_container h2
{
font-size:16px;
font-weight:bold;
color:#b52617;
background:url(../images/roundgreenarrow.gif) no-repeat 0 3PX;
padding:0 0 0 22px;
margin:0px;
}
.sitemap_container ul
{
list-style:none;
padding:5px 0 0 25px;
margin:0px;
}
.sitemap_container li
{
background:url(../images/ligreenarrow.gif) no-repeat 0 2px;
padding:0 0 0 10px;
height:18px;
}
.sitemap_container li a
{
font-size:12px;
color:#2674cc;
text-decoration:none;
}
.sitemap_container li a:hover
{
text-decoration:underline;
}

/*---------------------------------------------------------------------------------
BY STEFAN
---------------------------------------------------------------------------------*/
ul#homepagefeatures{list-style:none;width:910px;display:inline;}
ul#homepagefeatures li{text-align:center;float:left;width:215px;height:185px;border-right:1px #999 dashed;padding-left:9px;}
ul#homepagefeatures li img{float:left;}
ul#homepagefeatures li#last{border-right:none;}

ul#homepagefeaturesd{list-style:none;width:910px;display:inline;}
ul#homepagefeaturesd li{text-align:center;float:left;width:215px;height:180px;border-right:1px #999 dashed;padding-left:9px;}
ul#homepagefeaturesd li img{float:left;}
ul#homepagefeaturesd li#last{border-right:none;}
.btn {float: left; background: url(../images_/btn_left.png) no-repeat;	padding: 0 0 0 10px;	margin: 5px 0 0 180px;}
.btn a{	float: left;height: 40px;background: url(../images_/btn_stretch.png) repeat-x left top;line-height: 40px;padding: 0 10px;color: #fff;font-size: 1.1em;text-decoration: none;}
.btn span {background: url(../images_/btn_right.png) no-repeat;float: left;width: 10px;height: 40px;}
.btn_join { background-color: #3983d6; }
.btn_functions { background-color: #8db33a; }
.bloglisthp {width:450px;float:left;}
.bloglisthp ul {padding:6px 0px 0px 0px;margin:0px 0 0 20px;}
.bloglisthp ul li {	list-style:none;font-size:11px;}
.bloglisthp ul li a {list-style:none;font-size:14px;font-weight:bold;letter-spacing:-1px;background:url(../images/icn_smallbloglist.gif) no-repeat top left;padding-left:25px;
	display:block;margin:0px 0px;color:#2674cc;text-decoration:none;}
.bloglisthp ul li a:hover {text-decoration:underline;}
.bloglisthp p {line-height:17px;padding:7px 0px;}
.resourceslisthp {width:430px;float:right;}
.resourceslisthp ul {	padding:0px 0px 0px 0px;margin:0px;}
.resourceslisthp ul li {float:right;list-style:none;font-size:12px;height:15px;background:url(../images/icn_smalltic.gif) no-repeat top left;
	padding-left:24px;display:block;margin:10px 60px 0 0px;}
.resourceslisthp ul li a{font-weight:bold;}

ul#sidepagefeatures{list-style:none;display:inline;}
ul#sidepagefeatures li{text-align:center;float:left;width:215px;height:80px;padding-left:5px;}
ul#sidepagefeatures li img{float:left;}
ul#sidepagefeatures li:hover{border:1px solid #cfecff;}



#buttons .button { margin: 10px 10px 0 0; }
#buttons h3 { margin-bottom:30px; }
button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */
button, .button { overflow:visible; width:auto; border:0; padding:0; margin:0; background-color: transparent; cursor:pointer; display:inline-block;   }
button span, .button span { display: inline-block; white-space: nowrap; cursor: pointer}

.button span { background-image: url(../images_/btn-small.png); background-repeat: no-repeat; color:#fff; text-transform:uppercase;}
.button > span { padding-left: 20px; background-position: left top;}
.button > span > span { background-position: right top;}

.buttons .button { margin: 0 5px 5px 0; }

.button.small span { background-image: url(../images_/btn-small.png);}
.button.small > span > span { font-size: 12px; line-height:39px; padding-right: 55px; padding-bottom: 2px; }

.button.small.slateblue > span { background-position: left top;}
.button.small.slateblue > span > span { position: right top; }

.button.small.camel > span  { background-position: left -41px;}
.button.small.camel > span > span  { background-position: right -41px;}

.button.small.coffee > span  { background-position: left -82px;}
.button.small.coffee > span > span  { background-position: right -82px;}

.button.small.darkgreen > span  { background-position: left -123px;}
.button.small.darkgreen > span > span  { background-position: right -123px;}

.button.small.darkred > span  { background-position: left -164px;}
.button.small.darkred > span > span  { background-position: right -164px;}

.button.small.darkpurple > span  { background-position: left -205px;}
.button.small.darkpurple > span > span  { background-position: right -205px;}

.button.small.green > span  { background-position: left -246px;}
.button.small.green > span > span  { background-position: right -246px;}

.button.small.darkyellow > span  { background-position: left -287px;}
.button.small.darkyellow > span > span  { background-position: right -287px;}

.button.small.lightblue > span  { background-position: left -328px;}
.button.small.lightblue > span > span  { background-position: right -328px;}

.button.small.lightgreen > span  { background-position: left -369px;}
.button.small.lightgreen > span > span  { background-position: right -369px;}

.button.small.ochre > span  { background-position: left -410px;}
.button.small.ochre > span > span  { background-position: right -410px;}

.button.small.blue > span  { background-position: left -451px;}
.button.small.blue > span > span  { background-position: right -451px;}

.button.small.greymetal > span  { background-position: left -492px;}
.button.small.greymetal > span > span  { background-position: right -492px;}

.button.small.skyblue > span  { background-position: left -533px;}
.button.small.skyblue > span > span  { background-position: right -533px;}

.button.small.grey > span  { background-position: left -574px;}
.button.small.grey > span > span  { background-position: right -574px;}

.button.small.red > span  { background-position: left -615px;}
.button.small.red span > span  { background-position: right -615px;}

.button.small.yellow > span  { background-position: left -656px;}
.button.small.yellow > span > span  { background-position: right -656px;}

.button.small.purple > span  { background-position: left -697px;}
.button.small.purple > span > span  { background-position: right -697px;}



.button.medium span { background-image: url(../images_/btn-medium.png);}
.button.medium > span > span { font-size: 15px; line-height:55px; padding-right: 75px; padding-bottom: 2px; }


.button.medium.slateblue > span { background-position: left top;}
.button.medium.slateblue > span > span { position: right top; }

.button.medium.camel > span  { background-position: left -57px;}
.button.medium.camel > span > span  { background-position: right -57px;}

.button.medium.coffee > span  { background-position: left -114px;}
.button.medium.coffee > span > span  { background-position: right -114px;}

.button.medium.darkgreen > span  { background-position: left -171px;}
.button.medium.darkgreen > span > span  { background-position: right -171px;}

.button.medium.darkred > span  { background-position: left -228px;}
.button.medium.darkred > span > span  { background-position: right -228px;}

.button.medium.darkpurple > span  { background-position: left -285px;}
.button.medium.darkpurple > span > span  { background-position: right -285px;}

.button.medium.green > span  { background-position: left -342px;}
.button.medium.green > span > span  { background-position: right -342px;}

.button.medium.darkyellow > span  { background-position: left -399px;}
.button.medium.darkyellow > span > span  { background-position: right -399px;}

.button.medium.lightblue > span  { background-position: left -456px;}
.button.medium.lightblue > span > span  { background-position: right -456px;}

.button.medium.lightgreen > span  { background-position: left -513px;}
.button.medium.lightgreen > span > span  { background-position: right -513px;}

.button.medium.ochre > span  { background-position: left -570px;}
.button.medium.ochre > span > span  { background-position: right -570px;}

.button.medium.blue > span  { background-position: left -627px;}
.button.medium.blue > span > span  { background-position: right -627px;}

.button.medium.greymetal > span  { background-position: left -684px;}
.button.medium.greymetal > span > span  { background-position: right -684px;}

.button.medium.skyblue > span  { background-position: left -741px;}
.button.medium.skyblue > span > span  { background-position: right -741px;}

.button.medium.grey > span  { background-position: left -798px;}
.button.medium.grey > span > span  { background-position: right -798px;}

.button.medium.red > span  { background-position: left -855px;}
.button.medium.red span > span  { background-position: right -855px;}

.button.medium.yellow > span  { background-position: left -912px;}
.button.medium.yellow > span > span  { background-position: right -912px;}

.button.medium.purple > span  { background-position: left -969px;}
.button.medium.purple > span > span  { background-position: right -969px;}




.button.large span { background-image: url(../images_/btn-large.png);}
.button.large span > span {font-size: 17px; line-height:69px; padding-right: 85px; padding-bottom: 1px; }

.button.large.slateblue > span { background-position: left top;}
.button.large.slateblue > span > span { position: right top; }

.button.large.camel > span  { background-position: left -70px;}
.button.large.camel > span > span  { background-position: right -70px;}

.button.large.coffee > span  { background-position: left -140px;}
.button.large.coffee > span > span  { background-position: right -140px;}

.button.large.darkgreen > span  { background-position: left -210px;}
.button.large.darkgreen > span > span  { background-position: right -210px;}

.button.large.darkred > span  { background-position: left -280px;}
.button.large.darkred > span > span  { background-position: right -280px;}

.button.large.darkpurple > span  { background-position: left -350px;}
.button.large.darkpurple > span > span  { background-position: right -350px;}

.button.large.green > span  { background-position: left -420px;}
.button.large.green > span > span  { background-position: right -420px;}

.button.large.darkyellow > span  { background-position: left -490px;}
.button.large.darkyellow > span > span  { background-position: right -490px;}

.button.large.lightblue > span  { background-position: left -560px;}
.button.large.lightblue > span > span  { background-position: right -560px;}

.button.large.lightgreen > span  { background-position: left -630px;}
.button.large.lightgreen > span > span  { background-position: right -630px;}

.button.large.ochre > span  { background-position: left -700px;}
.button.large.ochre > span > span  { background-position: right -700px;}

.button.large.blue > span  { background-position: left -770px;}
.button.large.blue > span > span  { background-position: right -770px;}

.button.large.greymetal > span  { background-position: left -840px;}
.button.large.greymetal > span > span  { background-position: right -840px;}

.button.large.skyblue > span  { background-position: left -910px;}
.button.large.skyblue > span > span  { background-position: right -910px;}

.button.large.grey > span  { background-position: left -980px;}
.button.large.grey > span > span  { background-position: right -980px;}

.button.large.red > span  { background-position: left -1050px;}
.button.large.red span > span  { background-position: right -1050px;}

.button.large.yellow > span  { background-position: left -1120px;}
.button.large.yellow > span > span  { background-position: right -1120px;}

.button.large.purple > span  { background-position: left -1190px;}
.button.large.purple > span > span  { background-position: right -1190px;}




.button.small.commonBtn > span { background-position: left top;}
.button.small.commonBtn > span > span { position: right top; }
.button.medium.commonBtn > span { background-position: left top;}
.button.medium.commonBtn > span > span { position: right top; }
.button.large.commonBtn > span { background-position: left top;}
.button.large.commonBtn > span > span { position: right top; }


#landingh1{background:url(../images/1h1land.png) no-repeat;text-indent: -9999px;width:495px;height:60px;margin-top:20px;}
.landingp{font-size:18px;font-family:Arial;color:#5e5e5e;}
.landbutton  {
	display: block;
        text-indent: -9999px;
        width: 339px;
        height: 73px;
        background: url(../images/1button.gif) no-repeat;margin-top:40px;
}
.landbutton:hover {
 background-position: 0 -73px;
}
#landfooter{background:url(../images/1footerbg.gif) repeat-x;width:100%;height:352px;margin-top:30px;}
#infooter{margin:0 auto;width:960px;}

#infooter ul{list-style:none;float:left;width:300px;margin-top:40px;}
#infooter ul li{border-bottom:1px dashed #a2cdea;padding:5px 10px;float:left;margin-left:15px;width:110px;}
#infooter ul li a{font-family:Arial;font-size:12px;color:#164c65;text-decoration:none;}
#infooter ul li a:hover{font-weight:bold;}
#infooter p{color:#4b8098;font-size:12px;float:left;margin-top:40px;}
#sociala{float:left;margin:60px 0 0 50px;text-align:center;}