/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}
html{
	margin:0px;
	padding: 0px;
	overflow: scroll;
	letter-spacing: 0px;
}
.ls-canvas .ls-col
{
  overflow:inherit;
}

.ls-canvas .ls-col-body
{
  overflow:inherit;
}

.ls-canvas .ls-area
{
  overflow:inherit;
}

.ls-canvas .ls-area-body
{
  overflow:inherit;
}

div, input, img, a {
    outline: 0 none !important;
}

body {
    font-size: 1em;
    line-height: 1.4;
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
    
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   COLORS : BLUE> 0x0082c8
   ========================================================================== 
@font-face {
				font-family: 'TradeGothicLTStd-BdCn20';
				src: url('tradegothicltstdbdcn20.eot');
				src: url('tradegothicltstd-bdcn20-webfont.eot#iefix') format('embedded-opentype'),
						 url('tradegothicltstdbdcn20.woff') format('woff'),
						 url('tradegothicltstdbdcn20.ttf') format('truetype'),
						 url('tradegothicltstdbdcn20.svg#tradegothicltstdbdcn20') format('svg');
				font-weight: normal;
				font-style: normal;
}*/
@import url("http://fast.fonts.com/t/1.css?apiType=css&projectid=71891899-6ade-499a-b9b5-f84aea21df54");
@font-face{
font-family:"TradeGothicW01-BoldCn20 675334";
src:url("Fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix");
src:url("Fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix") format("eot"),url("Fonts/5fdc935e-9e30-442a-bbe9-8d887b858471.woff") format("woff"),url("Fonts/616c4c87-a077-43f4-a9f4-f01267c13818.ttf") format("truetype"),url("Fonts/c901ad5f-a842-4549-a1f4-583a97f7e169.svg#c901ad5f-a842-4549-a1f4-583a97f7e169") format("svg");
}

h1{
	font-family: 'TradeGothicW01-BoldCn20 675334', Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	font-weight: normal;
}


h3{
	font-size:26px;
	color:#0081c6;
	font-family: 'TradeGothicW01-BoldCn20 675334', Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	font-weight: normal;
}
h4{
	font-size: 20px;
	color:#0081c6;
	font-family: 'TradeGothicW01-BoldCn20 675334', Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h2{
	font-family: 'TradeGothicW01-BoldCn20 675334', Arial, Helvetica, sans-serif;
	font-weight: normal;
}
body{
	background-image:url('img/body_bg.png');
	background-repeat: repeat-x;
	background-position:bottom;
	min-width:100%;
}
a{
	text-decoration: none;
	color: #0081c6;
	font-weight: bold;
	font-size: 14px;
}
.feedback-button-absolute{
	position: fixed;
	right: 0px;
	top: 80%;
	z-index: 9000;
	cursor: pointer;
}
.feedback-button-fixed{
	position: absolute;
	left:1025px;
	top: 50%;
	z-index: 9000;
	cursor: pointer;
}
.chat-link{
	background:url('img/chat_icon.png') no-repeat left center;
	padding-left: 30px;
	padding-top:5px;
	height: 30px;
	display: block;
	margin-left: 15px;
	margin-top:0px;
	cursor: pointer;
}
.note{font-size:10px;}
/* ==========================================================================
   HEADER
   ========================================================================== */
.header-left{
	width: 1000px;
	height:93px;
	margin: 0 auto;
	background: url('img/header_bg_left.jpg');
	background-repeat: no-repeat;
	overflow: hidden;
}
#header-style{
	background: url('img/header_bg_main.jpg');
	background-repeat:repeat-x;
	margin-left: 33px;
	width: 967px;
	height: 93px;
	float:left;
}

.header-right-nav{
	list-style:none;
	float: right;
	margin-right: 14px;
	margin-top:8px;
}
.header-right-nav li{
	display: inline-block;
	*display:inline;
	border-right: solid;
	border-color: #0082c8;
	line-height:90%;
	padding-right:4px;
	margin-right:4px;

	border-width:1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.header-right-nav a{
	text-decoration: none;
	color: #0082c8;
	font-size: 10px;
}
.header-right-nav li:last-child { border-right:none; }


#header-logo{
	position:absolute;
	margin-left:-17px;
	margin-top:38px;
	width: 123px;
	height: 23px;
	z-index: 10;
}
#main-menu-left{
	position:relative;
	top:38px;
	left:55px;
	width: 763px;
	height: 37px;
	background-image:url('img/nav_left.png');
	background-repeat: no-repeat;
	z-index: 0
}
#main-menu-right{
	width: 710px;
	height:37px;
	background-image:url('img/nav_right.png');
	background-repeat: no-repeat;
	background-position: right;
	
}
#main-menu{

	width: 460px;
	height: 37px;
	background-image:url('img/nav_main.png');
	background-repeat:repeat-x;
	margin-left: 110px;
}
#menu-ul{
	position:absolute;
	left:42px;
	top:-16px;
	width: 800px;
	display: block;

}
#main-menu li{
	display: inline-block;
	*display:inline;
	height: 22px;

	margin:0 0;
	margin-top: 6px;
	padding-top: 3px;
	padding-left: 12px;
	padding-right: 12px;
	border-right: solid 1px;
	border-right-color: #e2edf2;
	
}
#main-menu li:last-child { border-right:none; }

#main-menu  #buy-now-button{
	background: url('img/buy_now.png');
	background-repeat: no-repeat;
	height: 29px;
	margin:0px;
	position: relative;
	top:-2px;
	left:-8px;
	padding-left: 14px;
	padding-right: 15px;
	margin-right:-15px;
}

#main-menu a{
	font-size: 16px;
	text-decoration: none;
	font-family:'TradeGothicW01-BoldCn20 675334', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #4ca7d8;
}
#main-menu a:hover{
	color: #0081c6;
}
#main-menu #menu-ul .activeli{
	border: none;
}
#main-menu #menu-ul .active{
	color: #f89829;
}
#buy-now-button a{
	color: #f6f6f6;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);	
}
#buy-now-button a:hover{
	color: #FFFFFF;
}
#menu-search{
	position: relative;
	left: 704px;
	top:7px;
}
#menu-search input[type=search]{
	height: 14px;
	width: 157px;
	margin-right: 5px;
	font-size: 10px;
	margin-left: 8px;
}
.search-button{
	font-size: 16px;
	font-family: 'TradeGothicW01-BoldCn20 675334', Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	/*background-image: url('img/search_btn.png');
	background-repeat: no-repeat;*/
	vertical-align: middle;
		margin-right: 5px;
}

.headerPhone {}
/* ==========================================================================
   HERO BOX 
   ========================================================================== */
