/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}

audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

audio:not([controls]) {
	display: none;
}
[hidden] {
	display: none;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
	font-family: sans-serif;
	color: #222;
}

body {
	margin: 0;
	font-size: 1em;
	line-height: 1.4;
}

::-moz-selection {
	background: #02b7f1;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #02b7f1;
	color: #fff;
	text-shadow: none;
}

* {
	-webkit-tap-highlight-color: transparent;
}

a {
	color: #00e;
	-webkit-tap-highlight-color: transparent;
}

a:visited {
	color: #551a8b;
}

a:hover {
	color: #06e;
}

a:focus {
	outline: none;
}

a:hover, a:active {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b, strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

dfn {
	font-style: italic;
}

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

ins {
	background: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

pre, code, kbd, samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: none;
}

q:before, q:after {
	content: "";
	content: none;
}

small {
	font-size: 85%;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

ul, ol {
	margin: 1em 0;
	padding: 0 0 0 40px;
	list-style: none;
}

dd {
	margin: 0 0 0 40px;
}

nav ul, nav ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

form {
	margin: 0;
}

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

label {
	cursor: pointer;
}

legend {
	border: 0;
	*margin-left: -7px;
	padding: 0;
	white-space: normal;
}

button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}

button, input {
	line-height: normal;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
	*overflow: visible;
}

button[disabled], input[disabled] {
	cursor: default;
}

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	*width: 13px;
	*height: 13px;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}

input:valid, textarea:valid {
}

input:invalid, textarea:invalid {
	background-color: #f0dddd;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td {
	vertical-align: top;
}

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

/* @license
 * MyFonts Webfont Build ID 2311408, 2012-06-18T17:47:28-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Proxima Nova Soft Medium by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova-soft/medium/
 *
 * Webfont: Proxima Nova Soft Semibold by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova-soft/semibold/
 *
 * Webfont: Proxima Nova Soft Bold by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova-soft/bold/
 *
 * Webfont: Proxima Nova Soft Regular by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova-soft/regular/
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2311408
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright (c) Mark Simonson, 2010. All rights reserved.
 *
 * © 2012 Bitstream Inc
*/

@font-face {
	font-family: 'ProximaNovaSoft-Medium';src: url('webfonts/2344F0_0_0.eot');src: url('webfonts/2344F0_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2344F0_0_0.woff') format('woff'),url('webfonts/2344F0_0_0.ttf') format('truetype');
}

@font-face {
	font-family: 'ProximaNovaSoft-Semibold';src: url('webfonts/2344F0_1_0.eot');src: url('webfonts/2344F0_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2344F0_1_0.woff') format('woff'),url('webfonts/2344F0_1_0.ttf') format('truetype');
}

@font-face {
	font-family: 'ProximaNovaSoft-Bold';src: url('webfonts/2344F0_2_0.eot');src: url('webfonts/2344F0_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2344F0_2_0.woff') format('woff'),url('webfonts/2344F0_2_0.ttf') format('truetype');
}

@font-face {
	font-family: 'ProximaNovaSoft-Regular';src: url('webfonts/2344F0_3_0.eot');src: url('webfonts/2344F0_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2344F0_3_0.woff') format('woff'),url('webfonts/2344F0_3_0.ttf') format('truetype');
}


/* ===== Primary Styles ========================================================
   Author: HUGE
   ========================================================================== */

body {
	background: url('../img/global/bg.jpg') #004fa3 top center no-repeat;
	/*-webkit-background-size: 1400px 3000px;*/
	font-family: 'ProximaNovaSoft-Medium','Arial', sans-serif;
	font-size: 12px;
}

#wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
}

.header {
	background: url('../img/global/header.png') center top no-repeat;
	position: absolute;
	top: 0px;
	margin: 0 auto;
	width: 100%;
	height: 76px;
	-webkit-background-size: 960px 76px;
}

.footer {
	background: url('../img/global/footer.jpg') #002146 center top no-repeat;
	height: 550px;
	margin: 0;
	width: 100%;
	-webkit-background-size: 960px 550px;
}

#comparison-tool {
	display: block;
	margin: 0 auto;
	padding: 0 0 40px 0;
	position: relative;
	width: 960px;
}

#comparison-tool #header-title {
	background: url('../img/global/title.png') 20px 105px no-repeat;
	display: block;
	margin: 0px 0 30px 0;
	padding: 115px 0 0 20px;
	height: 88px;
	width: 940px;
	position: relative;
	text-indent: -99999px
}

/*breadcrumbs*/
#comparison-breadcrumbs {
	display: none;
	background: url('../img/breadcrumbs/breadcrumb-bg.png') 0 0 repeat-x;
	margin: 0 0 10px 0;
	width: 960px;
	height: 56px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#comparison-breadcrumbs ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#comparison-breadcrumbs ul li {
	background: url('../img/breadcrumbs/breadcrumb-border.png') 100% 0 no-repeat;
	display: inline;
	color: #0072c7;
	float: left;
	font-size: 15px;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 20px 30px 0;
	position: relative;
	height: 36px;
	text-align: center;
	vertical-align: middle;
}

#comparison-breadcrumbs ul li:hover:first-child {
	background: url('../img/breadcrumbs/breadcrumb-border.png') 100% 0 no-repeat;
	color: #0072c7;
	position: relative;
	left: 0;
	cursor: default;
}

#comparison-breadcrumbs ul li:hover {
	background: url('../img/breadcrumbs/breadcrumb-on.jpg') 0 0 repeat-x;
	color: #fff;
	position: relative;
	left: -1px;
	cursor: pointer;
}

#comparison-breadcrumbs ul li:hover div {
	position: relative;
	right: -1px;
}

#comparison-breadcrumbs ul li div {
	position: relative;
}

#comparison-breadcrumbs ul li img {
	padding: 0 5px 0 0;
}

#comparison-breadcrumbs ul li.phone-lines {
	width: 122px;
}

#comparison-breadcrumbs ul li.phone-lines,
	 	#comparison-breadcrumbs ul li.pay-monthly,
		#comparison-breadcrumbs ul li.data-plan {
	display: none;
}

#comparison-breadcrumbs ul li.beg-text {
}

#comparison-breadcrumbs ul li.phone-lines:hover .number-lines {
	left: 31px;
}

