/* v4.2 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	font-size: 100%;
	margin: 0;
	outline: 0 none;
	padding: 0;
	vertical-align: baseline;
	font-weight:100;
}

html {
	height:100%;
}
body {
	/*height: auto !important;
	min-height: 100%;*/
	height: 100%;
	background-color:#FFFFFF;
	font-family: "SkyRegular";
	color: #333;
	padding-bottom:100px;
	/*background-color:#00FF00;*/
}

#output {
	clear: both;
	width: 500px;
	height: 250px;
	overflow: scroll;
	border: 1px solid #666;
	color: #000000;
	background-color: #fcfcfc;
	padding: 10px;
	position: absolute;
	z-index:3000;
	top:600px;
	left:0px;
}
/* 
------------------------------------------------------------------------------------------- 
-- TAGS
------------------------------------------------------------------------------------------- 
*/

h1 {
	font-family: "SkyMedium";
	font-size:36px;
	line-height:40px;
	color:#333333;
	margin-bottom:10px;
}
.fibre h1 {
	color:#333333;
}
body.generic, body.generic h1 {
	color:#333333;
}
h2 {
	font-family: "SkyMedium";
	font-size:40px;
	line-height:40px;
	color:#333333;
	margin-bottom:10px;
}
h3 {
	font-family: "SkyRegular";
	font-size:24px;
	line-height:24px;
	color:#333333;
	margin-bottom:10px;
}
h4 {
	font-family: "Helvetica";
	font-size:16px;
	line-height:16px;
	color:#333333;
	margin-top:20px;
	margin-bottom:15px;
}
h5 {
	font-family: "SkyRegular";
	font-size:24px;
	line-height:24px;
	color:#333333;
	margin-bottom:10px;
}
p {
	font-size:1em;
	line-height:1.2em;
}
a {
    color: blue;
	text-decoration:none;
}
ul {
	display:block;
}
ul.clean {
	list-style:none;
	margin:0;
	padding:0;
}
b {
	font-size:100%;
	font-family: "SkyMedium";
}
hr {
	border-style: solid none none;
	border-width: 1px 0 0;
	border-color:#CCC;
	margin: 25px 0;
}
hr.top {
	margin: 0 0 25px 0;
}
input {
	font-weight:100;
}
strong {font-weight:bold;}
/* 
------------------------------------------------------------------------------------------- 
-- GLOBAL
------------------------------------------------------------------------------------------- 
*/
.black {
	color:#000000;
}

.pink {
	color:#EC008C;
}

.purple {
	color:#EC008C;
}

.clear-break {
	clear:both;
}
.hide, .hidden {
	display:none;
}
.center {
	text-align:center;
}

.mobile-break {
	display: none;
}


/* 
------------------------------------------------------------------------------------------- 
-- PAGE LAYOUT
------------------------------------------------------------------------------------------- 
*/

.layout {
	display:block;
	width: 970px;
	margin: 0 auto;
	position: relative;
	padding-left:10px;
	padding-right:20px;
}

#nav .layout, #sub-nav .layout {
	width: 1000px;
	padding:0;
}

#head {
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	background-color:#0F0;
}
/* -- HEADER -- */

#header {
	position: relative;
	height: 88px;
	background-color:#FFFFFF;
}
#header-title {
	margin-top:27px;
	font-family: "SkyRegular";
	font-size:40px;
	color: #333333;
	float:right;
}

#header-title-self-help {
	margin-top:40px;
	font-family: "SkyMedium";
	font-size:30px;
	line-height:30px;
	color: #333333;
	float:right;
}

#header-logo {
	display:block;
	width:87px;
	height:54px;
	margin-top:23px;
	float:left;
	background: transparent url(../images/sky_logo.jpg) no-repeat 0 0;
}

.connection-desktop {
	width:206px;
	padding-left:5px;
	padding-right:5px;
	margin-top:30px;
}

.connection-mobile {
	display: none;
}

.connection-desktop h3, .connection-mobile h3{
	color:#333333;
	font-weight:bold;
	padding-right:30px;
	font-size:18px;
	height:20px;
	min-height:20px;
}


#header a {
	color: #333333;
}
/* -- NAV -- */

