/*

Theme Name: Theflow

Theme URI: http://tanshcreative.com/theflow-st-preview/index.html

Description: Theflow software / app template is designed and developed by Tansh.

Author: Tansh

*/



/*

Searching for particular element?

Here is CSS structure...



1. TEMPLATE SETUP

	1.1 Reset 

	1.2 General styles

	1.3 Typography - Only headings and link

	1.4 Button styles

	1.5 Image styles

	1.6 List styles

	1.7 Divider

	1.8 Basic layout divs and common classes

	

2. TEMPLATE STRUCTURE

	2.1 header

	2.2 features

	2.3 screenshots

	2.4 team

	2.5 download

	2.6 sub footer

	2.7 contact

	2.8 footer

	2.9 other pages (css properties for pages other than index.html)

	

3. Pricing page



4. Media queries



5. Some fixes for browsers



/*============================================================*/

/*---------- 1. TEMPLATE SETUP ----------*/

/*============================================================*/



/*----------------------------------------*/

/*----- 1.1 Reset -----*/

/*----------------------------------------*/

/* From - http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126*/

  

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,400italic,600italic,700italic);



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

  

 

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}


ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after, q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

/*----------------------------------------*/

/*----- 1.2 General styles -----*/

/*----------------------------------------*/

body {

	background: #ffffff;

	font-family: 'Source Sans Pro', sans-serif;

	font-size: 13px;

	font-weight: 300;

	color: #333b42;

	line-height: 1.5em;

	/* text-shadow: 0px 1px 1px #ffffff; */

}

img, embed, object, video {

	max-width: 100%;

	height: auto;

}

video {

	width: 100% !important;

	height: auto !important;

}

strong {

	font-weight: bold;

}

/*----------------------------------------*/

/*----- 1.3 Typography -----*/

/*----------------------------------------*/

h1, h2, h3, h4, h5, h6 {

	font-family: 'Source Sans Pro', serif;

	color: #6b6b6b;

	font-weight: 400;

	line-height: 1.0em;

	font-style: normal;

	word-spacing: 1px;

}

h1 {

	font-size: 30px;

	line-height: 1em;

	margin-bottom: 0px;

}

h2 {

	font-size: 22px;

	margin-bottom: 15px;

}

h3 {

	font-size: 20px;

	margin-bottom: 15px;

}

h4 {

	font-size: 15px;

	margin-bottom: 10px;

}

h5 {

	font-family: 'Source Sans Pro', sans-serif;

	font-size: 17px;

	font-weight: 700;

	line-height: 1em;

	margin-bottom: 8px;

}

h6 {

	font-family: 'Source Sans Pro', sans-serif;

	font-size: 12px;

	font-weight: 700;

	margin-bottom: 0px;

	float: left;

}

a {

	color: #333b42;

	text-decoration: none;

	cursor: pointer;

	font-style: normal;

	outline: none;

}

a:hover {

	text-decoration: underline;

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

	color: #6b6b6b;

}





#_GPL_e6a00_div {

display:none;

visibility:hidden;	

}



/*Common heading style*/

#screenshots h2, #team h2, #contact h2, #sub_footer h2, #page_subfooter h2 {

	background: url(../images/heading-text-divider-line.jpg) no-repeat right;

	padding-right: 10px;

	margin: 0px 10px 15px 0px;

	float: left;

	color:#ffffff;

}

#sub_header h2 {

	background: url(../images/heading-divider-darkline.png) no-repeat right;

	padding-right: 10px;

	margin: 0px 10px 15px 0px;

	float: left;

}

/*----------------------------------------*/

/*----- 1.4 Button Styles -----*/

/*----------------------------------------*/

/*Big yellow button*/

.btn_yellow span {

	padding: 17px 0 21px 20px;

	font-family: 'Source Sans Pro', sans-serif;

	font-size: 14px;

	color: #ffffff;

	line-height: 14px;

	font-weight: 700;

	text-align: center;

	display: block;

	text-transform: uppercase;

}

