body {width:100%; height:100%; margin:0; padding:0; background-color:#FFF; background-image:url(images/traffic-testers-background.png); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000;}



h1 {font-size:24px; font-style:italic; font-weight:bold; color:RGB(237,28,36); margin:0;}

h2 {font-size:20px; font-style:italic; font-weight:bold; color:RGB(237,28,36); margin:0;}

h3 {font-size:16px; font-style:italic; font-weight:bold; color:RGB(42,102,196); margin:0;}

h3.satisfied {margin-bottom:20px; text-align:center;}

h4 {font-size:16px; border-bottom:1px dashed RGB(210,210,210);}

.ntm {margin-top:0;}

.nbm {margin-bottom:0;}

.nm {margin:0;}

a {RGB(51,102,204);}

a:hover {RGB(237,28,36);}

.blockquote {margin-left:25px;}

.quote {font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-size:24px; font-style:italic; color:RGB(42,102,196); text-align:center; margin-bottom:0;}

.quoteReference {font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-size:14px; text-align:center; font-style:italic; color:#000; margin-top:0;}

.quoteReference .one {margin-left:100px;}

.quoteReference .two {margin-left:200px;}

.quoteReference .three {margin-left:300px;}

.disclaimer {font-size:11px;}



#headerWrapper {width:1020px; height:90px; background-image:url(images/traffic-testers-header.png); background-repeat:no-repeat; padding:0; margin:0 auto; overflow:hidden;}

#headerWrapper .logo {display:block; width:250px; height:90px; float:left;}

#headerWrapper .topNav {width:400px; height:70px; float:right; text-align:right; font-size:12px; font-weight:bold; color:#FFF; padding:10px;}

#headerWrapper .topNav a {color:#FFF; text-decoration:none;}

#headerWrapper .topNav .barSpacer {margin:0 10px;}



/* when changing the navigation, change the width and the left padding and make sure they always add up to the 1020 total */

#navWrapper {width:888px; height:30px; background-image:url(images/traffictesters01-navigation03.png); background-repeat:repeat-x; padding:0 0 0 132px; margin:0 auto; overflow:hidden;}

#navWrapper a {display:block; height:30px; float:left;}

#navWrapper a.home {width:65px;}

#navWrapper a.home:hover {background-image:url(images/traffictesters01-navigation03.png); background-position:-132px -30px;}

#navWrapper a.sampleReport {width:120px;}

#navWrapper a.sampleReport:hover {background-image:url(images/traffictesters01-navigation03.png); background-position:-197px -30px;}

#navWrapper a.testimonials {width:109px;}

#navWrapper a.testimonials:hover {background-image:url(images/traffictesters01-navigation03.png); background-position:-317px -30px;}

#navWrapper a.faq {width:61px;}

#navWrapper a.faq:hover {background-image:url(images/traffictesters01-navigation03.png); background-position:-426px -30px;}

#navWrapper a.subscribe {width:89px;}

#navWrapper a.subscribe:hover {background-image:url(images/traffictesters01-navigation03.png); background-position:-487px -30px;}

#navWrapper a.articles {width:78px;}

#navWrapper a.articles:hover {background-image:url(images/traffictesters01-navigation03.png); background-position:-576px -30px;}

#navWrapper a.about {width:85px;}

#navWrapper a.about:hover {background-image:url(images/traffictesters01-navigation03.png); background-position:-654px -30px;}

#navWrapper a.contact {width:95px;}

#navWrapper a.contact:hover {background-image:url(images/traffictesters01-navigation03.png); background-position:-739px -30px;}

#navWrapper a.blog {width:68px;}

#navWrapper a.blog:hover {background-image:url(images/traffictesters01-navigation03.png); background-position:-834px -30px;}



#contentWrapper {width:1018px; height:auto; background-color:#FFF; background-image:url(images/traffic-testers-content-top-bkgd.png); background-repeat:repeat-x; border:1px solid RGB(210,210,210); border-top:none; padding:0; margin:0 auto;}

#contentWrapper .oneCol {padding:20px;}

#contentWrapper .twoCol {background-image:url(images/traffic-testers-page-dividers-2col.png); background-position:center; background-repeat:repeat-y;}

#contentWrapper .twoCol .left {width:650px; padding-left:20px; float:left;}

#contentWrapper .twoCol .right {width:310px; padding-right:20px; float:right;}

#contentWrapper .threeCol {background-image:url(images/traffic-testers-page-dividers-3col.png); background-position:center; background-repeat:repeat-y;}

#contentWrapper .threeCol .left {width:480px; padding-left:20px; float:left; margin-right:10px;}

#contentWrapper .threeCol .center {width:235px; padding:0 10px; float:left;}

#contentWrapper .threeCol .right {width:225px; padding-right:20px; float:right;}



#footerWrapper {width:978px; height:auto; background-color:#FFF; border:1px solid RGB(210,210,210); margin:20px auto; padding:10px 20px; font-size:10px; text-align:center; color:RGB(100,100,100);}



/* homepage only */

#fpChoices {width:650px; height:120px; background-image:url(images/traffic-testers-home-page-choices.jpg); background-repeat:no-repeat; overflow:hidden; margin-bottom:20px; border-top:1px solid RGB(210,210,210); border-bottom:1px solid RGB(210,210,210);}

#fpChoices a.sampleReport {display:block; width:210px; height:120px; float:left;}

#fpChoices a.sampleReport:hover {background-image:url(images/traffic-testers-home-page-choices.jpg); background-position:0 -120px;}

#fpChoices a.testimonials {display:block; width:220px; height:120px; float:left;}

#fpChoices a.testimonials:hover {background-image:url(images/traffic-testers-home-page-choices.jpg); background-position:-210px -120px;}

#fpChoices a.subscribe {display:block; width:220px; height:120px; float:left;}

#fpChoices a.subscribe:hover {background-image:url(images/traffic-testers-home-page-choices.jpg); background-position:-430px -120px;}



#advertiseBlock {width:310px; height:auto; padding-top:80px; background-image:url(images/traffic-testers-advertising-block.png); background-repeat:no-repeat; background-color:RGB(51,102,204); overflow:hidden; margin-bottom:20px; color:#FFF;}

ul.spaced li {margin-bottom:5px;}



a.affiliateSignup {display:block; width:310px; height:500px; background-image:url(images/traffic-testers-affiliate-signup.jpg); background-repeat:no-repeat; overflow:hidden; margin-bottom:20px;}

#subscribe {display:block; width:310px; height:500px; background-image:url(images/traffic-testers-subscribe.png); background-repeat:no-repeat; overflow:hidden; margin-bottom:20px;}

a.subscribeButton {display:block; width:310px; height:500px; background-image:url(images/traffic-testers-subscribe-button.jpg); background-repeat:no-repeat; overflow:hidden; margin-bottom:20px;}

#advertiseWith {display:block; width:310px; height:480px; background-image:url(images/traffic-testers-ad-co-op.jpg); background-repeat:no-repeat; overflow:hidden; margin-bottom:20px;}



.testWrap {padding:20px 10px;}

.testAlt {background-color:RGB(240,240,240); border-top:1px solid RGB(210,210,210); border-bottom:1px solid RGB(210,210,210);}

.testWrap .test {margin:0 0 7px 0;}

.testWrap .person {margin:0; text-align:right; font-style:italic;}



.verticalPad {height:20px;}

.inPageSectionLinkWrapper {margin-bottom:20px; padding:10px; background-color:RGB(240,240,240); border:1px solid RGB(210,210,210);}

.inPageSectionLinkWrapper a {color:RGB(51,102,204); font-weight:bold;}



.nextSteps {width:490px; height:90px; margin:20px 0; padding:0 0 0 160px; background-repeat:no-repeat;}

.nextOnTest {background-image:url(images/next-sales-process-testimonials-pg.png);}

.nextOnSample {background-image:url(images/next-sales-process-sample-report-pg.png);}

.nextSteps .sampleTraffic {display:block; width:210px; height:90px; float:left; margin-right:70px;}

.nextSteps .testimonials {display:block; width:210px; height:90px; float:left; margin-right:70px;}

.nextSteps .subscribe {display:block; width:180px; height:90px; float:left;}



.sampleReportTable {width:650px; height:auto; padding:0; margin:20px 0 0 0; border:none; border-collapse:collapse; font-size:12px;}

.sampleReportTable tr {border-bottom:1px solid RGB(210,210,210);}

.sampleReportTable tr.alt td {background-color:RGB(240,240,240);}

.sampleReportTable .bottomTR {border-bottom:none;}

.sampleReportTable td {padding:5px 10px;}

.sampleReportTable td.varName {width:150px; text-align:right;}

.sampleReportTable .description {font-size:10px; color:#999; font-style:italic;}

.sampleReportTable .update {font-weight:bold; color:RGB(237,28,36);}



.arrowList {list-style:none; padding:0; margin:0 0 0 20px; font-size:13px;}

.arrowList li {background-image:url(images/checkmark.png);	background-position:left center; background-repeat:no-repeat; padding:3px 0 3px 17px;}

.arrowListBig {list-style:none; padding:0; margin:0; font-size:16px;}

.arrowListBig li {background-image:url(images/checkmark-big.png);	background-position:left center; background-repeat:no-repeat; padding:3px 0 3px 22px;}

.termsList {list-style:square;}

.termsList li {font-size:12px; padding:0; margin:5px 0;}