#nav {
	position:relative;
}
#nav ul {
	clear:both;
	list-style: none;
}
#nav li {
	float:left;
	_width: 1px;
	_white-space: nowrap;
}
#nav li a {
	padding-left:10px;
	padding-right:10px;
	text-align:center;
}
#nav a:hover {
	text-decoration:underline;
}
#main-nav {
	background-color:#7B7B7B;
	color:#FFFFFF;
	height:30px;
	line-height:30px;
}
#main-nav a {
	color:#FFFFFF;
	display:block;
	height:100%;
	font-size:16px;
}
#main-nav li.selected a {
	font-family: "SkyMedium";
	color:#333333;
	background-color:#EBEBEB;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
#main-nav a#logout {
	float:right;
	margin-right:20px;
}
#sub-nav {
	position:relative;
	background-color:#EBEBEB;
	height:50px;
	line-height:50px;
}
#sub-nav ul {
	display:none;
	position:absolute;
}
#sub-nav ul.selected {
	display:block;
}
#sub-nav a {
	display:block;
	height:100%;
	color:#666666;
	font-size:14px;
	background-image:url(../images/subnav_selector_arrow.png);
	background-repeat:no-repeat;
	background-position:center 50px;
}
#sub-nav li.selected a {
	font-family: "SkyMedium";
	background-position:center bottom;
}
/* -- CONTENT -- */

#content {
	display:block;
	position: relative;
	padding-bottom:20px;
}
#content-header-copy {
	padding-top:50px;
	float:left;
	width:600px;
}
#reboot-message {	
	padding-top:50px;
	float:left;
	width:600px;
}
#content-header-image {
	/*
	float:right;
	width:275px;
	height:320px;
	background-image: url(../images/admin_bg_router.png);
	background-repeat:no-repeat;*/
}
#content-header-copy-index {
	padding-top:50px;
	float:left;
	width:600px;
}
#content-header-image-index {
	display:none;
}
.main-panel {
	position:relative;
	width:650px;
	float:left;
	margin-right:15px;
	/*font-size: 0.875em;*/
}

.side-panel {
	position:relative;
	width:275px;
	float:right;
}
#content-header {
	margin-bottom:20px;
}
#content-header p {
	line-height:22px;
	margin-bottom:10px;
}
#content-header-copy p.bottom20 {
	margin-bottom:20px;
}
#reboot-message p.bottom20 {
	margin-bottom:20px;
}
#reboot-message h1 {
	font-family: "SkyMedium";
	font-size:36px;
	line-height:40px;
	color:#333333;
	margin-bottom:10px;
}
#content-header ul {
	margin-bottom:15px;
	margin-left:25px;
}
#content-header li {
/*line-height:22px;*/
}
#content-body {
}
.page {
	background-color:#FFFFFF;
	position:relative;
	margin-top:30px
}
.page-container {
	position:relative;
	/*background-color:#F93;*/
}

.page-content {
	position: relative;
}
.page-content p {
	margin-bottom:20px;
	color:#333;
}

.page-content-message, .page-content-message-full {
	padding-top:20px;
	padding-bottom:20px;
}
.page-content-message h1, .page-content-message-full h1 {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
 *display:inline;
    margin-bottom: 20px;
    vertical-align: middle;
}

.page-content-message p, .page-content-message p {
	font-size:1em;
	margin-bottom:20px;
	width:530px;
}

.page-content-message-full p{
	width:100%;
}

.page-content-message p:last-child {
	margin-bottom:0;
}

div.smiley, div.smiley-abs {	
	margin-left:20px;
	margin-top:-17px;
    position: relative;
    vertical-align: middle;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
 *display:inline;
}

#content-header-copy .smiley {
	float:right;
	position:relative;
}


.frown-pink {
    /* --- No Smiley icons in Ethan Products --
     * background: transparent url(../images/smiley_frown_grey_48x48.jpg) no-repeat 0 0;
     * width: 48px;
     * height: 48px;
     */
}

.smile-pink {
	/* --- Not used for ethan products --
     * background: transparent url(../images/smiley_smile_pink_74x74.png) no-repeat 0 0;
     * width: 74px;
     * height: 74px;
     */
}