.content-wrapper{
	width: 1000px;
	margin: 0 auto;
	margin-top:30px;
	/*margin-bottom:80px;*/
}
.left-content-two-sides{color:#6D6F71;}
.left-content-two-sides h1{font-size: 40px;font-weight: normal;font-family: 'TradeGothicW01-BoldCn20 675334',Arial,Helvetica,sans-serif;color:#6d6f71;display: inline}
.left-content-two-sides h2{font-size:24px;font-weight: normal;font-family: 'TradeGothicW01-BoldCn20 675334',Arial,Helvetica,sans-serif;color:#6d6f71;margin:10px 0 5px 0;letter-spacing: 0px; line-height:24px}
.left-content-two-sides h3{font-size:12px;font-weight: bold;font-family: Arial, Helvetica, sans-serif;color:#6d6f71;display: inline-block;*display:inline;margin:0 5px 0 0;letter-spacing: 0px;}
.faq-category em{color: #f89829; font-size: 12px;font-weight: bold;font-style:normal;cursor:pointer}
.left-content-two-sides p {font-size: 14px;color:#6d6f71;letter-spacing: 0px;}

.no-columns{color:#6D6F71;margin-bottom: 150px;display: block;}
.no-columns h1{font-size: 30px;font-weight: bold;font-family: Arial, Helvetica, sans-serif;color:#6d6f71;display: inline;margin-left: 15px;}
.no-columns h2{font-size:18px;font-weight: bold;font-family: Arial, Helvetica, sans-serif;color:#6d6f71;margin:10px 0 5px 0;letter-spacing: 0px;}
.no-columns h3{font-size:12px;font-weight: bold;font-family: Arial, Helvetica, sans-serif;color:#6d6f71;display: inline-block;*display:inline;margin:0 5px 0 0;letter-spacing: 0px;}
.no-columns p {font-size: 12px;color:#6d6f71;letter-spacing: 0px;}


#main-content-left{
	width: 960px;
	float:left;
}

.hero-box-container{
	/*background: url('img/hero_box_bg.jpg');*/
	position: relative;
	
}
.hero-box-left{
	position: absolute;
	top:0px;
	left: 0px;
	background:url('img/hero_box_left.jpg') left top no-repeat;
	width: 750px;
	height: 275px;
	z-index: -10;
}
.hero-box-right{
	position: absolute;
	top:0px;
	left: 0px;
	background:url('img/hero_box_right.jpg') right top no-repeat;
	width: 750px;
	z-index: -10;
	height: 275px;
}
.hero-box-middle{
	position: absolute;
	top:0px;
	left: 0px;
	background:url('img/hero_box_middle.jpg') repeat-x;
	width: 750px;
	height: 275px;
	z-index: -15;
	
}
.hero-slides-container{
	overflow: hidden;
	position: relative;
	background-image: url(/resources/basictalk/images/WomanChild.png) , url(/resources/basictalk/images/banner-bg.png);
	background-position: right center, left top;
	background-repeat: no-repeat;
	background-size: contain, cover; 
	padding: 20px;

}
.hero-box-content-one{
	position: absolute;
	width: 750px;
	height: 275px;
	overflow: hidden;
}
.slidetabs{
	position: absolute;
	top:90%;
	left:47%;
}
/* single tab */
.slidetabs a {
    width:12px;
    height:12px;
    float:left;
    margin:3px;
    background:url("/resources/basictalk/css/img/big_tabs.png") no-repeat;
    background-position-x:0;
    background-position-y:-12px;
    background-position:0 -12px;
    display:block;
    font-size:1px;
}
/* active state (current page state) */
.slidetabs a.current {
    background-position-y:0;
    background-position: 0 0;
}
/*HERO BOX SLIDESHOW */
.hero-slides-container h1{
	font-family: 'TradeGothicW01-BoldCn20 675334', Arial, Helvetica, sans-serif;
	color: #0082c8;
	font-size: 36px;
	width: 450px;
	height: 60px;
	line-height: 95%;
	margin:0;
	margin-left: 15px;
	margin-top:13px;
	letter-spacing: -0.99px;
	font-weight: normal;
}

/* HERO CONTENT TWO */
.hero-box-content-two h1{
	letter-spacing:0;
	margin-top:25px;
	width: 460px;
	font-weight: normal;
}
.hero-box-content-two{
	display: none;
}
.hero-box-content-two img{
	display: inline-block;
	margin-left:50px;
	margin-top:30px;
	float: left;	
}
#content-two-text-container{
	float: left;
	margin-top:50px;
}
#content-two-text-container a{
	text-decoration: none;
	margin-top:-15px;
	font-size: 14px;
	font-weight: bold;
	display: block;
	background-image:url('img/bullet.png');
	background-position:right bottom;
	background-repeat:no-repeat;
	padding-right: 30px;
	width: 130px;
}
.hero-box-content-two h2{
	font-family: 'TradeGothicW01-BoldCn20 675334', Arial, Helvetica, sans-serif;
	color: #0082c8;
	font-size:21px;
	width:220px;
	float: right;
	margin-top:-10px;
	margin-right: 10px;
	font-weight: normal;
}
.hero-box-content-two h2 span{
	font-family: 'TradeGothicW01-BoldCn20 675334', Arial, Helvetica, sans-serif;
	display:block;
	letter-spacing: -10px;
	margin-left:-5px;
	margin-top:-35px;
	font-size:137px;
	font-weight: normal;
}
.hero-box-content-two h2 span sup{
	font-size: 75px;
	line-height: 50px;
	font-family: 'TradeGothicW01-BoldCn20 675334', Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.hero-box-content-two p{
	font-size: 14px;
	color:#333333;
}

/* HERO CONTENT ONE */
.hero-slides-container h1 span{
	color:#f89829;
}
.hero-box-content-one h1{
	font-weight: normal;	
}
.hero-box-content-one h1 .superscript{
font-size:xx-small;
vertical-align:super;
vertical-align:text-top;
font-weight: normal;
color: #0082c8;
}
.hero-box-content-one ul{
	font-size:14px;
	color:#f89829;
	font-weight: bold;
	margin-top: 35px;
	margin-left: -7px;
}
.hero-box-content-one ul li{
	margin-top:5px;
}
.hero-box-content-one ul li span{
	color: #6d6f71;
}
.hero-box-content-one a{
	font-size: 16px;
	color: #0081c6;
	font-weight: bold;
	position: relative;
	text-decoration:none;
	top:-125px;
	left:15px;
	background: url('img/bullet.png');
	background-position: right center;
	background-repeat:no-repeat;
	display: inline-block;
	width: 170px;
	
}
.hero-box-container ul sup{
	font-size: xx-small;
}
#price-img{
	position: relative;
	top:-195px;
	left: 135px;
}

/* Vfree banner starts*/

.vfree_banner {
    height: 275px;
    width: 750px;
}

.vfree_banner h1 {
    font-size: 36px;
    font-weight: normal;
    letter-spacing: -0.5px;
    margin-left: 38px;
    margin-top: 46px;
    width: 496px;
}
.vfree_banner h2 {
    font-size: 26px;
	color: #0082C8;
    font-weight: normal;
    letter-spacing: -0.5px;
    margin-left: 40px;
    margin-top: -25px;
    width: 496px;
}
.vfree_banner p {
    color: #333333;
    letter-spacing: -0.15px;
    line-height: 1.25em;
    margin-top: -20px;
	margin-left: 40px;
	font-size: 16px;
    width: 514px;
}
.vfree_banner img {
    float: right;
    margin-top: -77px;
}
.vfree_banner a {
    background: url("img/bullet.png") no-repeat scroll right top rgba(0, 0, 0, 0);
    color: #0081C6;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    left: 360px;
    position: absolute;
    text-decoration: none;
    width: 110px;
}

/* Vfree banner ends*/

/* ==========================================================================
   HERO BOX RIGHT SIDEBAR
   ========================================================================== */
#main-content-right{
	float: left;
	height: 360px;
	width: 250px;
	position:relative;
}
#main-content-right-left{
	position: absolute;
	height: 364px;
	width: 250px;
	background:url('img/hero_right_bg_left.jpg');
	background-repeat: no-repeat;
	background-position: left;
	z-index: -10;
	margin-top:-30px;
}
#main-content-right-middle{
	position: absolute;
	height: 364px;
	width: 250px;
	background: url('img/hero_right_bg.jpg');
	z-index: -15;
	margin-top:-30px;
}
#main-content-right-right{
	position: absolute;
	height: 364px;
	width: 250px;
	background:url('img/hero_right_bg_right.jpg');
	background-repeat: no-repeat;
	background-position: right;
	z-index:-10;
	margin-top:-30px;
}

#main-content-right h3{
	margin-left:15px;
	margin-top:30px;
	line-height: 1;
}
#main-content-right p{
	margin-left:15px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#6d6f71;
	font-size:14px;
	margin-top:-15px;
}
#main-content-right form{
	margin-left: 15px;
	margin-right: 10px;
	margin-top:-5px;
}
#main-content-right a{
	display:inline-block;
	*display:inline;
	margin-top:15px;
	text-decoration: none;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #0081c6;
}

.login-btn{
	margin-top:10px;
	margin-right:10px;
}
.ten-digit-input{
	/* margin-top: -100px; */
	height: 16px;
	width: 214px;
	font-size: 11px;
	color:#6D6F71;;
}
.password-input{
	margin-top: 10px;
	height: 16px;
	width: 214px;
	font-size: 11px;
	color:#6D6F71;;
}
#password-input-value{
	display:block;
	margin-top:-52px;
	margin-left:4px;
	font-size: 11px;
	color:#6D6F71;
	height: 1px;
}
/* ==========================================================================
   ORDER NOW BOX 
 ========================================================================== */
#order-box{

	height: 89px;
	width: 750px;
	background:url('img/order_box_middle.png');
	background-repeat: repeat-x;
	
}
#order-box img{
	position: relative;
	top:-30px;
	left:15px;
	z-index:3;

}
#order-box ul{
	color: #f89829;
	display: inline-block;
	list-style: none;
	margin-top: 12px;
	margin-left: -26px;
}
#order-box ul li span{
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	margin-left: 5px;
	line-height: 70%;	
}
#order-box li{
	line-height: 18px;
}
#order-box-right{
	float: right;
	height: 60px;
	border-left: 1px dotted #FFFFFF;
	width: 235px;
	margin-right: 15px;
}
#order-box-right img{
	display: block;
	margin-top:33px;
}
#order-box-right .chat-link{
	background:url('img/chat_icon.png') no-repeat left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:  bold;
	color:#FFFFFF;
	text-decoration:none;
	padding-left: 30px;
	height: 26px;
	display: block;
	margin-left: 15px;
	cursor:pointer;
	margin-top: -23px;
	
}
/* ==========================================================================
   Written about in section
   ========================================================================== */
#written-about{
	width: 1000px;
	background:url('img/written_bg_up.jpg');
	background-position: top center;
	background-repeat:no-repeat;
	margin-top: -25px;
	
}
#written-about-content{
	background:url('img/written_about_down.jpg');
	background-position: bottom center;
	background-repeat:no-repeat;
	height: 160px;
}
#written-about h3{
	padding-top:38px;
	display: inline-block;
	margin-left:15px;
}
#logos{
	
	margin-left: 230px;
	margin-top:-95px;
}
#logos img{
	display: inline-block;
	cursor: pointer;
	margin-right: 10px;
}
.tooltip{
	display:none;
	background-color:#e8f3f8;
	border:1px solid;
	border-color:#9bd8f7;
	width:290px;
    font-size:12px;
    height:auto;
    color:#333333;
}
.tooltip span{
	font-size:14px;
	font-weight: bold;
	margin-top:5px;
	margin-left:10px;
	width: 215px;
	float: right;
}
.tooltip p{
	float:right;
	width: 215px;
	margin-top:2px;
	display: inline-block;
	letter-spacing: -1px;
}
.tooltip span i{
	font-weight: normal;
	font-size: 12px;
}
.tooltip img{
	margin-left: 15px;
	margin-top:8px;
	float: left;
}
/* ==========================================================================
   Three Columns section
   ========================================================================== */
.three-colums-container{
	margin-top: -60px;
}
.left-column h4{
	padding-left:0px;
	margin-left: 15px;
}
.left-column{
	width: 500px;
	float: left;
	
}  

/* ==========================================================================
  SMALL SLIDESHOW
   ========================================================================== */
#small-slideshow-container{
	height: 215px;
	margin-top: -20px;
	overflow: hidden;
	border:2px solid #D3D1D2;
	
	
}
#small-slideshow-middle{
	background:url('img/small_slideshow_bg.jpg');
	background-repeat: repeat-x;
	z-index: -15;
	position: absolute;
	height: 215px;
		width: 498px;
}
#small-slideshow-left{
	position: absolute;
	height: 215px;
	background:url('img/small_slideshow_bg_left.jpg') left no-repeat;
	width: 500px;
	z-index: -10;
}
#small-slideshow-right{
	position: absolute;
	height: 215px;
	width: 497px;
	background:url('img/small_slideshow_bg_right.jpg') right no-repeat;
	z-index: -10;
}
.small-slide{
	padding: 15px;
	height: 215px;
}
.small-slide iframe{
	display: inline-block;
	width: 248px;
	float: left;
}
.small-slide object{
	display: inline-block;
	width: 248px;
	float: left;
}
.small-slide .rectangle{
	display: inline-block;
	width: 248px;
	height:169px;
	float: left;
	background-color: #00598F;
}
.small-slide iframe{
	display: inline-block;
	width: 248px;
	float: left;
	z-index: -100;
}