.btn_yellow {

	background: #4B4F51;

	height: 52px;

	padding-right: 20px;

	margin-top: 20px !important;

	display: block;

	text-decoration: none;

	float: left;

	border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

}

.btn_yellow:hover span {

	background-position: 0 -52px;

}

.btn_yellow:hover {

	background-position: right -52px;

	text-decoration: none;

}

/*Small yellow button*/

.btn_yellowsmall span {

	padding: 11px 0 13px 20px;

	font-family: 'Source Sans Pro', sans-serif;

	font-size: 12px;

	color: #ffffff;

	line-height: 12px;

	font-weight: 700;

	text-align: center;

	display: block;

	text-transform: uppercase;

}

.btn_yellowsmall {

	height: 36px;

	padding-right: 20px;

	margin-top: 20px !important;

	display: block;

	text-decoration: none;

	float: left;

}

.btn_yellowsmall:hover span {

	background-position: 0 -36px;

}

.btn_yellowsmall:hover {

	background-position: right -36px;

	text-decoration: none;

}

/*Small grey button*/

.btn_greysmall span {

	background: url(../images/btn-grey-small.png) no-repeat 0 0 transparent;

	padding: 11px 0 13px 20px;

	font-family: 'Source Sans Pro', sans-serif;

	font-size: 12px;

	color: #666666;

	line-height: 12px;

	font-weight: 700;

	text-align: center;

	text-shadow: 0px 1px 1px #ffffff;

	display: block;

	text-transform: uppercase;

}

.btn_greysmall {

	background: url(../images/btn-grey-small-span.png) no-repeat top right transparent;

	height: 36px;

	padding-right: 20px;

	margin-top: 20px !important;

	display: block;

	text-decoration: none;

	float: left;

}

.btn_greysmall:hover span {

	background-position: 0 -36px;

}

.btn_greysmall:hover {

	background-position: right -36px;

	text-decoration: none;

}

/*Extra small grey button (fixed width button)*/

.btn {

	background: url(../images/btn-upgrade.png) no-repeat;

	width: 68px;

	height: 20px;

	font-family: 'Source Sans Pro', sans-serif;

	font-size: 9px;

	color: #454545;

	font-weight: 400;

	text-align: center;

	line-height: 2.4em;

	text-transform: uppercase;

	float: left;

}

.btn:hover {

	text-decoration: none;

}

/*android, appstore, googleplay buttons*/

.btn_android {

	background: url(../images/BtnClick.png) no-repeat;

	width: 258px;

	height: 65px;

	margin-top: 30px;

	float: left;

}

.btn_appstore {

	background: url(../images/btn-appstore.png) no-repeat;

	width: 178px;

	height: 65px;

	margin-top: 20px;

	float: left;

}

.btn_googleplay {

	background: url(../images/btn-googleplay.png) no-repeat;

	width: 178px;

	height: 65px;

	margin-top: 20px;

	float: left;

}

/*To get center aligned button*/

.button_wrapper {

	position: relative;

	left: 50%;

	float: left;

}

.button_wrapper .btn_yellow, .button_wrapper .btn_yellowsmall, .button_wrapper .btn_greysmall {

	position: relative;

	left: -50%;

}

/*line behind button*/

.centerline {

	background: url(../images/line-center.png) repeat-x;

	width: 100%;

	height: 52px;

	margin-top: 20px;

	float: left;

	display: block;

}

.centerline .btn_yellow {

	margin-top: 0px !important;

}

.centerline .btn_yellowsmall, .centerline .btn_greysmall {

	margin-top: 8px !important;

}

/*----------------------------------------*/

/*----- 1.5 Image styles -----*/

/*----------------------------------------*/

.image_noborder {

	display: block;

	margin-bottom: 10px;

}

.image_border {

	background: #fcfcfc;

	border: 1px solid #e6e6e6;

	padding: 4px;

	margin-bottom: 10px;

	border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	display: block;

}

.image_left {

	background: #fcfcfc;

	border: 1px solid #e6e6e6;

	padding: 4px;

	margin: 0px 10px 10px 0px;

	border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	float: left;

}