.frown-purple {
    /* --- No Smiley icons in Ethan Products --
     * background: transparent url(../images/smiley_frown_purple_74x74.png) no-repeat 0 0;
     * width: 74px;
     * height: 74px;
     */
}

.smile-purple {
    /* --- No Smiley icons in Ethan Products --
     * background: transparent url(../images/smiley_smile_purple_74x74.png) no-repeat 0 0;
     * width: 74px;
     * height: 74px;
     */
}



#content-header-copy .smiley-abs {
	float:none;
}

.spinner-loader {
	display:none;
}


div.reboot-spinner {
	margin-left:40px;
	margin-top:-6px;
	position:absolute;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
    *display:inline;
}
div.reboot-spinner img{
	width:50%;
	height:auto;
}
.diagram {
	position: relative;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
 *display:inline;
}

.diagram-mobile {
	display:none;
}

.abs {
	position:absolute;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
 *display:inline;
}
.rel {
	position:relative;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
 *display:inline;
}
.align-center {
	text-align:center;
}
.message-center {
	margin: 0 auto;
	text-align:center;
}
.message-center .icon-container {
	margin-bottom: 20px;
}
.message-center p {
	margin-bottom: 30px;
}
.sorry-message {
	font-family: "SkyRegular";
	font-size:1.625em;
	color:#FF0000;
}
.sorry-message b {
	font-size:100%;
	font-family: "SkyMedium";
}
.buttons-holder {
	clear:both;
}
.buttons-holder input {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
 *display:inline;
	float:left;
}
.buttons-holder a, .buttons-holder input {
	margin-right:40px;
}
.column2 div {
	width:36%;
	float:left;
}
.column2 div img {
	display:block;
	margin-bottom:20px;
}
.column2 div input {
	margin-left:131px;
}
.column3 div {
	width:32%;
	float:left;
}
.column3 div input {
	margin-left:110px;
}

/*-- ENABLE JS BROWSER MENU --*/

.browser-menu {
	/*font-size:18px;*/
	margin-bottom:40px;
	padding-top:20px;
	/*position:relative;*/
}
.browser-menu p {
	font-size:1.25em;
		line-height:1.6em;
		margin-bottom:10px;
}
.browser-menu img {
	vertical-align:top;
	margin-right:10px;

}

div.enable-js-steps {
	/*position:absolute;
	z-index:10;
	left:0;
	top: 153px;*/
	/*border: 1px solid #CCCCCC;*/
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color:#EBEBEB;
	padding: 20px;
	/*display:none;*/
	margin-bottom:20px;
}

div.enable-js-steps ul {
	list-style: none;
}
div.enable-js-steps li {
	float:left;
	_width: 1px;
	_white-space: nowrap;
	width:140px;
	margin-right:20px;
	padding-top:2px;
}
div.enable-js-steps li.numbered-step {
	width:20px;
	margin:0;
	padding:0;
	font-family: "SkyMedium";
	font-size: 1.125em;
	/*line-height:18px;*/
	color:#737373;
}
span.browser-menu-arrow {
	display:none;
	position:absolute;
	/*display:block;*/
	width:32px;
	height:18px;
	background: transparent url(../images/browser_menu_arrow.png) no-repeat 0 0;
}

.content-holder {
	position:relative;
}


.phone-number {
display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
 *display:inline;
}


/* 
------------------------------------------------------------------------------------------- 
-- STATUS MESSAGE
------------------------------------------------------------------------------------------- 
*/

.status-message {
	position:relative;
	text-align:center;
	width: 300px;
	height: 100px;
	margin-left:-150px;
	margin-top:-50px;
	top:50%;
	left:50%;
}
.wps-status-message {
	position:relative;
	text-align:center;
	width: 300px;
	height: 100px;
	left:8%;
}
#progress {
	position:relative;
	width: 200px;
	height:20px;
	margin: 0 auto;
	border: 2px solid #999999;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#progress.left {
	margin:0;
	margin-top:20px;
}
span#progress-bar {
	display:block;
	position:absolute;
	width: 0px;
	height:20px;
	background-color:#0073C5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
/* 
------------------------------------------------------------------------------------------- 
-- FORM ELEMENTS
------------------------------------------------------------------------------------------- 
*/