.slidetabs-small, .videoNav {
	 margin-left: 230px;
    margin-top: -25px;
}
/* single tab */
.slidetabs-small a, .videoNav a {
    width:12px;
    height:12px;
    float:left;
    margin:3px;
    background:url("/resources/basictalk/css/img/big_tabs.png") no-repeat;
    background-position-x:0;
    background-position-y:-12px;
    background-position:0 -12px;
    display:block;
    font-size:1px;
}
/* active state (current page state) */
.slidetabs-small a.current, .videoNav a.current {
    background-position-y:0;
    background-position: 0 0;
}
.small-slide p{
	display:inline-block;
	*display:inline;
	font-size:17px;
	color: #6d6f71;
	font-weight: normal;
	width: 160px;
	line-height: 23px;
	margin-top: 0px;
	margin-left:40px;
	font-family:'TradeGothicW01-BoldCn20 675334', Arial, Helvetica, sans-serif;
}
.small-slide span{
	font-size: 47px;
	color: #6d6f71;
	font-weight: bold;
	display: none;
	vertical-align: top;
	margin-left:15px;
	line-height:45px;
}
.small-slide .quotes-after{
	vertical-align: bottom;
	margin-left: -10px;
}
.small-slide .small-slide-quote-name{
	font-size: 12px;
}
.small-slide .small-slide-quote-name{
	float: right;
	width: auto;
	padding-right: 10px;
	margin-top: -20px;
}
/* ==========================================================================
  SMALL SLIDESHOW
   ========================================================================== */
 .middle-column{
	width:250px;
	height: 350px;
	float: left;
	
}
.middle-column img{
	padding-left: 15px;
	margin-top:-15px;
}
.middle-column ol{
	color:#6d6f71;
	font-size: 12px;
	font-weight: bold;
	margin-right:10px;
	margin-left:-8px;
	display: inline-block;
	letter-spacing: -0px;
}

.middle-column ol li{
	line-height: 14px;
	margin-bottom: 5px;
	padding: 0px;
	
}
.middle-column ol li span{
	
	font-weight: normal;
	display: block;
	margin-left:-5px;
}
.middle-column ul li a{
	color:#0081c6;
	display: inline;
}
.bullet-button-span{
	font-size:12px;
	color:#6d6f71;	
	margin-left:15px;
}
.bullet-button{
	text-decoration: none;
	font-size:13px;
	color:#0081c6;
	background-image: url('img/bullet.png');
	background-position:right top;
	background-repeat:no-repeat;
	width: 135px;
	display:none;
	margin-left: 41px;
	font-weight: bold;
	height: 25px;
	padding-top: 1px;
	margin-top: -20px;
}
/* ==========================================================================
  Right Columns
   ========================================================================== */
.right-column{
	width: 249px;
	float: right;
	background-image: url('img/vertical_divider.png');
	background-position: left center;
	background-repeat: no-repeat;
	height: 348px;
}

.useful-tools{
	width: 235px;
	margin-left: 15px;
	margin-top: -7px;
	line-height:15px;
}
.useful-tools p{
	color:#6d6f71;
	font-weight: bold;
	font-size: 13px;
	margin-top: 45px;	
}
.useful-tools div{
	margin-bottom:21px;
}
.useful-tools div a{
	text-decoration: none;
	color:#6d6f71;
	font-size: 12px;
	font-weight: normal;
	display: block;
	padding-left: 35px;
	background-image:url('img/bullet.png');
	background-position:right;
	background-repeat:no-repeat;
	height: 35px;
	padding-right: 30px;
	margin-right:20px;
	
}
.useful-tools a span{
	color:#0081c6;
	font-weight:bold; 
}
.useful-tools img{
	margin-top:-10px;
}
#tool-one{
	background-image:url('img/tool_one.png');
	background-repeat: no-repeat;
	background-position: left;
	
}
#tool-two{
		background-image:url('img/tool_two.png');
	background-repeat: no-repeat;
	background-position: left;
}
#tool-three{
	background-image:url('img/tool_three.png');
	background-repeat: no-repeat;
	background-position: left;
}
/* ==========================================================================
   FOOTER
   ========================================================================== */
.footer-left{
	width: 1000px;
	background-image: url('img/footer_left.png');
	background-position: left;
	height: 213px;
	background-repeat: no-repeat;
	margin: 0 auto;
}
.footer p{
	font-size: 10px;
	color:#333333;
}
.footer-right{
	width: 1000px;
	background-image: url('img/footer_right.png');
	background-position: right;
	height: 213px;
	background-repeat: no-repeat;
}
.footer-content{
	width: 970px;
    height: 213px;
	margin-left:15px;
	margin-right:15px;
	background-image: url('img/footer_middle.png');
	background-repeat: repeat-x;
}
.footer-sidebar{
	float: left;
	width: 235px;
}
.footer-sidebar ul{
	list-style: none;
		margin: 0;
	padding: 0px;
	margin-top:50px;
	margin-left:0px;
}
.footer-main-content p{
	font-size: 10px !important;
	color:#333333;
}
.footer-main-content h5{
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding:0px;
	
}
.footer-main-content p a{
	font-size: 10px;
}
.footer-main-content{
	margin-top:25px;
	width:665px;
	height:151px;
	float: left;
	border-left: dotted 1px #333333;
	padding-left: 15px;
}
.footer-main-content-no-sidebar{
	width:955px;
	height:151px;
	float: left;
	padding-left: 15px;
	
}
.footer-main-content-no-sidebar p{
	font-size: 9px;
	color:#333333;
}
.footer-main-content-no-sidebarntent h5{
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding:0px;
	
}
.footer-main-content-no-sidebar p a{
	font-size: 9px;
}

.footerPhone {width:1000px; margin:0 auto; text-align: center; font-weight: 700; font-size: 20px; color: #187bc0;}

/* ==========================================================================
 FAQS
   ========================================================================== */
.left-content-two-sides{
	width: 725px;
 	float:left;
 	margin-left: 15px;
}
.right-content-two-sides{
	width: 250px;
	height: 438px;
	float: right;
}


.faq-category h3{
	font-size:14px;font-weight: bold;font-family: Arial, Helvetica, sans-serif;color:#6d6f71;display: inline-block;*display:inline;margin:10px 5px 0 0;letter-spacing: normal;
}
#more-answers{
	display: block;
	float: right;
	margin-right:15px;
}
#more-answers a{
	color:#0081c6;
	text-decoration:none;
	font-weight:bold;
	display: inline-block;
	margin-left: 3px;
}
.faq-category{
	margin-bottom:30px;
	width:675px;
	
}
#faq-sidebar-up{
	background:url('img/faqs_sidebar_up_bg.jpg');
	width: 250px;
	height: 235px;
	margin: 0;
}
#faq-sidebar-up a{
	display: block;
	padding-left: 15px;
	padding-top: 5px;
	color: #FFFFFF;
	text-decoration: none;
}
#faq-sidebar-up .chat-link{
	background:url('img/chat_icon.png') no-repeat left center;
	padding-left: 30px;
	padding-top:5px;
	height: 30px;
	display: block;
	margin-left: 15px;
	margin-top:0px;
	cursor: pointer;
}
#faq-sidebar-up div{
	margin-top:5px;
}
#faq-sidebar-up div a{
	margin: 0 0 10px -15px;
	text-align: center;
}
#faq-sidebar-down{
	width: 250px;
	margin: 0;
	padding: 0;
	position: absolute;
}
#faq-sidebar-down-left{
	background-image:url('img/faqs_sidebar_left.png');
	width: 250px;
	height: 315px;
	position: absolute;
	background-position: left;
	background-repeat:no-repeat;
	z-index: -10;
	
}
#faq-sidebar-down-right{
	background-image:url('img/faqs_sidebar_right.png');
	width: 250px;
	height: 315px;
	position:absolute;
	background-position: right;
	background-repeat:no-repeat;
		z-index: -10;
}
#faq-sidebar-down-middle{
	background-image:url('img/faqs_sidebar_middle.png');
		width: 250px;
	height: 315px;
	background-repeat: repeat-x;
	z-index:-15;
	position: absolute;
	margin-top: 1px;
}
#faq-sidebar-down h4{
	margin:20px 0 20px 15px;
	padding: 0;
	
}
#faq-sidebar-down .useful-tools{
	height: 185px;
}
#faq-sidebar-down .useful-tools a{
	width: 150px;
}
#faq-sidebar-down .useful-tools{
	border-bottom: 1px #a6a7a8 dotted;
	width: 220px;
}
/* ==========================================================================
 		USEFUL TOOLS PAGE
========================================================================== */
#tools-container{
	width: 823px;
	height: 512px;
	margin: 0 auto;
}
#tools-title{
	height: 58px;
	background-color: #00598f;
	width: 820px;
}
#tools-title h1{color: #FFFFFF;font-size:24px;font-weight: bold;display: inline-block;*display:inline;margin:10px 0 0 15px;}
#close-btn{color:#FFFFFF;cursor:pointer;font-weight: bold;font-size:12px;background:url('img/close_btn.png') no-repeat;background-position:right center;width: 60px;height:21px;line-height:20px;display:block;float:right;margin-top:15px;margin-right:15px;right: 0px;}
#tools-leftbar{width: 160px;height: 455px;float:left;background:url('img/tools_sidebar_bg.png') repeat-y;}
#tools-leftbar a {font-size:13px !important;}
#tools-leftbar ul{
	list-style: none;
	margin: 20px 0 0 15px;
	padding: 0;
	cursor: pointer;
}
.selected-tool{color:#f89829;}
#tools-right{float: left;width:660px}
#tools-content{	height: 390px;	background:url('img/tools_content_bg.png') repeat-y;}
#tools-footer{height:65px;width:660px;position: absolute;}
#tools-footer a{color:#FFFFFF;display: block;padding-left:15px;padding-top:12px;}
#tools-footer-left{
	height:65px;width:660px;
	background-image:url('img/tools_footer_left.jpg');
	background-repeat:no-repeat;
	background-position:left;
	position: absolute;
	z-index: -10;
}
#tools-footer-right{
	height:65px;width:660px;
	background-image:url('img/tools_footer_right.jpg');
	background-repeat:no-repeat;
	background-position:right;
	position: absolute;
	z-index: -10;
}
#tools-footer-mid{
	height:65px;width:660px;
	background-image:url('img/tools_footer_mid.jpg');
	background-repeat:repeat-x;
		position: absolute;
		z-index: -15;
}
#tools-footer-links {
	position: absolute;
	left: 270px;
	top:10px;
}
#tools-footer-links a{display: block;margin:0;padding: 0;}