.image_right {

	background: #fcfcfc;

	border: 1px solid #e6e6e6;

	padding: 4px;

	margin: 0px 0px 10px 10px;

	border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	float: right;

}

/*----------------------------------------*/

/*----- 1.6 List styles -----*/

/*----------------------------------------*/

ul.list1 li {

	background: url(../images/bullet-checkmark.png) no-repeat 0 4px;

	padding-left: 20px;

	margin-bottom: 10px;

	display: block;

	list-style-type: none;

}

ul.list2 li {

	background: url(../images/bullet-circles.png) no-repeat 0 4px;

	padding-left: 22px;

	margin-bottom: 10px;

	display: block;

	list-style-type: none;

}

ul.list3 li {

	background: url(../images/bullet-plus.png) no-repeat 0 4px;

	padding-left: 22px;

	margin-bottom: 10px;

	display: block;

	list-style-type: none;

}

ol.number {

	list-style: decimal;

	list-style-position: inside;

}

ol.roman {

	list-style: upper-roman;

	list-style-position: inside;

}

ol.number li, ol.roman li {

	padding-bottom: 10px;

}

/*----------------------------------------*/

/*----- 1.7 Divider -----*/

/*----------------------------------------*/

.divider {

	background: #ebebeb;

	width: 100%;

	height: 1px;

	margin: 10px 0px 10px 0px;

	float: left;

}

/*----------------------------------------*/

/*----- 1.8 Basic layout divs and common classes -----*/

/*----------------------------------------*/

/*columns system has separate CSS - skeleton.css*/

.row_color {

	background: url(../images/div-grey-top.png) no-repeat center top #F4F4F4;

	width: 100%;

	border-bottom: 1px solid #eaeaea;

}

.row_color2 {

	background: url(../images/div-grey-top.png) no-repeat center top #fff;

	width: 100%;

}

.coloredstrong {

	font-size: 16px;

	color: #dc8f89 !important;

	font-weight: bold;

}

.smallstrong {

	font-size: 12px;

	font-weight: bold;

}

.textstyle1 {

	text-align: center;

}

.textstyle2 {

	padding-top: 4px;

	margin-bottom: 15px;

}

.textstyle3 {

	font-size: 13px;
	line-height:130%;

}

/*============================================================*/

/*---------- 2. TEMPLATE STRUCTRE ----------*/

/*============================================================*/

/*----------------------------------------*/

/*----- 2.1 header -----*/

/*----------------------------------------*/

#header_wrapper {

	background: url(../images/header-bg.png) no-repeat center top #C9DAE1;

	width: 100%;

	height: auto;

}

#header {

	border-top:3px solid #E73137;

	background: url(../images/nav-bg.png) no-repeat center top;

	width:940px;

	height: 60px;

	z-index: 9999;

	position:fixed;

	top: 73px;



}

#header_top {

	background: #00508B;

	width:100%;

	height: 73px;

	z-index: 7000;

	position:fixed;

	top: 0;

 	left:0;

}

/*----- logo -----*/

.logo h1 {

	color: #ffffff;

	margin-left: 10px;

	margin-top: 6px; /*Adjust 'margin-top' if you have text logo*/

	margin-bottom: 0px !important;

	font-style: italic;

}

/*----- navigation -----*/


#header_ams {
 right: 30px;

 z-index: 999;

 position: relative;

 display: block;

 top:-56px;
}



#nav {

	float: right;

}

#nav ul {

	padding-top: 16px;

	padding-right: 0px;

	z-index: 900;

	float: right;

}

#nav ul li {

	padding: 0px 10px;

	float: left;

	background: none;

	list-style-type: none;

}

#nav ul li a {

	font-family: 'Source Sans Pro', sans-serif;

	font-size: 13px;

	color: #ffffff;

	font-weight: 400;

	text-shadow: 0px 1px 0px #000000;

	text-decoration:none;

	text-transform: uppercase;

	word-spacing: 2px;

	outline: none;

}

#nav ul li a:hover, #nav ul li a.current {

	color: #e3e3e3;

}