.row-holder {
	/*overflow:hidden;*/
	/*padding: 5px 0 0;*/
	display:block;
	/*margin-right:20px;*/
	margin-bottom:10px;
	clear:both;
}
.row-holder label, .row-holder .label {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
 *display:inline;
}
.row-holder .label {
	font-family: "SkyMedium";
	color:#333;
}
.row-holder .w250 {
	width:250px;
}
.row-holder .w300 {
	width:300px;
}
.row-holder .m20 {
	margin-right:20px;
}
.row-holder .w100 {
	width:100px;
}
.row-holder .abs250 {
	position:absolute;
	left:253px;
}
.row-holder .abs200 {
	position:absolute;
	left:203px;
}
.row-holder label.right {
	margin-left:20px;
	margin-right:20px;
}
.section-heading {
	margin-bottom:10px;
}
.section-heading h3 {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
 *display:inline;
}


div.lights-selector {
		font-size:0.875em;
		margin-left:10px;
}

div.lights-selector input {
	cursor: pointer;
}

div.lights-selector div {
	width:25%;
	float:left;
}

div.lights-selector span.label {
	display:block;
	margin-bottom:10px;	
	font-family: "SkyMedium";
	font-size: 1.5em;
	color:#333;
}

div.lights-selector span.led {
	display:block;
	text-align:center;
	width:70%;
}

div.lights-selector span.led-image {
	display:block;
	width:49px;
	height:49px;
	overflow:hidden;
	background: transparent url(../images/led_sprite.gif) no-repeat;
	background-position: 0 0;
	margin: 0 auto;
}


/* 
------------------------------------------------------------------------------------------- 
-- TABLES
------------------------------------------------------------------------------------------- 
*/
table {
	width:100%;
	/*border-collapse: collapse;*/
	border-spacing: 0;
	border: 1px solid #CCC;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-bottom:20px;
}
td {
	padding:5px;
	padding-top:10px;
	border-bottom: 1px solid #CCC;
}
td:first-child {
	padding-left:15px;
}
tr:last-child td {
	border:0;
	padding-bottom:10px;
}
tr.title td {
	font-family: "SkyMedium";
	font-size:1.5em;
	color:#333;
	padding-top:15px;
	padding-bottom:15px;
}
tr.header td {
	background-color:#EBEBEB;
	color:#333;
}
tr.header td:first-child {
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
}
tr.header td:last-child {
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
}
tr.footer td {
	background-color:#EBEBEB;
	border:0;
}
tr.footer td:first-child {
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
}
tr.footer td:last-child {
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
}
/* 
------------------------------------------------------------------------------------------- 
-- BTNS
------------------------------------------------------------------------------------------- 
*/

.link {
	display:inline-block;
	padding-left:12px;
	background-image: url(../images/icon_chevron_link.png);
	background-repeat:no-repeat;
	background-position: left center;
	color:#333333;
	font-size:1em;
}

.link-black {
	display:inline-block;
	padding-left:12px;
	background-image: url(../images/icon_chevron_link-black.png);
	background-repeat:no-repeat;
	background-position: left center;
	color:#333333;
	font-size:1em;
}


.fibre .link {
	background-image: url(../images/icon_chevron_link.png);
	color:#EC008C;
}

.fibre .link-quick {
	font-size:0.875em;
}

li .link {
	padding-left:16px;
	font-size:0.813em;
	line-height:20px
}
.link-back {
	background-image: url(../images/icon_chevronBack_link.png);
}
.link-close {
	padding-left:14px;
	background-image: url(../images/icon_close_link.png);
}
.link:hover {
	text-decoration:underline;
}
.link.right {
	float:right;
	margin-right:20px;
}
.help-btn {
	float:right;
	height:16px;
	line-height:16px;
	margin-right:20px;
	padding-left:18px;
	background-image: url(../images/icon_help_btn_13x13.png);
	background-repeat:no-repeat;
	background-position: left 2px;
	color:#333333;
}
.help-btn:hover {
	text-decoration:underline;
}

/* -- BTN 32 -- */