#comparison-breadcrumbs ul li.phone-lines .number-lines {
	background: url('../img/breadcrumbs/dot-blue.png') 0 0 no-repeat;
	color: #fff;
	display: block;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	top: 14px;
	left: 30px;
	padding: 3px 0 0 0;
	width: 31px;
	height: 28px;
	margin: 0;
	text-align: center;
}

#comparison-breadcrumbs ul li.phone-lines div {
	position: relative;
	margin: 0 0 0 40px;
}

#comparison-breadcrumbs ul li.pay-monthly {
}

#comparison-breadcrumbs ul li.pay-monthly img {
	position: absolute;
	top: 20px;
	left: 30px;
}

#comparison-breadcrumbs ul li.pay-monthly div {
	position: relative;
	margin: 0 0 0 40px;
	top: -10px;
}

#comparison-breadcrumbs ul li.pay-monthly .number-money {
	font-size: 25px;
}

#comparison-breadcrumbs ul li.data-plan {
}

#comparison-breadcrumbs ul li.data-plan div {
	top: -6px;
	height: 34px;
}

#comparison-breadcrumbs ul li.data-plan span {
	display: inline-block;
	height: 34px;
	vertical-align: bottom;
}

/* Panels */

#panels {
	-webkit-transform: translateZ(0);
	background: url('../img/global/horizon.jpg') #fff 0 73px no-repeat;
	width: 960px;
	margin: 0 auto;
	padding: 10px 0 0;
	position: relative;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#panels .slide {
	-webkit-transform: translateZ(0);
	display: none;
}

#panels .panel-count {
	color: #bfbfbf;
	font-size: 26px;
	position: absolute;
	right: 20px;
	top: 20px;
}

#panels .panel-count span {
	font-weight: bold;
}

	/* Controls */
#comparison-tool #next,
	#comparison_tool #next.off {
	background: url('../img/global/slide-arrows.png') no-repeat;
	background-position: -54px 0px;
	display: block;
	position: absolute;
	right: -20px;
	top: 410px;
	width: 44px;
	height: 70px;
	text-indent: -9999px;
	z-index: 10;
}

#comparison-tool #next.inactive {
	background-position: -54px 0px;
}

#comparison-tool #next.inactive:hover {
	background-position: -54px 0px !important;
	cursor: default;
}

#comparison-tool #next {
	background-position: -54px -80px;
}

.no-touch #comparison-tool #next:hover,
		  .touch #comparison-tool #next.on {
	background-position: -54px -160px;
}

#comparison-tool #previous {
	opacity: 0;
	background: url('../img/global/slide-arrows.png') no-repeat;
	background-position: 0px 0px;
	display: block;
	position: absolute;
	left: -20px;
	top: 405px;
	width: 44px;
	height: 70px;
	text-indent: -9999px;
	z-index: 10;
}

#comparison-tool #previous {
	background-position: 0px -80px;
}

.no-touch #comparison-tool #previous:hover,
    		.touch #comparison-tool #previous.on {
	background-position: 0px -160px;
}

#comparison-tool ul.pagers {
	display: none;
	margin: 0 auto;
	padding: 0;
	width: 56px;
}

#comparison-tool ul.pagers li {
	background: url('../img/global/circle-off.png') 0 0 no-repeat;
	display: inline;
	float: left;
	width: 14px;
	height: 13px;
	margin-right: 7px;
}

#comparison-tool ul.pagers li.last {
	margin-right: 0px;
}

#comparison-tool ul.pagers li.on {
	background: url('../img/global/circle-on.png') 1px 1px no-repeat;
}

#tooltip {
	background: url('../img/global/tooltip.png') 0 0 no-repeat;
	display: block;
	position: absolute;
	top: 110px;
	right: -104px;
	width: 208px;
	height: 68px;
}

#tooltip p {
	color: #fff;
	font-weight: bold;
	padding: 11px 0 0 0;
	text-align: center;
}

#tooltip.ipad {
	background: url('../img/global/tooltip-ipad.png') 0 0 no-repeat;
	display: block;
	position: absolute;
	top: 110px;
	right: -28px;
	width: 195px;
	height: 61px;
	letter-spacing: -1px;
}

#panels  h2 {
	background: #fff;
	color: #000;
	font-family: 'ProximaNovaSoft-Regular', arial, sans-serif;
	font-size: 36px;
	font-weight: 100;
	text-align: center;
	margin: 0 0 13px 0;
	padding: 0;
}

#panels .content {
	padding: 0;
	position: relative;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	height: 300px;
}

	/*Phone Lines */
#panels #phone-lines .content {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
}

#panels #phone-lines ul {
	margin: 55px auto 0;
	padding: 0;
	width: 685px;
	height: 160px;
}

#panels #phone-lines ul li {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	float: left;
	height: 200px;
	list-style-type: none;
	margin: 0;
	cursor: pointer;
	position: relative;
}

#panels #phone-lines ul li:hover {
	cursor: pointer;
}

#panels #phone-lines ul li div {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	background: url(../img/panel-1/phone-sprite.png);
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 3;
}

#panels #phone-lines ul li .shadow {
	-webkit-transform: translateZ(0);
	position: absolute;
	display: none;
		    /* background-image: url(../img/panel-1/phone-sprite.png); */
	background: none;
	z-index: 0;
}

			/* phones */
#panels #phone-lines ul li.phones-1 {
	width: 112px;
	margin-right: 43px;
}

#panels #phone-lines ul li.phones-1 a {
	left: 54px;
}

#panels #phone-lines ul li.phones-1 .shadow {
	width: 90px;
	height: 25px;
	top: 136px;
	left: 4px;
}

#panels #phone-lines ul li.phones-1 .one {
	width: 81px;
	height: 144px;
	background-position: 0px -118px;
	top: 9px;
	left: 1000px;
}

#panels #phone-lines ul li.phones-1.selected .one {
	background-position: 0px -298px;
}

#panels #phone-lines ul li.phones-2 {
	width: 148px;
	margin-right: 34px;
}

#panels #phone-lines ul li.phones-2 a {
	left: 89px;
}

#panels #phone-lines ul li.phones-2 .shadow {
	background-position: -415px -3px;
	width: 143px;
	height: 26px;
	top: 133px;
	left: 4px;
}

