/*
CSS author: Karen Lawes
Created: Oct 2006
Design: Affiliate - Telecom
Description: all styles
*/

body {padding-top: 0px; margin-top: 0px;}
body div#wrapper { margin: auto auto; height: auto; width: 660px; background: url(bg-header-jack.gif) no-repeat top left; }
div#wrapper h1 { color: #336699; font-family: impact; font-size:35px; padding: 28px 0 0 0; margin: 0px;}
div#wrapper h1 a { color: #336699; text-decoration: none;}
div#wrapper div#intro h1 {color: #FF9900; font-family: arial; font-size:20px; padding: 0 0 10px 0; margin: 0px; }
div#wrapper h2 { padding-top: 0px; margin-top: 0px; color: #999999; font-family:arial; font: normal 18px arial; text-decoration: none;}
a { color: #336699; }
div#wrapper h2 a { text-decoration: none; color: #999999;}
a:link { color: #336699; }
a:visited { color: #003366; }
a:hover, a:active { color: #336699; }
body div#wrapper p.toplink a { font-size:10px;}



/* form styles */
.tabledetails{font:12px/14px Arial, Helvetica, sans-serif;}
.tabledetails input{font:12px Arial, Helvetica, sans-serif;}
.asterix {color:#990000;}
/* tab sytles */
 div.info #tabs {
      background: none;
     
      }
	  
 #tabs {
      float:left;
      width:100%;
      background: url("bg.gif") repeat-x bottom;
      font-size:93%;
      line-height:normal;
      }
	 
	  
    #tabs ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #tabs li {
      float:left;
      background:url("left.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
	  font:bold 14px Arial; 
      }
    #tabs a {
	  float:left;
      display:block;
      background:url("right.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
	  color: #666666;
	  text-decoration: none;
      }
	 
    #tabs #current {
      background-image:url("left_on.gif");
      }
    #tabs #current a {
      background-image:url("right_on.gif");
      padding-bottom:6px;
	  font: Bold 14px Arial; color: #003366;
      }
	
	 /* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #tabs a {float:none;}
  /* End IE5-Mac hack */
  
  
/*Phone Systems and HBX call to quote*/
div#calltoquotesrt {float: left;height: 197px;margin: 0px 10px 10px 0px;padding: 8px 10px 10px 6px;width: 244px;background-image: url(images/bg-quote3.gif);background-repeat: no-repeat;background-position: left top;}
div#calltoquotesrt h5 {text-align: center;color:#0072A3;padding: 15px 0 2px 0px;margin: 0px 0px 0px 10px;font-family: arial;font-size: 15px;}
div#calltoquotesrt h6 { padding: 5px 0 0px 5px; margin: 0px 0px 10px 100px; }
div#calltoquotesrt select { background-color: #ffffff; font-family: arial, helvetica; font-size: 11px; margin-bottom: 5px; margin-left: 90px; margin-top: 5px;}

/*Phone Systems and HBX call to quote*/
div#calltoquotesvoip {float: left;height: 197px;margin: 0px 10px 10px 0px;padding: 8px 10px 10px 6px;width: 244px;background-image: url(images/bg-quote3.gif);background-repeat: no-repeat;background-position: left top;}
div#calltoquotesvoip h5 {text-align: center;color:#0072A3;padding: 15px 0 2px 0px;margin: 0px 0px 0px 10px;font-family: arial;font-size: 15px;}
div#calltoquotesvoip h6 { padding: 5px 0 0px 5px; margin: 0px 0px 10px 100px; }
div#calltoquotesvoip select { background-color: #ffffff; font-family: arial, helvetica; font-size: 11px; margin-bottom: 5px; margin-left: 75px; margin-top: 5px;}

/* mainnav styles */
div.info div#mainnav { border-top: solid 2px #CC9933;  }
div#wrapper div#mainnav { clear:both; width: 660px; background: url(bg-nav-dark.gif) repeat-x top left; }		 
div#mainnav ul { margin: 0; padding: 0; text-align: center;  }
div#mainnav ul.navlinks li { margin: 0; padding: 0; float: left; list-style: none; height: 42px; background: url(bg-nav-dark-large.gif) no-repeat top left; }
div#mainnav ul.navlinks li a { display: block; color: #FFFFFF; font: bold 13px arial; text-decoration: none; line-height: 42px; padding-top: -5px; padding: 0 0 0 8px;}
div#mainnav ul.navlinks li.first a { background: url(bg-nav-dark-large.gif) no-repeat -1px top;}
div#mainnav ul.navlinks li.first a:hover { background: url(bg-nav-light-large.gif) no-repeat -1px top;}
div#mainnav ul.navlinks li.first a.on { background: url(bg-nav-light-large.gif) no-repeat -1px top;}
div#mainnav ul.navlinks li a:hover, div#mainnav ul.navlinks li a.on { background: url(bg-nav-light-large.gif) no-repeat top left; color: white;}
/* Phone System nav styles */
div#mainnav ul.navlinks li.one { width: 10.6%; }
div#mainnav ul.navlinks li.two { width: 21.15818%; }
div#mainnav ul.navlinks li.three { width: 20.50%; }
div#mainnav ul.navlinks li.four { width: 27.21878%; }

/* VoIP nav styles */
div#mainnav ul.voip li.one { width: 10%; }
div#mainnav ul.voip li.two { width: 20.05818%; }
div#mainnav ul.voip li.three { width: 17.91878%;  }
div#mainnav ul.voip li.four { width: 26%; }
div#mainnav ul.voip li.five { width: 26%; }
div#mainnav ul.voip li a { padding: 0 0 0 8px; }

/* no cat nav styles */
div#mainnav ul.info li.one { width: 10%; }
div#mainnav ul.info li.two { width: 17%; }
div#mainnav ul.info li.three { width: 23%; }
div#mainnav ul.info li.four { width: 28%; }
div#mainnav ul.info li.five { width: 22%; }

/* cable + wiring style */
div#mainnav ul.info li.cwstyle { color: #003366; font-weight: bold; }
div#mainnav ul.info li.cwone { width: 68px; }
div#mainnav ul.info li.cwtwo { width: 142px; }
div#mainnav ul.info li.cwfour { width: 182px; }
div#mainnav ul.info li.cwfive { width: 200px; }

body div ol.cw li { font: normal 12px arial; padding: 0 0 5px 11px; }


/* h3,h4,h5 styles */

body.index div#wrapper div#intro div.productimage h3 { text-align: right; margin: 3px 0 0 0; padding: 0px;}
body.index div#wrapper div#intro div.productimage h3 a { font: bold 12px arial; text-decoration: none; text-align: right; }
body.index div#wrapper div#main div h4  {  text-align: center; padding: 0px; margin: 0px 0 0 0;}
body.index div#wrapper div#main div h4 a { text-decoration: none; font: bold 13px arial; color: #FF9900;}
body.index div#wrapper div#main div h4 strong { font: normal 11px arial; color:#FFFFFF; }
body.index div#wrapper div#main div h4 a strong { padding: 115px 54px 0 54px; }
body.index div#wrapper div#bottom h5 { margin: 0px; padding: 20px 0 0 0; color: #FF9900; font: bold 13px arial;}
.h5 { margin: 0px; padding: 20px 0 0 0; color: #336699; font: bold 13px arial;}
body.secondary div#wrapper div#intro h4 { font: bold 14px arial; color: #333366; padding: 13px 0 0 0; margin: 0 0 0 0px}
body.secondary div#wrapper div#intro h3 { font: bold 20px arial; color: #FF9900; padding: 0 0 0 0; margin: 0 0 0 0; line-height: 17px;}
body.secondary div#wrapper div#intro h3 a{ color: #336699; text-decoration: none;}
body.secondary div#wrapper div#intro h3 strong { font: normal 11px arial; color:#666666; padding: 0 0 0 0; margin: 0 0 0 0;}
body.secondary div#wrapper div#bottom h5 { margin: 0px; padding: 20px 0 0 0; color: #FF9900; font: bold 16px arial; }


/*home intro */
div#wrapper div#intro { clear: both; margin: 0px 0 0 0; padding: 30px 0 0 0; background: url(bg-multioffice.gif) no-repeat; background-position: -1000px -1000px; }
div#wrapper div#intro div.productimage { float: right; padding: 25px 30px 20px 0; background: url(bg-small-business.gif) no-repeat; background-position: -1000px -1000px;}
div#wrapper div#intro p { font: normal 13px arial; margin: 0px; padding: 0px; text-decoration: none; background: url(bg-med-business.gif) no-repeat; background-position: -1000px -1000px;}
div#wrapper div#intro p b { color: #003366; background: url(bg-large-business.gif) no-repeat; background-position: -1000px -1000px;}
body.index div#wrapper div#intro div.quotecallout { background: url(bg-orange-arrow.gif) no-repeat left top; margin: 10px 0 0 0; padding: 0 0 40px 0; width: 265px; }
body.index div#wrapper div#intro div.quotecallout a { display: block; text-decoration: none; width: 265px; color:#FFFFFF;}
/*body.index div#wrapper div#intro div.quotecallout a:hover { background: url(bg-orange-arrow-over.gif) no-repeat left top; }*/
body.index div#wrapper div#intro div.quotecallout p { color: #FFFFFF; font: bold 13px verdana; height: 50px; width: 265px; margin: 0px; padding: 5px 0 0 10px; cursor:pointer; background: url(bg-features.gif) no-repeat; background-position: -1000px -1000px; }
body.index div#wrapper div#intro div.quotecallout p strong { text-decoration: underline; background: url(bg-money.gif) no-repeat; background-position: -1000px -1000px;}


/*secondary intro */
body.secondary div#intro {padding-bottom: 0px; margin-bottom: 0px;}
body.secondary div#intro img.mainimage { border: solid 1px #006699; }
body.secondary div#wrapper div#intro ul.jumplinks {margin: 10px 0 10px 0px; padding: 0 0 0 0; list-style: none;}
body.secondary div#wrapper div#intro ul.jumplinks li { display:inline; font: normal 12px arial; padding: 0 0 10px 15px; background: url(bullet-orange-boxes.gif) no-repeat left 5px;}
body.secondary div#wrapper div#intro ul.jumpvoip {margin: 10px 0 10px 0px; padding: 0 0 0 0; list-style: none;}
body.secondary div#wrapper div#intro ul.jumpvoip li { display: block;  font: normal 12px arial; padding: 0px 0 10px 15px; background: url(bullet-orange-boxes.gif) no-repeat left 5px;}
body.secondary div#intro div.rightside { float: right; width: 390px; padding-bottom: 0px; margin-bottom: 0px;}
body.secondary div#intro div.rightside ul li.para { list-style: none; }
body.secondary div#wrapper div#intro div.quotecallout { background: url(bg-orange-arrow-sm.gif) no-repeat left top; padding: 0 0 0px 0; margin: 10px 0 15px 10px; width: 257px; }
body.secondary div#wrapper div#intro div.quotecallout a { width: 257px; display: block; text-decoration: none;}
body.secondary div#wrapper div#intro div.quotecallout a:hover {background: url(bg-orange-arrow-smover.gif) no-repeat left top;}
body.secondary div#wrapper div#intro div.quotecallout p { color: #FFFFFF; font: bold 13px verdana; height: 35px; width: 257px; margin: 0px; padding: 8px 0 0 10px; cursor:pointer; text-decoration: underline; }


/* home main section */
body div ul {margin: 15px 0 0px 7px; padding: 0 0 0 0; list-style: none;}
body div ul li { font: normal 12px arial; padding: 0 0 5px 11px; background: url(bullet-sm-blue.gif) no-repeat left 7px;}

body.index div#main { height: 256px; clear: both; margin-bottom: 35px;}
body.index div#main div { width: 200px;  border: solid 1px #006699; float: right; margin-left: 27px;}
body.index div#main div p { margin: 0px; padding: 3px 0 5px 10px; font: bold 11px arial;}
body.index div#main div#firstbox {margin: 0px; }
body.index div#main div#firstbox h4 a, body.index div#main div#firstbox h4 a:link, body.index div#main div#firstbox h4 a:visited {width: 200px; display: block; margin: 0px 0 0 0; }
body.index div#main div#firstbox h4 a:hover, body.index div#main div#firstbox h4 a:active {width: 200px; display: block; margin: 0px 0 0 0; }
body.index div#main div#secondbox h4 a { width: 200px; display: block; height: 31px;  margin: 0px 0 0 0;}
body.index div#wrapper div#main div#thirdbox h4 a { width: 200px; display: block; height: 31px; margin: 0px 0 0 0;}
body div ul {margin: 15px 0 0px 7px; padding: 0 0 0 0; list-style: none;}
body div ul li { font: normal 12px arial; padding: 0 0 5px 11px; }

/* home main section - VoIP rollovers*/
body.index div.voip div#firstbox h4 a, body.index div.voip div#firstbox h4 a:link, body.index div.voip div#firstbox h4 a:visited { background: url(bg-money.gif) no-repeat 2px 2px;  padding: 110px 0 0 0; }
body.index div.voip div#firstbox h4 a:hover, body.index div.voip div#firstbox h4 a:active { background: url(bg-money-dark.gif) no-repeat 2px 2px;  padding: 110px 0 0 0; }
body.index div.voip div#secondbox h4 a { background: url(bg-features.gif) no-repeat 2px 2px; }
body.index div.voip div#secondbox h4 a:hover {  background: url(bg-features-dark.gif) no-repeat 2px 2px; }
body.index div#wrapper div.voip div#thirdbox h4 a { background: url(bg-multioffice.gif) no-repeat 2px 2px;}
body.index div#wrapper div.voip div#thirdbox h4 a:hover {background: url(bg-multioffice-dark.gif) no-repeat 2px 2px; }
body.index div.voip h4 a {padding: 110px 0 0 0; }

/* home main section - Phone System rollovers*/
body.index div.phonesystems div#firstbox h4 a, body.index div.phonesystems div#firstbox h4 a:link, body.index div.phonesystems div#firstbox h4 a:visited { background: url(bg-small-business.gif) no-repeat 2px 2px; padding: 98px 0 3px 0; }
body.index div.phonesystems div#firstbox h4 a:hover, body.index div.phonesystems div#firstbox h4 a:active { background: url(bg-small-business-dark.gif) no-repeat 2px 2px; padding: 98px 0 3px 0; }
body.index div.phonesystems div#secondbox h4 a { background: url(bg-med-business.gif) no-repeat 2px 2px; padding: 98px 0 3px 0; }
body.index div.phonesystems div#secondbox h4 a:hover {  background: url(bg-med-business-dark.gif) no-repeat 2px 2px; padding: 98px 0 3px 0; }
body.index div#wrapper div.phonesystems div#thirdbox h4 a { background: url(bg-large-business.gif) no-repeat 2px 2px; padding: 98px 0 3px 0;}
body.index div#wrapper div.phonesystems div#thirdbox h4 a:hover {background: url(bg-large-business-dark.gif) no-repeat 2px 2px; }

/* home main section - PBX rollovers*/
body.index div.pbx div#firstbox h4 a, body.index div.pbx div#firstbox h4 a:link, body.index div.pbx div#firstbox h4 a:visited { background: url(advantages.gif) no-repeat 2px 2px; padding: 98px 0 3px 0; }
body.index div.pbx div#firstbox h4 a:hover, body.index div.pbx div#firstbox h4 a:active { background: url(advantages-dark.gif) no-repeat 2px 2px; padding: 98px 0 3px 0; }
body.index div.pbx div#secondbox h4 a { background: url(hosted-features.gif) no-repeat 2px 2px; padding: 98px 0 3px 0; }
body.index div.pbx div#secondbox h4 a:hover {  background: url(hosted-features-dark.gif) no-repeat 2px 2px; padding: 98px 0 3px 0; }
body.index div#wrapper div.pbx div#thirdbox h4 a { background: url(bg-money.gif) no-repeat 2px 2px; padding: 98px 0 3px 0;}
body.index div#wrapper div.pbx div#thirdbox h4 a:hover {background: url(bg-money-dark.gif) no-repeat 2px 2px; }

/* home main section - Cabling rollovers*/
body.index div.cabling div#firstbox h4 a, body.index div.pbx div#firstbox h4 a:link, body.index div.pbx div#firstbox h4 a:visited { background: url(bg-planning.gif) no-repeat 2px 2px; padding: 98px 0 3px 0; }
body.index div.cabling div#firstbox h4 a:hover, body.index div.pbx div#firstbox h4 a:active { background: url(bg-planning-dark.gif) no-repeat 2px 2px; padding: 98px 0 3px 0; }
body.index div.cabling div#secondbox h4 a { background: url(bg-specs.gif) no-repeat 2px 2px; padding: 98px 0 3px 0; }
body.index div.cabling div#secondbox h4 a:hover {  background: url(bg-specs-dark.gif) no-repeat 2px 2px; padding: 98px 0 3px 0; }
body.index div#wrapper div.cabling div#thirdbox h4 a { background: url(bg-money.gif) no-repeat 2px 2px; padding: 98px 0 3px 0;}
body.index div#wrapper div.cabling div#thirdbox h4 a:hover {background: url(bg-money-dark.gif) no-repeat 2px 2px; }

/* all bottom sections */
body.secondary div#wrapper div#bottom { clear: both; margin: 0 0 0 0; padding: 0 0 0 0; }
body div#wrapper div#bottom div { background: url(divider-stripes.gif) no-repeat left top; width: 660px; padding: 0px 0 25px 0; margin: 0px; }
body div#wrapper div#bottom div p { width: 660px; font: normal 12px arial; color: #000000; margin: 0px; padding: 8px 0 0 0;}
body div#wrapper div#bottom div blockquote { font: normal 12px arial; color: #000000; }
body.secondary div#wrapper div#bottom p { font: normal 12px arial; color: #000000;}
body div#wrapper div#bottom ul.jumplinks { margin: 10px 0 0px 0px; padding: 0 0 20px 0; list-style: none;}
body div#wrapper div#bottom ul.jumplinks a { font-weight: bold;}
body div#wrapper div#bottom ul.jumplinks li { display: inline; font: normal 12px arial; padding: 0 0 10px 12px; margin: 0 0 0 10px; background: url(bullet-orange-boxes.gif) no-repeat left 5px;}
body div#wrapper div#bottom ul.jumplinks li#first { margin-left: 0px;}
/* footer styles */
div#footer { padding: 0px; margin: 15px 0 15px 0; text-align:center;}
div#footer ul { list-style: none; background: none; display: inline; }
div#footer ul li { list-style: none; background: none; display: inline; font: normal 11px arial; padding: 0 0 0 1px;  }
div#footer ul li a { padding: 0 2px 0 0;}
div#footer p { font: normal 11px arial; text-align: center; margin: 0px; padding: 10px 0 0 0;}

/* BEGIN State Local List */
.RegionalList { width: 250px; margin-top: 20px; margin-bottom: 20px; border: none; background-image: none; }
.RegionalListTextHeader {width: 250px; height: 8px; line-height: 18px; font-size: 14px; font-weight: bold; color:#333333; text-align:center; padding: 0px; margin: 0px; font-family:verdana; margin-top: 20px; background-image: none;}
.RegionalListText { width: 250px; height: 100px; margin-left: 10px;  color: #336699; font-weight: normal; overflow: auto; border:none; background-image: none; }
.RegionalListLink {color: #336699; font-weight: normal; background-image: none;}
#searchbystate { float: right; background-image: none; }
body.index #searchbystate { float: none; background-image: none; }
/* END State Local List */