/* =============================================================================
   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;
	}
	.spacer {height: 300px;}

#comparison-tool {
	display: block;
	margin: 0 auto;
	padding: 0 0 0 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: center;
		}
			#comparison-breadcrumbs ul li:hover:first-child {
				background: url('../img/breadcrumbs/breadcrumb-border.png') 100% 0 no-repeat;
				color: #0072c7;
				position: relative;
				left: 0px;
				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: 465px;
		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') #fff 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 25px;
	}
	#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: bold;
		list-style-type: none;
		height: 115px;
	}
		#results #plan-info ul li:first-child { margin: 0 0 10px 0; }

	#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;
				text-align: top;
			}
				#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;
		}

	#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 #ccc; }

	#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: 0px; left: 0px; display: none; z-index: 1; display: none; }
	/* .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;
					background:url(../img/results/action-btn.png) no-repeat;
					cursor:pointer;
					width: 147px;
					height: 45px;
					border: none;
					text-indent: -9999px;
				}
				#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 45px; }
		#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: 22px;
		margin: 12px 0 0;
		text-align: center;
		text-transform: uppercase;
	}*/
	#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:90px;}



	
	/*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; }
	
.compare_btn {position: relative; left: -15px; }

#footer_box {background: #002047;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;}

#footer_inner {height: 600px; width: 960px; padding-top: 20px;margin: 0px auto;}

#footer {height: 160px; width: 960px; background-image: url('../img/footer_bg.png');background-repeat: no-repeat;}

.footer_logo {float: left;margin-bottom: 0;margin-left: 30px;margin-right: 0;margin-top: 13px;}

.rule {float: left;margin-bottom: 0;margin-left: 25px;margin-right: 25px;margin-top: 8px;}

.footer_copy {text-transform:uppercase; font:13px arial; color: #ffffff; float:left; margin-top:30px;}

/* =============================================================================
   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;
}