.btn32 {
	font-family: "SkyMedium";
	font-size: 16px;
	color: #FFFFFF;
	cursor: pointer;
	height: 32px;
	line-height: 32px;
	padding-left: 15px;
}
.btn32, .btn32 span {
	display: inline-block;
	background: transparent url("../images/buttons32.png") no-repeat scroll;
	overflow: hidden;
	text-decoration: none !important;
}
.btn32 span {
	padding-left:11px;
	padding-right:25px;
	margin-left: -1px;
}
.btn32.btn-clr-primary{
	background-position: left 0px;
}
.btn32.btn-clr-primary span {
	background-position: right -32px;
}

.btn32.btn-blue {
	background-position: left 0px;
}
/*.btn32.btn-blue:hover {
    background-position: left -64px;
}*/
.btn32.btn-blue span {
	background-position: right -32px;
}
/*.btn32.btn-blue:hover span {
    background-position: right -96px;
}*/

.btn32.btn-clr-secondary {
	background-position: left -128px;
}
.btn32.btn-clr-secondary span {
	background-position: right -160px;
	color: #666666;
}

.btn32.btn-silver {
	background-position: left -128px;
}
/*.btn32.btn-silver:hover {
    background-position: left -192px;
}*/
.btn32.btn-silver span {
	background-position: right -160px;
	color: #666666;
}
/*.btn32.btn-silver:hover span {
    background-position: right -224px;
}*/

.btn32.btn-grey {
	background-position: left -256px;
}
/*.btn32.btn-grey:hover {
    background-position: left -320px;
}*/
.btn32.btn-grey span {
	background-position: right -288px;
}
/*.btn32.btn-grey:hover span {
    background-position: right -352px;
}*/

.btn32.btn-pink {
	background-position: left -384px;
}
/*.btn32.btn-pink:hover {
    background-position: left -448px;
}*/
.btn32.btn-pink span {
	background-position: right -416px;
}
/*.btn32.btn-pink:hover span {
    background-position: right -480px;
}*/


.btn32.btn-purple {
	background-position: left -512px;
}
/*.btn32.btn-pink:hover {
    background-position: left -576px;
}*/
.btn32.btn-purple span {
	background-position: right -544px;
}
/*.btn32.btn-pink:hover span {
    background-position: right -608px;
}*/



/* -- BTN 42 -- */

.btn42 {
	font-family: "SkyMedium";
	font-size: 20px;
	color: #FFFFFF;
	cursor: pointer;
	height: 42px;
	line-height: 42px;
	padding-left: 20px;
}
.btn42, .btn42 span {
	display: inline-block;
	background: transparent url("../images/buttons42.png") no-repeat scroll;
	overflow: hidden;
	text-decoration: none !important;
	margin-left: -1px;
}
.btn-custom {
	border: 0px;
	margin: 0px;
	padding: 0px;
	background: none;
	background-position: top left;
	background-repeat: no-repeat;
	background-scroll: scroll;
	text-decoration: none !important;
	text-align:center;
}
.btn-custom:hover {
	background-position: bottom left;
}
.btn_intro{	width:113px;
	background-image: url("../images/new_button_IntroScreen.png");
	height:32px;
	font-size:16px;
	line-height:15px;
}

.btn_fixit{	width:93px;
	background-image: url("../images/button_fix_it.png");
	height:34px;
	font-size:16px;
	line-height:15px;
}

.btn_connect{	width:156px;
	background-image: url("../images/button_connect.png");
	height:34px;
	font-size:16px;
	line-height:15px;
}
.btn_reboot{width:137px;
	background-image: url("../images/button_reboot.png");
	height:34px;
	font-size:16px;
	line-height:15px;
}

.btn-pink-162 {
	width:162px;
	background-image: url("../images/button42-custom-pink-162.png");
}
.btn-pink-200, .btn-pink-200mobile  {
	width:200px;
	background-image: url("../images/button42-custom-pink-200.png");
}

.btn-pink-300 {
	width:300px;
	background-image: url("../images/button42-custom-pink-300.png");
}

.btn-pink-276 {
	width:276px;
	background-image: url("../images/button42-custom-pink-276.png");
}
.btn-pink-224 {
	width:224px;
	background-image: url("../images/button42-custom-pink-224.png");
}
.btn-purple-162 {
	width:162px;
	background-image: url("../images/button42-custom-purple-162.png");
}
.btn-purple-200, .btn-purple-200mobile  {
	width:200px;
	background-image: url("../images/button42-custom-purple-200.png");
}
.btn-purple-224 {
	width:224px;
	background-image: url("../images/button42-custom-purple-224.png");
}

