@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
background: #EFEDE8;
color: #666;
font-family: Arial, Helvetica, sans-serif;
font-size: 63.7%;
line-height: 1.3;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

a {
text-decoration: none;
color: #3399FF;
}

a:hover {
text-decoration: underline;
}


/* //header */
#header-wrap {
background: #5b5555 url(../../images/brightspark/header.gif) 695px 0 no-repeat;
}

#header {
margin: 0 auto;
padding-top: 134px;
width: 966px;
position: relative;
}

#header img {
position: absolute;
top: 73px;
left: -5px;
}

/* //nav */
#nav {
font-size: 1.7em;
font-weight: bold;
}

#nav li {
float: left;
width: 7em;
line-height: 1.15;
position: relative;
}

#nav a {
margin-right: 1px;
padding-left: 10px;
padding-top: 5px;
color: #D5D5C7;
display: block;
min-height: 47px;
}

#nav a:hover, #nav a.nav-on {
background: url(../../images/brightspark/nav-hover.gif) 0 0 no-repeat;
text-decoration: none;
}

#nav a.nav-on {
color: #F2AB13;
}

#nav a em {
color: #D5D5C7;
font-size: .7em;
font-style: normal;
font-weight: normal;
display: block;
}

#sub-nav {
padding: .5em 0;
background: #F2AB13;
}

#sub-nav ul {
margin: 0 auto;
width: 966px;
}

#sub-nav li {
margin-right: .8em;
border-right: 1px solid #5B5555;
display: inline;
}

#sub-nav li.sub-last {
border-right: 0;
}

#sub-nav a {
padding-right: .85em;
color: #000;
font-size: 1.2em;
}

#sub-nav a:hover {
color: #FFF;
text-decoration: none;
}

#sub-nav a.sub-on, #sub-nav a:hover.sub-on {
color: #FFF;
}

#page-wrap {
padding-bottom: 50px;
background: #F9F9F9 url(../../images/brightspark/page.jpg) 0 0 repeat-x;
}

#page {
margin: 0 auto;
padding: 0;
font-size: 1.3em;
line-height: 1.5;
width: 966px;
}

#content {
padding-top: 47px;
float: left;
width: 596px;
}

#content p {
margin-bottom: 1.4em;
}

h1 {
margin-bottom: 0.75em;
color: #F2AB13;
font-size: 2.0em;
line-height: 1.2;
}

h1 span {
color: #4F483B;
}

#content h1 em {
color: #4F483B;
font-style: normal;
}


h2 {
margin-bottom: .35em;
font-size: 1.7em;
color: #322C21;
line-height: 1.5;
}

#content h3 {
font-size: 1.5em;
line-height: 1.2;
}

#content h3 a {
font-size: .7em;
font-weight: normal;
}

#content ul {
margin: -.75em 0 1.7em 30px;
}

#content ul.adjust {
margin-top: .2em;
}

#content li {
margin-bottom: .25em;
}

#content li li {
margin-bottom: 0;
}


#content ul li {
padding-left: 13px;
background: url(../../images/brightspark/bullet.gif) 0 7px no-repeat;
}

#content ul ul {
margin: 0 0 .5em 10px;
}

#content ol {
margin-bottom: 1.7em;
}

#content ol li {
margin-left: 40px;
list-style: decimal;
}

.content-col {
width: 290px;
float: left;
}

.even {
margin-left: 16px;
}

.content-col h2 {
padding: 7px 5px 2px 18px;
background: #EF9E0D url(../../images/brightspark/heading-bg.gif) 0 0 no-repeat;
border-top: 0;
color: #FFF;
font-size: 2em;
}

#content .content-col h3 {
margin-bottom: .5em;
padding: .15em 0 .75em;
border-bottom: 1px solid #CCC;
color: #666;
font-size: 1.1em;
font-weight: normal;
line-height: 1.4;
}

div.divider
{
  height:1px;
  border-bottom:1px solid #ccc;
  border-top: 0px solid #fff;
  margin-bottom: 0.7em;
}


/* //2nd level overrides */
div.sub-page h1 {
margin-bottom: .75em;
color: #F2AB13;
font-size: 2.2em;
}

div.sub-page h1 span {
color: #4F483B;
}


/* //Icons */
#content p.pdf {
margin: -.25em 0 1em;
padding-left: 35px;
background: url(../../images/brightspark/icon-pdf.gif) 0 0 no-repeat;
}

p.pdf a {
font-size: 1.1em;
}

p.pdf em {
display: block;
font-size: .9em;
font-style: normal;
}


/* //Usefull */
#content div.intro p {
margin-bottom: .7em;
color: #F2AB13;
font-size: 1.3em;
font-weight: bold;
line-height: 1.2;
}

#content div.intro {
margin-bottom: 1.0em;
border-bottom: 1px solid #CCC;
}

