/***************************************************************************
	Front-End-Lab bay Prince Jama 2016-2017 wwwcodes.com 
****************************************************************************/

body {font-family:Arial, Helvetica, sans-serif;font-size:10px;}

a {text-decoration:none; color:#3366ff; outline:none;}
a:hover {text-decoration:underline;}
a img {border:none; outline:none;}

h1 {font-size:30px; color:#c90005;}
h2 {font-size:18px; color:#c90005; padding:0; margin:0 0 5px 0;}

p {font-size:12px; color:#444444;}
.grey_txt {color:#999999;}
/** Nav **/

.container {width:950px; margin:0 auto;padding:20px 0;}

/** Navigation **/
.mainnav {display:block; height:43px; width:950px; position:relative; list-style:none; padding:0; margin:0; background:url("../images/mainnav-wa.png") left top no-repeat; border-bottom:2px solid #eee;}
.mainnav li {
	display:block;
	height:49px;
	width:107px;
	position:absolute;
	top:-4px;
}
.mainnav li a {display:block; height:43px; text-indent:-9999px;}
.mainnav li a.active,
.mainnav li a:hover {background:url("../images/mainnav-wa.png") left top no-repeat transparent;}

.mainnav li#mn1 {left:240px; width:109px;}
.mainnav li#mn2 {left:349px; width:123px;}
.mainnav li#mn3 {left:472px; width:124px;}
.mainnav li#mn4 {left:596px; width:135px;}
.mainnav li#mn5 {left:731px; width:109px;}
.mainnav li#mn6 {left:840px; width:109px;}
.mainnav li#mn7 {
	left:0px;
	width:236px;
}

.mainnav li#mn1 a:hover {background-position:-240px -43px; }
.mainnav li#mn2 a:hover {background-position:-349px -43px; }
.mainnav li#mn3 a:hover {background-position:-472px -43px; }
.mainnav li#mn4 a:hover {background-position:-596px -43px; }
.mainnav li#mn5 a:hover {background-position:-731px -43px; }
.mainnav li#mn6 a:hover {background-position:-840px -43px; }

.mainnav li#mn1 a.active:hover,
.mainnav li#mn1 a.active {background-position:-240px -86px; }
.mainnav li#mn2 a.active:hover,
.mainnav li#mn2 a.active {background-position:-349px -86px; }
.mainnav li#mn3 a.active:hover,
.mainnav li#mn3 a.active {background-position:-472px -86px; }
.mainnav li#mn4 a.active:hover,
.mainnav li#mn4 a.active {background-position:-596px -86px; }
.mainnav li#mn5 a.active:hover,
.mainnav li#mn5 a.active {background-position:-731px -86px; }
.mainnav li#mn6 a.active:hover,
.mainnav li#mn6 a.active {background-position:-840px -86px; }


/** main **/
.red {color:#c90005;}
.box_inner {padding:8px;}
.box_inner p {font-size:12px;}
.box_inner ul {font-size:12px; margin:5px 0 0 10px; text-indent:-10px; padding:0; list-style:none;}

.box_shadow {border:1px solid #ccc; box-shadow:2px 3px 5px rgba(0,0,0,.15); border-radius:4px; position:relative;}
.learn_button {position:absolute; bottom:3px; right:5px;}
.chat_button {position:absolute; bottom:4px; right:10px;}


/** Layout **/
.main-wrap {height:600px; background:url("../images/main_bg.png") left top repeat-x #e9e9e9; padding:20px 0;}
.faqs .main-wrap.ppu{height:700px;}
.main {position:relative; clear:both; float:left; width:100%; overflow:hidden;}
.main-inner {float:left; width:200%; margin-left:-250px; position:relative; right:100%;}
.left-wrap {float:left; width:50%; position:relative; left:50%;}
.left {margin:0 0 0 250px; overflow:hidden;}
.left-inner {margin:0 5px 5px 10px;}
.left-inner .box_shadow {border-radius:4px;}

.right {float:right; width:230px; position:relative; left:235px;}

/** Intro page **/
#intro {position:relative;}
#intro img {position:absolute; display:block; font-size:0; line-height:0; z-index:1; top:0; left:0;}
#intro p {position:absolute; font:normal bold 16px/20px Arial, sans-serif; color:#fff; z-index:2; margin:230px 120px 0 125px; top:0; left:0;}
#intro p a {color:#ffcc33; text-decoration:underline;}
#intro p a:hover {text-decoration:none;}

.intro #intro {width:693px; height:449px; background-color:#c90005;}
.trial .box_right,
.intro .box_right {width:228px; margin:10px 0 0 0; height:141px; background-color:#fff;}
.trial .box_right.first,
.intro .box_right.first {margin:0;}

.trial .box_left,
.intro .box_left {width:693px; margin:10px 0 0 0; height:141px;}
.trial .box_left .box_inner,
.intro .box_left .box_inner {padding:0;}
.trial #map_input,
.intro #map_input {height:48px; background:url("../images/bar_bg.png") left top repeat-x; border-top:1px solid #ccc; position:absolute; bottom:0; left:0; width:693px; border-bottom-right-radius:3px; border-bottom-left-radius:3px;}
.trial #map_input h2,
.intro #map_input h2,
.trial #map_input input,
.intro #map_input input {float:left;}
.trial #map_input input#a,
.intro #map_input input#a {border:1px solid #c2c2c2; border-radius:2px; box-shadow:-1px 1px 1px #fff; margin:10px 10px 0 0; width:310px; padding:6px 4px 7px 4px;}
.trial #map_input input#map_submit,
.intro #map_input input#map_submit {margin-top:9px;}
.trial #map_input h2,
.intro #map_input h2 {line-height:48px; padding:0 15px;}

.trial #map_input input {float:right;}
.trial #map_input input#map_submit {margin-right:10px;} 

#intro_map {background:url("../images/intro_map.jpg") left top no-repeat;}

/** hotspot **/
.hotspot .main {padding:0 15px; width:930px;}

/** Get Connected page **/
.connected .main-inner {margin-left:-395px;}
.connected .left {margin:0 0 0 395px;}
.connected .left-inner {margin:0 10px 10px 20px;}
.connected .right {width:395px; left:400px;}

.connected h2 {font-size:24px; line-height:24px; margin:0 0 10px 0;}
.connected h3 {font-size:18px; line-height:24px; margin:0;}

.connected .box_inner {padding:15px;}

.connected .box_right {width:365px; margin:10px 0 0 0; background-color:#fff;}
.connected .box_right.first {margin:0;}

.connected .box_left {width:; background:url("../images/connected_left_bg.jpg") left bottom no-repeat #ffffff;}
.connected .box_right ul {margin:0; padding:0; text-indent:0;}
.connected .box_right ul li {display:inline;}
.connected .box_left img {margin:0; padding:0;}

.connected #connect {height:510px;}
.connected #devices {height:245px;}
.connected #signin {height:135px;}
.connected #livechat {height:105px;}

.connected #devices p,
.connected #signin p {font-size:18px; margin:0; padding:0 0 8px 0;}

ul.clist {margin:0; padding:15px 0 0 0;}
.clist .red {font-size:24px; font-weight:bold; line-height:18px;}
.clist li {display:block; float:left; height:180px; width:130px; padding:0 10px 0 17px; text-indent:-17px;}
.clist li#cs1 {background:url("../images/constep_1.jpg") left bottom no-repeat #fff;}
.clist li#cs2 {background:url("../images/constep_2.jpg") left bottom no-repeat #fff;}
.clist li#cs3 {background:url("../images/constep_3.jpg") left bottom no-repeat #fff;}

.connected .lower-span {margin:0 20px; clear:both; position:relative; width:917px;}
.connected .lower-span .box_inner {position:relative;}
.connected .lower-span .box_shadow {background:url("../images/2gole-logo.png") 15px 13px no-repeat #fff; position:relative; }
.connected .lower-span .learn_button {top:17px; right:13px;}

.connected .lower-span h2 {margin:0 0 0 75px;}
.connected .lower-span h3 {margin:5px 0 0 75px;}

/** Trial page **/
.trial .upper-span,
.trial .lower-span {margin:0 15px 0 10px;}
.trial .upper-span .box_shadow {background:url("../images/trial_bg.jpg") left top no-repeat #fff; height:288px;}
.trial .upper-span h2 {font-size:22px; line-height:26px; margin:10px 20px 0 475px;}
.trial .upper-span h2 sup {font-size:12px; line-height:0;}
.trial .upper-span p.big {font-size:16px; line-height:20px; font-weight:bold; margin:10px 20px 0 475px; color:#333;}
.trial .upper-span .learn_button {bottom:20px; right:15px;}

.trial .upper-span .box_inner {padding:25px;}

.trial .main {height:170px;}
.trial .main-inner {margin-left:-555px;height:170px;}
.trial .left {margin:0 0 0 555px;height:170px;}
.trial .box_left {width:370px;height:150px; background:#fff;}
.trial .right {left:540px; width:555px;height:170px;}
.trial .box_right {width:553px;height:150px;}

.trial .box_left .box_inner,
.trial .box_right .box_inner {padding:15px 20px 0 20px;}
.trial .box_left .box_inner p,
.trial .box_right .box_inner p {font:normal normal 14px/18px Arial, sans-serif; margin:5px 0;}

.trial .box_right .deals {float:left; padding-top:4px;}
.trial .box_right .box_inner p.support {text-align:right;}

.trial .lower-span .box_shadow,
.trial .lower-span {display:block; clear:both; height:145px; position:relative;}

.trial #map_input {width:100%;}
#nonc_map {background:url("../images/trial_map.jpg") left top no-repeat;}

/** Benefits page **/
.benefits .upper-span {margin:0 15px 0 10px;}
.benefits .upper-span .box_shadow {background:url("../images/htnlcssjs.png") center bottom no-repeat #fff;height:600px}
.benefits .upper-span h2 {font-size:32px; line-height:36px; text-align:center;}
.benefits .upper-span h2.img {text-indent:-9999px;background:url("../images/webxx-ad.png"); height:50px; width:436px; display:block; margin:0 auto;}
.benefits .upper-span h3 {font-size:18px; line-height:24px; margin:0; color:#c90005; width:500px;}
.benefits .upper-span ul {font-size:18px; width:525px; text-indent:0; margin: 40px auto 20px auto; list-style:disc;}
.benefits .upper-span ul li {padding:5px 0;}

.benefits .upper-span .box_inner {padding:25px;}

/** FAQs / Connceted Devices **/

.faqs .left-inner .box_shadow {border-radius:0px 4px 4px 4px;}

.device .main-wrap {height:auto;}
.device .main-inner {margin-left:-650px;}
.faqs .main-inner {margin-left:-612px;}
.device .left {margin:0 0 0 650px;}
.faqs .left {margin:0 0 0 650px;}
.device .left-inner,
.faqs .left-inner {margin:0 10px 5px 20px;}
.device .right {width:625px; left:630px;}
.faqs .right {width:590px; left:590px;}

.device .main-inner img {margin:10px 0 20px 0;}

.device h1,
.faqs h1 {margin:10px 20px 20px 20px;}
.device .box_shadow,
.faqs .box_shadow {background-color:#fff;}
.device .left .box_inner,
.faqs .left .box_inner {padding:0;}
.device .left .box_inner ul,
.faqs .left .box_inner ul {margin:0; padding:10px 0;}
.device .left li.header {padding:20px 20px 6px 20px; font-weight:bold;}
.device .left li,
.faqs .left li {margin:0; padding:0; font-size:14px; line-height:16px; text-indent:0; border-bottom: 1px solid #fff;}
.device .left li a,
.faqs .left li a {margin:0; padding:5px 10px 4px 20px; text-decoration:none; display:block;}
.device .left li a.active:hover,
.faqs .left li a.active:hover,
.device .left li a.active,
.faqs .left li a.active {background-color:#c90005; color:#fff;}
.device .left li a:hover,
.faqs .left li a:hover {background-color:#777777; color:#fff;}
.device .left li span,
.faqs .left li span {padding:6px 20px; display:block;}


.tabsnav {display:block; top:0px; left:19px; height:240px; width:40px; position:absolute; list-style:none; padding:0; margin:0; background:url("../images/tab_nav.png") left top no-repeat; z-index:1;}
.tabsnav li {display:block; width:40px; position:absolute; top:0; }
.tabsnav li a {display:block; width:40px; text-indent:-9999px;}

.tabsnav li#generalTab {height:92px;}
.tabsnav li#ppuTab {height:147px; top:92px;}
	
.tabsnav li#generalTab a {height:92px;}
.tabsnav li#ppuTab a {height:147px;}
	
.tabsnav li#generalTab a {background:url('../images/tab_nav.png') -80px top no-repeat;}
.tabsnav li#generalTab a.selected,
.tabsnav li#generalTab a.selected:hover {background-position:0 0;}
.tabsnav li#generalTab a:hover {background-position:-40px 0;}
.tabsnav li#ppuTab a {background:url('../images/tab_nav.png') -80px -92px no-repeat;}
.tabsnav li#ppuTab a.selected,
.tabsnav li#ppuTab a.selected:hover {background-position:0 -92px;}
.tabsnav li#ppuTab a:hover {background-position:-40px -92px;}

.box_inner.hide{display:none;}

.device .right dt,
.faqs .right dt {margin:0; padding:0 0 30px 0; color:#c90005; font-weight:bold; display:none; font-size:24px;}
.device .right dd,
.faqs .right dd {margin:0; padding:0 20px 0 0; display:none; font-size:13px; line-height:18px;}
.device .right dd span,
.faqs .right dd span {font-size:24px; font-weight:bold; line-height:18px;}
.device .right dd ul, 
.faqs .right dd ul, 
.device .right dd ul li,
.faqs .right dd ul li {font-size:13px; list-style:disc; line-height:18px;}
.device .right dd ul li,
.faqs .right dd ul li {text-indent:0; margin-left:10px; padding-left:5px;}
.device .right dt.activeQ, 
.faqs .right dt.activeQ, 
.device .right dd.activeQ,
.faqs .right dd.activeQ {display:block;}

.device dt .sup,
.device .left li .sup {padding:0 0 .25em 0; margin:0; font-size:.8em; line-height:10px; display:inline; vertical-align:top;}

.faqs .faq_print_nav {position:absolute; bottom:30px; left:50px; }
.device .faq_print_nav p img,
.faqs .faq_print_nav p img {margin:0 15px;}

/* Hide print button because "its broken" */
.device .faq_print_nav,
.faqs .faq_print_nav {display:none;}


.faqs .box_shadow {height:540px;}
.faqs .box_shadow.ppu {height:640px;}
.faqs .right dt {text-indent:-35px; margin-left:35px;}
.faqs .right dd {text-indent:-32px; margin-left:32px;}

.faqs .right dl,
.device .right dl {margin:0; padding:20px 40px 50px 20px;}
.device .right dt {padding:0 0 10px 0;}
.device ol,
.device ol li {margin:0; padding:0; text-indent:none;}
.device ol {margin:0 0 0 20px;}
.device p {font-size:13px; line-height:18px;}

/** Footer **/
.footer {position:relative;}
.footer p {font:normal normal 10px/14px Arial, sans-serif; padding-right:250px;}

#foot_comcast {
	position:absolute;
	right:2px;
	top:0;
}


.clear {height:0; font-size:0; line-height:0; margin:0; padding:0; clear:both;}
/***************************************************************************
	Front-End-Lab bay Prince Jama 2016-2017 wwwcodes.com 
****************************************************************************/