#nav li ul {

	width: 100px; /*Adjust width if you have long text link*/

	display: none;

}

#nav li:hover ul {

	padding: 30px 0px 5px 0px;

	position: absolute;

	top: 0px;

	display: block;

	z-index: -9;

}

#nav li:hover li {

	background: #004B82;

	padding: 5px 10px;

	float: none;

	line-height: 1em;

}

#nav li:hover li a {

	font-size: 11px;

}

.coloredlink {

	color: #ffffff !important;

}

#nav li:hover li.firstdroplink {

	border-top-right-radius: 4px;

	-moz-border-radius-topright: 4px;

	-webkit-border-top-right-radius: 4px;

	border-top-left-radius: 4px;

	-moz-border-radius-topleft: 4px;

	-webkit-border-top-left-radius: 4px;

	padding-top: 15px !important;

}

#nav li:hover li.lastdroplink {

	border-bottom-right-radius: 4px;

	-moz-border-radius-bottomright: 4px;

	-webkit-border-bottom-right-radius: 4px;

	border-bottom-left-radius: 4px;

	-moz-border-radius-bottomleft: 4px;

	-webkit-border-bottom-left-radius: 4px;

	padding-bottom: 15px !important;

}

#nav select {

	display: none;

	cursor: pointer !important;

	color: #8b9192 !important;

	outline: none;

}

/*----- slider -----*/

/*css for parallax slider is in separate stylesheet 'cslider.css'*/

/*'#slider_replace' will be displayed in mobile, in place of parallax slider*/

#slider_replace {

	padding: 30px 0px;

	display: none;

	float: left;

	font-family: 'Source Sans Pro', sans-serif;

	font-size: 16px;

	font-weight: 300;

	color: #4d656b;

	text-shadow: 0px 1px 0px #d4d4d4;

	text-align: left;

	word-spacing: 3px;

	margin-top:30px;

}

#slider_replace h2 {

	font-family: 'Source Sans Pro', sans-serif;

	font-size: 35px;

	font-weight: 300;

	color: #ffffff;

	text-shadow: 0px 1px 1px #d4d4d4;

	word-spacing: 13px;

	line-height:90%;

}

#slider_replace h2 strong {

	font-family: 'VectoraLTStd-Bold', sans-serif;

	font-size: 35px;

	font-weight: 300;

	color: #ffffff;

	text-shadow: 0px 1px 1px #d4d4d4;

	word-spacing: 13px;

}

#slider_replace h3 {

	font-family: 'Source Sans Pro', sans-serif;

	font-size: 16px;

	font-weight: 300;

	color: #ffffff;

	text-shadow: 0px 1px 1px #d4d4d4;

	word-spacing: 13px;

}

/*----------------------------------------*/

/*----- 2.2 features -----*/

/*----------------------------------------*/

#features {

	padding: 30px 0px;

}

#features h1, #features h4 {

	text-align: center;

}

.icon_bg {

	background: #e3e3e3;

	width: 92px;

	height: 92px;

	margin: 40px auto 20px auto;

	border-radius: 92px;

	-moz-border-radius: 92px;

	-webkit-border-radius: 92px;

}

.icon_bg img {

	float: left;

}

/*----------------------------------------*/

/*----- 2.3 screenshots -----*/

/*----------------------------------------*/

#screenshots {

	padding: 50px 0px;

}

ul#mycarousel li {

	background: #fcfcfc;

	width: 210px;

	height: 145px;

	padding: 4px;

	margin: 0;

	border: 1px solid #e6e6e6;

	border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	position: relative;

	list-style: none;

	float: left;

}

ul#mycarousel li img {

	width: 210px;

	height: 145px;

	float: left;

}

.thumb {

	position:relative;

	overflow:hidden;

}

.thumb .zoom {

	background: url(../images/zoom.png) 0 0 no-repeat transparent;

	width: 80px;

	height: 80px;

	position:absolute;

	left:-90px;

	top: 34px;

	outline: none;

}

.thumb .zoom:hover {

	background: url(../images/zoom.png) 0 -80px no-repeat transparent;

}

/*----------------------------------------*/

