
@font-face {
	/* This declaration targets Internet Explorer */
	font-family: 'BebasNeueRegular';
	src: url('../fonts/bebasneue-webfont.eot');
}

@font-face {
	/* This declaration targets everything else */
	font-family: 'BebasNeueRegular';
	src: url(//:) format('no404'), url('../fonts/bebasneue-webfont.woff') format('woff'), url('../fonts/bebasneue-webfont.ttf') format('truetype'), url('../fonts/bebasneue-webfont.svg#webfontrTV6z4Wd') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	/* This declaration targets Internet Explorer */
	font-family: 'LeagueGothic';
	src: url('../fonts/league_gothic-webfont.eot');
}
@font-face {
	/* This declaration targets everything else */
	font-family: 'LeagueGothic';
	src: url(//:) format('no404'), url('../fonts/league_gothic-webfont.woff') format('woff'), url('../fonts/league_gothic-webfont.ttf') format('truetype'), url('../fonts/league_gothic-webfont.svg#webfontrTV6z4Wd') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0b1 | 201101 
   NOTE: WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
   font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
   font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define visible focus styles! 
:focus {
	outline: ?????;
} */

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ###################### END RESET */

hr {
   margin:20px 0;
   height:1px;
   border:none;
   border-color:#ccc;
   background-color:#ccc;
}

ul.normal   {
   list-style-type: none;
   font-size:.8em;
   line-height:1.35em;
   margin-bottom:1em;
   font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
}
ul.normal li   {
   padding:.25em 0;
   padding-left:25px;
   background:url(../images/bullet_plain.gif) no-repeat left 0.35em;
}
ol.normal   {
   list-style-type:lower-alpha;
   font-size:.8em;
   line-height:1.35em;
   margin-bottom:.5em;
   font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
   padding-left:25px;
}
ol.normal li   {
   padding:.25em 0;
}
strong   {
   font-weight:bold;
}
em {
   font-style:italic;
}
a  {
   color:#006699;
   text-decoration:none;
   font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
}
a:hover  {
   color:#0099cc;
   text-decoration:none;
}
p  {
   line-height:1.25em;
   padding-bottom:1em;
   font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
   font-size:.9em;
}
div.headerwrapper	{
	background-color:#222;
}
div.wrapper	{
	text-align:center;
   position:relative;
}
#intro_samples,
#intro_demo,
#intro_why,
#intro_contact,
#intro_affiliates,
#intro_features,
#intro_resources,
#intro_pricing,
#intro_managed,
#intro_news,
#intro_promotions,
#intro_partners {
   background-position:center bottom;
   background-repeat:no-repeat;
}
#intro_samples			{background-image:url(../images/samples2.png);}
#intro_demo				{background-image:url(../images/demo.png);}
#intro_why				{background-image:url(../images/why.png);}
#intro_contact			{background-image:url(../images/contact.png);}
#intro_affiliates		{background-image:url(../images/affiliates3.png);}
#intro_features			{background-image:url(../images/features2.png);}
#intro_resources		{background-image:url(../images/resources.png);}
#intro_pricing			{background-image:url(../images/pricing.png);}
#intro_managed			{background-image:url(../images/managed2.png);}
#intro_news				{background-image:url(../images/news.png);}
#intro_promotions		{background-image:url(../images/promotions.png);}
#intro_partners			{background-image:url(../images/partners.png);}

*html #intro_samples,
*html #intro_demo,
*html #intro_why,
*html #intro_contact,
*html #intro_affiliates,
*html #intro_features,
*html #intro_resources,
*html #intro_pricing,
*html #intro_managed,
*html #intro_news,
*html #intro_promotions,
*html #intro_partners	{
	background-position:center bottom;
	background-repeat:no-repeat;
}
*html #intro_samples	   	{background-image:url(../images/samples2_ie.gif);}
*html #intro_demo		   	{background-image:url(../images/demo_ie.gif);}
*html #intro_why		   	{background-image:url(../images/why_ie.gif);}
*html #intro_contact	   	{background-image:url(../images/contact_ie.gif);}
*html #intro_affiliates		{background-image:url(../images/affiliates3_ie.gif);}
*html #intro_features		{background-image:url(../images/features2_ie.gif);}
*html #intro_resources		{background-image:url(../images/resources_ie.gif);}
*html #intro_pricing		{background-image:url(../images/pricing_ie.gif);}
*html #intro_managed		{background-image:url(../images/managed2_ie.gif);}
*html #intro_news			{background-image:url(../images/news_ie.gif);}
*html #intro_promotions		{background-image:url(../images/promotions_ie.gif);}
*html #intro_partners		{background-image:url(../images/partners_ie.gif);}

div.wrappersubmenu	{
	text-align:center;
	background:url(../images/bg_submenu.gif) repeat-x left top;
	height:63px;
	vertical-align:middle;
	margin-bottom:1.5em;
}
div.wrapper930	{
   width:930px;
   margin:0 auto;
   text-align:left;
}
div.diagram {
   background-color:#cc0000;
   height:462px;
   background:#FFF url(../images/bg_diagram.gif;) no-repeat left top;
}
header	{
	background-color:#222;
	height:112px;
	margin:0 auto;
   width:960px;
   position:relative;
}
div#logo	{
	width:139px;
	height:34px;
   background:url(../images/logo_eshot.gif) no-repeat left top;
   position:absolute;
   top:57px;
   left:17px;
}
div#logo span	{
	display:none;
}
#___plusone_0	{
	position:absolute;
	right:0px;
	top:10px;
	font-size:0.8em;
}
nav#secondary  {
   position:absolute;
   right:70px;
   top:10px;
   font-size:0.8em;
}
nav#secondary ul li {
   display:inline;
   padding:15px;
   color:#999;
}
nav#secondary ul li a {
   text-decoration:none;
   color:#999;
}
nav#secondary ul li a:hover {
   color:#ccc;
}
nav#secondary ul li.tel {
   margin-left:50px;
   padding-left:20px;
   color:#FFCC00;
   background:url(../images/icon_tel.gif) no-repeat left;
   font-size:120%;
   letter-spacing:-1px;
   font-weight:bold;
}
nav#secondary ul li.current a {
   color:#FFF;
   text-decoration:none;
}