#content p.no-line {
padding-bottom: .75em;
border-bottom: 0;
}

/* // Recent posts */
#panel ul li {
margin-bottom: .25em;
padding: .3em 0 .4em;
border-top: 1px solid #999;
line-height: 1.2;
}

#panel ul li a {
font-weight: bold;
}

#panel ul li span {
display: block;
font-size: .85em;
}

.see-all {
padding-top: .35em;
border-top: 1px solid #999;
}


.top-line {
padding-top: .75em;
border-top: 1px solid #CCC;
}


#related {
margin-left: 65px;
padding-top: 40px;
float: left;
width: 305px; /*370*/
}

#related h3 {
margin-bottom: .5em;
color: #5b5555;
font-size: 1.4em;
}

#related p {
margin-bottom: 1em;
}

#related ol {
border-bottom: 1px solid #999;
list-style: decimal;
}

#related ol li {
padding: .5em 0;
border-top: 1px solid #999;
list-style-position: inside;
font-size: .85em;
}

#related img {
margin-bottom: 2em;
}

#panel-wrap {
padding-bottom: 17px;
background: #FAF0D5 url(../../images/brightspark/panel-shadow.gif) 0 bottom no-repeat;
}

#panel {
padding: 0 25px;
background: #FAF0D5 url(../../images/brightspark/panel-gradient.gif) 0 0 no-repeat;
min-height: 300px;
}


#footer-wrap {
padding: 1.25em 0 4em;
background: url(../../images/brightspark/footer.jpg) 0 0 repeat-x;
font-size: 1.2em;
}

#footer {
margin: 0 auto;
color: #908774;
width: 966px;
}

#footer ul {
margin-bottom: .6em;
}

#footer li {
margin-right: .25em;
display: inline;
}

#footer a {
color: #70654e;
}

#footer p a {
margin-right: .25em;
color: #908774;
text-decoration: underline;
}

#footer p a:hover {
text-decoration: none;
}

#footer .copyright {
color: #afa89b;
float: right;
}

/* Home page  */
body.home #page {
background: url(../../images/brightspark/home-bg.jpg) 385px 0 no-repeat;
}

.home #content {
padding-top: 47px;
width: 660px;
}

.home #related {
margin-left: 0;
padding-top: 40px;
width: 305px;
}

div.home-intro {
min-height: 235px;
width: 400px;
}

.home h1 {
display: inline;
line-height: 1.1;
}

.home #content div.intro p {
border-bottom: 0;
display: inline;
font-size: 2em;
line-height: 1.2;
}

.box-wrap {
padding-top: 1.35em;
/*background: url(imgs/home-line.gif) 0 0 no-repeat;*/
border-top:solid 1px #bab7b7;
}

div.box-bot {
margin-left: 35px;
padding-bottom: 15px;
background: url(../../images/brightspark/home-box-bot.gif) 0 bottom no-repeat;
float: left;
position: relative;
width: 191px;
}

div.box-first {
margin-left: 0;
}

div.box-top {
background: #EE9C09 url(../../images/brightspark/home-box-bg.jpg) 0 0 no-repeat;
line-height: 1.2;
min-height: 18.5em;
}

.box-top {
padding-right: 19px;
padding-left: 19px;
color: #6F6B5F;
}

.box-wrap h2 {
margin-bottom: 5px;
padding-top: 11px;
border-top: 0;
color: #FFF;
font-size: 2em;
}

#content .box-wrap p {
margin-bottom: 1.25em;
font-size: .9em;
} 

#content .box-wrap ul, #content .box-wrap ol {
margin: .75em 0 1.5em;
}

.box-wrap li a {
font-size: 1em;
font-weight: bold;
}

.box-wrap a {
color: #6F6B5F;
}

a.more {
background: transparent;
display: block;
font-size: .9em;
font-weight: bold;
text-decoration: underline;
position: absolute;
bottom: 22px;
left: 19px;
}

a:hover.more {
text-decoration: none;
}

.home #related {
padding-top: 204px;
}

.home #panel {
background: #FAF0D5 url(../../images/brightspark/panel-gradient-home.gif) 0 0 no-repeat;
min-height: 225px;
}

.home #panel h3 {
padding-top: .65em;
}

.home .see-all {
padding-top: .75em;
}

.home #related p {
margin: -.5em 0 1em;
line-height: 1.2;
font-size: .9em;
}

.home #related input, .pop-up input {
margin-bottom: 1em;
padding: .15em;
display: block;
color: #5B5555;
font-size: .9em;
}

.home #related input.inline, input.inline {
margin-right: .75em;
padding: .25em .5em;
background: #F2AB13;
border: 1px solid #F2AB13;
display: inline;
color: #FFF;
font-weight: bold;
cursor: pointer;
}