#panels #phone-lines ul li.phones-2 .one {
	width: 78px;
	height: 130px;
	background-position: -176px -114px;
	top: 5px;
	left: 1000px;
}

#panels #phone-lines ul li.phones-2.selected .one {
	background-position: -176px -294px;
}

#panels #phone-lines ul li.phones-2 .two {
	width: 102px;
	height: 150px;
	background-position: -267px -114px;
	top: 5px;
	left: 1000px;
}

#panels #phone-lines ul li.phones-2.selected .two {
	background-position: -268px -294px;
}

#panels #phone-lines ul li.phones-3 {
	width: 157px;
	margin-right: 11px;
}

#panels #phone-lines ul li.phones-3 a {
	left: 85px;
}

#panels #phone-lines ul li.phones-3 .shadow {
	background-position: -597px -3px;
	width: 141px;
	height: 26px;
	top: 129px;
	left: 4px;
}

#panels #phone-lines ul li.phones-3 .one {
	width: 49px;
	height: 78px;
	background-position: -451px -108px;
	top: 0px;
	left: 1000px;
}

#panels #phone-lines ul li.phones-3.selected .one {
	background-position: -451px -298px;
}

#panels #phone-lines ul li.phones-3 .two {
	width: 64px;
	height: 100px;
	background-position: -526px -111px;
	top: 2px;
	left: 1000px;
}

#panels #phone-lines ul li.phones-3.selected .two {
	background-position: -526px -301px;
}

#panels #phone-lines ul li.phones-3 .three {
	width: 105px;
	height: 136px;
	background-position: -607px -117px;
	top: 8px;
	left: 1000px;
}

#panels #phone-lines ul li.phones-3.selected .three {
	background-position: -607px -307px;
}

#panels #phone-lines ul li.phones-4 {
	width: 180px;
}

#panels #phone-lines ul li.phones-4 a {
	left: 110px;
}

#panels #phone-lines ul li.phones-4 .shadow {
	background-position: -754px -4px;
	width: 191px;
	height: 27px;
	top: 132px;
	left: -10px;
}

#panels #phone-lines ul li.phones-4 .one {
	width: 89px;
	height: 79px;
	background-position: -785px -154px;
	top: 45px;
	left: 1000px;
}

#panels #phone-lines ul li.phones-4.selected .one {
	background-position: -785px -334px;
}

#panels #phone-lines ul li.phones-4 .two {
	width: 109px;
	height: 123px;
	background-position: -899px -112px;
	top: 3px;
	left: 1000px;
}

#panels #phone-lines ul li.phones-4.selected .two {
	background-position: -899px -293px;
}

#panels #phone-lines ul li.phones-4 .three {
	width: 74px;
	height: 135px;
	background-position: -1034px -109px;
	top: 0px;
	left: 1000px;
}

#panels #phone-lines ul li.phones-4.selected .three {
	background-position: -1034px -290px;
}

#panels #phone-lines ul li.phones-4 .four {
	width: 117px;
	height: 152px;
	background-position: -1128px -110px;
	top: 1px;
	left: 1000px;
}

#panels #phone-lines ul li.phones-4.selected .four {
	background-position: -1128px -291px;
}

#panels #phone-lines ul li a {
	display: none;
	-webkit-transform: translateZ(0);
	text-decoration: none;
	color: #fff;
	font-size: 18px;
	position: absolute;
	top: 112px;
	left: 0px;
	width: 35px;
	height: 35px;
	background: url(../img/panel-1/phone-sprite.png) no-repeat -78px -2px;
	text-align: center;
	padding-top: 4px;
	z-index: 4;
}

#panels #phone-lines ul li.selected a {
	background-position: -114px -2px;
}

#panels #phone-lines ul li:hover a {
	background-position: -114px -2px;
}

	/*Pay Monthly*/
#panels #pay-monthly #counter {
	display: inline;
	font-family: 'ProximaNovaSoft-Regular', arial, sans-serif;
	font-size: 170px;
	line-height: 1em;
}

#panels #pay-monthly #counter-number .dollar-sign {
	display: inline;
	vertical-align: top;
	letter-spacing: -20px;
}

#panels #pay-monthly #counter-number {
	color: #0072c7;
	display: block;
	font-family: 'ProximaNovaSoft-Regular', arial, sans-serif;
	font-size: 90px;
	position: relative;
	margin: 50px auto 0;
	width: 385px;
	text-align: center;
	vertical-align: top;
}

#panels #pay-monthly #minus {
	background: url('../img/panel-2/plus-minus-sprite.png') 0 0 no-repeat;
	display: block;
	margin: 0;
	position: absolute;
	top: 100px;
	left: 190px;
	width: 82px;
	height: 77px;
	cursor: pointer;
}

#panels #pay-monthly #minus:hover {
	background-position: 0px -90px;
}

#panels #pay-monthly #minus:active {
	background-position: 0px -180px;
}

#panels #pay-monthly #plus {
	background: url('../img/panel-2/plus-minus-sprite.png') -83px 0 no-repeat;
	display: block;
	margin: 0;
	position: absolute;
	top: 100px;
	right: 190px;
	width: 82px;
	height: 77px;
}

#panels #pay-monthly #plus:hover {
	background-position: -83px -90px;
}

#panels #pay-monthly #plus:active {
	background-position: -83px -180px;
}

#panels #pay-monthly p {
	color: #636363;
	font-size: 14px;
	margin: 0;
	padding: 0 0 20px 0;
	text-align: center;
}

	/*Data Plan*/
#panels #data-plan .content {
}

#panels #data-plan p {
	margin: 0;
	padding: 0 0 20px 0;
	text-align: center;
}

#data-plan #phone-usage {
	opacity: 1;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	background: url('../img/panel-3/phone-usage.png') 25px 0 no-repeat;
	display: inline-block;
	position: absolute;
	top: 3px;
	width: 470px;
	height: 300px;
}

#data-plan #phone-usage .call {
	opacity: 1;
	-moz-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	display: none;
	background: url('../img/panel-3/phone-call.png') 0 0 no-repeat;
	position: absolute;
	top: 71px;
	left: 124px;
	width: 272px;
	height: 229px;
}