#primary  {
   position:absolute;
   right:0;
   top:48px;
   font-size:0.95em;
}
#primary ul li {
   display:block;
   float:left;
   background:url(images/nav_div.gif) no-repeat right bottom;
   vertical-align:middle;
   margin-left:1px;
}
#primary ul {
	list-style:none;
	margin:0;
	padding:0;
}
#primary li {
	display:block;
	float:left;
	vertical-align:middle;
	margin-left:1px;
}
#primary li a {
	display:block;
	padding:0 15px;
	height:64px;
	line-height:60px;
	color:#FFF;
	text-decoration:none;
}
#primary li a:hover {
	background-color:#666;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
#primary li.current a	{
	background:none;
	background-color:#e5e5e5;
	color:#000;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
nav#submenu  {
   font-size:0.95em;
   width:930px;
   margin:0 auto;
}
nav#submenu ul li {
   display:block;
   float:left;
   vertical-align:top;
   margin-top:4px;
}
nav#submenu ul li a {
   display:block;
   float:left;
   padding-left:20px;
   padding-right:20px;
   color:#006699;
   text-decoration:none;
   height:55px;
   line-height:60px;
}
nav#submenu ul li a:hover {
   background-color:#CCC;
   color:#000;
   text-decoration:none;
}
nav#submenu ul li.current a {
   
   color:#FFF;
   background-color:#0099cc;
}



#saveMessage	{
	font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
	font-size:14px;
	border:0;
}
#saveMessage span	{
	font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
	font-weight:bold;
	color:#336600;
	font-size:18px;
	letter-spacing:-1px;
	border:0;
}


div#showcasewrapper   {
   background:#006699 url(../images/bg_showcase2.gif) repeat-x left top;
}
div#showcase   {
   width:930px;
   margin:0 auto;
   padding-top:30px;
   position:relative;
}
div#showcase h1   {
  display:block;
  width:600px;
  float:left;
  font-size:90px;
  line-height:100px;
  letter-spacing:-3px;
  color:#fff;
  font-family:'BebasNeueRegular', 'arial narrow';
  font-weight: lighter;
  overflow:visible;
  position:relative;
}
div#showcase h2#css	{
	clear:left;
	display:block;
	float:left;
	font-family:'BebasNeueRegular', 'arial narrow';
	letter-spacing:-1px;
	font-size:42px;
	color:#99ccff;
	padding:0;
	margin:0;
	font-weight:normal;
   width:600px;
   height:61px;
   position:relative;
}
div#showcase h1 span strong {
   font-family:'BebasNeueRegular', 'arial narrow';
   letter-spacing:-1px;
   font-size:42px;
   color:#99ccff;
}


div.clear   {
   display:block;
   height:1px;
   clear:both;
}

#video   {
   position:absolute;
   left:640px;
   top:430px;
   width:296px;
   height:168px;
}
#iefix   {
   display:inline-block;
   width:1px;
   height:1px;
   background-color:red;
}
#iefix img  {
   display:none;
}
/*
#video   {
   display:block;
   float:right;
   position:relative;
   top:-10px;
   width:296px;
   height:168px;
}
*/
div.divider   {
   clear:both;
   display:block;
   height:60px;
}
div.onetwo  {
   background: url(../images/div_one_two.gif) no-repeat center;
}
div.whole  {
   clear:both;
   margin-bottom:0.5em;
   background: url(../images/div_960.gif) no-repeat center;
}
div.whole_light  {
   clear:both;
   margin-bottom:0.5em;
   background: url(../images/div_960_light.gif) no-repeat center;
}


article.home_casestudies   {
   width:320px; /* butts up against next div */
   background:url(../images/bg_home_casestudy.png) no-repeat right bottom;
}
article.casestudy   { /* NOT on MESSAGE */
   float:left;
   display:block;
   width:320px; /* butts up against next div */
}
article.casestudy_right   {
   float:right;
   display:block;
   width:290px; /* butts up against next div */
}


article.casestudy p  {
   margin-right:30px;
}