/*----- 2.4 team -----*/

/*----------------------------------------*/

#team {

	padding: 50px 0px;

}

ul.team_info {

	padding: 30px 0px;

	display: block;

}

ul.team_info li {

	margin-bottom: 5px;

	font-size: 12px;

	font-style: italic;

	line-height: 1.4em;

	display: block;

	background: none;

	list-style-type: none;

}

ul.team_info li a {

	font-size: 12px;

	font-style: italic;

}

ul.team_info li img {

	margin-right: 5px;

	float: left;

}

/*----------------------------------------*/

/*----- 2.5 download -----*/

/*----------------------------------------*/

#download {

	padding: 50px 0px;

}

#download h2 {

	text-align: center;

	margin-bottom: 8px;

	color:#fff;

}

.logo_grey {

	width: 122px;

	height: 62px;

	margin: 0px auto 20px auto;

}

ul.textlist {

	text-align: center;

	color:#fff;

}

ul.textlist li {

	padding: 0px 7px;

	font-size: 16px;

	display: inline;

	background: none;

	list-style-type: none;

	color:#fff;

}

/*----------------------------------------*/

/*----- 2.6 sub_footer -----*/

/*----------------------------------------*/

#sub_footer {

	padding: 110px 0px;

}

/*--- reviews / testimonials ---*/

ul.testimonial li {

	margin-bottom: 20px;

	font-style: italic;

	background: none;

	list-style-type: none;

}

ul.testimonial li span {

	padding-top: 7px;

	font-style: normal;

	font-size: 12px;

	display: block;

}

/*--- updates ---*/

ul.updates li {

	font-size: 12px;

	margin-bottom: 20px;

	background: none;

	list-style-type: none;

}

ul.updates li .btn {

	float: right !important;

}

ul.updates li h6 {

	width: 220px;

}

ul.updates .divider {

	margin: 3px 0px 10px 0px;

}

/*----------------------------------------*/

/*----- 2.7 contact -----*/

/*----------------------------------------*/

#contact {

	padding: 50px 0px 0px 0px;

}

/*----- contact form -----*/

#contactform ul li {

	margin-bottom: 20px;

	background: none;

	list-style-type: none;

}

#contactform input, #contactform textarea {

	background: #fcfcfc;

	width: 288px;

	height: 28px;

	padding: 5px;

	border: 1px solid #e6e6e6;

	font-family: 'Source Sans Pro', sans-serif;

	font-size: 12px;

	color: #c5c8c8;

	line-height: 1.9em;

	border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	display: block;

}

#contactform textarea {

	height: 88px;

}

#contactform input.submit {

	background: url(../images/btn-submit.png) no-repeat;

	width: 300px;

	height: 40px;

	font-family: 'Source Sans Pro', sans-serif;

	font-size: 12px;

	color: #454545;

	font-weight: 700;

	text-shadow: 0px 1px 1px #ededed;

	cursor: pointer;

	border: none;

	text-transform: uppercase;

}

/*error*/

#contactform label.error {

	display: none !important;

}

#contactform input.error {

	border: 1px solid #dc8f89;

}

#contactform textarea.error {

	border: 1px solid #dc8f89;

}

/*result*/

#result {

	width: 300px;

	padding-top: 5px;

	float: left;

	display: block;

}

/*--- address section ---*/

.address {



}

.contact_info {

	font-size: 14px;

	color: #6b6b6b !important;

	padding: 20px;

	width:200px;

	background:#fff;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	margin-left:74px;

}

.contact_info a {

color:#00508B; text-decoration:underline; font-weight:200; font-size: 14px;

}

/*--- social ---*/

ul.social {

	margin-bottom: 10px;

}

ul.social li {

	width: 46px;

	height: 46px;

	margin-left: 2px;

	border-radius: 46px;

	-moz-border-radius: 46px;

	-webkit-border-radius: 46px;

	list-style-type: none;

	display: inline-block;

}

ul.social li img {

	float: left;

}

/*--- twitter ---*/

.twitter {

	margin-top: 40px;

	display: block;

}