#data-plan #phone-usage .text.one {
	display: none;
			/* background: url('../img/panel-3/phone-text-1.png') 0 0 no-repeat; */
	position: absolute;
	top: 23px;
	left: 108px;
	width: 162px;
	height: 127px;
}

#data-plan #phone-usage .text.two {
	display: none;
			/* background: url('../img/panel-3/phone-text-2.png') 0 0 no-repeat; */
	position: absolute;
	bottom: -18px;
	left: 299px;
	width: 176px;
	height: 118px;
}

#data-plan #phone-usage .video.one {
	display: none;
			/* background: url('../img/panel-3/phone-video-1.png') 0 0 no-repeat; */
	position: absolute;
	top: 25px;
	left: 64px;
	width: 61px;
	height: 62px;
}

#data-plan #phone-usage .video.two {
	display: none;
			/* background: url('../img/panel-3/phone-video-2.png') 0 0 no-repeat; */
	position: absolute;
	top: 113px;
	left: 386px;
	width: 55px;
	height: 48px;
}

#data-plan #phone-usage .apps.one {
	display: none;
			/* background: url('../img/panel-3/phone-apps-1.png') 0 0 no-repeat; */
	position: absolute;
	top: 6px;
	left: 229px;
	width: 62px;
	height: 54px;
}

#data-plan #phone-usage .apps.two {
	display: none;
			/* background: url('../img/panel-3/phone-apps-2.png') 0 0 no-repeat; */
	position: absolute;
	bottom: 4px;
	top: 148px;
	left: 69px;
	width: 56px;
	height: 53px;
}

#data-plan #phone-usage .apps.three {
	display: none;
			/* background: url('../img/panel-3/phone-apps-3.png') 0 0 no-repeat; */
	position: absolute;
	top: 165px;
	left: 345px;
	width: 56px;
	height: 68px;
}

#data-plan #phone-usage .apps.four {
	display: none;
			/* background: url('../img/panel-3/phone-apps-4.png') 0 0 no-repeat; */
	position: absolute;
	top: 215px;
	left: 79px;
	width: 68px;
	height: 51px;
}

#data-plan #phone-usage .apps.five {
	display: none;
			/* background: url('../img/panel-3/phone-apps-5.png') 0 0 no-repeat; */
	position: absolute;
	top: 82px;
	left: 106px;
	width: 38px;
	height: 44px;
}

#data-plan #phone-usage .apps.six {
	display: none;
			/* background: url('../img/panel-3/phone-apps-6.png') 0 0 no-repeat; */
	position: absolute;
	top: 153px;
	left: 135px;
	height: 60px;
	width: 65px;
}

ul.phone-checkboxes {
	display: inline;
	float: right;
	padding: 44px 103px 0 0;
}

ul.phone-checkboxes li {
	color: #8b8b8b;
	font-size: 26px;
	font-weight: bold;
	list-style-type: none;
	padding: 0 0 14px 0;
	height: 36px;
}

ul.phone-checkboxes li.color {
	color: #003f7e;
}

ul.phone-checkboxes li .checkbox {
	background: url('../img/global/checkbox-off.png') 0 100% no-repeat;
	display: inline-block;
	width: 36px;
	height: 35px;
	cursor: pointer;
}

ul.phone-checkboxes li .checkbox.on {
	background: url('../img/global/checkbox-on.png') 0 100% no-repeat;
	display: inline-block;
	width: 36px;
	height: 35px;
}

ul.phone-checkboxes li .checkbox input[type="checkbox"] {
	display: none;
}

ul.phone-checkboxes li label {
	font-weight: lighter;
	display: inline-block;
	padding: 0;
	line-height: 26px;
	padding: 5px 0 0 0;
	vertical-align: top;
}

/**
	RESULTS PAGE
*/

#results-wrapper {
	background: url('../img/results/bg.jpg') #ffffff top center no-repeat;
	/*-webkit-background-size: 1400px 3000px;*/
}

#results {
	background-color: #fff;
	margin: 0 auto;
	padding: 20px 0 0 0;
	position: relative;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	width: 960px;
}

	/*breadcrumbs*/
#results-wrapper #comparison-breadcrumbs {
	background: url('../img/results/breadcrumb-bg.png') 0 0 repeat-x;
}

#results-wrapper #comparison-breadcrumbs ul li {
	color: #0072c7;
}

#results-wrapper #comparison-breadcrumbs ul li.phone-lines {
	width: 122px;
}

#results-wrapper #comparison-breadcrumbs ul li:hover {
	background: url('../img/breadcrumbs/breadcrumb-border.png') 100% 0 no-repeat;
	cursor: default;
	left: 0px;
}

#results-wrapper #comparison-breadcrumbs ul li.phone-lines:hover .number-lines {
	left: 30px;
}

#results-wrapper #comparison-breadcrumbs ul li:hover div {
	right: 0px;
}

#results-wrapper #comparison-breadcrumbs ul li.data-plan {
	background: url('../img/breadcrumbs/breadcrumb-border.png') 100% 0 no-repeat;
}

#results-wrapper #comparison-breadcrumbs ul li.pay-monthly {
	background: none;
}

#results-wrapper #comparison-breadcrumbs ul li.pay-monthly:hover {
	background: none;
}

#results-wrapper #comparison-breadcrumbs ul li.recalculate {
	background: none;
	padding: 20px 45px 0 0;
	float: right;
	cursor: pointer;
}

#results-wrapper #comparison-breadcrumbs ul li.recalculate a {
	color: #0072c7;
}

	/*plan details*/
#results #plan-info h1 {
	color: #b6b6b6;
	font-size: 22px;
	margin: 0;
	text-align: center;
}

#results #plan-info h2 {
	font-weight: lighter;
	color: #2b2b2b;
	font-size: 40px;
	margin: 0;
	text-align: center;
}

#results #plan-info h3 {
	color: #999;
	font-size: 14px;
	margin: 0;
	text-align: left;
}

#results #plan-info .plan-text {
		/*background: url('../img/results/shadow.jpg') 0 bottom no-repeat;*/
	border-top: 1px dotted #c1c1c1;
	margin: 15px 20px 0;
	padding: 10px 50px 3px;
	height: 175px;
    position:relative;
}