div.testimonialquote {
   display:block;
   float:right;
   background:#e3edf2 url(../images/testimonial_box_main_dk.gif) no-repeat top;
   padding:0;
   margin:0;
   width:575px;
   padding-top:30px;
   vertical-align:bottom;
}
div.testimonialquote_left {
   display:block;
   float:left;
   background:#e3edf2 url(../images/testimonial_box_main.gif) no-repeat top;
   padding:0;
   margin:0;
   width:575px;
   padding-top:30px;
   vertical-align:bottom;
}
div.testimonialquote span {
   display:block;
   background:#d4e1e8 url(../images/testimonial_box_bottom_dk.gif) no-repeat bottom;
   padding-bottom:30px;
}
div.testimonialquote_left span {
   display:block;
   background:#e3edf2 url(../images/testimonial_box_bottom.gif) no-repeat bottom;
   padding-bottom:30px;
}
div.bubble_left   {
   display:block;
   float:left;
   width:35px;
   height:43px;
   background:url(../images/bubble_left.gif) no-repeat bottom right;
}
div.bubble_right   {
   display:block;
   float:right;
   width:35px;
   height:43px;
   background:url(../images/bubble_right.gif) no-repeat bottom left;
}
p.testimonialsource  {
   font-size:.75em;
   text-align:right;
   color:#666;
   padding-top:2em;
   font-family:georgia, times, "times new roman", serif;

}
p.testimonialsource_left  {
   font-size:.75em;
   color:#666;
   padding-top:2em;
   font-family:georgia, times, "times new roman", serif;
}
p.quote  {
   color:#111;
   font-family:georgia, times, "times new roman", serif;
   font-style:italic;
   font-size:1.2em;
   line-height:1.35em;
   font-weight:normal;
   padding:0 30px 10px 30px;
}
h2 {
  padding-top:48px;
  font-size:48px;
  color:#0099cc;
  font-family:'BebasNeueRegular', 'arial narrow';
  margin-bottom:30px;
}
h3   {
  font-size:2em;
  font-family:'BebasNeueRegular', 'arial narrow';
  margin-bottom:1.1em;
  margin-top:1em;
  color:#333;
}
h3.smaller	{
	font-size:1.5em;
}
article h3,
#homecontact h3  {
   color:#FFF;
}
#homecontact h3  {
   font-size:1.45em;
   margin-left:30px;
   padding-top:10px;
   margin-bottom:0;
}

article.home_casestudies h3,
article.home_pricing h3,
article.home_offer h3   {
   padding-left:0;
   padding-top:0;
   margin-bottom:0.5em;
}
h4 {
  font-size:1.5em;
  /*
  color:#225682;
  */
  color:#444;
  font-family:'BebasNeueRegular', 'arial narrow';
  margin-bottom:.5em;
}
h4.news	{
	color:#0099cc;
	margin-top:.5em;
}
h4.tips	{
	color:#000;
	margin-top:.5em;
	padding-top:1em;
	border-top:1px solid #ccc;
}
h5 {
  font-size:28px;
  color:#0099cc;
  font-family:'BebasNeueRegular', 'arial narrow';
  margin-bottom:.5em;
  font-weight:normal;
}
h4.black {
   margin-top:1em;
   color:#333;
}
h6	{
	font-size:14px;
	color:#000;
	font-family:"Lucida Sans Regular", 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
	margin-bottom:.5em;
	font-weight:normal;
	line-height:1.25em;
}

small	{
	display:block;
	border-top:1px solid #CCC;
	padding-top:20px;
	margin-top:20px;
	font-size:0.6em;
	color:#757575;
	line-height:1.15em;
	font-family:"Lucida Sans Regular", 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
}
article  {
   font-size:.9em;
}
article.home_casestudies p,
article.home_pricing p,
article.home_offer   {
   color:#FFF;
}
article.home_pricing   {  
   width:290px;
}
article.home_casestudies,
article.home_pricing,
article.home_offer   {
   height:170px;
   position:relative;
   display:block;
   float:left;
   vertical-align:top;
}
article.home_casestudies footer,
article.home_pricing footer,
article.home_offer footer   {
   position:absolute;
   bottom:0;
}
article.home_benefits   {
   display:block;
   float:left;
   width:290px;
}
article.home_benefits h3,
article.twocols_right_explore h3,
article.twocols_right h3  {
   font-family:'BebasNeueRegular', 'arial narrow';
   color:#000;
}
.twocols_left  {
   float:left;
   display:block;
   width:610px;
}
article.home_benefits li {
   font-size:.9em;
   background:url(../images/bullet_tick_blue.gif) no-repeat left 0.1em;
   line-height:1.25em;
   padding:0 0 .45em 1.5em;
}
div.twocols_right,
article.twocols_right_explore,
article.twocols_right {
   display:block;
   float:right;
   width:610px;
}
article.twocols_right_explore footer,
article.twocols_right footer   {
   display:block;
   position:relative;
}

div.col_left   {
   float:left;
   display:block;
   width:290px;
}
div.col_left_second   {
   float:left;
   display:block;
   width:310px;
}
div.col_padding_left {
   padding-left:30px;
}
div.col_right   {
   float:right;
   display:block;
   width:290px;
}
div.col_30  {
   float:left;
   display:block;
   width:30px;
}

article.twocols_right_explore div.col_left p,
article.twocols_right_explore div.col_right p,
article.twocols_right div.col_left p,
article.twocols_right div.col_right p   {
   line-height:1.25em;
   background-position:left top;
   background-repeat:no-repeat;
} 
article.twocols_right_explore div.col_left p,
article.twocols_right_explore div.col_right p   {
   padding-left:60px;
}
p.logo   {
   display:block;
   margin:30px 0;
   border:1px solid #ccc;
   text-align:center;

   vertical-align:middle;
   cursor:default;
   position:relative;
}
p.logo img   {
   position:relative;
   vertical-align: middle;
   margin:30px;
}

p.flexible        {background-image:url(../images/icon_large_flexible.gif);}
p.support         {background-image:url(../images/icon_large_support.gif);}
p.simplicity      {background-image:url(../images/icon_large_simplicity.gif);}
p.clients         {background-image:url(../images/icon_large_clients.gif);}
p.analysis        {background-image:url(../images/icon_large_analyse.gif);}
p.try             {background-image:url(../images/icon_large_try.gif);}


