﻿/* =reset.css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, ➥ fieldset, input, p, blockquote, address, th, td{margin: 0;	padding: 0;}
h2, h3, h4, h5, h6{	font-size: 100%;font-weight: normal;}
ol, ul{list-style-type: none;}
table{border-collapse: collapse;border-spacing: 0;}
caption, th{text-align: left;}
fieldset, img{border: 0;}
dt, address, caption, cite, code, dfn, em, i, strong, b, th, var{font-style: normal;font-weight: normal;}
q:before, q:after{content: '';}

/* =blocktext */
h2, h3, h4, h5, .home p, ul{margin: 0 20px;	padding: .5em 0; }

/* main.css */
body{font: 80%/1.3 Verdana, Trebuchet, "Trebuchet MS" , Helvetica, Arial, sans-serif; background: #fff url(images/nav-left-bg.png) no-repeat 50% 0;background-attachment: fixed;}

h2{font-size: 1.8em; margin: 0px 0px 0px 160px; padding: 2px 0px 0px 0px; border-bottom: 1px solid #ccc;}
.home h2{border-bottom: none; margin: 0 15px; padding: .3em 0;}
h4{	margin: 5px 0px 5px 0px; padding: 0;color: #000;}
h5{	color: #000; margin: 0;	padding: 5px 0px 0px 21px;font-family: Tahoma;}
p{margin: 0px; padding: .5em 0; text-align: justify;}
.home p{line-height: normal; text-align: left; font-size: 1em;}
strong{font-weight: bold;}
em{	font-style: italic;}
img a{outline: none;}
a:link, a:visited, a:active{color: #4890f0;outline: none;}
a:hover{color: #ff0000;outline: none;}

/* site navigation */
#nav_access{display: none;}
#branding{height: 104px;background: #fff;position: relative;width: 770px;margin: 0px auto 0 auto;background: #fff url(images/dark_bar_home.png) no-repeat top right;	z-index: 2;	overflow: hidden;}
h1{text-indent: -9999px;height: 76px;width: 160px;margin: 0px;float: left;}
#nav_main{width: 770px;	background: #fff;height: 23px;margin: 0px auto;}
ul#menu{width: 770px;list-style-type: none;	margin: 0;padding: 0;margin: 0px auto;height: 21px;	border: 1px solid #ccc;	border-right: none;	z-index: 200;}
#menu li{float: left;padding: 0;margin: 0;position: relative;width: 110px;height: 10px;z-index: 100;}
#menu li dl{position: absolute;	top: 0;	left: 0;}
#menu li a, #menu li a:visited{	text-decoration: none;	font-weight: bold;}
#menu li dd{display: none;}
#nav_main ul#menu dl.current dd a:link, #nav_main ul#menu dl.current dd a:visited, #nav_main ul#menu dl.current dd a:hover, #nav_main ul#menu dl.current dd a:active{color: #fff;background: #ff6600;}
#menu li a:hover{border: 0;text-decoration: underline;}
#menu li:hover dd, #menu li a:hover dd{display: block;}
#menu table{border-collapse: collapse;padding: 0;margin: -1px;font-size: 1em;}
#menu dl{width: 108px;margin: 0;padding: 0px 0px 0px 1px;background: #4890f0;text-align: center;cursor: pointer;border-right: 1px solid #ccc;}
.home #menu dl{	width: 108px;}
#menu dt{margin: 0;	padding: 3px 0px 5px 0px;font-size: 11px;color: #fff;}
#menu dt.endLink{border-right: none;width: 100px;padding-right: 6px;}
.home #menu dt.endLink{border-right: none;width: 100px;	padding-right: 8px;}
#menu li dl.current{background: #ff6600;color: #fff;}
#menu li dl dt.current{border-bottom: none;}
#menu li dl dt a.current{color: #fff;font-weight: bold;}
#menu dd{margin: 0px;padding: 0px;color: #fff;font-size: 11px;text-align: left;	border: 1px solid #ccc;	border-bottom: none;width: 160px;z-index: 300;background: #4890f0;font-weight: bold;}
#menu dl.current dd{margin: 0px;padding: 0px;color: #fff;font-size: 11px;text-align: left;border: 1px solid #ccc;border-bottom: none;width: 160px;z-index: 300;	background: #ff6501;font-weight: bold;}
#menu dd.lastdd{border-bottom: 1px solid #ccc;}
#menu li dl.current dd.lastdd{border-bottom: 1px solid #ccc;}
.gallery dt a, .gallery dt a:visited{display: block;color: #fff;}
.gallery dt.current a, .gallery dt.current a:visited{display: block;color: #fff;}
.gallery dd a, .gallery dd a:visited{color: #fff;text-decoration: none;	display: block;	padding: 4px 5px 4px 5px;width: 125px;}

/* content */
#content{position: relative;width: 770px;margin: 0px auto;background-color: #fff;padding: 15px 0px;}
#content strong{font-weight: bold;}
#content_main, #content_middle{width: 100%;	background: #fff;}
#content_main{margin-bottom: 15px; background: #fff url(images/lady.jpg) bottom right no-repeat;	height: 255px;}

/* go green section */

.gogreendiv p {  }
.gogreendiv ul{list-style-type: disc;margin: 0px 0px 0px 25px;padding: 0px 0px 10px 0px; font-size: 0.9em;}
.gogreendiv ul li{padding: 20px 0px 2px 0px;}
.gogreendiv_ul{list-style-type: disc;margin: 0px 0px 0px 25px;padding: 0px 0px 10px 0px; font-size: 0.9em;}
.gogreendiv_ul_li{padding: 20px 0px 2px 0px;}
#gogreen_form { background-image: url(../../gogreen/images/forest.jpg); background-repeat: no-repeat; background-position: bottom right; }
.gogreen_logo { border-color: black; border: 1px solid black; position: relative; text-align: center; bottom: 5px;}
.green_center { text-align: center }
.green_title { color: Green; padding-bottom: 10px; font-size: 1.35em; border-bottom: 0px; text-align: center; }
.form_title { color: Green; font-size: 1.3em; }


/* go green section end */

/* customer zone */

#customerzone { position: relative; float: right; border-width: 0px; margin-top: 20px; margin-right: 5px; width: 208px; height: 27px; cursor: pointer; background-image: url(http://switchingon.com/App_Themes/Unicom/Images/customerzone_icon.jpg); background-position: right; background-repeat: no-repeat; }
#customerzone:hover { position: relative; float: right; border-width: 0px; margin-top: 20px; margin-right: 5px; width: 208px; height: 27px; cursor: pointer; background-image: url(http://switchingon.com/App_Themes/Unicom/Images/customerzone_icon_active.jpg); background-position: right; background-repeat: no-repeat; }
.centeredImage { text-align:center; margin-top:10px; margin-bottom:10px; padding:0px; }
.customerzone_bullets {list-style-type: disc; margin: 10px 0px 15px 45px; }
.customerzone_bullets li{margin: 3px 0px 0px 3px;}
.customerzone_numbered_bullets {list-style-type: decimal; margin: 10px 0px 15px 15px; }
.customerzone_numbered_bullets li{margin: 3px 0px 0px 3px;}
.email { list-style-type: decimal; margin: 10px 0px 15px 30px; } 
.email li { margin: 10px 0px 10px 0px; }
.email img { text-align: center; }
.broadband_help_menu { padding: 5px; border: solid 1px white; cursor: pointer; }
.broadband_help_menu:hover { padding: 5px; background: #f4f4fd; border: solid 1px #7d7ea8; }
.customerzone_titletable { border: solid 1px white; width: 300px; cursor: pointer; height: 100px; }
.customerzone_titletable2 { border: solid 1px white; width: 300px; cursor: pointer; height: 100px;  }
.customerzone_titletable:hover { background-color: #e7ffe7; border: solid 1px #91ca91; }
.customerzone_titletable2:hover { background-color: #f0f3fe; border: solid 1px #ccd5fc; }
.customerzone_titletable img { border: solid 1px black; }
.customerzone_titletable td { padding: 5px 5px 5px 5px; border: none 0px white; text-align: left; }
.customerzone_titletable2 img { border: solid 1px black; }
.customerzone_titletable2 td { padding: 5px 5px 5px 5px; border: none 0px white; text-align: left; }
.listofnetworkfeatures th { text-align: left; font-weight: bold; padding: 5px 5px 5px 5px; }
.listofnetworkfeatures td { text-align: left; padding: 5px 5px 5px 5px; }
.listofnetworkfeatures2 { width: 410px; }
.listofnetworkfeatures2 td { text-align: right; padding: 5px 5px 5px 5px;}
#movingpremises_form { background-image: url(../../customerzone/images/moving_lady.jpg); background-repeat:no-repeat; background-position: bottom right; }
.navigation { background-color: #f8fbfe; font-size: smaller; text-align: right; padding-left: 0px; border: solid 1px #d0dcf4; padding-right: 10px; margin-top: 20px; }

/* customer zone end */

/*Recruitment section*/
.recuitTable td { padding: 3px 10px 3px 10px;}
.recruitTable_td1:hover { background-color: #f0f3fe; cursor: pointer; }
.recruitTable_td2:hover { background-color: #e7ffe7; cursor: pointer; } 

#content_main p{text-align: justify; width: 500px;}
#content_main p.final{width: 65%;}
#content_middle{height: 180px;}
#content_middle a:link, #content_middle a:visited{text-decoration: none;color: #3f5f85;}
#content_middle a:hover, #content_middle a:active{text-decoration: none;color: #3f5f85;}
#content_main h2{color: #003566;font-size: 1.3em;}
img.read-more{position: relative;top: 30px;	left: 40px;}
#telecoms:hover, #broadband:hover, #website:hover, #mobile:hover, #nts:hover, #vault:hover, #enquiry:hover{color: #000; border: 1px solid #ccc}
#telecoms:hover{background: #C8DDFA;}
#broadband:hover{background: #FFE4B2;}
#mobile:hover{background: #E9E3F1;}
#website:hover{background: #E9E3F1;}
#nts:hover{	background: #E4BFBF;}
#vault:hover{background: #B2D9B2;}
#enquiry:hover{background: #EDDF47;}
#footer{clear: both;min-height: 101px;height: 101px;padding: .5em 0;background: #fff url(images/footer.png) repeat-x;font-size: x-small;position: static;	width: 770px;margin: 0px auto 0 auto;}
#footer p{text-align: center;}

/* =content pages */
#pageContent, #prodContent, #faultReporter{	width: 600px;float: right;padding: 15px 5px 20px 10px;background: #fff;}
#prodContent p, #faultReporter p{width: 430px;}
#prodContent .highlight p{width: 380px;}
#map_content{width: 600px;float: right;	margin: 5px 0px 0px 0px;padding: 0;}
#pageContent h3, #prodContent h3{color: #003566;font-size: 1.5em;margin: 5px 0px 0px 0px;padding: 0;}
#faultReporter h3{color: #003566;font-size: 0.9em;margin: 5px 0px;padding: 0;font-weight: bold;}
#map_content h3{color: #003566;	font-size: 1.5em;margin: 5px 0px 0px 0px;padding: 0;}
#next_page{float: right;width: 200px;}
#next_page h5{margin: 15px 0px 0px 0px;	padding: 0;	font-weight: bold;}
.highlight{width: 360px;margin: 5px 0px;padding-top: 5px;}
.highlight .expand{	width: 420px;padding-right: 10px;padding-top: 5px;}
.highlight h4{color: #ff6600;margin: 0px 0px 0px 10px;}
.highlight h5{margin: 0;padding: 0;	font-weight: bold;}
.highlight p{margin: 0px 0px 0px 10px;}
.highlight ul{list-style-type: disc;margin: 0px 0px 0px 25px;padding: 0px 0px 10px 0px;	font-size: 0.9em;}
.highlight ul li{padding: 3px 0px 2px 0px;}
.bullets{list-style-type: disc;margin: 10px 0px 0px 25px;}
.bullets li{margin: 3px 0px 0px 3px;}
.bullets2{list-style-type: disc;margin: 10px 0px 20px 25px;}
.bullets2 li{margin: 0px 0px 0px 23px; padding: 2px;}
.responseList{list-style-type: disc;margin: 0px 0px 0px 25px;}
.responseList li{margin: 3px 0px 0px 3px;}
.faq li{background-image: url(images/arrow.gif);background-repeat: no-repeat;background-position: 0px;padding: 0px 0px 0px 12px;margin-top: 3px;}
.nav-left{width: 150px;height: auto;float: left;text-align: left;padding: 0px;margin-top: 30px;}
.box{padding: 0px;margin-bottom: 20px;border: solid 1px #ccc;background-color: #fff;}
.fast_track{padding: 0px 0px 0px 25px;margin-bottom: 20px;}
.box h4{margin: 0;padding: 5px;	background: #4890f0;color: #fff;font-size: x-small;	border-bottom: 1px solid #ccc;}
.box ul{padding: 0;margin: 0;font-size: 0.9em;}
ul.navListLinks{list-style-type: none;}
ul.navListLinks li{	border-bottom: 1px dotted #eee;	padding: 4px 0px 2px 6px;}
ul.navListLinks li a{display: block;outline: none;}
ul.navListLinks li a:link, ul.navListLinks li a:visited, ul.navListLinks li a:active {color: #000;	text-decoration: none;}
ul.navListLinks li a:hover{	text-decoration: underline;}
ul.navListLinks li a.active{color: #000;font-weight: bold;}
ul.navListLinks li ul li a.active{color: #000;}
.border{border: 1px solid #000;}
.image_right{float: right;margin: 10px 0px 10px 10px;}
.image_left{float: left;margin: 10px 10px 10px 0px;}
.link-right{float: right;font-size: 0.9em;padding: 0px 5px 10px 0px;outline: none;}
.disclaimer{font-size: 0.8em;color: #aaa;margin: 0;padding: 0px 0px 5px 20px;}
.disclaimer2{font-size: 0.7em; color: #aaa; margin: 0;}
.question { width: 110px; font-size: 10px; background-color: #e5e5e5; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.surveycolumns { width: 90px; text-align: center; font-weight: bold; } 

/* =tables */
table.genTable, table.enquiries{font-size: 1em;margin-bottom: 20px;width: 600px;	font-family: Verdana;}
table.genTable th, table.enquiries th{border: 1px solid #aaa;padding: 5px;color: #333;font-size: 0.9em;font-weight: bold; text-align: center;}
table.genTable td, table.enquiries td{border: 1px solid #aaa;padding: 5px;font-size: 0.8em;}
table.genTable .alt{background: #f5fafa url(images/bullet2.gif) no-repeat;}
table.genTable caption#nts{display:none;}
table.genTable .notes{border: none;}
.telecoms{background: #CAE8EA url(images/bg_header.jpg) no-repeat;}
table.faqTable{font-size: 0.9em;width: 580px;}
table.faqTable th{border: 1px solid #aaa;padding: 5px;font-weight: bold;color: #333;}
table.faqTable td{border: 1px solid #aaa;padding: 5px;}
table.faqTable .alt{background: #f5fafa url(images/bullet2.gif) no-repeat;}
table.mobilespecs {border: solid 0px #ccc; font: 0.9em/145% 'Trebuchet MS' ,helvetica,arial,verdana;color: #333; margin-top: 20px; float: right;}
table.mobilespecs td { border-bottom: solid 1px #ccc; text-align:center; }
table.mobilespecs th { border-bottom: solid 1px #ccc; text-align: left; }
table.mobilespecs .alt { background-color: #faf8f8; }
table.unicomvault{background: #EFF4FB url(images/teaser.png) repeat-x;border-left: 1px solid #686868;border-right: 1px solid #686868;font: 1.2em/145% 'Trebuchet MS' ,helvetica,arial,verdana;color: #333;margin-top: 12px;}
table.unicomvault th{text-align: center;vertical-align: middle;background: #fff;}
table.unicomvault thead th{background:#333 url(images/th.png) repeat-x;	color: #fff;vertical-align: top;}
table.unicomvault td{text-align: left;vertical-align: top;border-left-style: none;padding: 5px;}
table.unicomvault td.img{border-right-style: none;}
table.enquiries {text-align: center; border: 1px solid #333;}
table.enquiries .us{font-size: 1.2em; height: 68px;}
table.enquiries .us .logo{text-indent: -9999px;}
table.enquiries .us th{background: url(../../118777/images/logo_sml.jpg); background-repeat: no-repeat; background-position: center;}
table.enquiries .savings{font-size: 1.2em; font-weight: bold;}
table.enquiries thead th{background: url(images/enquiries_header.jpg) repeat-x; color: #fff;}
table.disclaimer {text-align: right; width: 600px;}

/* =FAQ Accordion */
.accordionHeader{border: 1px dotted #ccc;color: #4890f0;background-color: #eee;font-family: Verdana, Arial, Sans-Serif;font-size: 0.9em;padding: 5px;margin-top: 10px;cursor: pointer;}
#pageContent li{text-align: justify;}
#pageContent .accordionHeader a{color: #FFF;background: none;text-decoration: none;}
#pageContent .accordionHeader a:hover{background: none;text-decoration: underline;}
.accordionHeaderSelected{border: 1px dotted #ccc;color: #4890f0;background-color: #eee;font-family: Verdana, Arial, Sans-Serif;	font-size: 0.9em;padding: 5px;margin-top: 10px;	cursor: pointer;}
#pageContent .accordionHeader a{color: #FFF;background: none;text-decoration: none;}
#pageContent .accordionHeader a:hover{background: none;	text-decoration: underline;}
.accordionContent{background-color: #fff;border: 1px dotted #ccc;border-top: none;padding: 5px;font-size: 0.9em;}

/* site search */
div#site_search{width: 225px;height: 15px;float: right;	position: absolute;	right: 0px;	top: 75px;}
div#site_search p{padding-left: 5px;margin: 0;	font-weight: bold;}
div#search_box{margin: 0px 40px 0px 0px;}
div#search_button{float: right;position: relative;bottom: 21px;	padding-right: 5px;	width: 30px;}
div#radio_buttons{margin: 0;padding: 0;display: none;}
p.searchURL{font-size: 0.9em;color: #888;}
label{padding: 10px 5px 5px 5px;}
.textbox{margin: 0px 0px 10px 5px;}
img.vault{padding-left: 20px;}
.vault li{font-size: 1.2em;}
h4.right{text-align: right;	color: #003566;font-size: 1.2em;border-bottom: solid 1px #ccc;	margin-bottom: 0;}
fieldset{margin: 0px;padding: 10px;}
p.question{font-weight: bold;}
.vaultform span{font-size: 0.9em;color: #4c4c4c;}
.nextbtn{margin: 10px 0px 10px 5px;}
.searchlabel{display: none;}
.hidediv{display: none;}