.btn-purple-300 {
	width:300px;
	background-image: url("../images/button42-custom-purple-300.png");
}

.btn-silver-300 {
	width:300px;
	background-image: url("../images/button42-custom-silver-300.png");
	color: #666666;
}

.btn32.btn-pink-224 {
	width:224px;
	background-image: url("../images/button32-custom-pink-224.png");
}
.btn42 span {
	padding-left:10px;
	padding-right:30px;
}
.btn42.btn-clr-primary {
	background-position: left 0px;
}
.btn42.btn-clr-primary span {
	background-position: right -42px;
}

.btn42.btn-blue {
	background-position: left 0px;
}
/*.btn42.btn-blue:hover {
    background-position: left -84px;
}*/
.btn42.btn-blue span {
	background-position: right -42px;
}
/*.btn42.btn-blue:hover span {
    background-position: right -126px;
}*/
.btn42.btn-clr-secondary {
	background-position: left -168px;
}
.btn42.btn-clr-secondary span {
	background-position: right -210px;
	color: #666666;
}
.btn-proceed-without-javascript {
	width:300px;
	background-image: url("../images/button42-proceed-without-javascript.png");
	color: #666666;
}
.btn-enabled-javascript {	
    width:300px;
	background-image: url("../images/button42-enabled-javascript.png");
}

.btn42.btn-silver {
	background-position: left -168px;
}
/*.btn42.btn-silver:hover {
    background-position: left -252px;
}*/
.btn42.btn-silver span {
	background-position: right -210px;
	color: #666666;
}
/*.btn42.btn-silver:hover span {
    background-position: right -294px;
}*/

.btn42.btn-grey {
	background-position: left -336px;
}
/*.btn42.btn-grey:hover {
    background-position: left -420px;
}*/
.btn42.btn-grey span {
	background-position: right -378px;
}
/*.btn42.btn-grey:hover span {
    background-position: right -462px;
}*/

.btn42.btn-pink {
	background-position: left -504px;
}
/*.btn42.btn-pink:hover {
    background-position: left -588px;
}*/
.btn42.btn-pink span {
	background-position: right -546px;
}
/*.btn42.btn-pink:hover span {
    background-position: right -630px;
}*/


.btn42.btn-purple {
	background-position: left -672px;
}
/*.btn42.btn-pink:hover {
    background-position: left -756px;
}*/
.btn42.btn-purple span {
	background-position: right -714px;
}
/*.btn42.btn-pink:hover span {
    background-position: right -798px;
}*/



/* -- DROP BTN -- */
.btn32.drop-btn {
	font-family: "SkyRegular";
	font-size: 14px;
	display: block;
	width:200px;
	position:relative;
}
.btn32.drop-btn span {
	padding:0;
	width:100%;
}
.btn32.drop-btn .drop-arrow {
	padding:0;
	display:inline-block;
	position:absolute;
	width:20px;
	height:13px;
	background-image: url(../images/drop_arrow.png);
	background-position: top;
	top:10px;
	right:10px;
	vertical-align:top;
}
.btn32.drop-btn .drop-arrow.da-up {
	background-position: bottom;
}
.btn32.drop-btn .drop-arrow.da-down {
	background-position: top;
}
/* 
------------------------------------------------------------------------------------------- 
-- PODS
------------------------------------------------------------------------------------------- 
*/
.pod {
	display:block;
	position:relative;
	width:270px;
	border: 1px solid #CCC;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color:#FFF;
}
.pod .content {
	padding: 30px 15px 30px 15px;
	font-family:Helvetica;
	/*font-size:0.813em;*/
	color:#333333;
}
.pod .content p {
	margin-bottom:10px;
	line-height:18px;
}
.pod-help {
	display:none;
}
.pod-help .content ul.clean {
	margin:0;
}
.pod .content ul:last-child, .pod .content p:last-child {
	margin-bottom:0;
}
.pod .content ul {
	margin:0 0 15px 15px;
}
.pod .content ul.clean {
	margin:0;
}
.pod .content li {
	line-height:18px;
	margin-bottom:5px;
}
.pod .content li:last-child {
	margin-bottom:0;
}
.help-close {
	position:absolute;
	display:block;
	right:8px;
	top:8px;
	width:10px;
	height:11px;
	background-image: url(../images/icon_close_link.png);
}
.pod-help .arrow {
	display:block;
	position:absolute;
}
.pod-help .arrow-l {
	background: transparent url(../images/arrow_l.png) no-repeat 0 0;
	width:22px;
	height:31px;
	left: -18px;
	top:20px;
}
/* 
------------------------------------------------------------------------------------------- 
-- CHECKING POP UP POD
------------------------------------------------------------------------------------------- 
*/