#related form a, .pop-up form a {
margin: 2px 160px 0 0;
float: right;
color: #5B5555;
font-weight: bold;
}

.pop-up form {
width: 30em;
}

.pop-up form a {
margin-top: 4px;
margin-right: 220px;
}

/* Pop-up window */
body.pop-up {
padding: 20px 0 0 29px;
background: #FFF url(../../images/brightspark/popup-bg.gif) right 0 no-repeat;
font-size: .80em;
line-height: 1.1;
}
.pop-up #content {
padding-top: 0;
float: none;
width: 476px;
}
.pop-up h1 {
margin-bottom: .3em;
color: #A9A29F;
font-size: 2.3em;
}
.pop-up h2 {
margin: 0 0 .75em 0;
padding: 0 280px .7em 0;
border-top: 0;
border-bottom: 1px solid #CCC;
color: #F2AB13;
font-size: 1.4em;
line-height: 1.2;
width: 320px;
}

.pop-up #content h2 {
margin-bottom: .35em;
color: #322C21;
font-size: 1.8em;
}

.pop-up #content h3 {
margin-bottom: .15em;
color: #666;
font-size: 1.5em;
}

.pop-up #content p {
margin-bottom: .75em;
}

.pop-up img {
margin: 1.5em 0;
display: block;
}

.pop-up #footer {
margin: 32px 0 0 0;
padding: .75em 0 2em;
border-top: 1px solid #CCC;
width: 600px;
}

.pop-up #footer p.copyright {
color: #B9B4A9;
}

.pop-up a.close-win {
margin-bottom: 1.35em;
color: #5B5555;
display: block;
font-weight: bold;
}

.line {
text-decoration: underline;
}



/* //accessibility/clearers */
.hide, #skip-links, .home #related label, .pop-up label {
position: absolute;
left: -9999px;
z-index: 50;
width: 1px;
font-size: 1px;
height: 1px;
overflow: hidden;
display: block;
line-height: 0;
}

.clearfix:after, #header-wrap:after, #nav:after, #sub-nav:after, #page-wrap:after, #page:after, #related:after, .box-wrap:after, .box-top:after, .clear {
content: ".";
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/* siteMap */
div#siteMap ul {
  margin-left: 0px;
}

div#siteMap ul ul {
  margin-left: 20px;
}

div#siteMap ul li{
  list-style-type: none;
}

div#siteMap ul{
  list-style-type:none;
  margin:20px 0px 0px 0px;
  padding:0px;
}

div#siteMap ul li{
  font-weight:bold;
  margin:0 0 1.2em 0;
  line-height:1.3em;
  background-image: none;
}

div#siteMap ul li ul{
  list-style-type:none;
  margin:0.5em 0 0 0.6em;
  padding:0px;
}

div#siteMap ul li ul li{
  font-weight:normal;
  margin:0 0 0.5em 0;
  line-height:1.2em;
}

div#siteMap ul li ul li ul{}

div#siteMap ul li ul li ul li{}

/**********************************************/
/* Contact Us / Form Element Template Styling */
/**********************************************/

div#form-wrapper {
margin:20px 0;
}

div#form-wrapper form div.question {
margin:0 0 18px 0;
}

div#form-wrapper form div.question p {
margin:0 0 5px 0;
line-height:1.2em;
vertical-align:middle;
}

div#form-wrapper form div.question span {
vertical-align:middle;
}

div#form-wrapper form div.question hr {
height:1px;
border:none;
border-top:solid 1px #cccccc;
}

div#form-wrapper form input {
font-family:verdana, arial, sans-serif;
font-weight:normal;
color:#666666;
width:auto;
height:1.8em;
line-height:1.8em;
border:none;
overflow:hidden;
margin:0px;
padding:0px;
vertical-align:middle;
}

div#form-wrapper form div.timefield select,
div#form-wrapper form div.datefield select {
width: 57px;
}

div#form-wrapper form select {
font-family:verdana, arial, sans-serif;
font-weight:normal;
color:#666666;
width:98%;
line-height:1.8em;
height: auto;
overflow:hidden;
margin:0px;
padding:2px;
vertical-align:middle;
}

div#form-wrapper form input.textbox {
font-family:verdana, arial, sans-serif;
font-weight:normal;
color:#666666;
width:98%;
line-height:1.8em;
height: auto;
border:solid 1px #999;
overflow:hidden;
margin:0px;
padding: 2px;
}

div#form-wrapper form input.fileUpload {
font-family:verdana, arial, sans-serif;
font-weight:normal;
color:#666666;
width: 98%;
height:auto;
line-height:1.8em;
border:solid 1px #999;
overflow:hidden;
margin:0px;
padding:2px;
}