table.price {
   
}
table.price td.big   {
   font-family:'BebasNeueRegular', 'arial narrow';
   font-size:72px;
   line-height:60px;
   color:#FFF;
}
table.price td.smaller   {
   padding-left:10px;
   vertical-align:middle;
   line-height:1.25em;
}
table.price td span.month  {
   font-size:0.9em;
   color:#66ccff;
}
table.price td span.unlimited  {
   font-size:.9em;
   color:#FFF;
   line-height:1em;
}
#homecontact   {
   position:absolute;
   left:640px;
   top:0px;
   background-color:green;
   width:296px;
   height:433px;
   background:url(../images/bg_homecontact.png) no-repeat left top;
   font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
}
form.contacthome {
   padding:10px 0 0 30px;
}
p.thirdparty   {
   padding-top:5px;
   font-size:9px;
   color:#99ccff;
}
p.thirdparty_contact   {
   padding-top:5px;
   font-size:14px;
   color:#666;
}
/* HOME CONTACT */
#homecontact form.contacthome label   {
   color:#FFF;
   font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
   font-size:14px;
   padding-left:5px;
}
form.contacthome div.txt	{
   position:relative;
   width:234px;
   height:33px;
   border:0;
   margin:0 0 5px 0;
   background: url(../images/bg_textbox.gif) no-repeat left top;
   vertical-align: middle;
}
form.contacthome div.msg	{
   position:relative;
   width:234px;
   height:88px;
   border:0;
   margin:0;
   background: url(../images/bg_msg.gif) no-repeat left top;
}
form.contacthome input.textbox,
form.contacthome textarea   {
   position:absolute;
   top:5px;
   left:10px;
   background:none;
   border:none;
   margin:0;
   width:214px;
   height:23px;
   font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
   font-size:14px;
   line-height:23px;
}
form.contacthome textarea   {
   position:absolute;
   top:5px;
   left:10px;
   height:73px;
   width:212px;
   line-height:normal;
   margin:0;
}
p.contacttelno {
   font-family:'BebasNeueRegular', 'arial narrow';
   font-size:24px;
   color:#99ccff;
   text-align:right;
   padding-right:35px;
   padding-bottom:0;
}
/* END HOME CONTACT */
/* CONTACT PAGE FORM */
form.contact	{
	padding:30px;
	background-color:#EFEFEF;
	border:1px solid #ccc;
}
form.contact label   {
   color:#333;
   font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
   font-size:14px;
   padding-left:5px;
}
/* -------------------------------------------------- form validation css */
.inactive {
  color: #666666;
}
.txt label.error   {
   color:#c00;
   font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
   font-size:10px;
   position:relative;
   left:250px;
   line-height:32px;
}
.txt label.valid {
   color:#690;
   position:relative;
   left:250px;
   font-size:10px;
   font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
   line-height:32px;
}

.msg label.error   {
 	color:#c00;
   	font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
   	font-size:10px;
   	position:relative;
   	line-height:32px;
}
.msg label.valid  {
  	color:#690;
   	position:relative;
   	font-size:10px;
   	font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
   	line-height:32px;
}

.radio label.error   {
 	color:#c00;
   font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
   	font-size:10px;
   	position:relative;
   	line-height:32px;
}
.radio label.valid  {
 	color:#690;
   	position:relative;
   	font-size:10px;
   	font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
   	line-height:32px;
}
.file label.error   {
 	color:#c00;
   	font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
   	font-size:10px;
   	position:relative;
   	line-height:32px;
	left:300px;
}
.file label.valid  {
 	color:#690;
   	position:relative;
   	font-size:10px;
   	font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
   	line-height:32px;
	left:300px;
}
/* -------------------------------------------------- END form validation css */

form.contact div.txt	{
   position:relative;
   width:300px;
   height:33px;
   border:0;
   margin:0 0 10px 0;
   padding:0;
   background: url(../images/bg_textbox_contact.gif) no-repeat left top;
}
form.contact div.file	{
   font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
   position:relative;
   width:300px;
   height:53px;
   border:0;
   margin:0 0 10px 0;
   padding:0;
   font-size:14px;
   line-height:20px;
}
form.contact div.msg	{
   position:relative;
   width:300px;
   height:248px;
   border:0;
   margin:0;
   background: url(../images/bg_textarea_contact.gif) no-repeat left top;
}
form.contact input.textbox,
form.contact textarea   {
   background:none;
   border:none;
   margin:0;
  font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
   font-size:14px;
}
form.contact input.textbox   {
   position:absolute;
   top:5px;
   left:10px;
   width:280px;
   height:23px;
   line-height:23px;
}
form.contact textarea   {
   position:absolute;
   top:10px;
   left:10px;
   height:228px;
   width:260px;
}
p.contacttel   {
   font-family:'BebasNeueRegular', 'arial narrow';
   font-size:32px;
   line-height:32px;
   color:#cc0066;
   margin-bottom:0;
   letter-spacing:-1px;
   margin-top:0;
   padding-top:0;
}
p.contacttel span   {
   font-size:24px;
   font-family:'BebasNeueRegular', 'arial narrow';
   color:#CCC;
   letter-spacing:-1px;
}
.grey {
   color:#777;
}
/* END CONTACT PAGE FORM */
/* signup form */
form.prefoot_signup  {
   margin-top:10px;
   width:264px;  
}
form.prefoot_signup div.txt231	{
   display:block;
   float:left;
   width:231px;
   height:33px;
   border:0;
   margin:0 0 5px 0;
   background: url(../images/bg_textbox_signup.gif) no-repeat left top;
}
form.prefoot_signup input.textbox   {
   display:block;
   background:none;
   border:0;
   margin:0;
   width:231px;
   padding: 8px 7px 3px 7px;
   font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
   font-size:14px;
}
form.prefoot_signup div.but   {
   float:right;
}