#results #plan-info .familyPlanInfo {
	height: 200px;
}

#results #plan-info .sharedDataPlanInfo {
	height: 320px;
}

#results #plan-info .plan-text #shareFeaturesDesc {
	position: relative;
}

#results #plan-info .plan-text #shareFeaturesDesc #featureDesc1 {
	background-image: url("../img/bigbubble.png");
	background-repeat: no-repeat;
	width: 886px;
	height: 110px;
	display: block;
	position: relative;
	left: -25px;
}

#results #plan-info .plan-text #shareFeaturesDesc #featureDesc1 p {
	font-size: 16px;
	position: absolute;
	text-align: center;
	font-weight: bold;
	color: #fff;
	top: 25px;
	left: 5px;
}

#results #plan-info .plan-text #shareFeaturesDesc #featureDesc1 p a {
	text-decoration: none;
	color: #fff;
	font-size: 22px;
}

#results #plan-info .plan-text #shareFeaturesDesc #featureDesc1 p a:hover {
	text-decoration: underline;
}

#results #plan-info .plan-text #shareFeaturesDesc p {
	font-size: 12px;
	color: #666666;
	width: 886px;
	position: relative;
	left: -16px;
}

#results #plan-info ul {
	border-right: 1px dotted #c1c1c1;
	display: inline-block;
	float: left;
	font-family: 'ProximaNovaSoft-Medium', arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	list-style-type: none;
	height: 115px;
}

#results #plan-info ul li:first-child {
	/*margin: 0 0 10px 0;*/
	margin:0px;
}

#results #plan-info #plan-details {
	display: inline-block;
	padding: 0 0 0 0px;
	width: 255px;
	text-align: center;
}

#results .plan-price {
	color: #192e53;
	font-size: 24px;
	font-family: 'ProximaNovaSoft-Medium', arial, sans-serif;
	margin: 0 0 15px 0;
	text-align: center;
}

#results .plan-price span {
	font-size: 56px;
	line-height: 56px;
}

#results .plan-price .plan-price-number {
	font-size: 56px;
}

#results #plan-info #plan-details form {
	margin: 0 auto;
	width: 147px;
}

#results #plan-info #plan-details a {
	width: 147px;
	font-weight: lighter;
	color: #0072c7;
	display: block;
	font-weight: bold;
	font-size: 13px;
	margin: 10px auto 0;
	text-decoration: none;
}

/*#results #plan-info #plan-details input[type="submit"] {*/
	/*margin: 0px auto;*/
	/*background: url(../img/results/action-btn.png) no-repeat;*/
	/*cursor: pointer;*/
	/*width: 147px;*/
	/*height: 45px;*/
	/*border: none;*/
	/*text-indent: -9999px;*/
/*}*/

#results #plan-info ul#plan-features {
	color: #192e53;
	margin: 0;
	padding: 5px 30px 20px 0;
	width: 235px;
}

#results #plan-info ul#plan-features span {
	margin: 0 0 0 10px;
}

#results #plan-info ul#plan-features li.add-on {
	background: url('../img/results/feature-plus.gif') 0 2px no-repeat;
	margin: 10px 0 0 0;
	padding: 0 0 5px 20px;
}

#results #plan-info ul#plan-features li.add-on span {
	color: #05b8f2;
	display: inline-block;
	font-weight: bold;
	float: left;
	font-size: 10px;
	text-transform: uppercase;
}

#results #plan-info ul#plan-features li.add-on span.feature-3 {
	/*color: #b5b5b5;*/
}

#results #plan-info ul#plan-features li.empty-img {
	padding: 0 0 0 23px;
}

#results #plan-info ul#plan-features li.empty-img.special {
	margin-left: 30px;
	background-image: url("../img/smallbubble.png");
	background-repeat: no-repeat;
	display: block;
	width: 222px;
	height: 35px;
	position: relative;
}

#results #plan-info ul#plan-features li.empty-img.special span {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: normal;
	left: -5px;
	padding: 0 !important;
	position: absolute;
	top: 11px;
}

/** No bullet **/
#results #plan-info ul#plan-features li.no_bullet {
    padding: 0 0 0 23px;
}
#results #plan-info ul#plan-features li.no_bullet.special {
    background-image:url("../img/smallbubble.png");
    background-repeat:no-repeat;
    display:block;
    width:222px;
    height:35px;
    position:relative;
}
#results #plan-info ul#plan-features li.no_bullet.special span{
    color: #FFFFFF;
    font-size: 13px;
    font-weight: normal;
    left: -5px;
    padding: 0 !important;
    position: absolute;
    top: 11px;
}

/** end no bullet **/


#results #plan-info ul#plan-features li {
	text-indent: -1.2em;
}

#results #plan-info ul#plan-features li:before {
	content:"•";
	color:#00AEEF;
	font-size: 1.5em;
}

.no_bullet:before {
	content:"" !important;
	/*color:#00AEEF;*/
	/*font-size: 1.5em;*/
}

.no_text_indent{
	text-indent: 0px !important;
}

#results #plan-info ul#plan-minutes {
	color: #505050;
	margin: 0;
	padding: 5px 50px 20px;
	width: 195px;
}

#results #plan-info ul#plan-minutes li {
	cursor: pointer;
	margin: 0 0 10px 0;
}



#results #plan-info ul#plan-minutes label {
	cursor: pointer;
	margin: 0 0 0 10px;
}

#results #plan-info .radio-btn {
	background: url('../img/results/radio-btn-sprite.png') 0 -35px no-repeat;
	display: inline-block;
	float: left;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

#results #plan-info .radio-btn.on {
	background-position: 0 0;
}

#results #plan-info .radio-btn input {
	display: none;
}

	/*graph*/
#results #graph {
	height: 160px;
	position: relative;
	z-index: 100;
	top: 11px;
	overflow: hidden;
}

#results #graph .column .math {
	z-index: 5;
	bottom: 280px;
	opacity: 0;
	background: url(../img/results/math-background.png) no-repeat;
	width: 311px;
	height: 184px;
	position: absolute;
}

#results #graph .column {
	background: url(../img/results/results-graph-middle.png) no-repeat center bottom;
	float: left;
	width: 311px;
	overflow: visible !important;
	height: 21px;
	margin-right: 14px;
	position: absolute;
	bottom: 32px;
}