#savings-calculator, #keep-number, #area-codes {position:relative;}
.tool_loading {position:absolute; top:-20px; left:0px; height:100%; width:100%; background-color:rgba(255,255,255,0.6); text-align:center;}
.tool_loading img {position:absolute; margin-top:190px;}
.error {color:#974242; font-size:12px; font-weight:normal; display:block;}
#saving_tool_loading {margin-top:-10px;}
input.loading {background-image:url('../images/loading.gif'); background-repeat:no-repeat; background-position:right center;}
#area-codes-answer {overflow:auto; padding-left:5px; font-size:12px;}
#lnp-message {margin-left:15px;}
#lnp_error {margin-left:15px;}
#area_code_error {margin-left:15px;}
#cost-breakdown-taxes {margin-top:10px;}

/* ==========================================================================
   savings calculator
   ========================================================================== */
#savings-calculator{
	height: 390px;
	width: 660px;
	color:#6d6f71;
	display: none;

}
#savings-calculator h2{
	font-weight: bold;
	font-size:20px;
	color:#6d6f71;
	font-family:Arial, Helvetica, sans-serif;
	display: block;
	background:url('img/tool_one_big.png') no-repeat left;
	padding-left: 40px;
	height: 35px;
	line-height: 35px;
	margin-left:15px;
	margin-top:20px;
}
#savings-calculator-left{
	width: 230px;
	float: left;
	margin-left: 15px;
	margin-top: 18px;
}
#savings-calculator-left div{
	font-size: 16px;
	letter-spacing: -0.5px;
}

#savings-bignumber sup{
	font-size: 50%;
	top:-0.7em;
}
#savings-calculator-left #savings-bignumber{
	color: #0082c8;
	font-size:102px;
	font-weight: bold;
	letter-spacing: -5px;
	text-align:center;
	width:200px;
	line-height:90px;
	height:90px;
}
#savings-calculator #bigger-text{
	font-size: 20px;
	position:absolute;
	top: 206px;
}
#savings-calculator-right{
	width: 250px;
	float: left;
	margin-left: 15px;
	margin-top:14px;
	font-size: 20px;
	line-height: 20px;
}
#savings-calculator-right p span{
	color:#0082c8;
}
#savings-calculator-right form{
	margin-top:-10px;	
}
#savings-calculator-right form label{
	font-size:12px;
	font-weight: bold;
}
#savings-calculator-right form input[type=text]{
	font-size:10px;
	font-weight: normal;
	color: #6D6F71;
	height: 15px;
	width: 220px;
}
#savings-calculator-right form label{
	margin-top:10px;
	display: block;
}
#savings-calculator-right form input[type=image]{
	margin-top: 15px;
}
#savings-calculator-right p{
	width:240px;
}
/* ==========================================================================
   Cost Break Down
   ========================================================================== */
#cost-breakdown{display: none;font-size: 12px;}
#cost-breakdown h2{font-weight: bold;font-size:20px;color:#6d6f71;font-family:Arial, Helvetica, sans-serif; display: block;background:url('img/tool_one_big.png') no-repeat left;padding-left: 40px;height: 35px;line-height: 35px;margin-left:15px;margin-top:20px;}
#cost-breakdown h3{
	font-weight: normal;
	font-size:20px;
	color:#6d6f71;
	font-family:Arial, Helvetica, sans-serif;
	display: block;
	letter-spacing: normal;
	line-height: 19px;
	margin-top:23px;
	margin-bottom: 23px;
	letter-spacing: -1px;
	
}
#cost-breakdown-left h4{
	font-weight: normal;
	display:block;
	font-size:20px;
	color:#6d6f71;
	font-family:Arial, Helvetica, sans-serif;
	display: block;
	letter-spacing: normal;
	line-height: 19px;
	margin-top:40px;
	margin-bottom: 23px;
	letter-spacing: 0px;
	
}
}
#cost-breakdown-left form input[type=text]{
	font-weight: bold;
	color:#6d6f71;
	width: 136px;
}
#cost-breakdown ul li{
	list-style: none;
	margin:0;
}
#cost-breakdown-setup{
	width:100%;
	color: #6D6F71;
}
#cost-breakdown-left{
	width: 235px;
	padding-left:15px;
	float: left;
	margin-top:10px;
	height: 300px;
}
#cost-breakdown-left ul li{
	margin-left:-40px;
	height: 17px;
	width: 215px;
	padding-left: 5px;
	color:#6d6f71;
	padding-top:3px;
}

#plan-setup{
	padding-left: 0px;
	font-weight: bold;
}
#cost-breakdown ul li span{
	float: right;
	margin-right:10px;
}
.cost-blue{
	background-color:#ddeef8;
	padding-left: 5px;
	/*height: 17px;*/
	padding-top: 3px;
	width: 215px;
}
.cost-blue p{
	display: inline;
}
.cost-light p {
	display: inline;	
}
.cost-blue-big{
	background-color:#ddeef8;
	/*height: 35px;*/
	padding-top:3px;
	width: 215px;
	padding-left:5px;
}
.cost-light{
	padding-left: 5px;
	/*height: 17px;*/
	padding-top: 3px;
}
.cost-blue-big p{
	width: 150px;
	display: inline-block;
	*display:inline;
	margin-top:0px;
	letter-spacing:0px;
}
.cost-blue-big span{
	float:right;
	left:0px;
	margin-top:0px;
}
#cost-breakdown-middle #cost-taxes {
	font-weight: bold;
	margin-bottom: 2px;
}
#cost-breakdown-middle td, #cost-breakdown-left td {
	padding:2px 5px;
	vertical-align:top;
}
#cost-breakdown-middle #cost-taxes span{
	color:#0082c8;
	float:right;

}
#cost-breakdown-middle{
	width: 223px;
	float: left;
	color:#6d6f71;
	margin-left: 10px;
	margin-top: 20px;
	background-image:url("/resources/basictalk/css/img/cost_breakdown_divider.jpg");
	background-position:left;
	background-repeat: no-repeat;
	height: 275px;
	padding-left: 10px;
}
#cost-breakdown-middle ul li{
	width: 210px;
}
#cost-breakdown-middle ul li span{
	float: right;
}
#cost-breakdown-left form{
	margin-top:-15px;
}
#calculate-cost-btn{
	vertical-align: middle;
	margin-right:10px;
	float: right;
}
#cost-breakdown-right{
	float: right;
	width: 150px;
	padding-left:5px;
	background-image:url("/resources/basictalk/css/img/cost_breakdown_divider.jpg");
	background-position:left;
	background-repeat: no-repeat;
	height: 275px;
	margin-top:20px;
}
#cost-breakdown-right h4{
	color:#6d6f71;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height: 28px;
	margin-top:10px;
}
#cost-breakdown h4 span{
	font-size: 30px;
}
/* ==========================================================================
   Keep existing number
   ========================================================================== */
#keep-number{
	display: none;
}
#keep-number h2{
	font-weight: bold;
	font-size:20px;
	color:#6d6f71;
	font-family:Arial, Helvetica, sans-serif;
	display: block;
	background:url('img/tool_two_big.png') no-repeat left;
	padding-left: 40px;
	height: 35px;
	line-height: 35px;
	margin-left:15px;
	margin-top:20px;
}
#keep-number h3{
	font-weight: normal;
	font-size:20px;
	color:#6d6f71;
	font-family:Arial, Helvetica, sans-serif;
	display: block;
	margin-left:15px;
	margin-top:55px;
}
#keep-number p{
	color:#6d6f71;
	margin-left:15px;
	margin-top:-10px;
	font-size: 12px;
}
#keep-number form{
	margin-left: 15px;
	margin-top:-5px;
	display: block;
}
#keep-number form input[type=text]{
	width: 65px;	
	height: 15px;
}
#keep-number form input[type=image]{
	vertical-align: middle;
	margin-left: 15px;
}
#keep-number #moving-text{
	margin-top:10px;
}

/* ==========================================================================
   HAvailable Area codes
   ========================================================================== */
#area-codes{
	display: none;
	color:#6d6f71;
	background-image:url('img/area_codes.png');
	background-position:right center;
	background-repeat: no-repeat;
	width: 660px;
	height: 390px;
}
select.loading {
	background-image:url(../images/loading.gif);
	background-repeat:no-repeat;
	background-position:90px center;
}

#area-codes h2{
	font-weight: bold;
	font-size:20px;
	color:#6d6f71;
	font-family:Arial, Helvetica, sans-serif;
	display: block;
	background:url('img/tool_three_big.png') no-repeat left;
	padding-left: 40px;
	height: 35px;
	line-height: 35px;
	margin-left:15px;
	margin-top:20px;
}
#area-codes p{
	font-size: 20px;
	margin-left: 15px;
}
#area-codes select{
	display: block;
	font-size: 12px;
	color: #000000;
	width: 130px;
	height: 20px;
	margin-left: 15px;
	margin-bottom: 10px;
}
#area-codes #available-message{
	font-size: 12px;
	color: #000000;
	margin-left: 15px;
}
#area-codes-answer{
	height: 105px;
	width: 225px;
	border: 1px solid #a2b97d;
	margin-left: 15px;
	margin-top:-13px;
}
/* ==========================================================================
   How it Works
   ========================================================================== */