blockquote  {
   float:left;
   width:580px;
   margin:0 auto;
   margin-top:50px;
   height:150px;
   padding-right:70px;
   background:url(../images/bg_quote.gif) no-repeat 95% 0;
}

blockquote > p.quote   {
   padding-left:0;
   font-family:Georgia, times, serif;
   font-style: italic;
   line-height:1.1em;
}
blockquote p.source  {
   font-size:0.8em;
   font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
   font-style: normal;
   margin-top:0.25em;
   color:#666;
}
div#testim_logos  {
   width:610px;
}
div.logos   {
   display:block;
   float:right;
   width:420px;
   height:42px;
   text-align:center;
   font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
   font-size:12px;
}
div.left {
   display:block;
   float:left;
}
/*                                                                                         BUTTONS */
a.social {
   display:block;
   float:left;
   height:28px;
   width:28px;
   margin-right:5px;
}
a.tw  {background:url(../images/icon_tw_off.gif) no-repeat left top;}
a.tw:hover  {background:url(../images/icon_tw_on.gif) no-repeat left top;}

a.fb        {background:url(../images/icon_fb_off.gif) no-repeat left top;}
a.fb:hover  {background:url(../images/icon_fb_on.gif) no-repeat left top;}

a.lin       {background:url(../images/icon_li_off.gif) no-repeat left top;}
a.lin:hover  {background:url(../images/icon_li_on.gif) no-repeat left top;}

a.gplus       {background:url(../images/icon_gplus.gif) no-repeat left top;}
a.gplus:hover  {background:url(../images/icon_gplus_on.gif) no-repeat left top;}
/*  BUTTONS */

a.but172 {
   width:172px;
   height:42px;
   text-decoration:none;
}
a.but122 {
   width:122px;
   height:42px;
   text-decoration:none;
}


a.yellowonblue122, a.yellowonblue172,
a.blueonwhite122, a.blueonwhite172,
a.yellowonblack122, a.yellowonblack172,
a.blueonblue132, a.blueonblue172,
a.calculator {
   display:block;
   text-align:center;
   font-size:14px;
   height:42px;
   line-height:40px;
   font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
}
a.yellowonblue172       {background:url(../images/but_bg_yellowonblue172.gif) no-repeat left top;color:#000;}
a.blueonwhite172        {background:url(../images/but_bg_blueonwhite172.gif) no-repeat left top;color:#FFF;}
a.blueonblue172         {background:url(../images/but_bg_blueonblue172.gif) no-repeat left top;color:#FFF;}
a.yellowonblack122      {background:url(../images/but_bg_yellowonblack122.gif) no-repeat left top;color:#000;}
a.yellowonblack122      {background:url(../images/but_bg_yellowonblack122.gif) no-repeat left top;color:#000;}
a.calculator            {background:url(../images/but_calculator.gif) no-repeat left top;color:#000;}
a.calculator  {
   width:202px;
   height:42px;
   text-decoration:none;
}

/* END BUTTONS */



#prefooterwrapper {
   background:url(../images/bg_prefooterwrapper.gif) no-repeat center top;
   padding-top:70px;
   margin-top:70px;
}
#prefooter  {
   text-align:left;
   width:930px;
   margin:0 auto;
}
#prefooter p   {
   padding-left:0;
   line-height:1.25em;
   font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
   font-size:.75em;
}
#prefooter p.prefooter_telno {
   font-family:'BebasNeueRegular', 'arial narrow';
   font-size:36px;
   color:#91acc3;
}
div.bottomlarge   {
   position:relative;
   margin:0 auto;
   width:930px;  
}
div.wannatalk  {
   background: url(../images/large_wannatalk.gif) no-repeat left top;
   height:357px;
}
#prefooter div.wannatalk div.container {
   position:relative;
   top:80px;
   left:30px;
   width:415px;
}
#prefooter div.wannatalk p.light,
#prefooter div.wannatalk p.dark   {
   font-family:'BebasNeueRegular', 'arial narrow';
   font-size:36px;
   line-height:1em;
   padding-bottom:0.5em;
}
.light  {
   font-family:'BebasNeueRegular', 'arial narrow';
   font-size:inherit;
   color:#006699;
}
.dark  {
   font-family:'BebasNeueRegular', 'arial narrow';
   font-size:inherit;
   color:#000;
}

#prefooter div.wannatalk ul.big   {  
   font-size:24px;
   margin-top:0;
}
#prefooter div.wannatalk ul.big li   {
   font-family:'BebasNeueRegular', 'arial narrow';
   padding:0 0 0.25em 1em;
   background:url(../images/bullet_big.gif) no-repeat left 0.25em;
}
#prefooter div.wannatalk ul.big li a  {
   font-family:'BebasNeueRegular', 'arial narrow';
}
#footerwrapper {
   background-color:#333;
   border-top:1px solid #999;
}
#footerinner   {
  width:930px;
  margin:0 auto;
  padding-top:30px;
  padding-bottom:30px; 
  background:url(../images/bg_footer.gif) no-repeat top left;
  color:#999;
  font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
  line-height:1.25em;
}
#footerinner ul,
#footerinner p   {
   font-size:0.8em;
}