#results #graph .column .top {
	background: url(../img/results/results-graph-top.png) no-repeat;
	width: 311px;
	height: 11px;
	position: absolute;
	top: -11px;
	left: 0px;
}

#results #graph .column .bottom {
	background: url(../img/results/results-graph-bottom.png) no-repeat;
	width: 311px;
	height: 33px;
	position: absolute;
	bottom: -33px;
	left: 0px;
}

#results #graph .column h3 {
	opacity: 0;
	font-size: 40px;
	text-align: center;
	margin: 0px auto;
	color: #ffffff;
	position: relative;
	text-transform: uppercase;
	top: 0;
	font-family: "ProximaNovaSoft-Regular";
	font-weight: lighter;
}

#results #graph .column a.see-math {
	opacity: 0;
	display: block;
	margin: 0px auto;
	padding-right: 16px;
	background: url(../img/results/circle-arrow.png) no-repeat right center;
	width: 74px;
	position: absolute;
	bottom: 0px;
	left: 114px;
	text-decoration: none;
	color: white;
	font-size: 12px;
}

#results #graph #day1 {
	left: 0px;
}

#results #graph #year1 {
	left: 325px;
}

#results #graph #year1 .content {
	padding-top: 19px;
}

#results #graph #year2 {
	left: 647px;
	margin-right: 0px;
}

#results #graph #year2 .content {
	padding-top: 34px;
}

	/*grid*/
#results #grid .top {
		/* background: #fff; */
	width: 319px;
	height: 188px;
	position: absolute;
	top: 0px;
}

#results #grid .bottom {
	color: #ffffff;
	padding: 0px;
	margin: 3px;
	background: #05B8F2;
	font-size: 18px;
	line-height: 19px;
	text-align: center;
	width: 313px;
	height: 182px;
	position: absolute;
	top: 188px;
	z-index: 2;
	display: table;
}

#results #grid .bottom div {
	color: #ffffff;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 10px;
}

#results #grid .column1,
	#results #grid .column2,
	#results #grid .column3 {
	width: 319px;
	float: left;
	border-top: 1px dotted #ccc;
}

#results #grid .column1,
	#results #grid .column3 {
	background: #f9f9f9;
}



	/**
		background fix for ie:
	*/
	/*

	#results #grid .column1 .square img,
	#results #grid .column3 .square img{ background: #f9f9f9;}
	
	#results #grid .column2 .square img { background: #ffffff;}
*/
	
	
	
#results #grid .column2 .bg img {
	background: #ffffff;
	padding-left: 3px;
}

#results #grid .column1 .bg img,
	#results #grid .column3 .bg img {
	background: #f9f9f9;
	padding-left: 3px;
}

#results #grid .column1,
	#results #grid .column2 {
	border-right: 1px dotted #555555;
}

#results #grid .square {
	cursor: pointer;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	width: 319px;
	height: 188px;
	float: left;
	text-align: center;
	position: relative;
	border-bottom: 1px dotted #ccc;
	color: #dfdfdf;
	z-index: 10;
	overflow: hidden;
}

#results #grid .square:nth-child(-n3) {
	border-top: 1px dotted #ccc;
}

#results #grid .square:nth-child(3n) {
	border-right: none;
}

#results #grid .square em {
	font-style: normal;
}

#results #grid .square .content {
	z-index: 3;
	width: 319px;
	height: 188px;
	overflow: hidden;
	position: relative;
}

#results #grid .square .bg {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
 /* IE8 */
	width: 319px;
	height: 188px;
	position: absolute;
	top: 110px;
		/* background: url(../img/results/grid-gradient.png) no-repeat; */
	background-position: center 110px;
	z-index: 0;
	display: none;
}

#results #grid .square.narrow h4 {
	width: 135px;
}

#results #grid .square .dynamic {
	display: inline;
	font-style: normal;
}

#results #grid .square h3 {
	font-family: "ProximaNovaSoft-Medium", sans-serif;
	font-size: 40px;
	margin: 65px auto 0px auto;
	line-height: 42px;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
	font-weight: lighter;
}

#results #grid .square h3 span {
	font-size: 31px;
	display: block;
}

#results #grid .square h3 span.plus {
	font-size: 54px;
	display: inline;
}

#results #grid .square h4 {
	width: 237px;
	margin: 0px auto;
	font-size: 23px;
	font-family: "ProximaNovaSoft-Regular";
	line-height: 20px;
	position: relative;
	z-index: 1;
	letter-spacing: -1px;
	font-weight: lighter;
}

#results #grid .square img {
	display: block;
	margin: 0px auto;
	position: absolute;
	top: 188px;
	left: 0px;
	border: 0px;
	z-index: 1;
}

	/*plain square*/
#results #grid .square.plain h3 {
	margin-top: 53px;
	font-size: 27px;
	line-height: 17px;
}

#results #grid .square.plain h2 {
	font-family: "ProximaNovaSoft-Medium", sans-serif;
	font-size: 42px;
	margin: 0px auto 0px auto;
	line-height: 42px;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
}

	/*double circles square*/
#results #grid .square.double-circles h3 {
	font-size: 52px;
	line-height: 33px;
	color: #dfdfdf;
	width: 99px;
	position: absolute;
	left: 44px;
	z-index: 2;
	text-align: center;
	margin: 0px;
	top: 63px;
}

#results #grid .square.double-circles span.circle-one {
	display: none;
	position: absolute;
	font-size: 11px;
	color: #000;
	z-index: 2;
	width: 116px;
	top: 126px;
	text-transform: uppercase;
	left: 36px;
	text-align: center;
}

#results #grid .square.double-circles h5 {
	font-weight: lighter;
	line-height: 33px;
	color: #000;
	width: 80px;
	position: absolute;
	left: 185px;
	z-index: 2;
	color: #dfdfdf;
	text-align: center;
	margin: 0px;
	top: 63px;
	font-size: 30px;
}

#results #grid .square.double-circles span.circle-two {
	display: none;
	position: absolute;
	font-size: 10px;
	color: #000;
	z-index: 2;
	width: 134px;
	top: 126px;
	text-transform: uppercase;
	left: 166px;
	text-align: center;
}