#how-it-works-video-container{width: 720px;height: 299px;display: block;background-image: url('img/how_video_bg.jpg');background-repeat: repeat-x;margin-top: 20px;margin-bottom: 20px; border:2px solid #D3D1D2;}
#how-it-works-video{width: 470px;float: left;background-color: #0082c8;height: 299px;}
#how-it-works-video-content-right{width: 250px;float: right;background:url('img/how_video_right.jpg') no-repeat right;height: 300px}
#how-it-works-video-content-right h2{margin-left:15px;letter-spacing:0px;}
#how-it-works-video-content-right h2 span{color:#0082c8;}
#how-it-works-video-content-right h2 a{font-size:24px; font-weight:normal;}
#how-it-works-video-content-right p{margin-left:15px;}
#how-it-works-video-content-right h2 sup{font-size: 10px;}
#how-it-works-video-content-right h3{margin-left:15px;font-size: 14px;color: #6d6f71;font-family:Arial, Helvetica, sans-serif;font-weight: bold;letter-spacing: normal;}
#how-it-works-video-content-right p{font-weight: bold;font-size: 13px;}
#how-it-works-video-content-right ul{list-style: none;margin: 0;padding: 0;margin-top: -10px;}
#how-it-works-video-content-right ul li span{font-weight: bold;}
#how-it-works-video-content-right ul li{margin: 0px;padding-left:15px;padding-right:5px;font-size:12px;color:#6D6F71;}
/* ==========================================================================
   Search results page
   ========================================================================== */
#search-results{
	margin-bottom: 150px;
	color:#6d6f71;
	font-size: 12px;
	margin-top: 0px;
}
#search-results-header h1{
	font-size: 30px;
	color:#6d6f71;
	float: left;
	margin-left:15px;
}
#search-results-header p{
	float:right;
	font-size: 12px;
	color:#6d6f71;
	margin-top: 40px;
	margin-right: 15px;
}
#search-results-header p  .selected-span{
	color:#0081c6;
	font-weight: bold;
}
#search-results-header{
	margin-bottom: 20px;
}
#search-results form{
	margin-left: 15px;
}
#search-results form input[type=search]{
	height: 14px;
	width: 660px;
	font-size: 12px;
	color:#6d6f71;
	font-weight: bold;
	padding-left:10px;
}
#search-results h2{
	font-size: 18px;
	font-weight: bold;
	color:#6d6f71;
	margin-left:15px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 40px;
}
#search-results h2 a{
		font-size: 18px;
	font-weight: bold;
	color:#0081c6;
	font-size: 18px;
}
#search-results-best{
	background-color: #eef6fb;
	margin-bottom: 5px;
	margin-top: 5px;
	height: auto;
	padding-top:5px;
	padding-bottom: 15px;	
}

.search-result{
	margin-left:15px;
	margin-top: 25px;
	width: 630px;
}
.search-result a{
	font-size: 10px;
}
.search-result span{
	font-size: 10px;
}
.search-result .results-title-link{
	font-size: 12px;
}
 #best-result{
	margin-top:5px;
}
#best-bet{
	float:right;
	margin-right: 15px;
	margin-top: 5px;
	font-weight: bold;
}
.search-result p {
	margin:0px;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
#chat-log-in-wrapper{
	background:#FFFFFF;
	width: 365px;
	padding:10px;
	color:#6d6f71;
	font-size:16px;
	height: 440px;
	overflow:hidden;
}
.chat-log-in-borders{
	background-color:#0082c8;
	width: 365px;
	height: 40px;
}
#chat-log-in-wrapper p{
	margin-left: 25px;
}
#chat-log-in-wrapper p span{
	color:#f89829;
	font-size: 24px;
	font-weight:bold;
}
#chat-log-in-wrapper .login-input{
	margin-left: 45px;
}
.login-input span{
	margin-left:10px;
}
#chat-log-in-wrapper form{
	margin-bottom: 35px;
}
.get-started-button{
	margin-top:25px;
	margin-bottom: 70px;
	margin-left: 130px;
}
#chat-dialog-container{
	height: 500px;
	width: 530px;
	overflow: hidden;
}
#chat-dialog{
	height: 500px;
	width: 530px;
}
#chat-dialog-left{
	height: 500px;
	width: 530px;
	background-image: url('img/chat_bg_left.png');
	position: absolute;
	left: 0px;
	background-repeat: no-repeat;
	z-index: -10;
}
#chat-dialog-right{
	height: 500px;
	width: 530px;
	background-image: url('img/chat_bg_right.png');
	position: absolute;
	top:0px;
	left:0px;
	background-position:right top;
	background-repeat: no-repeat;
	z-index: -10;
}
#chat-dialog-middle{
	height: 500px;
	width: 530px;
	background-image: url('img/chat_bg_middle.png');
	position: absolute;
	top:0px;
	left:0px;
	background-position:top;
	background-repeat: repeat-x;
	z-index: -15;
}
#chat-dialog h1{
	margin-top:10px;
	float:left;
	margin-left: 10px;
}
#chat-dialog ul{
	list-style: none;
	display:block;
	margin-right:20px;
	margin-top:25px;
	float:right;
}
#chat-dialog ul li{
	display: inline-block;
	*display:inline;
	cursor: pointer;
}
#chat-dialog-box{
	width: 510px;
	margin-left: 10px;
	height:282px;
	margin-top:70px;

}
#chat-dialog-entry-box{
	width: 420px;
	margin-top:10px;
	margin-left:10px;
	height: 72px;
	margin-left: 10px;
	position: absolute;
	
}
#chat-send-button{
	float: right;
	margin-top:40px;
	margin-right: 25px;
	cursor: pointer;
	
}
#chat-dialog-box-left{
	position:absolute;
	width: 510px;
	height:294px;
	background-image:url('img/chat_box_left.png');
	background-position: left;
	background-repeat:no-repeat;
	z-index: -5;
}
#chat-dialog-box-right{
	position:absolute;
	width: 510px;
	height:294px;
	background-image: url('img/chat_box_right.png');
	background-position: right;
	background-repeat: no-repeat;
	z-index: -5;
}
#chat-dialog-box-middle{
	position:absolute;
	width: 460px;
	height:294px;
	margin:0px;
	background-image:url('img/chat_box_middle.png');
	background-repeat:repeat-x;
	background-position-y:top;
	z-index:-10;
	margin: 0 5px 0 18px;
}
#chat-dialog-entry-box-right{
	width: 420px;
	position:absolute;
	height: 83px;
	background-image: url('img/chat_entry_right.png');
	background-repeat: no-repeat;
	background-position: right;
	z-index: -5;
	
}
#chat-dialog-entry-box-left{
	width: 420px;
	position:absolute;
	height: 83px;
	background-image: url('img/chat_entry_left.png');
	background-repeat: no-repeat;
	background-position: left;
	z-index: -5;
	
}
#chat-dialog-entry-box-middle{
	width: 375px;
	position:absolute;
	height: 83px;
	background-image: url('img/chat_entry_middle.png');
	background-repeat: repeat-x;
	margin-left: 16px;
	z-index: -10;
	
}
#chat-dialog-entry-box-content textarea{
	resize: none;
	background:none;
	border:none;
	padding-top:10px;
	padding-left:10px;
	margin-left:10px;
	margin-top:5px;
	height: 55px;
	width: 375px;
	font-size: 12px;	
}
#chat-dialog-box-messages{
	font-size:12px;
	width: 480px;
	margin-left: 15px;
	margin-top: 10px;
	position: absolute;
	overflow: hidden;
}
.chat-message-info{
	margin:3px;
	background-image: url('img/chat_message.png');
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:15px;
	
}
.chat-message{
	margin:3px;
	padding-left:15px;
}
.chat-message span{
	color:#ff7800;
}



/* ==========================================================================
 tables
   ========================================================================== */

/*containers*/

.left-content-two-sides-table{ width: 735px; float:left; margin-top:0px;}
.right-content-two-sides-table{ width: 250px; height: 438px; float: right; }

/*divs, h1, etc*/

#table-container{ margin-bottom: 0px; }
#table-content{ width: 736px; height: 324px; margin-top:15px;margin-left: -15px;margin-bottom: 40px}
#table-footer{ background-color:#c0dff1; width:736px; height:42px; margin-top:-1px; padding:0px; }
#table-footer p{ font-size:9px; color:#407ba5; padding-left:5px; padding-top:8px; margin-top:0px; font-weight:bold; }
#tm-sup{ font-size: xx-small;}
#tm-span{ position:relative; top:-10px; }
.why-description{ margin-top:45px; width:20px;}
#why-videos{ /*width:735px; height:300px;*/ float:left;margin-top:20px;margin-bottom:30px }

/*table*/