#footerinner ul li  {
   padding:0 30px 0.25em 0;
}
#footerinner ul.main li a   {
   color:#ccc;
}
#footerinner ul.secondary li a   {
   color:#999;
}
/* internal */


a.banneritem,
a.banneritemgrey   {
   font-family:'BebasNeueRegular', 'arial narrow';
   position:relative;
   display:block;
   width:289px;
   height:110px;
   font-size:28px;
   -moz-border-radius:2px;
   border-radius:2px;
}
a.banneritem   {
   background-color:#0099cc;
   color:#FFF;
}
a.banneritem:hover   {
   background-color:#006699;
   color:#FFF;
}
a.banneritemgrey   {
   background-color:#666;
   color:#FFF;
}
a.banneritemgrey:hover   {
   background-color:#555;
   color:#FFF;
}
a.banneritem span,
a.banneritemgrey span   {
  position:absolute;
  bottom:30px;
  right:30px; 
  font-family:'BebasNeueRegular', 'arial narrow';
  cursor:pointer;
}
/*
a.create {
   background:#09c url(../images/bi_create.gif) no-repeat left bottom;
}
a.create:hover {
   background:#069 url(../images/bi_create_on.gif) no-repeat left bottom;
}
*/

p.breadcrumb   {
   display:block;
   float:left;
   color:#999;
   font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
   font-size:0.7em;
   width:450px;
}
p.breadcrumb a   {
   color:#999;
   text-decoration:none;
}
p.breadcrumb a:hover   {
   color:#999;
   text-decoration:underline;
}
p.breadcrumb_features {
   text-align:right;
   display:block;
   font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
   float:right;
   width:440px;
   color:#000;
   font-size:0.9em;
}
p.breadcrumb_features a {
   display:block;
   float:right;
   padding:0 5px;
   text-decoration:none;
}
p.breadcrumb_features a:hover   {
   color:#999;
   text-decoration:underline;
}
p.breadcrumb_features a.current   {
   color:#000;
   text-decoration:none;
}
.testquote{
   display:none;
}
p.largepara	{
	/*font-family:"Lucida Sans", Verdana, tahoma, arial, sans-serif;
	font-size:24px;
   */
   font-size:26px;
   font-family:'BebasNeueRegular', 'arial narrow';
	line-height:32px;
	color:#666;
   margin-top:20px;
}
p.largepara span	{
	font-family:'BebasNeueRegular', 'arial narrow';
}
.center	{
	text-align:center;
}
.feature	{
	border:1px solid #ccc;
	padding:1px;
	margin-bottom:30px;
}
table.logos {
   border-collapse: separate;
}
table.logos td {
   padding:15px;
}
table.logos td.leftcell {
   padding:15px 15px 15px 0;
}
table.logos td.rightcell {
   padding:15px 0 15px 15px;
}
table.logos img   {
   border:1px solid #ccc;
   padding:29px;
}
.pullquote  {
   margin-top:68px;
   width:250px;
   padding-top:30px;
   background:url(../images/bg_pull_top.gif) no-repeat left top;
}
.pullquote span   {
   display:block;
   padding-bottom:30px;
   background:url(../images/bg_pull_bottom.gif) no-repeat left bottom;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-style:italic;
   font-size:24px;
   line-height:28px;
}
a.createbox,
a.sendbox,
a.sellbox {
   display:block;
   float:left;
   background-color: #222;
   width:290px;
   height:177px;
   font-size:36px;
}

a.createbox       {background:url(../images/box_create.gif) no-repeat left top;}
a.sendbox         {background:url(../images/box_send.gif) no-repeat left top;}
a.sellbox         {background:url(../images/box_sell.gif) no-repeat left top;}

a.createbox span,
a.sendbox span,
a.sellbox span  {
   display:block;
   text-align:right;
   padding-right:30px;
   line-height:177px;
   color:#ccc;
   font-family:'BebasNeueRegular', 'arial narrow';
}
a.createbox:hover {background:url(../images/box_create_over.gif) no-repeat left top;}
a.sendbox:hover   {background:url(../images/box_send_over.gif) no-repeat left top;}
a.sellbox:hover   {background:url(../images/box_sell_over.gif) no-repeat left top;}

a.createbox span:hover,
a.sendbox span:hover,
a.sellbox span:hover {
   color:#FFF;
}

a.fullbox   {
   display:block;
   float:left;
   background-color: #09c;
   width:290px;
   height:60px;
   font-size:28px;
}

a.fullbox span {
   display:block;
   text-align:right;
   padding-right:30px;
   line-height:60px;
   color:#FFF;
   font-family:'BebasNeueRegular', 'arial narrow';
}
a.fullbox:hover   {
   background-color:#069;
}

/*
form.pricing p label,
form.pricing td label	{
	float:none;
	text-align:left;
}
form.pricing > p input,
form.pricing td input,
form.pricing div p input
{
	font-size:24px;
}
*/


