#results #grid .square.double-circles img {
	opacity: 0;
	top: 0px;
}

#results #grid .square.double-circles .plus-more {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #39A8F8;
	display: none;
	z-index: 2;
	width: 144px;
	position: absolute;
	top: 153px;
	left: 92px;
	text-align: center;
	background: #EEE;
	height: 24px;
	padding-top: 2px;
	font-size: 16px;
}

#results #grid .square.double-circles .plus-more span {
	color: #192e53;
}

	/*dynamic version of square*/
#results #grid .square.dynamic h3 {
	font-size: 27px;
	margin-top: 54px;
	line-height: 25px;
}

#results #grid .square.dynamic h3 span {
	font-size: 19px;
}

#results #grid .square.dynamic img {
	opacity: 0;
}

#results #grid .square.dynamic h4 {
	width: 319px;
	line-height: 56px;
}

#results #grid .square.dynamic img {
	width: 87px;
	height: 87px;
	top: 31px;
	left: 116px;
}

	/*single circle square*/
#results #grid .square.single-circle h3 {
	margin: 61px auto 0px auto;
	font-size: 29px;
	line-height: 33px;
}

#results #grid .square.single-circle h4 {
	line-height: 77px;
}

#results #grid .square.single-circle img {
	opacity: 0;
	top: 0px;
}

	/*free floating image version of square*/
#results #grid .square.floating {
	overflow: visible;
	z-index: 11
}

#results #grid .square.floating h4 {
	width: 275px;
}

#results #grid .square.floating img {
	top: 0;
	left: 0;
	display: none;
	z-index: 1;
	display: none;
}



.shadow_bottom{
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
}
	/* .lt-ie9 #results #grid .square.floating img { background: #ffffff; } */

	/*saving square*/
#results #grid .square .saving h3 {
	font-size: 49px;
	line-height: 49px;
	width: auto;
	margin: 0;
}

#results #grid .square .saving h4 {
	font-size: 35px;
	line-height: 35px;
	margin: 30px auto 0px;
}

#results #grid .square .saving p {
	font-size: 11px;
	margin: 5px 0 20px 0;
	text-transform: uppercase;
}

#results #grid .square .saving a {
	background: url('../img/results/link-arrow.gif') 100% 2px no-repeat;
	color: #dfdfdf;
	font-size: 12px;
	padding: 0 15px 0 0;
	text-decoration: none;
	display: none;
}

#results #grid .square .saving .bottom {
	list-style-type: none;
	padding: 29px 22px 34px;
	height: auto;
	width: auto;
}

#results #grid .square .saving ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 269px;
}

#results #grid .square .saving ul li {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 0;
	border-bottom: 1px dotted #fff;
}

#results #grid .square .saving ul li:last-child {
	border: none;
}

#results #grid .square .saving ul li span {
	float: left;
}

#results #grid .square .saving ul li span.year {
	float: none;
}

#results #grid .square .saving ul li span.save {
	font-size: 18px;
	font-weight: normal;
	float: right;
}

#results #grid .square .saving ul li:last-child span.save {
	font-size: 26px;
}

	/*last square (which is bigger)*/
#results #grid .last {
	cursor: default;
	-webkit-transform: translateZ(0);
	height: 188px;
	float: left;
	text-align: center;
	position: relative;
	color: #dfdfdf;
	z-index: 10;
	overflow: hidden;
	width: 960px;
	border-bottom: 0px;
	border-right: 0px;
}

	/* infinite data square */
#results #grid .square.infinite-data h3 {
	margin: 50px auto 0px auto;
}

#results #grid .square.infinite-data h3 span {
	font-size: 27px;
	line-height: 27px;
}

#results #grid .last .content {
	width: 600px;
	margin: 0px auto
}

#results #grid .last .content .top {
	width: auto;
	position: relative;
}

#results #grid .last .content .top h3 {
	width: auto;
	text-align: center;
}

#results #grid .last .content .top h4 {
	width: auto;
	text-align: center;
	font-size: 25px;
}

#results #grid .last .content .top a {
	text-decoration: underline;
	display: block;
	font-size: 15px;
	color: #ccc;
	font-family: "ProximaNovaSoft-Semibold";
	margin-top: 15px;
}

#results #grid .last img {
	top: 153px;
	left: 595px;
	z-index: 1;
	opacity: 0
}

		/*under grid*/
#results .under-grid {
	font-size: 13px;
}

#results .under-grid .left {
	float: left;
	width: 481px;
	border-right: 1px dotted #b2b2b2;
}

#results .under-grid .left h1.earn-points {
	font-family: "ProximaNovaSoft-Regular";
	font-weight: lighter;
	margin-left: 43px;
	padding-left: 99px;
	background: url(../img/results/percs-circle.png) no-repeat;
	width: 275px;
	font-size: 26px;
	min-height: 86px;
	line-height: 24px;
	padding-top: 14px;
}

#results .under-grid .left span {
	padding-left: 60px;
	font-size: 11px;
	color: #767676;
}

#results .under-grid .left ul {
	padding: 0px 0px 0px 60px;
}

#results .under-grid .left ul li {
	background: url(../img/results/bullet-point.png) no-repeat center left;
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 12px;
}

#results .under-grid .right {
	float: left;
	width: 310px;
	padding-left: 51px;
}

#results .under-grid .right h2 {
	font-family: "ProximaNovaSoft-Regular";
	font-size: 26px;
	font-weight: lighter;
}

#results .under-grid .right a {
	display: block;
	background: url(../img/results/learn-more-plus-icon.gif) no-repeat;
	padding-left: 21px;
	color: #0072c7;
	text-decoration: none;
}

#results .under-grid .right a:hover {
	text-decoration: underline;
}

#results .under-grid .switch-container {
	float: left;
	width: 958px;
	height: 183px;
	border: 1px solid #e2e2e2;
	background: #f8f8f8;
	margin-top: 31px;
}

#results .under-grid .switch-container .left {
	font-weight: lighter;
	font-family: "ProximaNovaSoft-Regular";
	width: auto;
	margin: 15px 0px 15px 96px;
	padding: 40px 84px 20px 0;
}

#results .under-grid .switch-container .left h2 {
	color: #2b2b2b;
	font-size: 22px;
	margin: 0px;
	padding: 0px;
}