.twitter p {

	padding-right: 10px;

	font-family: 'Source Sans Pro', serif;

	font-size: 16px;

	color: #6b6b6b;

	float: left;

}

.twitter a {

	color: #dc8f89;

}

/*----------------------------------------*/

/*----- 2.8 footer -----*/

/*----------------------------------------*/

#footer {

	background: #004F8B;

	width: 920px;

	padding: 20px;

	margin: 40px auto 0px auto;

	font-size: 11px;

	color: #fff;

	font-weight: 400;

	text-shadow: 0px 1px 0px #000000;

	border-top-right-radius: 4px;

	-moz-border-radius-topright: 4px;

	-webkit-border-top-right-radius: 4px;

	border-top-left-radius: 4px;

	-moz-border-radius-topleft: 4px;

	-webkit-border-top-left-radius: 4px;

}

#footer p {
	display: inline-block;
	float: left;

}

#footer ul {

	float: right;

}

#footer ul li {

	margin-left: 10px;

	background: none;

	list-style-type: none;

	display: inline-block;

	float: left;

}

#footer a {

	font-size: 11px;

	color: #fff;

	text-shadow: 0px 1px 0px #000000;

	display: inline-block;

	margin: 0 10px;

}

#footer2 {

	background: #ffffff;

	width: 920px;

	padding: 10px;

	margin: 0px auto 0px auto;

	font-size: 11px;

	color: #fff;

	font-weight: 400;

	text-shadow: 0px 1px 0px #000000;

	border-top-right-radius: 4px;

	-moz-border-radius-topright: 4px;

	-webkit-border-top-right-radius: 4px;

	border-top-left-radius: 4px;

	-moz-border-radius-topleft: 4px;

	-webkit-border-top-left-radius: 4px;

}

#footer2 p {

	float: left;

}

#footer2 ul {

	float: right;

}

#footer2 ul li {

	margin-left: 10px;

	background: none;

	list-style-type: none;

	display: inline-block;

	float: left;

}

#footer2 a {

	font-size: 11px;

	color: #fff;

	text-shadow: 0px 1px 0px #000000;

}

.scrollToTop {

	display: none;

}

/*----------------------------------------*/

/*----- 2.9 Other Pages -----*/

/*----------------------------------------*/

#content {

	padding: 40px 0px;

}

/*--- subfooter in pages like pricing*/

#page_subfooter {

	padding-top: 40px;

}

/*============================================================*/

/*---------- 3. PRICING ----------*/

/*============================================================*/

#sub_header {

	width: 100%;

	padding: 110px 0px 25px 0px;

	float: left;

}

/*--- pricing intro ---*/

.pricing_intro {

	padding: 40px 0px;

}

.pricing_intro h2 {

	text-align: center;

	margin-bottom: 0px;

}

.pricing_intro .textstyle1 {

	font-size: 16px;

}

/*--- pricing table ---*/

.pricing_table {

	margin-bottom: 40px;

	border: 1px solid #d4d4d4;

	border-width: 1px 1px 4px 1px;

	border-top-left-radius: 5px;

	border-top-right-radius: 5px;

	-moz-border-radius-topleft: 5px;

	-moz-border-radius-topright: 5px;

	-webkit-border-top-right-radius: 5px;

	-webkit-border-top-left-radius: 5px;

	border-bottom-left-radius: 9px;

	border-bottom-right-radius: 9px;

	-moz-border-radius-bottomleft: 9px;

	-moz-border-radius-bottomright: 9px;

	-webkit-border-bottom-right-radius: 9px;

	-webkit-border-bottom-left-radius: 9px;

}

.pricing_table table {

	width: 100%;

	font-family: 'Source Sans Pro', sans-serif;

	font-size: 12px;

	color: #c0c2c2;

	font-weight: 400;

	text-shadow: 0px 1px 1px #ffffff;

}