table.tftable {font-size:12px;color:#333333;width:100%;border-collapse: collapse;border:none;padding:0px; margin:0px;}
table.tftable p{width:80px; border:#ff0066; border-style:solid; border-width:1px; text-align:center;padding:0px;display:table-cell; vertical-align:bottom;}
table.tftable th {font-size:12px;background-color:#00598f;text-align:left; height:38px;border:none;margin:0px; padding:0px; color:#FFF; text-align:center; display:table-cell; vertical-align:bottom; padding-bottom:6px;}
table.tftable tr {background-color:#ffffff; border:none;padding:0px; margin:0px;}
table.tftable td {font-size:12px; border:none;}

/*table rows*/

table.tftable td.second-row{ height:40px; margin:0px; padding;0px; }
table.tftable td.third-row{ height:27px; }
table.tftable td.fourth-row{ height:27px; }
table.tftable td.fifth-row{ height:43px; }
table.tftable td.sixth-row{ height:30px; }
table.tftable td.seventh-row{ height:30px; }
table.tftable td.highlighted-row{ background-color:#d6eaf6; height:32px; padding:0px; margin:0px; text-align: center; font-weight:bold; color:#6D6F71;}
table.tftable td.highlighted-row-first{ background-color:#d6eaf6; height:32px; padding-left:15px; margin:0px; text-align: left; font-weight:bold; color:#6D6F71;}
table.tftable td.highlighted-fifth-row{ background-color:#d6eaf6; height:44px; padding:0px; margin:0px; text-align: center; font-weight:bold; color:#6D6F71; }
table.tftable td.highlighted-fifth-row-first{ background-color:#d6eaf6; height:44px; padding-left:15px; margin:0px; text-align: left; font-weight:bold; color:#6D6F71; }


/*table columns*/

table.tftable th.first-column{ width:191px;}
table.tftable th.second-column{ width:90px; font-size:15px; }
table.tftable th.third-column{ width:90px; }
table.tftable th.fourth-column{ width:90px; }
table.tftable th.fith-column{ width:91px; }
table.tftable th.sixth-column{ width:90px; }
table.tftable th.fith-column{ width:93px;}
#td-big-text{
	font-size: 16px;
}
/*table cells: odd, even, odd width border, even with border, odd highlighted, even highlighted, text-highlighted, box highlighted, box highlighted intersecion, etc*/

#odd-normal{ background-color:#eef6fb; color:#6D6F71; text-align:center; border-bottom:#a1a5a8; border-bottom-style:dotted; border-bottom-width: 1px; }
#odd-normal-no-border{ background-color:#eef6fb; color:#6D6F71; text-align:center; border:none; }
#odd-normal-first{ background-color:#eef6fb; color:#0082c8; text-align:left; padding-left:35px;border-bottom:#a1a5a8; border-bottom-style:dotted; border-bottom-width: 1px;}
#odd-highlight{ background-color:#d6eaf6; }
#odd-highlight-last{  border-right: 1px solid #f1f8fc; }
#even-normal{ background-color:#d6eaf6; color:#6D6F71; text-align:center; border-bottom:#a1a5a8; border-bottom-style:dotted; border-bottom-width: 1px; }
#even-normal-no-border{ background-color:#d6eaf6; color:#6D6F71; text-align:center; border:none; }
#even-highlight{ background-color:#c0dff1; }
#text-highlight{ font-weight:bold; color:#0082c8; }
#box-highlight{ text-align:center; color:#FFF; background-color:#158ccc; border-bottom:#74bbe1; border-bottom-style:dotted; border-bottom-width: 1px; }
#box-highlight-intersection-1{ text-align:center; color:#FFF; background-color:#158ccc; border-bottom:#74bbe1; border-bottom-style:solid; border-bottom-width: 1px; }
#box-highlight-intersection-2{ text-align:center; color:#FFF; background-color:#158ccc; border-bottom:#74bbe1; border-bottom-style:solid; border-bottom-width: 1px; border-top:#74bbe1; border-top-style:solid; border-top-width: 1px;}


table.tftable th.first-column{ text-align:right; color:#ff0056;}
/* ==========================================================================
   why slideshow
   ========================================================================== */
.why-rectangle{
	height: 300px;
	width: 485px;
	float: left;
	display: block;
	background-color: #0082c8;
}
.why-quote{
	width: 190px;
	margin: 0 10px 0 0;
	float: right;
}
#why-slideshow-left{
	position: absolute;
	width: 722px;
	height:300px;
	/*background-image:url('img/why_slideshow_right.png');*/
	background-position: right;
	background-repeat: no-repeat;
	z-index: -10;
}
#why-slideshow-middle{
	background-image: url('img/why_slideshow_bg.png');
	z-index:-15;
	position: absolute;
	width: 702px;
	height:303px;
	background-repeat:repeat-x;
}
.why-slide .why-slide-quote-name{
	font-size: 13px;
	float: right;
	margin-right: 25px;
	margin-top: -10px;
	text-align:right;
	width:150px;
}
.why-slide span{
	font-size: 47px;
	color: #6d6f71;
	font-weight: bold;
	display: none;
	vertical-align: top;
	margin-left:15px;
	/*line-height:86px;*/
	margin-top:10px;
}
.why-quote p{
	display:inline-block;
	*display:inline;
	font-size:24px;
	font-family:'TradeGothicW01-BoldCn20 675334',Arial,Helvetica,sans-serif;
	color: #6d6f71;
	font-weight: normal;
	width: 160px;
	line-height: 28px;
	margin-top: 20px;
	margin-left: 15px;
}
#why-slides{
	overflow: hidden;
	/*height: 300px;
	width: 700px;*/
        height:314px;
	border:2px solid #d3d1d2;
}
.why-slide .quotes-after{
	vertical-align: bottom;
	margin-left: -10px;
}

.why-slide iframe {margin-top:-1px;}

#why-slidetabs{
	position: relative;
	left:350px;
	top:0px;
}

#why-videos .videoNav {
	left: 350px;
	margin-left:230px;
	margin-top: -25px;
	position: relative;
	top: 0;
}

/* ==========================================================================
  FOOTER TEMPLATE PAGES
   ========================================================================== */
#footer-template-content{
	margin-bottom:110px;
	margin-top: -20px;
}
#footer-template-content h1{
	font-size: 30px;font-weight: bold;font-family: Arial, Helvetica, sans-serif;color:#6d6f71;margin-left: 15px;
}
#footer-template-content-header{
	width: 1000px;
	height: 35px;
	background-color:#00598f;
	display: block;
}
#footer-template-content-header h2{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding-top:8px;
	margin-left: 15px;
	text-transform:uppercase;
}
#footer-template-content-text{
	height: 260px;
	width: 998px;
	border:solid 1px;
	border-color:#00598f;
	padding-bottom:20px;
	padding-top:20px;
}
#footer-template-content-text ul{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#6d6f71;
	width: 800px;
	margin-left: 15px;

}
#footer-template-content-text p{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#6d6f71;
	width: 800px;
	margin-left: 15px;

}
.footer-template-link{
	margin-left:15px;
	margin-top: 10px;
	display: block;
}
/* ==========================================================================
  WHATS NEXT
   ========================================================================== */
#whats-next{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #6d6f71;
	margin-bottom: 110px;
}
#fpo-copy{
	color:#d9e8f0;
	font-weight: bold;
	font-size: 66px;
	position: relative;
	top:-220px;
	left:150px;
	z-index: -10;
}
#whats-next h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight:bold;
	margin-left: 15px;
}
#thank-you h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	margin-left:15px;
	color:#6d6f71;
	margin-top: 20px;
}
#thank-you{
	width: 650px;
	height: 425px;
	border:solid;
	border-color: #0082c8;
	font-size:12px;
	
}
#thank-you-table{
	width: 600px;
	margin-left: 20px;
	margin-top:20px;
}
.order-dark{
	width: 600px;
	height: 20px;
	background-color: #dddddd;
}
.order-light{
	background-color:#efefef;
	width: 600px;
	height: 20px;
}
.order-left{
	margin-left: 0px;
	margin-top:2px;
	display:inline-block;
	width: 205px;
	padding-left: 15px;
}
.order-right{
	margin-left:30px;
	margin-top:-22px;
	display:inline-block;
	*display:inline;
	width: 205px;
	padding-left: 15px;
}
.order-right span, .order-left span{font-size: 10px;font-weight: bold;}
#total-price{
	margin-left: 15px;
	margin-top:20px;
	margin-bottom:5px;
}
#total-price span{
	color:#fba43e;font-weight: bold;display: inline-block;*display:inline;width: 205px;
}
#total-price p{
	display:inline; 
	margin-left:45px;
	margin-top: -2px;
}
#thank-you ul{
	width: 600px;
	margin-top: 40px;
}
#thank-you ul li{
	color:#fba43e;
	margin-top: 10px;
}
#thank-you ul li span{
	color:#6d6f71;
}
#thank-you ul li span span{
	font-weight: bold;
	font-size: 10px;
	display: inline-block;
	line-height: 20px;
}
#online_acount_btn{
	margin-top:20px;
	display:block;
	margin-left:40px;
}
/* ==========================================================================
  Activate
   ========================================================================== */
#activate-block{
	width: 750px;
	height: 584px;
	margin-left:-15px;
}
#activate-block-header{
	height: 45px;
	width: 750px;
	background-color:#00598f;
	margin: 0px;
	overflow: visible;
}
#activate-block-header ul{
	display:block;
	margin:0px;
	margin-left: -25px;
	overflow: visible;
}
#activate-block-header ul li{
	display:inline-block;
	*display:inline;
	color:#80acc7;
	font-weight:normal;
	height: 45px;
	margin:0px;
	padding-left:30px;
	padding-top:10px;
	margin-right: 15px;
	height:55px;
	font-size:18px;
	overflow: visible;
}
.activaate-active{
	font-weight:bold;
	background-image:url("/resources/basictalk/css/img/activate_arrows.png");
	background-position: left top;
	background-repeat:no-repeat;
	color:#FFFFFF;
}
#activate-block-header ul .activaate-active{
	color:#FFFFFF;
	font-weight: bold;
}
.activate-block-subheader{
	background-color: #daecf7;
	width: 750px;
	height: 50px;
	margin: 0px;
}
.activate-block-subheader h2{
	margin: 0;
	color:#6d6f71;
	font-weight: bold;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	display: inline-block;
	margin-left:15px;
	margin-top:15px;
}
.help-btn{display: block;float: right;
background-image:url("/resources/basictalk/css/img/help_btn.png");
background-position: right center;
background-repeat: no-repeat;
padding-right: 30px;
padding-top:5px;
margin-top:10px;
height:20px;
margin-right: 15px;
}
#activate-block-first-block{
	height: 278px;
	width: 750px;
	font-size: 12px;
}
#activate-block-first-left{
	height: 278px;
	width: 750px;
	position: absolute;
	background-image: url("/resources/basictalk/css/img/wn_up_left.jpg");
	background-position: left;
	background-repeat: no-repeat;
	z-index: -10;
}
#activate-block-first-right{
	height: 278px;
	width: 750px;
	position: absolute;
	background-image: url("/resources/basictalk/css/img/wn_up_right.jpg");
	background-position: right;
	background-repeat: no-repeat;
	z-index: -10;
}
#activate-block-first-middle{
	height: 278px;
	width: 750px;
	position: absolute;
	background-image: url("/resources/basictalk/css/img/wp_up_middle.jpg");
	background-position: left;
	background-repeat: repeat-x;
	z-index: -15;
}
#activate-first-block-content-left{
	float: left;
}
#activate-first-block-content-left h2{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:16px;
	color:#0082c8;
	margin-left:30px;
	height: 50px;
	

}
#activate-first-block-content-left h2 sup{font-size: 10px;}
#activate-first-block-content-left h3 sup{font-size: 20px;}
#activate-first-block-content-left h3{
	font-weight: bold;
	display:block;
	color:#6d6f71;
	font-size: 30px;
	margin-left:30px;
	margin-top:-30px;
	width: 150px;
	border-right:dotted 1px #0082c8;
}
#activate-first-block-content-left p{
	width: 350px;
	position: relative;
	top:-55px;
	left:190px;
}
#activate-first-content-left-down{
	margin-top:-30px;
}
#activate-first-content-left-down ul{
	margin-left: 5px;
}
#activate-first-content-left-down  ul li{
	padding: 0;
	font-size: 12px;
}
#activate-first-content-left-down a{
	display: block;
	margin-left: 30px;
}
#activate-first-block-content-right{
	margin-top:10px;
	margin-right: 15px;
	float: right;
}
#activate-block-second-block{
	height: 160px;
	width: 750px;
}
#activate-second-block-left{
	height: 160px;
	width: 750px;
	background-image: url("/resources/basictalk/css/img/wp_down_left.jpg");
	background-position: left;
	background-repeat: no-repeat;
	z-index: -10;
	position: absolute;
}
#activate-second-block-right{
	height: 160px;
	width: 750px;
	background-image: url("/resources/basictalk/css/img/wp_down_right.jpg");
	background-position: right;
	background-repeat: no-repeat;
	z-index: -10;
	position: absolute;
}
#activate-second-block-middle{
	height: 160px;
	width: 750px;
	background-image: url("/resources/basictalk/css/img/wp_down_middle.jpg");
	background-position: left;
	background-repeat: repeat-x;
	z-index: -15;
	position: absolute;
}
#activate-second-block-content{
	width: 450px;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 30px;
}
#activate-second-block-content p{
	float: left;
	width: 315px;
}
#activate-second-block-content span{
	color:#f89829;
	float: right;
	margin-top: 10px;
	font-size: 12px;
}
#activate-second-block-content form{
	display: block;
	float: left;
	margin-top:20px;
	width: 300px;
}
#activate-second-block-content form span{
	color:#6d6f71;
	float: none;
}