div#form-wrapper form textarea {
font-family:verdana, arial, sans-serif;
font-weight:normal;
color:#666666;
width: 98%;
height:60px;
border:solid 1px #999;
overflow:auto;
margin:0px;
padding:2px;
}

div#form-wrapper form select.multipleSelect {
height:auto;
border:inset 2px #dddddd;
}

div#form-wrapper form table.radioBlockSubQuestions {
width:100%;
border-collapse:collapse;
table-layout:fixed;
margin:0px;
padding:0px;
}

div#form-wrapper form table.radioBlockSubQuestions tr td.subQuestion {
width:30%;
}

div#form-wrapper input.formButton {
background:#F2AB13 none repeat scroll 0%;
border:1px solid #F2AB13;
color:#FFFFFF;
cursor:pointer;
display:inline;
font-weight:bold;
margin-right:0.75em;
padding:0.25em 0.5em;
height: auto;
}

div#form-wrapper input.formButton:hover {
cursor:pointer;
}

/* Tables */
div.tableStyle {
margin: 12px 0 12px 0;
padding: 0px 0px 0px;
background-repeat: no-repeat;
background-position: right bottom;
position:relative;
}

div.tableStyle p {
margin: 0px;
padding: 0px;
}

div.tableStyle img.tableTopLeft {
position:absolute;
top:0px;
left:0px;
z-index:10;
}

div.tableStyle img.tableTopRight {
position:absolute;
top:0px;
right:0px;
}

div.tableStyle table {
border-collapse:separate;
border-spacing:0px;
margin:0px;
padding:0px;
clear:both;
table-layout:auto;
width:100%;
}

div.tableStyle table.table-yellow {
border-left:2px solid #F2AB13;
border-right:2px solid #F2AB13;
border-bottom:2px solid #F2AB13;
}

div.tableStyle table thead tr td {
border:0px;
font-weight:bold;
font-size:12px;
padding:6px 10px;
color: #fff;
}

div.tableStyle table.table-yellow thead tr td {
background-color:#F2AB13;
}

div.tableStyle table thead tr td span {
position:relative;
z-index:20;
}

div.tableStyle table tbody tr td,
div.tableStyle table tbody tr th {
padding:5px 10px;
text-align:left;
border-top:1px solid #ddd;
margin:0px;
}

div.tableStyle table.table-yellow tbody tr.altRow td {
background-color:#f2ebda;
}

div.tableStyle table tbody tr th {
font-weight:bold;
}

div.image-left {
float:left;
margin:4px 7px 6px 0;
padding:0 9px 0 0;
border-right:solid 1px #fff;
}

div.image-left-no-border {
float:left;
margin:4px 0px 6px 0px;
}

div.image-right {
float:right;
margin:4px 0 6px 7px;
padding:0 0 0 9px;
border-left:solid 1px #fff;
}

div.image-right-no-border {
float:right;
margin:4px 0px 6px 0px;
}

div.image-right span.image-caption {
text-align:right;
}

div.image-left span.image-caption,
div.image-left-no-border span.image-caption,
div.image-right span.image-caption,
div.image-right-no-border span.image-caption,
div.image-top span.image-caption,
div.image-top-no-border span.image-caption {
display:block;
margin:3px 0 0 0;
font-style:italic;
}

div.image-wrapper img {
padding:1px;
display:block;
border: 1px solid #ccc;
}

div.image-wrapper {
background-image: url(../../images/telecomwholesale/image-shadow.png);
background-repeat: no-repeat;
background-position: right bottom;
padding-bottom:8px;
display:block;
}

div.image-left span,
div.image-right span,
div.image-top span {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 6px;
display: block;
}

form#search-form {
margin: 15px 0px 10px 0px;
position: relative;
}

form#search-form * {
vertical-align: top;
}

form#search-form input.textbox {
border:1px solid #D4D4D4;
width:180px;
font-size: 0.9em;
padding: 2px;
margin-right: 35px;
}

form#search-form input#search-submit {
display: block;
border: 0px;
cursor: pointer;
position: absolute;
top: 0px;
left: 195px;
}

form#search-form input#search-submit:hover {
background-position: 100% 100%;
}

span.active-search-page,
span.active-pagination-page{
color:  #666;
background-color: #ddd;
padding: 0px 4px;
}

div.search-pagination {
background-image: url(../../images/brightspark/divider.png);
background-repeat: no-repeat;
padding-top: 10px;
}

div.search-pagination-text{
float: left; 
}

div.search-pagination-navigation{
float: right; 
}

h3.search-header {
margin-top: 1.5em;
}

div#searchResults ul,
div#searchResults ol {
margin-left: 0px;
margin-top: 1.5em;
}

div#siteMap ul ul {
margin-left: 20px;
}

div#searchResults ul li,
div#searchResults ol li {
list-style-type: none;
background-image: none;
}

p.response-message{
color: #f00;
}