form.pricing   {
   border:1px solid #CCC;
   padding:10px;
   background-color:#efefef;
}
form.pricing p label,
form.pricing p input   {
   font-size:14px;
}
form.pricing input,
form.pricing label  {
   border:none;
   padding:0;
   margin:0;
   font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
   text-align:right;
   background-color: transparent;
}
form.pricing td div.txt_contacts,
form.pricing td div.txt_campaigns	{
   position:relative;
   height:33px;
   border:0;
   margin:0 0 5px 0;
   vertical-align: middle;
}
form.pricing td div.txt_contacts	{
   width:100px;
   background: url(../images/bg_textbox_pricing_contacts.gif) no-repeat left top;
}
form.pricing td div.txt_campaigns	{
   width:75px;
   background: url(../images/bg_textbox_pricing_campaigns.gif) no-repeat left top;
}
form.pricing input.contacts,
form.pricing input.campaigns  {
   position:absolute;
   top:5px;
   left:10px;
   background:none;
   border:none;
   margin:0;
   height:23px;
   line-height:23px;
   font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
   font-size:14px;
}
form.pricing td input.contacts   {
   width:80px;
   
}
form.pricing td input.campaigns   {
   width:55px;
}
form.pricing table.pricingtable  {
   
}

table.pricingtable,
table.pricingtable_comp,
table.emailspermonth   {
    border-collapse: separate;
    border:10px solid #CCC;
    font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
}
table.emailspermonth   {
    background-color:#FFF;
}
table.pricingtable th,
table.pricingtable_comp th   {
   font-family:'BebasNeueRegular', 'arial narrow';
   font-size:20px;
   color:#FFF;
   font-weight:normal;
   padding:15px 15px 10px 15px;
   text-align:right;
}
table.pricingtable th   {
   background:#000 url(../images/bg_th_pricing_black.gif) repeat-x left top;
}
table.pricingtable_comp th   {
   background:#000 url(../images/bg_th_pricing_grey.gif) repeat-x left top;
}
table.pricingtable th.annual   {
   background:#000 url(../images/bg_th_pricing_annual.gif) repeat-x left top;
   border-left:1px solid #80be00;
   border-right:1px solid #163e00;
}
table.pricingtable th.monthly   {
   background:#000 url(../images/bg_th_pricing_monthly.gif) repeat-x left top;
   border-left:1px solid #009cd2;
   border-right:1px solid #00163e;
}
table.pricingtable td,
table.pricingtable_comp td   {
   text-align:right;
   background-color:#FFF;
   font-size:14px;
   padding:10px 15px 10px 15px;
}
table.pricingtable td input   {
   text-align:right;
   font-size:14px;
}
table.emailspermonth td label,
table.emailspermonth td input   {
   text-align:left;
   background-color:#FFF;
   padding:10px 15px 10px 15px;
   font-size:16px;
   vertical-align:middle;
}
table.pricingtable td.annual   {
   background-color:#cadba6;
   border-right:1px solid #97a47c;
   border-left:1px solid #e5edd3;
}
table.pricingtable td.monthly   {
   background-color:#99d2e4;
   border-left:1px solid #cce9f2;
   border-right:1px solid #739dab;
}
table.pricingtable tr.mid td   {
   background-color:#eaeaea;
}
table.pricingtable tr.mid td.annual   {
   background-color:#acc37d;
   border-left:1px solid #d6e1be;
   border-right:1px solid #81925e;
}
table.pricingtable tr.mid td.monthly   {
   background-color:#71b8d0;
   border-left:1px solid #bb8dce8;
   border-right:1px solid #558a9c; 
}
form.pricing table.pricinginput td {
   vertical-align:middle;
}










table.pricingtable_comp th.annual   {
   background:#000 url(../images/bg_th_pricing_annualgrey.gif) repeat-x left top;
   border-left:1px solid #c5cdb8;
   border-right:1px solid #7d8b68;
   color:#efefef;
}
table.pricingtable_comp th.monthly   {
   background:#000 url(../images/bg_th_pricing_monthlygrey.gif) repeat-x left top;
   border-left:1px solid #bdcad3;
   border-right:1px solid #5b7284;
}
table.pricingtable_comp td.annual   {
   background-color:#e2e6d9;
   border-right:1px solid #97a47c;
   border-left:1px solid #fff;
}
table.pricingtable_comp td.monthly   {
   background-color:#dfeaed;
   border-left:1px solid #fff;
   border-right:1px solid #739dab;
}
form.pricing table.pricinginput td {
   vertical-align:middle;
}



input.saveCalc,
input.saveCalc2   {
   color:red;
   font-weight:bold;
}



table.managedservice	{
	border-collapse: separate;
    font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
}
table.managedservice th	{
	font-family:'BebasNeueRegular', 'arial narrow';
	font-size:20px;
	color:#FFF;
	font-weight:normal;
	padding:15px 15px 10px 15px;
	text-align:center;
}
table.managedservice th.you	{
	background:#000 url(../images/bg_th_pricing_monthly.gif) repeat-x left top;
	border-left:1px solid #009cd2;
	border-right:1px solid #00163e;
}
table.managedservice th.we	{
	background:#000 url(../images/bg_th_pricing_annual.gif) repeat-x left top;
	border-left:1px solid #80be00;
	border-right:1px solid #163e00;
}

   
table.managedservice td   {
   font-size:14px;
   padding:10px 15px;
   line-height:1.5em;
   border-bottom:1px solid #ccc;
   text-align:center;
   vertical-align:middle;
}