.continue-btn{
	float: right;
	margin-top: 15px;
}
/* ==========================================================================
  Activate Sidebar
   ========================================================================== */
#activate-sidebar{
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	height: 600px;
	color:#6D6F71;
	font-size: 12px;
}
#activate-sidebar-header{
	height: 35px;
	background:#FFFFFF;
	padding-top: 10px;
}
#activate-sidebar-box{
	height: 207px;
	width:250px;
	margin:0px;
	margin-top:-15px;
}
#activate-sidebar-box-right{background-image: url("/resources/basictalk/css/img/activate_sidebar_box_right.jpg");background-repeat: no-repeat;width: 250px;height:207px;background-position: right;z-index:-10;position: absolute;}
#activate-sidebar-box-left{background-image: url("/resources/basictalk/css/img/activate_sidebar_box_left.jpg");background-repeat: no-repeat;width: 250px;height:207px;background-position: left;z-index: -10;position: absolute;}
#activate-sidebar-box-middle{background-image: url("/resources/basictalk/css/img/activate_sidebar_box_bg.jpg");background-repeat:repeat-x;width: 250px;height:207px;z-index:-15;position: absolute;}
#activate-sidebar-box h2{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	padding-left: 15px;
	padding-top:10px;
}
#activate-sidebar h3{
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
}
#summary-plan-setup{
	font-weight: bold;
	margin-top: 0px;
	margin-left: 15px;
}
#summary-plan-setup p{
	height: 15px;

}
.summary-left{
	margin-left: 15px;
	display:inline-block;
	*display:inline;
	float: left;
	width:110px;
		margin-top: -5px;
	
}
.summary-right{
	float: right;
		margin-top: -5px;
		margin-right: 15px;
}
.summary-right-orange{
	float: right;
		margin-top: -5px;
		font-weight: bold;
		margin-right:15px;
		color: #f89829;
}
.summary-left-orange{
		margin-top: -5px;
	margin-left: 15px;
	display:inline-block;
	*display:inline;
	float: left;
	width:110px;
	font-weight: bold;
	color:#f89829;
}
#summary-today-total{
	width: 220px;
	border-top: dotted 1px;
	border-top-color:#005696;
	margin: 0;
	padding: 0;
	margin-left: 15px;
	height:10px;
	margin-top:-5px;
	padding-top:7px;
	display: block;
	float: left;
}
#summary-today-total span{
	float:right;
}
#taxes-and-fees{
	float: left;
	margin-left:15px;
	margin-top:20px;
	font-size: 10px;
}
#activate-sidebar-try{
	margin:35px 15px 35px 15px;
	border-top:dotted 1px #005696; ;
	border-bottom:dotted 1px #005696;;
}
#activate-sidebar-try h3{
	margin:5px 0 0 0;
	padding:0px;
	font-size:18px;
	letter-spacing:normal;
	color:#0082c8;
}
#activate-sidebar-try span{
	font-weight: bold;
	font-size: 12px;
}
#activate-sidebar-try a{
	float: right;
	margin-top: 10px;
	margin-bottom: 5px;
}
#activate-sidebar-what-need{
	margin-left: 15px;
	margin-right: 15px;
}
#activate-sidebar-what-need a{
	float: left;
	margin-left: -5px;
	margin-right: 5px;
}
#activate-sidebar-what-need span{
	margin-left:15px;
	padding-left:5px;
	font-size: 12px;
	display: block;
}
#activate-sidebar-what-need p{
	font-weight: bold;
	font-size: 14px;
	margin-top:20px;
}
#activate-sidebar-what-need ul{
	margin:0;
	padding: 0;
	margin-left:15px;
	margin-top: -10px;
}
#activate-sidebar-what-need ul li{
	margin-left: 0px;
	padding: 0;
	margin-bottom: 5px;
}
/* ==========================================================================
  OVERLAY
   ========================================================================== */
#overlay {
    width: 100%;
    height: 100%;
    z-index: 10000;
  }
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano .content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano .content:focus {
  outline: thin dotted;
}
.nano .content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar .content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .pane {
  /*background : rgba(0,0,0,.25);*/
 background-color:#ececec;
  position   : absolute;
  width      : 7px;
  right      : 2px;
  top        : 1px;
  bottom     : 1px;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01; 
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;  
  border-radius         : 5px;
}
.nano > .pane > .slider {
  /*background: #444;
  background: rgba(0,0,0,.5);*/
 background:#8b8b8b;
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;  
  border-radius         : 3px;
}
.nano:hover > .pane, .pane.active, .pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}

/* TOS Styles - START */

.tosStyleWrapper{
	padding: 15px;
	overflow:auto !important;
}

.tosStyleWrapper p{
	margin-left: 0px !important;
    width: auto !important;
}

/* TOS Styles - END */

/* ==========================================================================
	LANDING
   ========================================================================== */

#landing
{
	width:100#;
}
#landing > h1
{
	margin:0 0 10px 0;
	display:block;
	line-height: 40px;
}
#landing > div#left
{
	width:374px;
	float:left;
}
#landing > div#right
{
	float:left;
	width:344px;
	height:222px;
	text-align:center;
}
#landing > div#right > a
{
	font-size:34px;
	color:#9042ae;
	margin-top:87px;
	margin-right:5px;
	display:block;
}
#landing > div#right img
{
	margin-top:20px;
}
#landing h3
{
	color: #0081c6;
	font-weight: bold;
	font-size: 16px;
}
#landing > div#bottom
{
	
}

#landing  p
{
	line-height:20px;
}
#landing > div#bottom > div
{
	float:left;
	width:220px;
	padding:0 13px 35px 15px;
	border-right:1px dotted #a7a9aa;
}
#landing > div#bottom > div ul
{
	font-size:12px;
}
#landing > div#bottom > div.first
{
	padding:0 13px 35px 0;
}
#landing > div#bottom > div.last
{
	padding:0 0 35px 15px;
	border:0px;
}
#landing > div#bottom > div.share
{
	border:0px;
	padding:40px 0 20px 0;
	float:none;
}
#landing > div#bottom > div.shadow
{
	background:url('/resources/basictalk/images/shadow.jpg') no-repeat top left;
	width:100%;
	height:10px;
	border:0px;
	margin:0 0 10px -5px;
	padding:0;
}


.slideNav{
	display:none;
	margin:-23px 0 0 0;
	position:relative;
	z-index:3;
	text-align:center;
}

.slideNav a {
    width:12px;
    height:12px;
    /*float:left;*/
    margin:3px;
	background: url("/resources/basictalk/css/img/big_tabs.png") no-repeat scroll 0 -12px transparent;
    background-position-x:0;
    background-position-y:-12px;
    background-position:0 -12px;
    display:inline-block;
    font-size:1px;
}
/* active state (current page state) */
.slideNav a.active {
    background-position-y:0;
    background-position: 0 0;
}

.hero-box-content {
	background-image: url("/resources/basictalk/images/banner-bg.png");
	background-repeat: no-repeat;
}

.hero-box-content-two {
	width:750px;
	height:275px;
}
#tfn {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding-left: 20px;
    position: relative;
    top: -30px;
}

#tfn a {color:#ffffff !important;}

.h-phone {font-size: 30px; line-height: 1.1;}

#espanol_link {display:none;}