#results .under-grid .switch-container .left h1 {
	font-weight: lighter;
	font-size: 40px;
	position: relative;
	top: -3px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 460px;
}

#results .under-grid .switch-container .right {
	width: 283px;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 15px;
}

#results .under-grid .switch-container .right form {
	width: 283px;
}

#results .under-grid .switch-container .right input {
	display: block;
	margin: 0px auto;
	width: 147px;
	height: 45px;
    font-size:1.4em;
}

#results .under-grid .switch-container .right a {
	padding-left: 0px;
	width: 283px;
	font-weight: lighter;
	text-align: center;
	color: #0072c7;
	display: block;
	font-weight: bold;
	font-size: 12px;
	margin: 10px 0 0;
	text-decoration: none;
	background: none;
}

		/*minutes*/
#minutes li {
	list-style-type: none;
	margin: 0 0 10px 0;
}

#minutes li input {
	margin: 0 10px 0 0;
}

	/*message*/
#results .message {
	padding: 50px 0 25px;
}

#results .message h3.title {
	margin: 0;
}

#results .message h4 {
	color: #c1c1c1;
	font-size: 18px;
	margin: 0;
	text-align: center;
}

#results h3.title {
	color: #2b2b2b;
	font-size: 0px;
	margin: 12px 0 0;
	text-align: center;
	text-transform: uppercase;
	text-indent: -9999em;
	background: url(../img/results/title.jpg) no-repeat top;
	width: 960px;
	height: 90px;
}

#results h3.title_more {
	color: #2b2b2b;
	font-size: 0px;
	margin: 12px 0 0;
	text-align: center;
	text-transform: uppercase;
	text-indent: -9999em;
	background: url(../img/results/title2.jpg) no-repeat top;
	width: 960px;
	height: 70px;
}


	
	/*carousel*/
	
	/* square fix */
.jcarousel-container-horizontal .square .bg,
	.jcarousel-container-horizontal .square .bg img {
	padding-left: 2px;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
 /* IE8 */
}

.jcarousel-container-horizontal .square .bg img {
	background: #fff;
}

.jcarousel-container-horizontal {
	margin: 0 0 10px 0;
	position: relative;
	z-index: 100;
	height: 225px;
}

.jcarousel-prev-horizontal {
	background: #fff url('../img/results/carousel-arrow-lf.png') 0 70px no-repeat;
	position: absolute;
	top: 0px;
	left: -12px;
	width: 24px;
	height: 220px;
	z-index: 1000;
	cursor: pointer;
}

.jcarousel-prev-horizontal:hover, .jcarousel-prev-horizontal:active {
	background: #fff url('../img/results/carousel-arrow-lf-on.png') 0 70px no-repeat;
}

.jcarousel-next-horizontal {
	background: #fff url('../img/results/carousel-arrow-rt.png') 0 70px no-repeat;
	position: absolute;
	top: 0px;
	right: -12px;
	width: 24px;
	height: 220px;
	z-index: 1000;
	cursor: pointer;
}

.jcarousel-next-horizontal:hover, .jcarousel-next-horizontal:active {
	background: #fff url('../img/results/carousel-arrow-rt-on.png') 0 70px no-repeat;
}

.jcarousel-clip {
	overflow: hidden;
}

.jcarousel-clip-horizontal {
	width: 960px;
	height: 225px;
}

.jcarousel-item {
	width: 319px;
	height: 189px;
}

.jcarousel-container .square {
	border-top: 1px dotted #CCC;
	border-left: 1px dotted #CCC;
}

#perc-carousel {
	height: 225px;
	overflow-y: visible;
}

	/*disclaimer*/
#results .disclaimer {
	color: #b6b6b6;
	font-size: 14px;
	margin: 40px auto 0;
	text-align: center;
	width: 735px;
}

/* =============================================================================
   Media Queries
   ========================================================================== */

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

/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir {
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
	*line-height: 0;
}

.ir br {
	display: none;
}

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

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

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

.invisible {
	visibility: hidden;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/* =============================================================================
   Print Styles
   ========================================================================== */

@media print {
	* {
		background: transparent !important;
		color: black !important;
		box-shadow: none !important;
		text-shadow: none !important;
		filter: none !important;
		-ms-filter: none !important;
	} /* Black prints faster: h5bp.com/s */
	a, a:visited {
		text-decoration: underline;
	}

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

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

	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
		content: "";
	}  /* Don't show links for images, or javascript/internal links */
  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; }
}

#results #graph_bar {
}
#results #graph_bar.fixed {
  position: fixed;
  width:100%;
  top: 0;
  z-index:100;
}

#plans_overlay .loader {
	background: url(../img/results/loading-transparent.gif) no-repeat scroll 0% 0% transparent;
	position: fixed;
	z-index: 10000;
	width: 100px;
	height: 100px;
	display: block;
}

#plans_overlay .overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	opacity: 0.8;
	z-index: 9998;
	background-color: #000;
}

/** Disclaimer **/
#disclaimer{
    color: #b6b6b6;
    font-size: 12px;
    margin-top: 20px;
    text-align: center;
}
#disclaimer p{
    font-size: 14px;
    rgba(243, 243, 243, 0.8) 0px 1px 0.5px;
}


/** end Disclaimer **/

/** no bullet**/
#plan-features li:first-child.no_bullet{
    padding-left:0px !important;
}

/** Submit Btn**/
#results #plan-info #plan-details input[type="submit"] {
    height: 41px;
    width: 147px;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-transition: background-color 0.5s, border 0.5s;-moz-transition: background-color 0.5s, border 0.5s;-ms-transition:background-color 0.5s, border 0.5s;-o-transition: background-color 0.5s, border 0.5s;transition:background-color 0.5s, border 0.5s;
}

.btn-default {
    background-color: #02B7F1;
    border-color: #02B7F1;
    color: #FFFFFF;
    font-size: 1.3em;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    background-color: #57D5F7;
    border-color: #02B7F1;
    color: #FFFFFF;
}

.btn-loading{
    padding-right: 20px;
    background:url("../img/loading-small-transparent.gif") no-repeat 95%;
}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
    background-color: #57D5F7;
    border-color: #02B7F1;
}

/** end Submit **/