/* -------------------------------------------------------------- 
  
   Reset.css
   * Version:   0.5 (28/8/2007)
   * Website:   http://code.google.com/p/blueprintcss/
   
   Original by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

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, font, img, ins, kbd, q, s, samp,
strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body
{
	background-attachment:fixed;
	background-image:url(images/bg_01.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	margin:0;
	
}
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/* -------------------------------------------------------------- 
   
   Typography.css
   * Version:   0.5 (28/8/2007)
   * Website:   http://code.google.com/p/blueprintcss/
  
   Based on work by:
   * Olav Bjorkoy      [bjorkoy.com]   
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   
   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb
  
-------------------------------------------------------------- */

body { 
  font-size: 12px;
}


/* Default fonts */
h1,h2,h3,
h4,h5,h6,
body      { font-family: Arial, Helvetica, sans-serif; } 


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 
{ 
  color:#111; 
  clear:both;
}
                      
h1 { font-size: 30px; padding:0 0 18px 0; }
h2 { font-size: 20px; }
h3,
h3 a,
h3 a:hover { color: #152d45; font-size: 16px; padding-bottom: 16px; font-weight:normal;}
h3.no_space { padding-bottom: 3px;padding-top: 15px;}
h3 strong {	color:#99cc66; }
h3.red { color:#993300; }
h3.red strong { color:#660000; }
h3.blue { color: #152d45; }
h3.blue strong { color: #152d45; }
h4 { font-size: 14px; font-weight:bold; }
h4.green { color: #152d45; }
h4.green strong { color: #152d45;}
h5 { font-size: 12px; font-weight:bold; }
h6 { font-size: 12px; }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0;}
p.last      { margin-bottom:0; }
p.explain	{ font-size:11px;}
p img       { float: left; margin:18px 18px 18px 0; padding:0; }
p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */

sup			{ color: #ff0000;}

a 			{ color: #152d45; text-decoration: none;}
a:hover		{ color: #99cc66;}

.nav a 		{ color: #152d45; text-decoration: none; margin-left:10px; font-size:16px;}
.nav a:hover{ color: #99cc66; text-decoration: none; margin-left:10px; font-size:16px;}
	

ul, ol      { margin: 0 0 10px 18px; }
ul 			{ list-style: none outside; margin: 0; padding: 0;}
li			{ line-height: 18px; }
ol          { list-style-type: decimal; }

dl,
dl dd       { margin: 0 0 18px 0; }
dl dt       { font-weight: bold; }
dt,dd		{ line-height: 18px;}


blockquote p{ color: #993300; font-size: 18px;line-height: 20px;margin-bottom:7px;font-style: normal;}
.buzz blockquote p {font-size:17px;line-height:21px;}
cite 		{ color: #333333; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-style: normal;}

strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 18px; background: #eee; border:1px solid #ddd; padding:16px; }

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #B2CCFF; 
  color: #B2CCFF;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 2px;
  margin: 0 0 16px 0;
  border: none; 
}


/* Tables
-------------------------------------------------------------- */

/*table   { margin-bottom: 16px; border-top:1px solid #ddd; border-left:1px solid #ddd; }
th,td   { height: 13px; padding:2px 4px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
th      { font-weight:bold; }*/

table td,
table tbody th {
	height: 29px;
	border-bottom: 1px solid #CCC;
	vertical-align: middle;
}

table tbody tr.last th,
table tr.last td {
	border-bottom: 1px solid #adadad;
}

table tbody th {
	padding-left: 4px;
	font-weight: bold;
}

/* Some default classes
-------------------------------------------------------------- */

p.small   { font-size: 10px; margin-bottom: 18px; }
p.large   { font-size: 14px; line-height:36px; }
p.quiet   { color: #666; }
.hide     { display: none; }
.center	  { text-align: center; }


/* Extra fancy typography
-------------------------------------------------------------- */

/* For great looking type, use this code instead of asdf: 
   <span class="alt">asdf</span>  
   Best used on prepositions and ampersands. */
  
/* For great looking quote marks in titles, replace "asdf" with:
   <span class="dquo">&#8220;</span>asdf&#8221;
   (That is, when the title starts with a quote mark). 
   (You may have to change this value depending on your font size). */  
   
.dquo { margin-left: -.7em; } 


/* Reduced size type with incremental leading
   (http://www.markboulton.co.uk/journal/comments/incremental_leading/)

   This could be used for side notes. For smaller type, you don't necessarily want to 
   follow the 1.5x vertical rhythm -- the line-height is too much. 
   
   Using this class, it reduces your font size and line-height so that for 
   every four lines of normal sized type, there is five lines of the sidenote. eg:

   New type size in em's:
     10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)

   New line-height value:
     12px x 1.5 = 18px (old line-height)
     18px x 4 = 72px 
     72px / 5 = 14.4px (new line height)
     14.4px / 10px = 1.44 (new line height in em's) */

p.incr, .incr p {
	font-size: 10px;
	line-height: 1.44em;  
	margin-bottom: 18px; /* Still 1.5 x normal font size as baseline */
}


/* Surround uppercase words and abbreviations with this class.
   Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
   
.caps { 
  font-variant: small-caps; 
  letter-spacing: 1px; 
  text-transform: lowercase; 
  font-size:1.2em;
  line-height:1%;
  font-weight:bold;
}

/* EOF */
/* --------- /stylesheets/marketing/blueprint/lib/grid.css --------- */ 
/* -------------------------------------------------------------- 
  
  BLUEPRINT CSS
   * Filename:        grid.css
   * Version:         0.5 (2007-08-28) YYYY-MM-DD
   * Website:         http://code.google.com/p/blueprintcss/
  
  Generated by:
   * Blueprint CSS Grid Generator (2007-09-18) [http://kematzy.com/blueprint-generator/]
  
  Based on work by:
   * Olav Bjorkoy      [bjorkoy.com]
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Khoi Vinh         [subtraction.com]
  
  == STRUCTURE: ========================
   * Page width:            959 px
   * Number of columns:     14
   * Column width:          62 px
   * Margin width:          7 px
  ======================================
   
  By default, the grid is 959px wide, with 14 columns 
  spanning 62px, and a 7px margin between columns.
  
  If you need fewer or more columns, use this formula to calculate
  the new total width: 
  
  Total width = (number_of_columns * column_width) - margin_width
  
-------------------------------------------------------------- */

body { 
  text-align: center; /* IE6 Fix */
  margin:0;
}

/* A container should group all your columns. */
.container {
  text-align: left;
  position: relative;
  padding: 0;
  margin: 0 auto;   /* Centers layout */
  width: 998px;     /* Total width */
  padding-bottom: 2px;
  background-color:#FFFFFF;
}


/* Columns
-------------------------------------------------------------- */

/* Use this class together with the .span-x classes
   to create any composition of columns in a layout.
   Nesting columns works like a charm (remember .first and .last). */
   
.column {
  float: left;
  margin-right:7px;
  padding: 0;
}
* html .column { overflow-x: hidden; } /* IE6 fix */

/* Add this class to a column if you want a border on its 
   right hand side. This should be customized to fit your needs. */

.border 
{
  padding-right: 2.5px;
  margin-right: 3.5px;
  border-right: 1px solid #ddd;
}

/* Use these classes to set how wide a column should be. */
.span-1  { width: 150px; margin-top:80px; margin-left:170px;}
.span-2  { width: 207px;}
.span-3  { width: 200px;}
.span-4  { width: 260px;}
.span-5  { width: 320px;}
.span-6  { width: 407px;}
.span-7  { width: 476px;}
.span-8  { width: 545px;}
.span-9  { width: 640px;}
.span-10 { width: 683px;}
.span-11 { width: 752px;}
.span-12 { width: 821px;}
.span-13 { width: 890px;}
.span-14 { width: 998px; margin: 0; padding:0}
.span-15 { width: 192px; }
.span-16 {width:650px; margin-left: 105px; margin-top: 20px; text-align:center}


.span-17{width:750px; margin-left:5px; margin-top:2px; background-color:#f2ffe4;}/*k green*/
.span-18{width:400px; margin-left:5px; margin-right:5px; margin-top:20px;}/*k*/
.span-19{width:55px; margin:0px 15px; padding:0; vertical-align:top;}/*k*/
.span-20{width:630px; margin-top:18px; margin-bottom:18px; margin-right:18px;padding:0; vertical-align:top;}/*k*/
.span-21{width:750px; margin-left:5px; margin-top:2px; background-color:#FAFAFA;}/*k grey*/
.span-22{width:250px; margin-left:68px;}/*k*/
.span-23{width:250px; margin-left:68px; background-color:#FAFAFA; border-top:1px solid #dadada;}/*k*/
.span-24{width:750px; margin-top:2px; }/*k green*/
.span-25{width:735px; margin-left:15px; margin-top:15px; margin-right:25px;}/*k green*/
.span-26{width:360px; margin:0px;}/*k green*/
.span-27{width:750px; margin-left:0px;} /*k green*/
.span-s20{ width:420px; margin:15px 10px 10px 10px; padding:0; line-height:24px;}
.span-s20 h1{ font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#99cc66; font-weight:normal; line-height:24px;}

.span-s21 {width:400px; margin:0px; padding:0px;}
.span-s22 {width:95px; margin:0px; padding:0px;}

.span-s23 { width: 750px; margin:45px 10px 10px 10px;}
.span-s23 h1{ font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#99cc66; font-weight:normal; line-height:24px;}

.span-s24 {width:750px; margin:0px; padding:0px;}




/* The last element in a multi-column block needs this class. */
.last     { margin-right: 0; }

/* Add these to a column to append empty cols. */
.append-1  { padding-right: 69px;}
.append-2  { padding-right: 138px;}
.append-3  { padding-right: 207px;}
.append-4  { padding-right: 276px;}
.append-5  { padding-right: 345px;}
.append-6  { padding-right: 414px;}
.append-7  { padding-right: 483px;}
.append-8  { padding-right: 552px;}
.append-9  { padding-right: 621px;}
.append-10 { padding-right: 690px;}
.append-11 { padding-right: 759px;}
.append-12 { padding-right: 828px;}
.append-13 { padding-right: 897px;}


/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 69px;}
.prepend-2  { padding-left: 138px;}
.prepend-3  { padding-left: 207px;}
.prepend-4  { padding-left: 276px;}
.prepend-5  { padding-left: 345px;}
.prepend-6  { padding-left: 414px;}
.prepend-7  { padding-left: 483px;}
.prepend-8  { padding-left: 552px;}
.prepend-9  { padding-left: 621px;}
.prepend-10 { padding-left: 690px;}
.prepend-11 { padding-left: 759px;}
.prepend-12 { padding-left: 828px;}
.prepend-13 { padding-left: 897px;}



/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }



/* Images
-------------------------------------------------------------- */

/* Remember the baseline (typography.css). */
img { margin: 0 0 18px 0; }


/* Use these classes to make an image flow into the column before 
   or after it. This technique can also be used on other objects. */

.pull-1 { margin-left: -69px;}
.pull-2 { margin-left: -138px;}
.pull-3 { margin-left: -207px;}
.pull-4 { margin-left: -276px;}



.push-0  { margin: 0 0 0 18px; float: right; } /* Right aligns the image. */
.push-1 { margin: 0 -69px 0 18px; float: right;}
.push-2 { margin: 0 -138px 0 18px; float: right;}
.push-3 { margin: 0 -207px 0 18px; float: right;}
.push-4 { margin: 0 -276px 0 18px; float: right;}


.pull-1, .pull-2, .pull-3, .pull-4,
.push-1, .push-2, .push-3, .push-4 {
  overflow-x: visible; /* Overrides previous IE6 fix (needs improvement). */
}

/* EOF *//* --------- /stylesheets/marketing/default.css --------- */ 
/*
#
# ELEMENT DEFAULTS/CLASSES
#
######################*/

a:focus {
	outline: none;
}

.no_display {
	display: none;
}

.clear {
	clear: both;
}

.clear_left {
	clear: left;
}

.clear_right {
	clear: right;
}

.center_text {
	text-align: center;
}

.left  { float: left; }
.right { float: right;}

a.more {
	padding-left: 15px;
	margin-top: 15px;
	float: right;
}


a.btn_send {
	background:url(images/field_08.jpg) top right no-repeat;
	height: 42px;
	padding-left:27px;
	padding-right:25px;
	line-height: 36px;
	font-size: 14px;
	color: #FFFFFF;
	float: left;

}
a.btn_send:hover {
	background:url(images/field_08.jpg)  top right no-repeat;
	height: 42px;
	padding-left:27px;
	padding-right:25px;
	line-height: 36px;
	font-size: 14px;
	color: #99cc66;
	float: left;

}



a.btn_green {
	background: url(images/btn_green.jpg) top right no-repeat;
	height: 42px;
	padding-left:15px;
	padding-right: 12px;
	line-height: 36px;
	font-size: 14px;
	color: #FFFFFF;
	float: left;
	margin-right: 10px;
}
a.btn_green:hover {
	background: url(images/btn_green.jpg) top right no-repeat;
	height: 42px;
	padding-left:15px;
	padding-right: 12px;
	line-height: 36px;
	font-size: 14px;
	color: #152d45;
	float: left;
	margin-right: 10px;
}


a.btn_blue {
	background: url(images/btn_blue.jpg) top right no-repeat;
	height: 42px;
	padding-left:25px;
	padding-right: 26px;
	line-height: 36px;
	font-size: 14px;
	color: #FFFFFF;
	float: left;

}
a.btn_blue:hover {
	background: url(images/btn_blue.jpg) top right no-repeat;
	height: 42px;
	padding-left:25px;
	padding-right: 26px;
	line-height: 36px;
	font-size: 14px;
	color: #99cc66;
	float: left;

}
/*kanchan*/
a.btn_login {
	background:url(images/log.jpg) top right no-repeat;
	height: 42px;
	padding-left:20px;
	padding-right:26px;
	line-height: 36px;
	font-size: 14px;
	color: #FFFFFF;
	float: left;

}
a.btn_login:hover {
	background:url(images/log.jpg) top right no-repeat;
	height: 42px;
	padding-left:20px;
	padding-right:26px;
	line-height: 36px;
	font-size: 14px;
	color: #99cc66;
	float: left;

}
a.btn_myac {
	background:url(images/myac.jpg) top right no-repeat;
	height: 42px;
	padding-left:35px;
	padding-right:35px;
	line-height: 36px;
	font-size: 14px;
	color: #FFFFFF;
	float: left;

}
a.btn_myac:hover {
	background:url(images/myac.jpg)  top right no-repeat;
	height: 42px;
	padding-left:35px;
	padding-right:35px;
	line-height: 36px;
	font-size: 14px;
	color: #99cc66;
	float: left;

}
/*..*/
a.sign_home_big {
	background:  url(images/btn_sign_12_g.jpg) top right no-repeat;
	text-align:center;
	width:200px;
	height: 55px;
	padding-right: 30px;
	line-height:55px;
	font-size: 20px;
	color: #FFFFFF;
	float: left;

}
a.sign_home_big:hover {
	background: url(images/btn_sign_12.jpg) top right no-repeat;
	width:200px;
	height: 55px;
	padding-right: 30px;
	line-height:55px;
	font-size: 20px;
	color: #152d45;
	float: left;

}

a.sign_price_big {
	
	background:  url(images/btn_sign_16.jpg) top center no-repeat;
	width:400px;
	height: 55px;
	padding-right: 15px;
	line-height:55px;
	color: #FFFFFF;
	float: left;

}
a.sign_price_big:hover {
	background: url(images/btn_sign_16_g.jpg) top center no-repeat;
	width:400px;
	height: 55px;
	padding-right: 15px;
	line-height:55px;
	color: #152d45;
	float: left;

}



strong.safe {
	background: url(/images/marketing/key.gif) top right no-repeat;
	padding-right: 22px;
	padding-bottom: 2px;
}

/*
#
# BORDERS
#
######################*/

.gray_bottom_border,
.gray_top_border,
.blue_bottom_border,
.blue_top_border {font-size: 0px;}

.gray_bottom_border {
	
	border-bottom: 1px solid #CCC;
}

.gray_top_border {
	border-top: 1px solid #CCC;
}

.gray_left_border {
	border-left: 1px solid #CCC;
}

.gray_right_border {
	border-right: 1px solid #CCC;
}

.gray_bottom_border {
	border-bottom: 1px solid #CCC;
}

.gray_top_border {
	border-top: 1px solid #CCC;
}

.gray_left_border {
	border-left: 1px solid #CCC;
}

.gray_right_border {
	border-right: 1px solid #CCC;
}



.off_black {
	color: #333333
}

/*--------------------------------------------------- HEADER ------------------------------------------------------ */

.header {
}

h1.header a {
	background: url(images/field_03.jpg) top left;
	height: 107px;
	width: 220px;
	margin-left:15px;
	float: left;
}

.call_us {
	text-transform: uppercase;
	font-size: 18px;
	text-align: center;
	margin-top: 18px;
	margin-bottom: 0;
}

.call_us span {
	font-size: 10px;
}

.header_signup
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#152d45;
	text-decoration:none;
}

/* ------------------------------------ # NAVIGATION --------------------------------------- */

.navigation {

	clear: both;
	/*border-right:1px solid #CCC;*/
	padding-right: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 650px;
}


ul.navigation li {
	padding-top: 17px;
	padding-bottom: 17px;
	padding-left: 6px;
	font-size: 15px;
}


ul.navigation li ul li {
	font-size: 12px;
	padding: 15px 0 0 0;
	margin: 0;
}

ul.navigation li ul li p {
	padding: 0;
	margin: 0;
	font-size: 10px;
	line-height: 12px;
	text-transform: uppercase;
}

ul.navigation li ul li a {
	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 14px;
	text-transform: capitalize;
}

ul.navigation li ul li a.more {
	padding-left: 15px;
	margin-top: 25px;
	float: right;
}


/* -----------------------Page Mid Content --------------------------- */

.home .center_content_container {
	margin-right: 0;
	margin-left: 0;
	padding-right: 28px;
	padding-left: 39px;
}

.center_content_container p {
	margin-bottom: 18px;
	line-height: 18px;
	font-size: 13px;
}

.pricing .center_content_container {
	margin:0;
	padding:0;
}

.pricing .center_content_container p h1{
	margin:0;
	padding:0;
	font-size:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

.pricing .feature_list h3.red {
	margin-top: 20px;

}

.pricing .feature_list h4 {
	padding-bottom: 10px;
}

.pricing .feature_list ul {
	border-bottom: 0;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.pricing .feature_list ul li ul {
	border-bottom: 1px solid #a5a5a5;
	padding-bottom: 10px;
	margin-bottom: 10px;
}


/* sign up */

.sign_up fieldset.select_plan {
	position: relative;
}

/* about_us */

.about_us .center_content_container {
	padding-top:18px;
}

.about_us .center_content_container .col1 h3.red {
	margin-top: 40px;
	padding-bottom: 12px;
	margin-bottom: 4px;
}



/*why*/

.why .center_content_container .col1 {
	margin-top: 91px;
}

.why ol { margin-left: 4px;}

.why ol li {
	background: #f2fafe;
	margin-bottom: 2px;
	padding-top: 10px;
	padding-bottom: 13px;
}

.why ol li.alt {
	background: #e8f4fe;
}

.why .center_content_container .col1 ol li p {
	margin-bottom: 0;
	padding-left: 100px;
}

.why .center_content_container .col1 ol li h3 {
	padding-left: 100px;
}

.why ol li.num1 { background: #f2fafe url(/images/marketing/num1.gif) top left no-repeat; }
.why ol li.num2 { background: #e8f4fe url(/images/marketing/num2.gif) top left no-repeat; }
.why ol li.num3 { background: #f2fafe url(/images/marketing/num3.gif) top left no-repeat; }
.why ol li.num4 { background: #e8f4fe url(/images/marketing/num4.gif) top left no-repeat; }
.why ol li.num5 { background: #f2fafe url(/images/marketing/num5.gif) top left no-repeat; }
.why ol li.num6 { background: #e8f4fe url(/images/marketing/num6.gif) top left no-repeat; }

/*login*/


.login .column .col1 {
	margin-top: 29px;
}

fieldset.login_box p.lock {
	background: url(/images/marketing/lock.gif) top left no-repeat;
	padding-left: 15px;
}

fieldset.login_box p
{
	margin-bottom: 3px;
	margin-top: 10px;
	margin-left: 10px;
}

.login .column .login_form {
	margin-bottom: 20px;
}



/*privacy policy*/

.privacy .center_content_container .col1 {
	margin-top: 91px;
}

/*contact us*/

.contact_us .center_content_container .col1 {
	margin-top: 91px;
}

.contact_us .center_content_container .col1 p.close_space {
	margin-bottom: 0;
}

.contact_us .center_content_container .col1 h3.close_space {
	padding-bottom: 4px;
	margin-bottom: 0;
	margin-top: 20px;
}

.contact_us .center_content_container .col1 .intro_line {
	padding: 7px 0 7px 25px;
	margin: 0;
}

.contact_us .center_content_container .col1 .item p {
	margin-top: 10px;
	margin-bottom: 0px;
}

.contact_us .center_content_container .col1 .comments {
	width: 380px;
}

.contact_us .center_content_container .col1 .comments textarea {
	height: 120px;
	width: 375px;
}

.contact_us .center_content_container .col1 .how_hear_about_us input {
	width: 400px;
}

.contact_us .center_content_container .col1 .required {
	margin-bottom: 0px;
	padding-top: 10px;
}

.contact_us .center_content_container .col1 button.send {
	margin-top: 19px;
}

.contact_us .center_content_container .col1 dl.mailing_address {
	margin-top: 20px;
	float: left;
	width: 100%;
}

.contact_us .center_content_container .col1 dl.mailing_address dt {
	width: 125px;
	float: left;
	font-size: 13px;
	text-align: right;
	padding-top:10px;
	padding-bottom:10px;
}

.contact_us .center_content_container .col1 dl.mailing_address dd {
	font-size: 13px;
	float: left;
	margin-left: 15px;
	margin-bottom: 0;
	padding-top:10px;
	padding-bottom:10px;
}

/* logout */

.logout .column .col1 {
	margin-top: 91px;
}

.logout .column .col1 form textarea {
	width: 445px;
	margin: 0 10px;
	height: 150px;
}

.logout .column .col1 p.upgrade_text {
	width: 65%;
	float: left;
}

.logout .column .col1 ul li {
	font-size: 13px;
}

.logout .column .col1 a.call_to_action {
/*	float: right;*/
/*	margin-top: -33px;*/
	position: absolute;
	right: 0;
}

.logout .column .col1 div.highlight_box {
	position: relative;
}

.logout div.gray_surround {
	background: #e6e6e6;
	margin-bottom: 20px;
	padding: 20px;
	float: left;
	width: 100%;
	position: relative;
}

.logout div.gray_surround a.button {
	padding: 7px;
	background: #2395ff;
	font-weight: bold;
	color: white;
	font-size: 14px;
	border: 1px solid #cfcfcf;
	border-bottom: 1px solid #565656;
	float: left;
	margin-top: -5px;
	margin-left: 40px;
}

.logout div.gray_surround h4 {
	font-size: 20px;
	float: left;
}

.logout div.gray_surround ul {
	width: 100%;
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
}

.logout div.gray_surround ul li {
	float: left;
	width: 33%;
}

.logout div.gray_surround ul li a {
	float: left;
	margin-left: 25px;
}

.logout div.gray_surround ul li a span {
	display: none;
}

.logout div.gray_surround ul li a.twitter {
	background: url(/images/marketing/twitter.gif) top left no-repeat;
	width: 131px;
	height: 26px;
}

.logout div.gray_surround ul li a.facebook {
	background: url(/images/marketing/facebook.gif) top left no-repeat;
	width: 124px;
	height: 26px;
}

.logout div.gray_surround ul li a.blog {
	background: url(/images/marketing/blog.gif) top left no-repeat;
	width: 97px;
	height: 32px;
}

.logout div.gray_surround p {
	float: left;
	width: 100%;
}

/* thank you */

.video_links,
.user_fourms_links {
	margin-top: 20px;
}


.video_links ul li {
	list-style: disc inside;
	padding-left: 10px;
}

.video_links ul {
	float: left;
	width: 48%;
}

.thank_you .personal_tour_box {
	width: 249px;
}

.thank_you .personal_tour_box ul li {
	list-style: disc outside;
	margin-left: 15px;
	margin-bottom: 10px;
}



/* -------------------------------Floating container------------------------------- */

.float_container {
	width:345px;
	position: absolute;
	right: 0;
	margin-top: -45px;
	z-index: 100;
}


.float_container h2.online_field {
	background: url(images/new/field_06.png) top left no-repeat;
	width: 275px;
	height: 171px;
}

.float_container h2.pricing {
	background: url(images/pricing_04.jpg) top left no-repeat;
	width: 240px;
	height: 101px;
}

.float_container h2.contact {
	background:url(images/contact_04.jpg) top left no-repeat;
	width: 261px;
	height: 101px;
}


.float_container h2.case {
	background: url(images/client_04.jpg) top left no-repeat;
	width: 261px;
	height: 101px;
}
/*kanchan*/
.float_container h2.esignature {
	background:url(images/esig.jpg) top left no-repeat;
	width: 261px;
	height: 120px;
}
.float_container h2.about {
	background:url(images/aboutus_04.jpg) top left no-repeat;
	width: 261px;
	height: 101px;
}
.float_container h2.login {
	background:url(images/login_04.jpg) top left no-repeat;
	width: 261px;
	height: 101px;
}
.float_container h2.signup {
	background:url(images/acc_04.jpg) top left no-repeat;
	width: 261px;
	height: 101px;
}

/*kanchan*/
.float_container h2.roadmap {
	background: url(images/roadmap_04.jpg) top left no-repeat;
	width: 261px;
	height: 101px;
}

.float_container h2.faq {
	background: url(images/faq_04.jpg) top left no-repeat;
	width: 261px;
	height: 101px;
}

.float_container h2.privacy {
	background: url(images/privacy_04.jpg) top left no-repeat;
	width: 261px;
	height: 140x;
}

.float_container h2.terms {
	background: url(images/terms_04.png) top left no-repeat;
	width: 261px;
	height: 110px;
}
.float_container h2.how {
	background: url(images/field_04.jpg) top left no-repeat;
	width: 261px;
	height: 110px;
}




.float_container ul li,
.float_container ul li a {
	color: #ebd6cc;
	font-size: 18px;
	padding-bottom: 13px;
}

.float_container ul li strong {
	color: #e0cccc;
}

.float_container ul li a:hover,
.float_container ul li a.stand_out {
	color: #993300;
}

.float_container ul li a:hover strong,
.float_container ul li a.stand_out strong {
	color: #660000;
}

.float_container a.call_to_action {
	margin-top: 10px;
}

.float_container a.call_to_action span {
	color: #333333;
}


/* -------------------------------END OF Floating Container------------------------------- */




/*-------------------------------------------MARKETING--------------------------------------*/

marketing_columns
	{
	
	style:position:relative; 
	float:right;
	border-top:1px solid #CCCCCC;
	}




.marketing {
	
	font-size: 13px;
	padding-top: 26px;
	margin-top: 0px;
	margin-left:0px;
	margin-right: 0px;
	padding-right: 5px;
	height: 260px;
	margin-bottom: 0px;
	padding-left: 5px;
}

.marketing p.explain {
	line-height: 18px;
}

.marketing p em {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999999;
	line-height:24px;
	font-weight:none;
	
}

.marketing ol {
	list-style: none;
	margin-left: 0;
	padding-left: 25px;
	padding-top: 1px;
	margin-bottom: 0;
}

.marketing ol li {
	padding-bottom: 4px;
	list-style-type:decimal;
}

. blockquote {

	height: 147px;
}

. a.more {
	margin-top: 0px;
}

.marketing1 {margin-top:30px; width: 230px; padding:10px ;}

.marketing1 a.more {
	font-size:14px;
	margin-top: 25px;
	color:#152d45
}

.marketing1 a.more:hover {

	color:#99cc66;
}

.marketing2 {margin-top:30px;; width: 240px; padding:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#999999;
}




.marketing3 {margin-top:30px; width: 250px;	padding:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#999999;}

.marketing3 p {
	font-size: 13px;
	color: #152d45;
	margin-top: 15px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 20px;
}

.marketing3 p strong {
	color: #99cc66;
	font-size: 17px;
}

.marketing3 p strong span {
	font-size: 50px;
	margin-right: 6px;
}

.marketing3 p.price strong {
	font-size: 62px;
	letter-spacing: -4px;
	padding-right: 8px;
}

.marketing3 a.more {
	font-size:14px;
	color:#152d45
}

.marketing3 a.more:hover {
	font-size:14px;
	color:#99cc66;
}

/*-------------------------------------------MARKETING END--------------------------------------*/


/*--------------------------------------FOOTER------------------------------------------*/

#footer {
	
	font-size: 11px;
	background: #ffffff;
}

#footer .copyright,
#footer .footer_navigation,
#footer .disclaimer {
	line-height: 14px;
	margin-top: 0px;
	padding-top: 15px;
	padding-left:15px;
	height: 30px;

}

#footer .footer_navigation p {
	margin-bottom: 2px;
}

#footer .footer_navigation li {
	float: left;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #333333;
	line-height:10px;
	font-weight: normal;
	font-size: 12px;
	height: 12px;
}

#footer .footer_navigation li.last {
	border-right: 0;
	padding: 0;
	margin: 0;
}

/*--------------------------------------FOOTER------------------------------------------*/

#signup_errors .error {
  border: 1px solid #c21d1d;
  padding: 4px;
  margin: 5px 5px 30px;
background: #ffd3d5;
}

#signup_errors .error h2 {
	font-weight: bold;
	margin-bottom: 5px;
}

#signup_errors .error li {
	list-style: disc inside;
	color: #c21d1d;
	padding-left: 15px;
}


/* --------- /stylesheets/marketing/forms.css --------- */ 
form input,
form textarea {
	background: #FFF;
	border: 1px solid #DADADA;
	height: 18px;
}

form textarea {
	height: auto;
}

form .radio,
form .checkbox {
	height: auto;
	background: none;
	border: none;
}

form button {
	border: none;
	display: block;
	padding: 0;
}

form button:hover {
	cursor: pointer;
}

form button.send {
	width: 78px;
	height: 30px;
	background: url(/images/marketing/send_button.png) top left no-repeat;
	margin-top: 10px;
}

form button.submit {
	width: 91px;
	height: 30px;
	background: url(/images/marketing/submit_button.png) top left no-repeat;
	margin-top: 10px;
	margin-right: 13px;
}

form button.login {
	width: 78px;
	height: 30px;
	background: url(/images/marketing/button_login.png) top left no-repeat;
	margin-top: 10px;
	margin-left: 10px;
}

form button.create_my_account {
	width: 161px;
	height: 30px;
	background: url(/images/marketing/create_my_account_button.png) top left no-repeat;
	margin-top: 10px;
	margin-bottom: 20px;
	float: right;
}

.sign_up form .field .item {
	margin-bottom: 13px;
}
.sign_up form .field .item-large {
	margin-bottom: 13px;
	width: 400px;
}

.sign_up form .field .item p,
.sign_up form .field .item-large p {
	float: left;
	width: 95px;
	line-height: 20px;
	clear: left;
	margin: 0;
	text-align: right;
	padding-right: 5px;
	font-size: 12px;
}

.sign_up form .field .item-large p {
	width: 135px;
}

.sign_up form .field .item p.explain,
.sign_up form .field .item-large p.explain {
	float: left;
	width: auto;
	line-height: 20px;
	clear: none;
	margin: 0;
	text-align: right;
	padding-right: 5px;
}

.sign_up form .field .item p.state {
	width: auto;
	clear: none;
}

.sign_up form .billing_name_info .item input {
	width: 198px;
}

.sign_up .item-large input {
	width: 158px;
}

.sign_up form .field .item input.city_input {
	width: 101px;
}

.sign_up form .field .item span.state {
	font-size: 12px;
	margin-left: 3px;
	margin-right:3px;
}

.sign_up form .field .item span.explain {
	font-size: 10px;
	color: #333333;
}

.sign_up form .field .cc {
	background: url(/images/marketing/credit_cards.gif) top center no-repeat;
	width: 191px;
	height: 24px;
	margin: 20px auto 20px auto;
}

.sign_up form .billing_card_info {
	margin-right: 3px;
	padding-right: 3px;
	height: 288px;
}

.sign_up form .billing_card_info input {
	width: 160px;
}

.sign_up form p.explain {
	padding-bottom:5px;
	margin-bottom: 3px;
	margin-top:5px;
	line-height: 14px;
}

.billing_name_info {
	padding-top: 10px;
	margin-bottom: 3px;
}

.select_plan .premium,
.select_plan .free {
	height: 29px;
	margin-bottom: 0;
}

.select_plan .premium {
	background: #ffffd6;
	border-bottom: 1px solid #CCC;
}

.select_plan .free {
	background: #f7ebb7;
	border-bottom: 1px solid #adadad;
}

.sign_up form fieldset h3 {
	margin-top: 24px;
	padding-bottom: 3px;
}

.sign_up form fieldset.large h3 {
	margin-bottom: 15px;
	margin-top: 30px;
}

.sign_up form .field .item-large p.item-value {
	float: left;
	clear: none;
	text-align: left;
	margin-bottom: 15px;
	margin-left: 20px;
}

.sign_up form .field .item-large #your_savings_span {
	color: darkgreen;
}

.sign_up form .payment p {
	float: left;
	width: 150px;
}

.sign_up form .payment input {
	float: left;
	width: auto;
	height: auto;
	margin-right: 50px;
}

/*Comapny info*/

.company_info p {
	margin-bottom: 3px;
}

.company_info .field {
	margin-bottom: 10px;
}

/*account*/


.sign_up form .account_admin_info_name {
	margin-right: 3px;
	padding-right: 3px;
	height: 186px;
}

.sign_up form .account_admin_info_name input {
	width: 160px;
}



/* contact us */

.contact_us form .item input {
	width:188px;
}



.belowgrtxt
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#999999;
line-height:24px;
font-weight:none;
padding-left:15px;
}
/*kanchan*/
.blutxt
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#1262b1;
line-height:24px;
font-weight:none;
padding-left:0px;
}
.blutxt_small
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#1262b1;
line-height:24px;
font-weight:none;
padding-left:0px;
}/*kanchan*/
.belowhead_green{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color:#316394;

}


.pricing_features_columns
	{
	
	}



.pricing_features {
	
	padding-top: 10px;
	margin-top: 0px;
	margin-left:0px;
	margin-right: 0px;
	padding-right: 5px;
	margin-bottom: 0px;
	padding-left: 0px;
}

.pricing_features h3{ font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; margin:0;}
	

.pricing_column1  { margin-top:0px; margin-left:10px; padding:10px 5px; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#cb3a22; height:110px; background-color:#edfedb; text-align:center}
.pricing_column2  { margin-top:0px; padding:10px 5px; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#cb3a22; height:110px;background-color:#daf8ba; text-align:center}
.pricing_column3  { margin-top:0px; padding:10px 5px; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#cb3a22; height:110px;background-color:#edfedb; text-align:center}
.pricing_column4  { margin-top:0px; padding:10px 5px; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#cb3a22; height:110px;background-color:#daf8ba; text-align:center}
.belowgrtxt1/*k*/
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#999999;
line-height:18px;
font-weight:none;
padding-left:10px;
padding-top:25px;
}
.belowhead_green1{/*k*/
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color:#316394;
padding-left:0px;


}
.more_ftik{
padding:0;
margin:0px 0px 0px 100px;

}
.more_ftik li {
list-style-type:decimal;

}



.head_div {margin:0px 10px 10px 15px;; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#99cc66; font-weight:normal; };

.head_div h1{ font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#99cc66; font-weight:normal;}

.head_div_b {margin:0px 10px 10px 15px;; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#316394; font-weight:normal; };

.head_div_b h1{ font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#316394; font-weight:normal;}


	
.faq_content {padding-top: 10px; margin-top: 0px; margin-left:0px; margin-right: 0px; padding-right: 5px;margin-bottom: 0px; padding-left: 0px;}
	
.faq_content h1{ font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; margin:0;}

.faq_content .center_content_container p h1{margin:0;padding:0;	font-size:24px;	font-family:Arial, Helvetica, sans-serif;font-weight:normal;}


.con_div {float:left; margin:0px 10px 10px 0px;; padding:0; };
/*kanchan*/
.txtbox{
height:20px;
width:200px;
border:1px solid #dadada;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
text-align:left;
padding-left:5px;
}
/*kanchan*/



/*Bread Crumbs*/
#crumbs {
	height:25px;
	margin:0;
	padding:0;
	
	}
	
#crumbs li {
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	float:left;
	line-height:2.3em;
	color:#999;
	padding-left:10px;
	}		
#crumbs li a {
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	display:block;
	padding:0 ;
	}							
#crumbs li a:link,
#crumbs li a:visited {
	color:#999;
	text-decoration:none;
	}	

#crumbs li a:hover,
#crumbs li a:focus {
	color:#99cc66;
	}		
/*Bread Crumbs*/

.marketing_more {
	
	font-size: 13px;
	padding-top: 26px;
	margin-top: 0px;
	margin-left:0px;
	margin-right: 0px;
	padding-right: 5px;
	height: 40px;
	margin-bottom: 0px;
	padding-left: 5px;
}


.marketing_more1 { margin: 0px;padding:0px 10px 0px 10px; width: 240px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#999999;}
.marketing_more2 { margin: 0px;padding:0px 10px 0px 10px; width: 250px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#999999;}
.marketing_more3 { margin: 0px;padding:0px 10px 0px 10px; width: 230px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#999999;}