.content-column {float:left; position:relative; color:#6d6f71; font-size:14px;}
.content-column h4 {font-size:26px; display:block; width:100%; border-bottom:2px solid #d8d9da; margin:0; letter-spacing:-1px;}
/* COLUMN 1 - START */
	#content-column-1 {width:435px;}
	#content-column-1 .column-top {min-height:330px;}
	#hiw-video {display:block; width:415px; height:262px; margin:30px auto 0 auto; background-color:#e0e0e0;}

	#setup-title {position:absolute}
	#hiw-graphic {display:block; margin:30px 0 0 25px;}
	.steps {float:left; font-size:14px; color:#6d6f71;}
	.steps div {font-size:29px; color:#187bc0; font-family: 'TradeGothicW01-BoldCn20 675334',Arial,Helvetica,sans-serif;}
	#step-1 {width:155px; margin:0 20px 0 10px;}
	#step-2 {width:100px; margin-right:20px;}
	#step-3 {width:100px;}
/* COLUMN 1 - END */

/* COLUMN 2 - START */
	#content-column-2 {width:253px; margin:0 15px; padding:0 15px; border-left:1px solid #bfdff1; border-right:1px solid #bfdff1;}
	#content-column-2 .column-top {min-height:238px;}
	#customer-review {margin:20px 0 40px 0; width:233px;}
	.review-date {font-size:12px; color:#187bc0; font-weight:bold; text-align:right; margin-bottom:10px;}
	.review-title {font-size:17px; color:#187bc0; font-weight:bold;}
	.review-author {font-size:12px; color:#6d6f71; margin-bottom:30px;}
	.review-content {font-size:14px; color:#6d6f71; margin-bottom:10px;}

	#video-container {width:235px; margin:30px auto 25px auto;}
	#video-container video {display:block; width:235px; height:160px;}
	.video-caption {color:#187bc0; font-size:22px; line-height:1.1; margin:25px 0 30px 0; font-family: 'TradeGothicW01-BoldCn20 675334',Arial,Helvetica,sans-serif;}
	.video-caption #author {color:#808284; font-size:14px; font-family:arial; text-align:right; margin-top:15px;}

	.videoNav {margin:0 auto; display:table;}
	.videoNav a {
		background: url("/resources/basictalk/images/optimost/slide-nav-sprite.png") no-repeat scroll 0 -22px transparent;
		display: block;
		float: left;
		font-size: 1px;
		height: 22px;
		margin: 0 3px;
		width: 22px;
	}

	.videoNav a.current {
		background-position:0 0;
		cursor:default;
	}
/* COLUMN 2 - END */

/* COLUMN 3 - START */
	#content-column-3 {width:245px;}
	#startup-instructions {text-align:center; margin-top:20px;}
	#content-column-3 #startup-instructions {margin-bottom:25px;}
	#content-column-3 input#zip {border:2px solid #9dcae3; border-radius:5px; width:235px; height:42px; text-align:center; font-size:24px; font-weight:bold; color:#0082c8;}
	#content-column-3 img#zipSubmit {display:block; margin:13px auto 0 auto; cursor:pointer;}
	#social-media {font-size:14px; margin-top:40px;}
	#social-media a {display:inline-block; margin-left:7px;}
	#social-media a img {vertical-align:middle;}

	#cost-breakdown {font-size:16px; margin-top:10px;}
	#cost-breakdown td {padding:3px 0;}
	#cost-breakdown .bold {font-weight:bold; padding-top:20px;}
	#cost-breakdown .note {font-size:12px;}
	#cost-breakdown .total td {font-size:18px; font-weight:bold; color:#0082c8;}
	#cost-breakdown .note2 td {font-size:11px;}
	#cost-breakdown .price-td {text-align:right;}
/* COLUMN 3 - END */

	#buy-now-button {background:none !important;}

	#content-container {width:1000px; margin:20px auto;}

	.center {text-align:center;}

	/* BANNER - START */
		#op_hero_left {
			float: left;
			height: 100%;
			margin-top: 24px;
			padding-left: 10px;
			width: 255px;
		}
		#op_hero_right {
			background-image: url("/resources/basictalk/images/homepage_guy-test.png");
			background-position: right top;
			background-repeat: no-repeat;
			float: left;
			height: 100%;
			width: 485px;
		}
		#op_hero_right ul {
			line-height: 16px;
			margin-bottom: 4px;
			margin-top: 80px;
		}
		#op_hero_right a {
			background: none repeat scroll 0 0 transparent;
			text-decoration: underline;
		}
		#tfn {padding-right:10px; margin: -51px 0 0 135px;}
		#order-box {height:60px; position:relative;}
		#chat {top:16px; position:relative;}
		#buy-now-button {position:relative; top:-45px; left:380px;}
	/* BANNER - END */

	/* WALMART - START */
		#banner-right-content {border:0px solid #000000; float:left; width:215px; position:relative; margin-left:30px; color:#6d6f71;}
		#retail-title {font-size:26px; color:#0079be;}
		#retail-title img {display:block; margin-top:-10px;}
		#find-store {height:185px; background-image:url("/resources/basictalk/images/optimost/basictalk-box.png"); background-repeat:no-repeat; position:relative;}
		#find-store span {font-size:12px; line-height:1.3; top:78px; left:103px; font-weight:bold; color:#6d6f71; position:absolute;}
		#find-store span a {text-decoration:underline;}
		#activate {font-size:14px; text-align:center; position:relative; top:-22px;}
	/* WALMART - END */

/* Buy Now Banner */

.learn-order-tfn-text {
	color: #fff;
    line-height: 1.1;
    margin: 5px 0 0;
    text-align: center;
}

.learn-order-tfn {
	font-size: 18px;
}

/** Try Basictalk css Starts **/

.reachOut{
    display: table;
    float:left;
    list-style: none outside none;
    margin: 0;
    padding: 0 30px;
}
.reachOut ol,li {
    margin: 0;
    padding: 0;
}
.reachOut li { 
    list-style: none;
    display: table-row;
    color: #555555;
    font-family: 'TradeGothicLTStdCondensedNo.18', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 2.25em;
}
.two { 
    line-height: 1.10em !important;
}
.reachOut li:before {
    content: '\2022';
    color:#f89828; /* or whatever color you prefer */
    display: table-cell;
    text-align: right;
    padding-right: .50em;
}
.reachOut h1{
    color: #0081c6;
    font-family: 'TradeGothicW01-BoldCn20 675334', Arial, Helvetica, sans-serif;
    font-size: 30px !important;
    font-weight: normal;
    letter-spacing: 0.10px;
}
.reachOut h2{
    color: #555555;
    font-family: 'TradeGothicW01-BoldCn20 675334', Arial, Helvetica, sans-serif !important;
    font-size: 18px!important;
	font-weight: normal !important;
    margin: 0px;
}
.reachOut p{
    color: #555555;
    font-family: 'TradeGothicLTStdCondensedNo.18', Arial, Helvetica, sans-serif;
    font-size: 18px;
}
.reachOutsub, sup {
    font-size: 65%;
}
#getting-started {
    height: 635px !important;
    margin: 0 auto;
    width: 823px;
    background-color:#EEF6F9;
}
/* Want More css */
    .wantMore{
    display: table;
    float:left;
    list-style: none outside none;
    margin: 0;    
}
.wantMore ul{
padding-left: 0px !important;
color: #FF8500;
}

.wantMore ol,li {
    margin: 0;
    padding: 0;
}
.wantMore li { 
    list-style: none;
    display: table-row;
    color: #555555;
    font-family: 'TradeGothicLTStdCondensedNo.18', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 2.25em;
}
.two { 
    line-height: 1.10em !important;
}
.wantMore li:before {
    content: '\2022';
    color:#f89828; /* or whatever color you prefer */
    display: table-cell;
    text-align: right;
    padding-right: .50em;
}

.wantMore h2{
    color: #555555 !important;
    font-family: 'TradeGothicW01-BoldCn20 675334', Arial, Helvetica, sans-serif !important;
    font-size: 19px !important;
	font-weight: normal !important;
    margin: 0px !important;
}
.wantMore p{
    color: #555555 !important;
    font-family: 'TradeGothicLTStdCondensedNo.18', Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
}
.wantMore a {
    text-decoration: none !important;
	color: #0081c6 !important;
    font-family: 'TradeGothicLTStdCondensedNo.18', Arial, Helvetica, sans-serif !important;
	font-weight: normal !important;
	font-size: 18px !important;
}

/** Try Basictalk css ends **/

.banner {
	position:relative;
	background-color:#ccc;
}

.customer {
	height:335px;
	width:735px;
}

.bannerNav {
	height:20px;
	margin:-25px auto 0 auto;
	z-index:2;
	position:relative;
}

.bannerNav > div {
	width:10px;
	height:10px;
	border:1px solid #fff;
	border-radius:100%;
	background-color:#ccc;
	display:inline-block;
	margin:0 5px;
	cursor:pointer;
}
.bannerNav > div.active {
	border-color:#0d75cc;
	background-color:#0d75cc;
}

.st-search-container .loading {
	left:50%;
	transform: translateX(-50%);
	position: relative;
}
/* Swiftype Search Box Overrides */
body .st-default-search-input, .st-ui-search-input {
	padding:0;
	background-image: none;
	border-radius: 0;
}

/* Swiftype Search Result Overrides */
body .st-ui-container-primary_content, body .st-search-results {
	margin:0 20px;
}

body .st-query-present {
	font-size: 16px;
	font-weight: bold;
	color: #f6860c;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

body a.st-ui-result {
	border-bottom: none;
}

body a.st-ui-result .st-ui-type-detail em, body a.st-ui-result .st-ui-type-heading em {
	/*box-shadow: none;*/
}

body a.st-ui-result::before {
	content: '•';
	top:8px;
	left: -22px;
	margin-top:0;
	transform: none;
	border:none;
	color: #000;
	font-size: 18px;
}

body a.st-ui-result .st-ui-type-heading .st-ui-type-heading {
	font-weight: bold;
	font-size: 10pt;
	color: #0081c6;
}

body a.st-ui-result .st-ui-type-detail-bold, body a.st-ui-result:hover .st-ui-type-detail-bold {
	color:#000;
	font-weight: bold;
}

body a.st-ui-result .st-ui-type-detail, body a.st-ui-result:hover .st-ui-type-detail {
	color: #000;
}

body .st-ui-pagination .st-query-present {
	text-align: center;
}

body .st-ui-pagination .st-query-present a {
	font-weight: normal;
	margin: 0 3px;
}

body .st-ui-pagination .st-query-present a.active {
	font-weight: bold;
}

.resultsTableHeader {
	font-size: 16px;
	font-weight: bold;
	color: #f6860c;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.featured {
	background-color: #f0f0f0;
	padding:7px 25px 25px 25px;
	width: 100%;
	position: relative;
	left: -25px;
	color: #000;
	font-weight: normal;
	font-size: 12px;
}

.featured:after {
	content: 'Top Result';
	position: absolute;
	top:4px;
	right:10px;
	display: block;
	font-size: 16px;
	font-weight: bold;
}

.featured a {
	display: block;
	position: relative;
	line-height: 1;
}

.featured > div a {
	display: block;
	left:26px;
}

.featured a:before {
	top:3px;
	left: -22px;
	margin-top:0;
	transform: none;
	border:none;
	content: '•';
	position: relative;
	width: 6px;
	height: 6px;
	display: block;
	color: #000;
	font-size:18px;
}