.pod-nav, .pod-checking {
	display:block;
	position:relative;
/*	border: 1px solid #AAAAAA; 
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px; */
}

.pod-nav {
	position:absolute;
}

.pod-checking {
	display:none;
	width:500px;
}
.pod-checking.sa {
	display:block;
	width:500px;
	height:214px;
	margin-left:-250px;
	margin-top:-107px;
	top:50%;
	left:50%;
}
.pod-checking div.icon-spinner {
	width:100px;
	height:100px;
	margin: 0 auto;
	margin-bottom:20px;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
 *display:inline;
}
.pod-checking span.spinner {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	/*background-image:url(../images/spinner_sprite.png);
	background-repeat:no-repeat;
	background-position: 0px top;*/
}

.spinner-loader {
	visibilty:hidden;
}

.pod-checking .content {
	background-color:#FFFFFF;
	padding: 28px 28px 20px 28px;
	text-align:center;
	-webkit-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-border-radius: 5px;
}




.pod-nav.w440 {
	width: 440px;
}

.pod-nav.w490 {
	width: 490px;
}

.pod-nav.w500 {
	width: 500px;
}

.pod-nav.w580 {
	width: 580px;
}

.w360 p {
	width: 360px;
}
.w500 p {
	width: 500px;
}

.w600 p {
	width:600px;
}

/* 
------------------------------------------------------------------------------------------- 
-- NAV POD
------------------------------------------------------------------------------------------- 
*/


.pod-nav .content {
	background-color:#FFFFFF;
	padding: 24px 24px 24px 0px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}
.pod-nav p {
	color:#333;
	line-height:1.25em;
	margin-bottom:15px;
}
.pod-nav p.steps-header {
	margin-bottom:5px;
}
.pod-nav ul {
	margin:0 0 15px 0;
	/*width:100%;*/
	/*display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
 *display:inline;
	list-style:none;
	*/
}
.pod-nav ul:last-child {
	margin:0 0 0 0;
}
.pod-nav li, .nonjs-steps li, .page-content-message li {
	margin:0 0 3px 0;
	padding:1px 0 0 0;
	list-style:none;
	width:90%;
	display:block;
	line-height:1.285em;
	color:#333;
	float:left;
}

.page-content-message li {
	font-size:1em;
	margin-bottom: 10px;
}