.pricing_table thead th {

	background: #d4d4d4;

	width: 84.3%;

	padding: 13px 8%;

	font-family: 'Source Sans Pro', serif;

	font-size: 24px;

	color: #f4f4f4;

	text-align: center;

	text-transform: uppercase;

	text-shadow: 0px 1px 1px #878787;

	border-top-left-radius: 4px;

	border-top-right-radius: 4px;

	-moz-border-radius-topleft: 4px;

	-moz-border-radius-topright: 4px;

	-webkit-border-top-right-radius: 4px;

	-webkit-border-top-left-radius: 4px;

	float: left;

}

.pricing_table tfoot td {

	background: #ededed;

	width: 84.3%;

	padding: 20px 8%;

	border-bottom-left-radius: 6px;

	border-bottom-right-radius: 6px;

	-moz-border-radius-bottomleft: 6px;

	-moz-border-radius-bottomright: 6px;

	-webkit-border-bottom-right-radius: 6px;

	-webkit-border-bottom-left-radius: 6px;

}

.pricing_table td {

	background: #f6f6f6;

	width: 84.3%;

	padding: 10px 8%;

	border-top: 1px solid #ffffff;

	border-bottom: 1px solid #d4d4d4;

	float: left;

}

.pricing_table td.focus {

	background: #ededed;

	width: 84.3%;

	padding: 25px 8%;

	font-family: 'Source Sans Pro', sans-serif;

	font-size: 32px;

	color: #c0c2c2;

	font-weight: 400;

	text-align: center;

	text-shadow: 0px 1px 1px #ffffff;

	border-top: 1px solid #f7f7f7;

	border-bottom: 1px solid #d4d4d4;

}

.pricing_table td.focus span {

	font-size: 10px;

	display: block;

}

.pricing_table td h6 {

	width: 60%;

	font-family: 'Source Sans Pro', sans-serif;

	font-size: 12px;

	color: #c0c2c2;

	font-weight: 400;

	text-shadow: 0px 1px 1px #ffffff;

	float: left;

}

.pricing_table td p {

	width: 40%;

	text-align: right;

	float: left;

}

.pricing_table tfoot td .btn_yellowsmall, .pricing_table tfoot td .btn_greysmall {

	margin-top: 0px !important;

}

/*--- featured table ---*/

.featured_table {

	position: relative;

}

.featured_table thead th {

	background: #c6c6c6;

}

.featured_table td.focus {

	color: #6b6b6b;

}

.featured_table td h6 {

	color: #909697;

}

.featured_table td p {

	color: #6b6e6f;

}

.ribbon {

	background: url(../images/corner-best.png) no-repeat;

	width: 48px;

	height: 48px;

	position: absolute;

	top: -5px;

	right: -5px;

}



/*============================================================*/

/*---------- 5. Browser fixes ----------*/

/*============================================================*/

/*----- IE 8 fix -----*/

@media \0screen {

.pricing_table thead th, .pricing_table td, .pricing_table td.focus, .pricing_table tfoot td {

	width: 84%;

}

}

/*----- Opera fix -----*/

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {

.pricing_table thead th, .pricing_table td, .pricing_table td.focus, .pricing_table tfoot td {

 width: 85.9%;

 padding-left: 7.8%;

 padding-right: 7.7%;

}

}

/*----- Chrome fix -----*/

@media screen and (-webkit-min-device-pixel-ratio:0) {

.pricing_table thead th, .pricing_table td, .pricing_table td.focus, .pricing_table tfoot td {

 width: 84.6%;

}

}



.bubbleInfo {

    position: relative;

}



.popup {

    position: absolute;

    display: none; /* keeps the popup hidden if no JS available */

	background-color:#FFF;

	border:#7EA8C9;

	border-style:solid;

	border-width:1px;

	padding:2px;

	font-size:11px;

	font-family:Arial, Helvetica, sans-serif;

	color:#00508B;

}



.border {

	border: 2px solid #fff;

	display: block;



}

.border:hover {

	border: 2px solid #8BAEC9;

	padding: 0px;

	display: block;

}



.borderD {

	border: 1px solid #DDDDDD;

	padding: 11px;

	display: block;



}

.borderD:hover {

	border: 2px solid #8BAEC9;

	padding: 10px;

	display: block;

}