
h2 { text-align:center; padding:10px 0 10px 0; }

.infoPopSticky div.wrapper {  }
.cover { position:absolute; top:0; left:0; }

div.infographic { width:804px; height:450px; margin:0 auto; padding:0 0 20px 0; position:relative; background:url(/img/pages/infographic/bg.png) transparent no-repeat; }

div.infographic div.hs { position:absolute; width:100px; height:20px; top:0; left:0; }

.hsJbCover { left:63px; top:80px; }
.infoPophsJb { top:110px; left:300px; }
div.infographic div.hsJb1 { left:60px; top:102px; width:142px; height:91px; }
div.infographic div.hsJb2 { left:182px; top:143px; width:139px; height:135px; }

.hsDiyCover { left:47px; top:214px; }
.infoPophsDiy { top:110px; left:185px; }
div.infographic div.hsDiy1 { left:47px; top:211px; width:122px; height:77px; }
div.infographic div.hsDiy2 { left:47px; top:288px; width:160px; height:136px; }

.hsTradCover { left:429px; top:10px; }
.infoPophsTrad { top:5px; left:165px; }
div.infographic div.hsTrad1 { left:425px; top:6px; width:278px; height:151px; }

.hsRrCover { left:422px; top:158px; }
.infoPophsRr { top:148px; left:160px; }
div.infographic div.hsRr1 { left:425px; top:204px; width:127px; height:109px; }
div.infographic div.hsRr2 { left:552px; top:161px; width:73px; height:177px; }
div.infographic div.hsRr3 { left:625px; top:196px; width:104px; height:80px; }



/**
 * Info pop elements
 */
.infoPop { cursor:default; }
#main .infoPop ul { margin:0 20px 15px 0; padding:0; }

.infoPop ul li { background:url(/img/pages/infographic/cross.png) transparent no-repeat top right; list-style-type:none; margin:0 0 10px 0; padding:0 0 0 0; font-size:0.7em; }
.infoPop ul li.checked { background-image:url(/img/pages/infographic/tick.png); }

.infoPop.infoPophsRr li.checked { background-image:url(/img/pages/infographic/tick-pink.png); }

.infoPop p.title { color:#009fe3; margin:0 0 10px 0; font-size:1.3em; font-family:Calibri; text-transform:uppercase; }
.infoPop p.view { background:url(/img/pages/infographic/arrow.png) transparent no-repeat 0px 1px; font-size:0.7em; margin:0 0 20px 0; }
.infoPop p.view a { text-decoration:underline; padding-left:10px; color:#7A7A7A; }
.infoPop p.view a:hover { text-decoration:none; }

.infoPop div.pricing { width:164px; height:38px; background:url(/img/pages/infographic/pricing.png); text-indent:-9000px; margin:0 auto; }
.infoPop div.pricing:hover { background-position:bottom left; }
.infoPop div.pricing a { display:block; width:100%; height:100%; }


.infoPop div.rr { background:url(/img/pages/infographic/rr-logo.png) transparent no-repeat 165px 0px; }
.infoPop div.rr p.title { color:#e4097e; }
.infoPop div.rr div.pricing { background-image:url(/img/pages/infographic/pricing-pink.png); }
.infoPop div.rr p.view { background-image:url(/img/pages/infographic/arrow-pink.png); }


/**
 * Info pops
 */
.infoPop { background-image:url(/img/elements/infopop/left-blue.png); width:272px; }
.infoPop .wrapper { background-image:url(/img/elements/infopop/br-blue.png); }

.infoPop.infoPophsTrad { background-image:url(/img/elements/infopop/right-blue.png); }
.infoPop.infoPophsRr { background-image:url(/img/elements/infopop/right-blue.png); }

.infoPop.infoPophsJb { background-image:url(/img/elements/infopop/left-blue.png); }
.infoPop.infoPophsDiy { background-image:url(/img/elements/infopop/left-blue-mid.png); }



/**
 * Trusted footer
 */
div.trusted {
margin:30px 0 30px 0;
position:relative;
top:-0px;
text-align:center;
}

div.trusted p {
color:#F0008D;
font-family:Calibri;
font-size:1.4em;
margin-bottom:0px;
text-align:center;
}

div.trusted img {
margin:0 auto;
}
