/* fonts */
@font-face {
	font-family: 'UniversCondensed';
	src: url('fonts/universltstd-cn-webfont.eot');
	src: url('fonts/universltstd-cn-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/universltstd-cn-webfont.woff') format('woff'),
			 url('fonts/universltstd-cn-webfont.ttf') format('truetype'),
			 url('fonts/universltstd-cn-webfont.svg#univers_lt_std_47_cn_ltRg') format('svg');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'UniversLightCondensed';
	src: url('fonts/universltstd-lightcn-webfont.eot');
	src: url('fonts/universltstd-lightcn-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/universltstd-lightcn-webfont.woff') format('woff'),
			 url('fonts/universltstd-lightcn-webfont.ttf') format('truetype'),
			 url('fonts/universltstd-lightcn-webfont.svg#univers_lt_std_47_cn_ltRg') format('svg');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'UniversLightBoldCondensed';
	src: url('fonts/universltstd-boldcn-webfont.eot');
	src: url('fonts/universltstd-boldcn-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/universltstd-boldcn-webfont.woff') format('woff'),
			 url('fonts/universltstd-boldcn-webfont.ttf') format('truetype'),
			 url('fonts/universltstd-boldcn-webfont.svg#univers_lt_std_47_cn_ltbold') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* universal elements */
* 										{border-width:0px; margin:0px; padding:0px; outline:0px; font-weight:normal;}
HTML, BODY 								{height:100%;}
BODY, INPUT, SELECT, TEXTAREA, BUTTON 	{font-family:UniversLightCondensed, sans-serif;}
STRONG 									{font-family:UniversLightBoldCondensed;}


/* header */
HEADER.global 									{background:#363636; background:-webkit-linear-gradient(top, #363636 0%, #2b2b2b 100%); background:linear-gradient(to bottom, #363636 0%, #2b2b2b 100%);}

HEADER.mini 							{background:#363636; background:-webkit-linear-gradient(top, #363636 0%, #2b2b2b 100%); background:linear-gradient(to bottom, #363636 0%, #2b2b2b 100%); width:100%; height:50px; min-width:300px; font-size:0px; position:relative;}
HEADER.mini A.logo 						{display:inline-block; width:110px; height:22px; background-image:url(/img/global/header/logo.png); margin-top:14px; margin-left:20px; background-size:contain;}
HEADER.mini A.menu 						{display:block; position:absolute; top:0px; right:0px; width:50px; height:50px; background-color:#696969;}
HEADER.mini A.menu SPAN 				{width:22px; height:4px; background-color:#ffffff; display:block; margin:0px auto 4px auto;}
HEADER.mini A.menu SPAN:first-of-type	{margin-top:15px;}
HEADER.mini A.menuActive 				{background-color:#e6e6e6;}
HEADER.mini A.menuActive SPAN			{background-color:#505050;}

NAV.mini 							{position:relative; width:100%; min-width:300px;}
NAV.mini DIV 						{display:none;}
NAV.mini UL 						{display:block; width:100%;}
NAV.mini LI 						{display:block; width:100%; height:50px; background-color:#e6e6e6; border-bottom:1px solid #ffffff; overflow:auto; position:relative;}
NAV.mini LI A 						{color:#363636; text-transform:uppercase; text-decoration:none; line-height:50px; display:block; height:50px; text-indent:10px;}
NAV.mini LI.subnav 					{background-color:#cecece; display:none;}
NAV.mini LI.subnav A 				{text-transform:none; padding-left:14px;}
NAV.mini LI A.subnavToggle			{width:50px; height:50px; position:absolute; right:0px; top:0px; background-color:#cecece; float:right; background-image:url(/img/global/header/carat.png); background-repeat:no-repeat; background-position:center center;}
NAV.mini LI A.subnavToggleActive 	{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
NAV.mini FORM 						{display:block; width:280px; height:34px; margin:10px auto 0px auto; border-width:0px 0px 1px 0px; border-style:solid; border-color:#696969; background-color:#ffffff; font-size:0px; padding:0px 10px 0px 10px;}
NAV.mini INPUT[type=text]			{display:inline-block; background-color:transparent; border-style:none; color:#363636; font-size:14px; line-height:34px; height:34px; vertical-align:bottom; width:240px; margin:0px 20px 0px 0px;}
NAV.mini INPUT[type=submit]			{display:inline-block; width:18px; height:34px; background:transparent url(/img/global/header/search.png) center center no-repeat; border-style:none; vertical-align:bottom;}

@media (max-width: 959px) {
}

@media (min-width: 768px) {
	HEADER.mini 	{display:none;}
	NAV.mini 		{display:none;}
}

/* breadcrumb */
NAV.breadcrumb				{
							display:block; padding:0 20px 0 20px; overflow:hidden; height:40px; 
							background-color:#e6e6e6; color:#292929; white-space:nowrap; text-overflow:ellipsis; 
							font-size:12px; line-height:40px; font-family:UniversCondensed; border-bottom:1px solid #b7b7b7;
							}
NAV.breadcrumb DIV.center	{margin:0 auto 0 auto; width:100%; max-width:1200px;}
NAV.breadcrumb A 			{color:#292929; text-decoration:none; text-transform:uppercase; }
NAV.breadcrumb A:hover		{text-decoration:underline;}


/* FOOTER.global */
FOOTER.global 						{width:100%; background-color:#363636; padding:30px 0px 30px 0px; min-width:300px;
									/* wordpress overrides */
									line-height: normal;
									}
FOOTER.global DIV.padding 			{padding:0px 20px 0px 20px;}
FOOTER.global DIV.center 			{width:100%; max-width:1200px; font-size:0px; margin:0px auto 0px auto;}
FOOTER.global H1					{font-size:26px; line-height:26px; color:#767676; margin:50px 0px 18px 0px;}
FOOTER.global H1:first-of-type		{margin-top:0;}
FOOTER.global P 					{font-size:13px; margin:0px 10px 10px 0px;}
FOOTER.global P SUP				{font-size:0.6em; line-height:130%; display:inline-block; vertical-align:top;}
FOOTER.global P A 					{color:#e6e6e6; text-decoration:none;}
FOOTER.global H1, FOOTER.global P 		{margin-right:10px;}
FOOTER.global BR 					{font-size:20px;}

FOOTER.global DIV.social 			{margin-top:15px;}
FOOTER.global DIV.social A 		{display:inline-block; overflow:hidden; text-indent:100%; white-space:nowrap; margin-right:10px; margin-bottom:10px; width:40px; height:40px; background-color:#555555; border-radius:40px; background-image:url(/img/global/footer/social.png);}
FOOTER.global DIV.social-pair		{display:inline-block;}
FOOTER.global A.facebook 			{background-position:0px 0px;}
FOOTER.global A.twitter 			{background-position:-40px 0px;}
FOOTER.global A.ytube 				{background-position:-80px 0px;}
FOOTER.global A.linkedin			{background-position:-120px 0px;}
FOOTER.global A.rss				{background-position:-160px 0px;}

@media (max-width: 359px) {
FOOTER.global DIV.column 			{width:100%; display:block; margin:0 0 50px 0;}
}

@media (min-width: 360px) and (max-width: 599px) {
FOOTER.global DIV.column					{display:inline-block; vertical-align:top; width:calc(50% - 20px);}
FOOTER.global DIV.column:nth-child(1) 		{margin-right:40px; margin-bottom:50px;}
FOOTER.global DIV.column:nth-child(2) 		{margin-right:0;  margin-bottom:50px;}
FOOTER.global DIV.column:nth-child(3) 		{margin-right:40px;}
FOOTER.global DIV.column:nth-child(4) 		{margin-right:0;}
}

@media (min-width: 600px) and (max-width: 849px) {
FOOTER.global DIV.column					{display:inline-block; vertical-align:top; width:calc(33% - 27px);}
FOOTER.global DIV.column:nth-child(1) 		{margin-right:40px; margin-bottom:50px;}
FOOTER.global DIV.column:nth-child(2) 		{margin-right:40px; margin-bottom:50px;}
FOOTER.global DIV.column:nth-child(3) 		{margin-bottom:50px;}
FOOTER.global DIV.column:nth-child(4) 		{width:100%;}
}

@media (min-width: 850px) {
FOOTER.global DIV.column					{display:inline-block; vertical-align:top; width:calc(25% - 30px);}
FOOTER.global DIV.column:nth-child(1) 		{margin-right:40px;}
FOOTER.global DIV.column:nth-child(2) 		{margin-right:40px;}
FOOTER.global DIV.column:nth-child(3) 		{margin-right:40px;}
FOOTER.global DIV.column:nth-child(4) 		{}
}

/* copyright */
DIV.copyright 				{width:100%; min-width:300px; height:50px; background-color:#5d5d5d; color:#dadada;}
DIV.copyright DIV.padding 	{padding:0px 20px 0px 20px;}
DIV.copyright DIV.center 	{width:100%; max-width:1200px; height:inherit; margin:0px auto 0px auto; font-size:13px; line-height:50px;}

/* top */
A.top 	{position:fixed; right:30px; bottom:30px; display:block; width:50px; height:50px; background:url(/img/global/footer/top.png) rgba(50,50,50,0.8) center center no-repeat; border:1px solid #555555; opacity:0;}
/* disabling
@media (max-width: 599px) {
A.top	{width:25px; height:25px; right:15px; bottom:15px; background-size:10px auto;}
}
*/

/* wrapper */
DIV.wrapper 			{width:100%;}
DIV.wrapper DIV.padding	{padding:0px 20px 0px 20px;}
DIV.wrapper DIV.center 	{width:100%; min-width:300px; max-width:1200px; margin:0px auto 0px auto;}

/* global items */
.global-carriers-public 	{width:54px; background-position:0px 0px;}
.global-carriers-virgin 	{width:47px; background-position:-54px 0px;}
.global-carriers-cricket 	{width:46px; background-position:-101px 0px;}
.global-carriers-sprint 	{width:46px; background-position:-147px 0px;}
.global-carriers-uscellular {width:72px; background-position:-193px 0px;}
.global-carriers-boost 		{width:72px; background-position:-265px 0px;}
.global-carriers-verizon  	{width:96px; background-position:-337px 0px;}
.global-carriers-metropcs  	{width:77px; background-position:-433px 0px;}
.global-carriers-tmobile  	{width:65px; background-position:-510px 0px;}

DIV.thirdPartyTrackingPixels	{display:block; position:absolute; left:0px; top:0px; width:0px; height:0px;}


/* phonebar */
DIV.phonebar	{
	width:100%;
	border-width:1px 0; border-style:solid; border-color:#b7b7b7; 
	background:#e6e6e6; background:linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
}

DIV.phonebar DIV.phonebarWrapper 	{width:100%; max-width:800px; height:inherit; display:table; margin:0 auto;}

DIV.phonebar A.primary	{
	display:table-cell; width:33%; vertical-align:middle; 
	text-align:center; text-transform:uppercase; color:#363636; text-decoration:none; font-size:0;
	border-width:0 0 0 1px; border-style:solid; border-color:#b7b7b7;
}

DIV.phonebar A.primary:last-of-type {
	border-width:0 1px 0 1px;
}

DIV.phonebar.open A.primary.features {background:#ffffff url(/img/global/phone/subnav-arrow.png) no-repeat bottom center;}

DIV.phonebar SPAN.icon		{background-image:url(/img/global/phone/subnav.png);}

DIV.phonebar DIV.secondary						{width:100%; position:absolute; z-index:2; display:none;}
DIV.phonebar DIV.secondary DIV.center 			{max-width:800px; margin:0 auto;}
DIV.phonebar DIV.secondary A 		{
	display:block; background:#ffffff; text-transform:uppercase; color:#363636; text-decoration:none;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	border-width:0px 1px 1px 1px; padding:0 10px; border-style:solid; border-color:#b7b7b7; 
	height:46px; line-height:46px; font-size:14px;
}
DIV.phonebar DIV.secondary A:hover	{background:#e6e6e6;}

DIV.phonebar DIV.secondary A:first-of-type	{border-width:1px;}

DIV.phonebar.open DIV.secondary		{display:block;}

@media (min-width:480px) {
DIV.phonebar						{height:58px;}
DIV.phonebar SPAN.icon 			{display:inline-block; height:20px; vertical-align:bottom; margin-right:15px;}
DIV.phonebar SPAN.icon.features	{width:22px; background-position:0 0;}
DIV.phonebar SPAN.icon.specs		{width:24px; background-position:-22px 0;}
DIV.phonebar SPAN.icon.buy			{width:10px; background-position:-46px 0;}
DIV.phonebar A.primary	SPAN.label 	{font-size:18px; line-height:18px;}

DIV.phonebar DIV.secondary DIV.wrapper 	{width:33.33%;}
DIV.phonebar DIV.secondary DIV.center A	{text-align:center; }
}

@media (max-width:479px) {
DIV.phonebar						{height:48px;}
DIV.phonebar SPAN.icon 			{display:block; height:14px; margin:0 auto 7px; background-size:auto 100%; }
DIV.phonebar SPAN.icon.features	{width:15px; background-position:0 0;}
DIV.phonebar SPAN.icon.specs		{width:17px; background-position:-15px 0;}
DIV.phonebar SPAN.icon.buy			{width:7px; background-position:-32px 0;}
DIV.phonebar A.primary	SPAN.label 	{font-size:13px; line-height:13px; display:block;}

DIV.phonebar DIV.secondary DIV.wrapper 	{width:100%;}
DIV.phonebar DIV.secondary DIV.center A	{text-align:left;}
}

DIV.phonebarFixed				{display:none; position:fixed; top:0px; max-width:100%; z-index:2;}


/* carousel */
DIV.globalCarousel 							{margin:0px auto 30px auto; max-width:1200px; overflow:hidden; position:relative;}
DIV.globalCarousel DIV.slides				{font-size:0px; white-space:nowrap;}
DIV.globalCarousel DIV.slide 				{position:relative; display:inline-block; vertical-align:top; width:100%;}

DIV.globalCarousel DIV.controls 			{position:absolute; left:0px; top:0px; width:100%; pointer-events:none;}
DIV.globalCarousel DIV.controls IMG.spacer	{visibility:hidden; width:100%; height:auto;}
DIV.globalCarousel BUTTON.arrow 			{position:absolute; width:50px; height:50px; padding:0px; background:url(/img/global/carousel/arrow.png); cursor:pointer; top:45%; top:calc((100% - 50px)/2); pointer-events:auto;}
DIV.globalCarousel BUTTON.arrow.left 		{left:15px; visibility:hidden;}
DIV.globalCarousel BUTTON.arrow.right 		{right:15px; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}

DIV.globalCarousel DIV.dots 				{position:absolute; left:0px; bottom:15px; width:100%; text-align:center; font-size:0px;}
DIV.globalCarousel BUTTON.dot 				{display:inline-block; width:26px; height:25px; padding:0px;  background:url(/img/global/carousel/dots.png) no-repeat; margin-right:10px; cursor:pointer; pointer-events:auto;}
DIV.globalCarousel BUTTON.dot:last-child	{margin-right:0px;}
DIV.globalCarousel BUTTON.dot.active 		{background-position:100% 0px;}
		
@media (max-width: 900px) {
DIV.globalCarousel BUTTON.dot 				{width:13px; height:13px; margin-right:8px; background-size:200% 100%;}
}

@media (max-width: 680px) {
DIV.globalCarousel BUTTON.arrow				{width:40px; height:40px; background-size:100% 100%;}
}
