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

body {padding-top: 0px; margin-top: 0px; background:#D0E1F2;}
body div#wrapper { margin: auto auto; height: auto; width: 730px; background: #fff url(images/bg-header.gif) no-repeat top left; border-right:1px solid #069; border-left:1px solid #069;}
div#wrapper h1 { color: #000033; font-family: impact; font-weight: bold; font-size:30px; padding: 45px 0 0 20px; margin: 0px; background: url(images/bg-money.gif) no-repeat; background-position: -2000px -2000px;}
div#wrapper h1 a { color: #000033; text-decoration: none;}
div#wrapper div#intro h1 {color:#000033; font-family: arial narrow; font-size:20px; padding:0; margin:0px; }
div#wrapper h2 { padding: 0px 0px 3px 20px; margin-top: 0; margin-bottom: 0px; color:#000033; font-family:arial narrow; font: normal 18px arial; text-decoration: none;}
div#wrapper div#intro h2 { font: bold 15px arial narrow;  padding:0; margin:0; background: url(images/bg-button-over.gif) no-repeat; background-position: -2000px -2000px;}
div#wrapper h2 a { text-decoration: none; color: white;}
body div#wrapper p.toplink a { font-size:10px;}
body div#wrapper p.toplink { background: url(images/bullet-arrows-up.gif) no-repeat 50px 10px; }
body div#wrapper img.outline { border: solid 1px #0066CC; }
a { color:#333333; }
a:link { color:#333333;}
a:visited { color:#333333; }
a:hover, a:active { color: #003366; }

  
/* mainnav styles */
div#wrapper div#mainnav { width: 730px; text-align: left; padding: 5px 0 0 0;}		 
div#mainnav ul { margin: 0; padding: 0; background:#aeb0b2/*url(images/bg-nav.gif) no-repeat top left*/; width: 730px; height: 25px; border-top:1px solid #069; border-bottom:1px solid #069; }
div#mainnav ul.navlinks{margin:0; padding:0;}
div#mainnav ul.navlinks li { margin:0; padding:0; float: left; list-style: none; height: 25px; background:url(images/bullet-square.gif) no-repeat 3px 5px; }
div#mainnav ul.navlinks li a { display: block; color:#FFFFFF; font: bold 15px arial narrow; text-decoration: none; line-height: 25px; padding: 0 0 0 20px;}
div#mainnav ul.navlinks li.first a.on { color:#003366;  }
div#mainnav ul.navlinks li a:hover, div#mainnav ul.navlinks li a.on { color: #003366; text-decoration: underline;}
div#mainnav ul.navlinks li a:hover { text-decoration: none; }
/* nav styles */
div#mainnav ul.navlinks li.one { width: 9.285714%; }
div#mainnav ul.navlinks li.two { width: 15.285714%; }
div#mainnav ul.navlinks li.three { width: 8.285714%; }
div#mainnav ul.navlinks li.four { width: 17.285714%; }
div#mainnav ul.navlinks li.five { width: 17.285714%; }
div#mainnav ul.navlinks li.six { width: 12.285714%; }
div#mainnav ul.navlinks li.seven { width: 20.285714%; }

/* h3,h4,h5 styles */

body.index div#wrapper h3 { text-align: left; margin: 0px 0 0 0; padding: 0px 0 17px 0; color: #FF9900; font: bold 13px arial; background: url(images/bg-basics.gif) no-repeat; background-position: -2000px -2000px; }
body.index div#wrapper div#main div h4  {  text-align: center; padding: 0px; margin: 0px 0 0 0; background: url(images/bg-features.gif) no-repeat; background-position: -2000px -2000px; }
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: 15px 0 0 0; color: #FF9900; font: bold 13px arial;}
body.index div#wrapper div#body_text h5 { margin: 0px; padding: 15px 0 0 0; color: #FF9900; 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 20px}
body.secondary div#wrapper div#intro h3 { font: bold 20px arial narrow; color: #000033; padding: 0 0 0 0; margin: 0 0 0 0; line-height: 17px;}
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: 15px 0 0 0; color: #FF9900; font: bold 16px arial; }
body.secondary div#wrapper div#body_text h5 { margin: 0px; padding: 15px 0 0 0; color: #FF9900; font: bold 16px arial; }

/*home intro */
div#wrapper div#intro { clear: both; margin: 0px 20px 0 20px; padding: 20px 0 0 0;  }
div#wrapper div#intro div.productimage { float: right; padding: 0px 20px 0 10px; margin:0;}
div#wrapper div#intro p {font: normal 13px arial; text-decoration: none; }
div#wrapper div#intro p b { color: #003366;}


/* Call to quote */
div#calltoquote {float: left;height: 195px;margin: 0px 5px 10px 0px;padding: 10px 10px 10px 5px;width: 255px;background-image: url(images/bg-quote3.gif);background-repeat: no-repeat;background-position: left top;}
div#calltoquote h5 {text-align: center; color:#0072A3;padding: 10px 0 0px 20px;margin: 0px 0px 10px 0px;font-family: arial;font-size: 17px;}
div#calltoquote select { background-color: #ffffff; font-family: arial, helvetica; font-size: 12px; margin-bottom: 5px; margin-left: 90px; margin-top: 5px;}
div#calltoquote p { margin:5px 0 10px 80px; padding:0; }
div#calltoquote p a { line-height: 25px; padding-left: 25px; font-size: 14px; text-decoration: none; color: #0072A3; font-weight: bold; margin-top:0; padding-top:0;}
div#calltoquote p a:hover { line-height: 25px; padding-left: 25px; font-size: 14px; text-decoration: underline; }
div#calltoquote .style1 { font-family:arial; font-size: 12px;color: #FFFFFF;font-weight: bold;}

/*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 0px 20px; padding: 0 0 0 0; list-style: none;}
body.secondary div#wrapper div#intro ul.jumplinks li { font: normal 12px arial; padding: 0 0 10px 15px; background: url(images/bullet-arrows.gif) no-repeat left 3px;}
body.secondary div#intro div.rightside { float: right; width: 450px; padding-bottom: 0px; margin-bottom: 0px; margin-right:20px;}
body.secondary div#intro div.rightside ul li.para { list-style: none; }

table#table { margin-top: 20px; font: normal 12px arial; border: solid 1px #000033; margin-bottom: 10px;  }
table#table tr#header-row { background-color: #666666;  color: #FFFFFF; font: bold 14px Arial;}

/* home main section */
body div#wrapper ul {margin: 15px 0 0px 0px; padding: 0 0 0 0; list-style: none;}
body div#wrapper ul li { font: normal 12px arial; padding: 0 0 5px 17px; background: url(images/bullet-arrows.gif) no-repeat 2px 3px;}

body.index div#main { height: 256px; clear: both; margin-bottom: 35px; margin-right:20px; margin-left:20px;}
body.index div#main div { width: 200px;  border: solid 1px #006699; float: right; margin-left: 20px;}
body.index div#main div p { margin: 0px; padding: 3px 0 5px 10px; font: bold 11px arial;}
body.index div#main div#firstbox {margin: 0; }
body.index div#main div#thirdbox {margin-right:13px; }
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 - rollovers*/
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 { background: url(images/bg-basics-dark.gif) no-repeat 2px 2px;  padding: 110px 0 0 0; }
body.index div#main div#firstbox h4 a:hover, 
body.index div.voip div#firstbox h4 a:active { background: url(images/bg-basics.gif) no-repeat 2px 2px;  padding: 110px 0 0 0; }
body.index div#main div#secondbox h4 a { background: url(images/bg-features-dark.gif) no-repeat 2px 2px; }
body.index div#main div#secondbox h4 a:hover {  background: url(images/bg-features.gif) no-repeat 2px 2px; }
body.index div#wrapper div#main div#thirdbox h4 a { background: url(images/bg-money-dark.gif) no-repeat 2px 2px;}
body.index div#wrapper div#main div#thirdbox h4 a:hover {background: url(images/bg-money.gif) no-repeat 2px 2px; }
body.index div#main h4 a {padding: 110px 0 0 0; }




/* all bottom sections */
body.secondary div#wrapper div#bottom,
 div#wrapper div#bottom  { clear: both; margin:0 30px; padding: 0;}
body div#wrapper div#bottom div { width: 650px; padding: 0px 0 15px 0; margin: 0; }
body div#wrapper div#bottom table td{font-family:arial; font-size:13px; padding:4px;}
body div#wrapper div#bottom table td.body_texts{font:11px Arial, Helvetica, sans-serif;}
body div#wrapper div#bottom div p { width: 650px; font: normal 12px arial; color: #000000; margin: 0; padding: 8px 0 0 0;}
body.secondary div#wrapper div#bottom p { font: normal 12px arial; color: #000000;}
body div#wrapper div#bottom ul.jumplinks { margin: 10px 0 0px 30px; 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#wrapper div#footer { padding: 0px; margin: 15px 0 15px 0; text-align:center;}
div#wrapper div#footer ul { list-style: none; background: none; display: inline; }
div#wrapper div#footer ul li { list-style: none; background: none; display: inline; font: normal 11px arial; padding: 0 0 0 1px;  }
div#wrapper div#footer ul li a { padding: 0 2px 0 0;}

div#wrapper div#footer p { font: normal 11px arial; text-align: center; margin: 0px; padding: 10px 0 0 0;}


/*RFQ*/
body div#wrapper div.steps h3 {
color:#000000;
font-family:arial narrow;
font-size:20px;
margin:0;
padding:0 0 10px 0;
text-align:left;}

body div#wrapper div.steps {text-align:left; padding:20px 0 0 30px; width:90%;}
body div#wrapper div.steps strong {
color:#FF9900;
font-size:14px;}

body div#wrapperdiv.steps ul {
padding:0 0 35px 0; background:url("http://www.buyerzone.com/affiliates-bz/copier-research/divider-stripes.gif") no-repeat scroll left bottom transparent;
font-size:15px;
list-style:none outside none;}
body div#wrapper div.steps li {
background-image:none;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
list-style-type:none; 
list-style-image:none;
list-style-position:outside;
font-weight:bold;
padding:5px 0 5px 20px;}