/*
table.managedservice tr.managed_1	{
	background:url(../images/managed_1.gif) no-repeat  50% 50%;
	height:100px;
}
table.managedservice tr.managed_2	{
	background:url(../images/managed_2.gif) no-repeat  50% 50%;
	height:100px;
}
table.managedservice tr.managed_3	{
	background:url(../images/managed_3.gif) no-repeat  50% 50%;
	height:100px;
}
table.managedservice tr.managed_4	{
	background:url(../images/managed_4.gif) no-repeat 50% 50%;
	height:100px;
}
*/
table.managedservice tr.managed_1 td.left	{
	background:url(../images/managed_1.gif) no-repeat  0 50%;
	height:100px;
}
table.managedservice tr.managed_1 td.right	{
	background:url(../images/managed_1.gif) no-repeat  100% 50%;
	height:100px;
}
table.managedservice tr.managed_2 td.left	 {
	background:url(../images/managed_2.gif) no-repeat  0 50%;
	height:100px;
}
table.managedservice tr.managed_2 td.right	{
	background:url(../images/managed_2.gif) no-repeat  100% 50%;
	height:100px;
}
table.managedservice tr.managed_3 td.left	{
	background:url(../images/managed_3.gif) no-repeat  0 50%;
	height:100px;
}
table.managedservice tr.managed_3 td.right	{
	background:url(../images/managed_3.gif) no-repeat  100% 50%;
	height:100px;
}
table.managedservice tr.managed_4 td.left	{
	background:url(../images/managed_4.gif) no-repeat 0 50%;
	height:100px;
}
table.managedservice tr.managed_4 td.right	{
	background:url(../images/managed_4.gif) no-repeat 100% 50%;
	height:100px;
}


.whyquote	{
	padding-left:320px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	font-style:italic;
	color:#006699;
	padding-top:30px;
	border-bottom:1px solid #CCC;
	background:url(../images/bg_cyclist.gif) no-repeat 175px bottom;
}
.whyquote span	{
	display:block;
	font-size:12px;
	color:#999;
	font-style:normal;
}
#diagram {
   position:relative;
   height:462px;
   background:#FFF url(../images/bg_diagram.gif) no-repeat left top;
}
p.diagram_cta  {
   padding:30px 0;
   text-align:center;
   font-family:'BebasNeueRegular', 'arial narrow';
   font-size:22px;
   color:#999;
}
.diagram_cta span  {
   font-family:'BebasNeueRegular', 'arial narrow';
   color:#666;
}
#diagram h4 {
    font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
    font-size:14px;
    color:#000;
    padding:0;
    margin:0 0 10px 0;
    font-weight:bold;
}
div.diagram_1  {
   position:absolute;
   top:62px;
   left:156px;
   width:122px;
   height:104px;
}
div.diagram_2  {
   position:absolute;
   top:36px;
   left:393px;
   width:135px;
   height:133px;
}
div.diagram_3  {
   position:absolute;
   top:120px;
   left:655px;
   width:115px;
   height:167px;
}
div.diagram_4  {
   position:absolute;
   top:280px;
   left:413px;
   width:153px;
   height:140px;
}
div.diagram_5  {
   position:absolute;
   top:257px;
   left:186px;
   width:119px;
   height:147px;
}

table.jobdetails  {
   font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
   font-size:14px;
   margin:2em 0;
}
table.jobdetails td  {
   padding:10px 0;
   border-bottom:1px solid #CCC;
}
table.jobdetails td:first-child  {
   color:#666;
}
div.helpdoc	{
	border-bottom:1px solid #CCC;
	padding-bottom:10px;
}
div.helpdoc img	{
	float:left;
	margin-right:20px;
}
div.helpdoc h4	{
	font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
	font-size:12px;
	line-height:12px;
	text-transform:uppercase;
	color:#000;
}
div.helpdoc p	{
	font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
	font-size:11px;
	color:#666;
}
h3.picunder	{
	margin-bottom:20px;
}
img.margin	{
	margin-bottom:20px;
}



img.partnerlogo	{
	margin-top:2.1em;
}
div.contentsbox	{
	background-color:#f9f9f9;
	border:1px solid #EFEFEF;
	padding:20px;
	margin-bottom:20px;
	float:right;
	display:block;
	width:200px;
	margin-left:20px;
}
div.contentsbox ul	{
	list-style-type:none;
	display:block;
	font-size:.75em;
}
div.contentsbox ul li	{
	float:left;
	margin-right:30px;
	line-height:1.5em;
}
p.merch	{
	font-family:'BebasNeueRegular', 'arial narrow';
   font-size:24px;
   color:#09c;
}
p.merch	span{
	font-family:'BebasNeueRegular', 'arial narrow';
	font-size:24px;
	color:#666;
}
p.loyaltyvalue	{
	font-family:'BebasNeueRegular', 'arial narrow';
	color:#09c;
	font-size:30px;
	line-height:30px;
}
p.loyaltyvalue span	{
	font-family:'BebasNeueRegular', 'arial narrow';
	color:#09c;
	font-size:18px;
}
.specialoffer	{
	padding:20px 20px 10px 20px;
	background-color:#F9F9F9;
	border:1px solid #EFEFEF;
	margin-top:98px;
}
.specialoffer h4	{
	color:#09c;
	margin-bottom:.25em;
}
.specialoffer .specialofferprice	{
	font-family:'BebasNeueRegular', 'arial narrow';
	font-size:36px;
	float:left;
	width:110px;
	color:#09c;
	line-height:1em;
}
.specialoffer .specialoffertext	{
	font-family:'Lucida Sans Regular', 'Lucida Sans', Verdana, tahoma, arial, sans-serif;
	font-size:12px;
	float:left;
	width:130px;
	color:#666;
	line-height:1.2em;
	padding-top:0.25em;
}
#homeclickoffer	{
	position:absolute;
	left:470px;
	top:215px;
}