.pod-nav li.numbered-step, .nonjs-steps span.numbered-step, .nonjs-steps li.numbered-step, .page-content-message span.numbered-step, .page-content-message li.numbered-step {
	margin:0;
	padding:0;
	font-family: "SkyMedium";
	font-size: 1.125em;
	line-height:1em;
	color:#333;
	width:10px;
	clear:left;
	margin-right:15px;

}
div.nonjs-steps p {
	margin-bottom:20px;
}
div.nonjs-steps ul {
	margin-bottom:20px;
}
div.nonjs-steps li {
	/*float:none;
	font-size:1em;*/
	margin-bottom:10px;
}
.pod-nav li b {
	font-family: "SkyMedium";
}
.pod-nav .content .image-reveal {
	display: block;
	padding-top:5px;
	/*padding-left:20px;*/
	padding-right:30px;
	margin-bottom:20px;
}
.pod-nav .content .image-reveal .btn32 {
	display:none;
}
.pod-nav .content .image-container {
	display: block;
	text-align:center;
	overflow:hidden;
}
/* this will be added by the JS
.pod-nav .content .image-container img {
	padding-top:20px;
}*/
.pod-nav .nav {
	/*background-color:#EBEBEB;*/
	font-family: Helvetica, Arial, sans-serif;
	padding: 0px 24px 20px 0px;
	/*
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	
	height: 86px; */
}
.pod-nav-container {
	width:100%;
	height:100%;
	position: relative;
}
.pod-nav div.nav-left {
	float:left;
	/*padding-top: 55px;*/
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
 *display:inline;
}
.pod-nav div.nav-right {
	float:right;
	padding-right: 100px;
	/*padding-top: 30px;*/
	/*background: transparent url("../images/pod_nav_arrow.gif") center top no-repeat;*/
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
 *display:inline;
}
.pod-nav .nav-btn-note {
	text-align:center;
	margin-bottom:6px;
}
.pod-nav .nav-btn-note span {
	display:inline-block;
	position:relative;
}
.pod-nav .arrow {
	display:block;
	position:absolute;
}
.pod-nav .arrow-t {
	background: transparent url(../images/arrow_t.png) no-repeat 0 0;
	width:31px;
	height:22px;
	top:-18px;
}
.pod-nav .arrow-r {
	background: transparent url(../images/arrow_r.png) no-repeat 0 0;
	width:22px;
	height:31px;
	right: -18px;
}
.pod-nav .arrow-l {
	background: transparent url(../images/arrow_l.png) no-repeat 0 0;
	width:22px;
	height:31px;
	left: -18px;
}
.pod-nav .arrow-step2 {
	background: transparent url(../images/arrow_step2.png) no-repeat 0 0;
	width:222px;
	height:150px;
	right: -221px;
}
.pod-nav .arrow-step3 {
	background: transparent url(../images/arrow_step3.png) no-repeat 0 0;
	width:96px;
	height:121px;
	right: -95px;
}
.pod-nav .arrow-step4 {
	background: transparent url(../images/arrow_step4.png) no-repeat 0 0;
	width:98px;
	height:108px;
	left: -97px;
}

.pod-nav .arrow-fibre-step2 {
	background: transparent url(../images/arrow_fibre_step2.png) no-repeat 0 0;
	width:96px;
	height:69px;
	right: -95px;
}

.pod-nav .arrow-step5 {
	background: transparent url(../images/arrow_step5.png) no-repeat 0 0;
	width:168px;
	height:105px;
	left: -167px;
}
.pod-nav .arrow-fibre-step5 {
	background: transparent url(../images/arrow_fibre_step5.png) no-repeat 0 0;
	width:168px;
	height:105px;
	left: -167px;
}

.pod-nav .arrow-fibre-step5a {
	background: transparent url(../images/arrow_fibre_step5a.png) no-repeat 0 0;
	width:345px;
	height:205px;
	left: -344px;
}

.pod-nav .arrow-fibre-step6 {
	background: transparent url(../images/arrow_fibre_step6.png) no-repeat 0 0;
	width:110px;
	height:98px;
	right: -109px;
}
.pod-nav .arrow-fibre-step3_7 {
	background: transparent url(../images/arrow_fibre_step3+7.png) no-repeat 0 0;
	width:126px;
	height:89px;
	right: -125px;
}
.pod-nav .arrow-fibre-step8 {
	background: transparent url(../images/arrow_fibre_step8.png) no-repeat 0 0;
	width:103px;
	height:192px;
	left: -102px;
}

#wanoe-img {	
	background: transparent url(../images/router-WanOE.jpg) no-repeat 0 0;
	width:405px;
	height:270px;
}
body.generic h1.messageheader{color:#333333;}


#sub-nav-3 {
    position: relative;
    background-color: #CECECE;
    height: 50px;
    line-height: 50px;
}
#sub-nav-3 ul {
	display:none;
	position:absolute;
}
#sub-nav-3 ul.selected {
	display:block;
}
#sub-nav-3 a {
	display:block;
	height:100%;
	color:#040404;
	font-size:14px;
	background-image:url(../images/subnav_selector_arrow.png);
	background-repeat:no-repeat;
	background-position:center 50px;
}
#sub-nav-3 li.selected a {
	font-family: "SkyMedium";
	background-position:center bottom;
}