:focus {outline:0; -moz-outline-style: none;} a img {border:0} /* Special Fonts */ .slideAnimBlue a, .slideLeftAnimBlue a, .slideAnimBlueBack p, .slideAnimBlueBack a, .slideLeftAnimBlueBack a, .slideLeftAnimBlueBack p, .slideLeftAnimBlueBack ul li, .slideAnimOrange a, .slideAnimOrangeBack p, .slideAnimOrangeBack a, .slideLeftAnimOrange a, .slideLeftAnimOrangeBack p, .slideLeftAnimOrangeBack a, .hangingBottom p, .hangingBigBottom p, .bulletBlueTxt, .specialFonts {font-family: arial, sans-serif;} .slideAnimBlueBack p, .slideLeftAnimBlueBack p {font-size:14px; line-height:16px !important;} .slideAnimBlueBack a {font-size:14px;} .primaryMenu li a, .teacherBtn a, .bigRedHeader, .numH, .VbigRedHeader, .orangeHeader, .totalScoreTxt, .resultHeader, .resultVal, .orangeHeaderBig {font-family:'blockbecondensed' !important;} .listLink li a, .greenTxt, .linkTxt, .bubbleTxt {font-family:Arial, sans-serif;} .roundedBold {font-family:Arial, sans-serif;} body {font-family:Arial, sans-serif;} .paragraph {color:#636467; font-size:17px; line-height:19px !important;} .paragraphFont15 {color:#333333; font-size:15px; line-height:18px !important;} .darkRed {color:#d61c5c;} .darkGreen {color:#207071;} .darkBlue {color:#376068} .bigRedHeader {color:#d61c5c; font-size:27px;} .VbigRedHeader {color:#d61c5c; font-size:50px;} .pt15 {padding-top:15px !important;} .pt20 {padding-top:20px !important;} .ml25 {margin-left:25px;} .mb10 {margin-bottom:10px;} .dlb {display:block} .header { color:#d61c5c; /* color: rgb(229, 60, 148) !important; */ font-size: 27px;} .posAbsolute {position:absolute;} .imgBg {height:642px; background:url(../images/avfallskolan_bakgrund_illustration.gif) no-repeat top center;} .readMore {text-decoratoin:none; color:#207071;} .readMore:hover {color:#ff961b; text-decoration:none;} .readMore .arrowIcon {display:block; height:16px; background:url("../images/Library/Part3_Fakta/orangeRightIcon.png") no-repeat right bottom;} /* header */ header {position:relative; height:122px;} .logoH {position:absolute; left:26px; top:5px;} .rightLogoH {position:absolute; right:0; top:24px;} .primaryMenu {position:absolute; left:0px; top:79px; background:#4d4d4d;} .primaryMenu ul {margin:0; padding:0 15px 0 9px; list-style:none;} .primaryMenu li {float:left; margin:0 25px 0 0; padding:6px 0;} .primaryMenu li a {color:#8a9495; font-size:22px; text-decoration:none;} .primaryMenu li a:hover {color:#d2ed42;} .primaryMenu li.active a {color:#d2ed42;} .teacherBtn {position:absolute; right:2px; bottom:0; background:#d2ed42;} .teacherBtn a {color:#8a9495; padding:6px 25px; font-size:22px; display:block;} .teacherBtn a:hover {color:#007173; text-decoration:none;} /* Main Container */ .mainContent {height:520px; border:solid 1px #cccccc; position:relative;overflow:hidden; background:url(../images/avfallskolan_flashsidor_bakgrund.gif) repeat;} /* Common Element */ .dictPopupH {position:absolute; top:60px; left:20px;} .dictTop {width:300px; background:url(../images/spriteDictionary.png) no-repeat top left; padding:14px 0 0 0;} .dictBottom {width:300px; background:url(../images/spriteDictionary.png) no-repeat right bottom; padding:0 12px 15px 18px; min-height:55px;} .howdoyouH {position:absolute; top:250px; left:20px;display:none;} .howTop {width:358px; background:url(../images/Library/hurGorDu/spriteHur.png) no-repeat top left; padding:14px 0 0 0;} .howBottom {width:358px; background:url(../images/Library/hurGorDu/spriteHur.png) no-repeat right bottom; padding:0 76px 15px 18px; min-height:55px;} .howStep {position:absolute; top:50px; right:70px;} .howStep ul {marging:0; padding:0; list-style:none;} .howStep li {display:block;} .howStep li.stepFirst {margin-left:120px;} .howStep li.stepSecond {margin-left:90px;} .howStep li.stepThird {margin-left:60px;} .howStep li.stepFour {margin-left:30px;} .howStep li.stepFive {margin-left:30px;} .howStep li a {display:block; width:318px; height:86px; font-size:10px; color:#ffffff; font-weight:bold; /* padding:30px 0 0 70px; */ text-decoration:none; background:url(../images/Library/hurGorDu/spriteHurSteps.png) no-repeat;} .howStep li a:hover {background:url(../images/Library/hurGorDu/spriteHurStepsHovers.png) no-repeat} .howStep li a span {display:block; padding:30px 0 0 70px; height:63px; background:url(../images/Library/hurGorDu/Icons.gif) no-repeat} .howStep li.stepFirst a span {background-position:90px 0px;} .howStep li.stepSecond a span {background-position:123px -86px;} .howStep li.stepThird a span {background-position:154px -173px;} .howStep li.stepFour a span {background-position:178px -260px;} .howStep li.stepFive a {background:url(../images/Library/hurGorDu/spriteHurStepLast.png) no-repeat;} .howStep li.stepFive a span {padding:30px 0 0 50px; background-position:178px -347px;} .howStep li.stepFive a:hover {background:url(../images/Library/hurGorDu/spriteHurStepHover.png) no-repeat;} .sliderH {position:absolute; top:450px; width:181px; overflow:hidden; height:190px; padding:8px 0 0 1px;} .slideAnimBlue {position:relative; width:180px; height:173px; padding:8px 0 0 1px;} .slideAnimBlue a {position:absolute; top:0; right:0; display:block; color:#8cc9cf; text-decoration:none; width:180px; text-align:center; padding-top:75px; height:173px; overflow:hidden; z-index:10; font-size:16px; font-weight:bold; background:url(../images/Library/hurGorDu/blueAmination.png) no-repeat;} .slideAnimBlue a:hover {color:#376068;} .slideAnimBlueBack {display:none; position:absolute; top:15px; right:116px; width:345px; height:175px; z-index:9; padding:14px 40px 10px 60px;color:#1F5626;font-weight:bold; overflow:hidden; background:url(../images/Library/hurGorDu/textBox0001.png) no-repeat;} .slideAnimBlueBack a {display:block; color:#d91d5c; font-weight:bold; height:25px; text-decoration:none; background:url(../images/Library/hurGorDu/spriteArrowLeft.png) no-repeat top left;} .slideAnimBlueBack a:hover {background:url(../images/Library/hurGorDu/spriteArrowLeft.png) no-repeat left -27px;} .slideAnimBlueBack a span {display:block; padding:2px 0 0 40px; height:25px; } .sliderHWidth {width:480px; overflow:hidden;} .sliderLeftH {position:absolute; top:450px; right:0; width:480px; overflow:hidden; height:190px; padding:8px 5px 0 0;} .slideLeftAnimBlue {position:relative; float:right; width:180px; height:173px; padding:8px 5px 0 0;} .slideLeftAnimBlue a {position:absolute; top:0; right:0; display:block; color:#8cc9cf; text-decoration:none; width:180px; text-align:center; padding-top:75px; height:173px; overflow:hidden; z-index:10; font-size:16px; font-weight:bold; background:url(../images/Library/hurGorDu/blueAmination.png) no-repeat;} .slideLeftAnimBlue a:hover {color:#376068;} .slideLeftAnimBlueBack {display:none; position:absolute; top:15px; left:116px; width:345px; height:175px; z-index:9; padding:18px 84px 10px 25px;color:#1F5626;font-weight:bold; overflow:hidden; background:url(../images/Library/hurGorDu/textBox0002.png) no-repeat;} .slideLeftAnimBlueBack a {display:block; float:right; color:#d91d5c; font-weight:bold; width:85px; height:25px; text-decoration:none; background:url(../images/Library/hurGorDu/spriteArrowRight.png) no-repeat 40px 0;} .slideLeftAnimBlueBack a span {display:block; padding:2px 40px 0 0; height:25px;} .slideLeftAnimBlueBack a:hover {background:url(../images/Library/hurGorDu/spriteArrowRight.png) no-repeat 40px -27px;} .slideLeftAnimBlueBack ul {margin:0 0 3px 0} .index40 {z-index:40;} .left13 {left:13px; z-index:20;} .left200 {left:200px; z-index:19;} .left387 {left:387px; z-index:18;} .left575 {left:575px; z-index:17;} .sliderBigH {position:absolute; top:700px; width:215px; height:220px; overflow:hidden; padding:8px 0 0 2px;} .slideAnimOrange {position:relative; width:203px; height:203px; padding:8px 0 0 1px;} .slideAnimOrange a {position:absolute; top:0; right:0; display:block; color:#ff961b; text-decoration:none; width:204px; text-align:center; padding-top:82px; height:203px; overflow:hidden; z-index:10; font-size:16px; font-weight:bold; background:url(../images/Library/hurGorDu/b10001.png) no-repeat;} .slideAnimOrange a:hover {color:#f05a28;} .slideAnimOrangeBack {display:none; position:absolute; top:12px; right:116px; width:345px; height:196px; z-index:9; padding:18px 30px 10px 62px;color:#1F5626;font-weight:bold; overflow:hidden; background:url(../images/Library/hurGorDu/textBoxCykel0001.png) no-repeat;} .slideAnimOrangeBack a {display:block; color:#d91d5c; font-weight:bold; height:25px; text-decoration:none; background:url(../images/Library/hurGorDu/spriteArrowLeft.png) no-repeat top left;} .slideAnimOrangeBack a:hover {background:url(../images/Library/hurGorDu/spriteArrowLeft.png) no-repeat left -27px;} .slideAnimOrangeBack a span {display:block; padding:2px 0 0 40px; height:25px;} .sliderLeftBigH {position:absolute; top:700px; right:-1px; width:215px; height:220px; overflow:hidden; padding:8px 1px 0 0;} .slideLeftAnimOrange {position:relative; float:right; width:203px; height:203px; padding:8px 1px 0 0;} .slideLeftAnimOrange a {position:absolute; top:0; right:0; display:block; color:#ff961b; text-decoration:none; width:204px; text-align:center; padding-top:82px; height:203px; overflow:hidden; z-index:10; font-size:16px; font-weight:bold; background:url(../images/Library/hurGorDu/b10001.png) no-repeat;} .slideLeftAnimOrange a:hover {color:#f05a28;} .slideLeftAnimOrangeBack {display:none; position:absolute; top:12px; right:116px; width:345px; height:196px; z-index:9; padding:18px 62px 10px 30px;color:#1F5626;font-weight:bold; overflow:hidden; background:url(../images/Library/hurGorDu/textBoxCykel0002.png) no-repeat;} .slideLeftAnimOrangeBack a {display:block; float:right; color:#d91d5c; font-weight:bold; height:25px; text-decoration:none; background:url(../images/Library/hurGorDu/spriteArrowRight.png) no-repeat top left;} .slideLeftAnimOrangeBack a:hover {background:url(../images/Library/hurGorDu/spriteArrowRight.png) no-repeat left -27px;} .slideLeftAnimOrangeBack a span {display:block; padding:2px 0 0 40px; height:25px;} .sliderHBigWidth {width:523px; overflow:hidden;} .pt38 {padding-top:38px !important;} .firstImg span {display:block; text-align:center; height:148px; overflow:hidden; width:180px; padding-left:17px; background:url(../images/Library/hurGorDu/spriteUseThrow.jpg) no-repeat 20px 0;} .firstImg:hover span {background:url(../images/Library/hurGorDu/spriteUseThrow.jpg) no-repeat 20px -148px;} .secondImg span {display:block; text-align:center; height:148px; overflow:hidden; width:180px; padding-left:17px; background:url(../images/Library/hurGorDu/spriteUseThrow2.jpg) no-repeat 8px 0;} .secondImg:hover span {background:url(../images/Library/hurGorDu/spriteUseThrow2.jpg) no-repeat 8px -148px;} .thirdImg span {display:block; text-align:center; height:148px; overflow:hidden; width:180px; padding-left:17px; background:url(../images/Library/hurGorDu/spriteUseThrow3.jpg) no-repeat 5px -3px;} .thirdImg:hover span {background:url(../images/Library/hurGorDu/spriteUseThrow3.jpg) no-repeat 6px -149px;} /* Button */ .btnH {position:absolute;} .dymBtn {display:inline-block; padding:0 0 0 16px; height:49px; color:#376068; font-size:18px; font-weight:bold; background:url(../images/Library/hurGorDu/spriteBtn.png) no-repeat 0 0;} .dymBtn span {display:inline-block; padding:12px 18px 0 0; height:49px; background:url(../images/Library/hurGorDu/spriteBtn.png) no-repeat right -49px;} .dymBtn:hover {background:url(../images/Library/hurGorDu/spriteBtn.png) no-repeat left -98px;} .dymBtn:hover span {background:url(../images/Library/hurGorDu/spriteBtn.png) no-repeat right -147px;} /* List Menu */ .listMenu {position:absolute; top:118px; left:140px;} .listLink {float:left; width:321px; margin:0 8px 0 0;} .listContent {float:left; width:341px; height:362px; padding:10px; background:url(../images/bgOrange.png) no-repeat;} .listLink ul {margin:0; padding:0; list-style:none;} .listLink li {display:block; margin:0 0 10px 0;} .listLink li a {display:block; color:#ffffff; height:63px; font-size:15px; padding: 25px 0 0 25px; text-decoration:none; background:url(../images/spriteRectanglebox.png) no-repeat 0 0;} .listLink li a:hover {background:url(../images/spriteRectanglebox.png) no-repeat 0 -68px;} .listLink li.actLink a {background:url(../images/spriteRectanglebox.png) no-repeat 0 -68px;} .listContent p {color:#ffffff; font-size:15px; line-height:17px;} .numH {float:left; font-size:45px; margin-right:5px; margin-top:-10px;} /* Four col */ .fourCol {position:absolute; top:70px; left:109px;} .columnH {float:left; width:175px; margin-right:14px;} .greenTxt {display:block; font-size:16px; color:#6aac5c;} .columnH img {display:block; margin:6px 0;} .threeImg {margin:0; padding:0; list-style:none;} .threeImg li {display:block; margin:0 0 10px 0;} /* Orange Btn */ .orangeLink {position:absolute; z-index:1000; right:22px; top:-33px;} .orangeLink a {display:block; font-size:15px; line-height:20px; text-align:center; width:164px; height:164px; color:#343433; padding:35px 0 0 0; background:url(../images/spriteOrangeCircle.png) no-repeat 0 0;} .orangeLink a:hover {background:url(../images/spriteOrangeCircle.png) no-repeat 0 -168px;} /* VAD HANDER */ .MoveBlock {position:relative; } .roomH {display:block; width:898px; height:341px; position:absolute; top:66px; left:25px;} .girlH {position:absolute; top:117px; right:109px;} .boyH {position:absolute; top:74px; right:394px;} .mointerH {position:absolute; top:218px; right:262px;} .mointerH a {display:block; width:120px; height:111px; text-decoration:none; background:url("../images/Library/VadHander/spriteMonitor.png") no-repeat 0 0;} .mointerH a:hover {background:url("../images/Library/VadHander/spriteMonitor.png") no-repeat 0 -110px;} .jamH {position:absolute; top:212px; right:498px;} .jamH a {display:block; width:60px; height:93px; text-decoration:none; background:url("../images/Library/VadHander/jamNormal.png") no-repeat;} .jamH a:hover {background:url("../images/Library/VadHander/jamOver.png") no-repeat;} .bagH {position:absolute; top:219px; right:568px;} .bagH a {display:block; width:78px; height:117px; text-decoration:none; background:url("../images/Library/VadHander/bagNormal.png") no-repeat;} .bagH a:hover {background:url("../images/Library/VadHander/bagOver.png") no-repeat;} .candleH {position:absolute; top:317px; right:431px;} .candleH a {display:block; width:106px; height:66px; text-decoration:none; background:url("../images/Library/VadHander/candleNormal.png") no-repeat;} .candleH a:hover {background:url("../images/Library/VadHander/candleOver.png") no-repeat;} .newsPaperH {position:absolute; top:340px; right:198px;} .newsPaperH a {display:block; width:129px; height:88px; text-decoration:none; background:url("../images/Library/VadHander/newsPaperNormal.png") no-repeat;} .newsPaperH a:hover {background:url("../images/Library/VadHander/newsPaperOver.png") no-repeat;} .dustPinH {position:absolute; top:369px; right:64px;} .dustPinH a {display:block; width:107px; height:96px; text-decoration:none; background:url("../images/Library/VadHander/dustPinNormal.png") no-repeat;} .dustPinH a:hover {background:url("../images/Library/VadHander/dustPinHover.png") no-repeat;} .caneH {position:absolute; top:392px; right:357px;} .caneH a {display:block; width:63px; height:99px; text-decoration:none; background:url("../images/Library/VadHander/caneNormal.png") no-repeat;} .caneH a:hover {background:url("../images/Library/VadHander/caneHover.png") no-repeat;} .tinH {position:absolute; top:389px; right:432px;} .tinH a {display:block; width:148px; height:99px; text-decoration:none; background:url("../images/Library/VadHander/tinHNormal.png") no-repeat;} .tinH a:hover {background:url("../images/Library/VadHander/tinHHover.png") no-repeat;} .recBoxH {position:absolute; top:392px; right:590px;} .recBoxH a {display:block; width:98px; height:65px; text-decoration:none; background:url("../images/Library/VadHander/rectBoxNormal.png") no-repeat;} .recBoxH a:hover {background:url("../images/Library/VadHander/rectBoxHover.png") no-repeat;} .cycleH {position:absolute; top:178px; right:647px;} .cycleH a {display:block; width:199px; height:206px; text-decoration:none; background:url("../images/Library/VadHander/cycleNormal.png") no-repeat;} .cycleH a:hover {background:url("../images/Library/VadHander/cycleHover.png") no-repeat;} .backBtn {position:absolute; top:96px; left:190px;} .backBtn a {display:block; width:136px; height:57px; text-decoration:none; background:url("../images/Library/VadHander/backBtn.png") no-repeat 0 0;} .backBtn a:hover {background:url("../images/Library/VadHander/backBtn.png") no-repeat 0 -61px;} .boxShadow{ -moz-box-shadow: 0px 0px 8px #000000; -webkit-box-shadow: 0px 0px 8px #000000; box-shadow: 0px 0px 8px #000000; } .normalSlide{ display:none; -webkit-transition: all 1s linear;/* Safari 3.2+, Chrome */ -moz-transition: all 1s linear;/* Firefox 4-15 */ -o-transition: all 1s linear;/* Opera 10.5-12.00 */ transition: all 1s linear;/* Firefox 16+, Opera 12.50+ */ -moz-transform: translate(0px, 0px);/* FF3.5+ */ -webkit-transform: translate(0px, 0px);/*Saf3.1+, Chrome*/ -o-transform: translate(0px, 0px);/* Opera 10.5 */ -ms-transform:translate(0px, 0px);/* IE 9 */ transform:translate(0px, 0px); } .rightSlide { display:block; -moz-transform: translate(115px, 0px);/* FF3.5+ */ -webkit-transform: translate(115px, 0px);/*Saf3.1+, Chrome*/ -o-transform:translate(115px, 0px);/* Opera 10.5 */ -ms-transform:translate(115px, 0px);/* IE 9 */ transform:translate(115px, 0px); } .lh20{ line-height:20px !important; } .percentageH {display:block; width:24px; height:26px; background:url(../images/Library/hurGorDu/spritePercentage.png) no-repeat 0 0;} .percentageH:hover {text-decoration:none; background:url(../images/Library/hurGorDu/spritePercentage.png) no-repeat 0 -28px;} .percentageH.active {text-decoration:none; background:url(../images/Library/hurGorDu/spritePercentage.png) no-repeat 0 -60px;} .percentageH1 {display:block; width:24px; height:26px; background:url(../images/Library/hurGorDu/spritePercentage.png) no-repeat 0 0;} .percentageH1.active {text-decoration:none; background:url(../images/Library/hurGorDu/spritePercentage.png) no-repeat 0 -60px;} .popup1{top:-50px;left:-162px} .popup2{top:-30px;left:-180px} .popup3{top:40px;left:-224px} .popup4{top:215px;left:-254px} .popup5{top:265px;left:-286px} .firstSlide {position:absolute; left:0; width:970px;} .recycleH {position:absolute; left:970px; width:970px;} .orangeHeader {font-size:36px; color:#ff961b; line-height:36px;} .blueTxt {font-size:19px; line-height:21px; color:#1d84A8;} .redTxt {font-size:20px; line-height:24px; color:#D91C5C;} .redTxt2 {font-size:17px; line-height:19px; color:#D91C5C;} .blackTxt {font-size:17px; line-height:19px; color:black;} .totalScoreTxt {font-size:40px; color:#1d84A8;} .bulletBlueTxt {color:#376068; font-size:16px;} .bubbleTxt {font-size:14px;} .resultHeader {font-size:21px; display:block; } .resultVal {text-align:center; font-size:36px; display:inline-block; margin-top:-13px; width:100%;} .orangeHeaderBig {font-size:36px; color:#ff961b; line-height:40px;} .redTxtBig {font-size:21px; line-height:22px; color:#D91C5C;} .blackTxtBig {font-size:19px; line-height:21px; color:#636467;} /* Hanging */ .hangingH {position:absolute; top:60px; left:20px;} .hangingTop {width:380px; background:url(../images/Library/spriteHangingBoard.png) no-repeat top left; padding:193px 0 0 0;} .hangingBottom {width:380px; background:url(../images/Library/spriteHangingBoard.png) no-repeat right bottom; padding:0 45px 15px 45px; min-height:125px;} .hangingBottom p{font-size:17px; color:#376068;line-height:18px;} .hangingBigH {position:absolute; top:540px; left:120px;} .hangingBigTop {width:675px; background:url(../images/Library/spriteHaningBoard1.png) no-repeat top left; padding:306px 0 0 0;} .hangingBigBottom {width:675px; background:url(../images/Library/spriteHaningBoard1.png) no-repeat right bottom; padding:0 45px 15px 45px; min-height:160px;} .hangingBigBottom p{font-size:17px; color:#376068;} .hangLink {display:inline-block; color: #376068; background:url(../images/Library/Part3_Fakta/orangeRightIcon.png) no-repeat center right;text-decoration:none;} .hangLink span {display:inline-block; padding:0 18px 0 0;} .hangLink:hover {color:#ff961b;} .specialFonts{color:#636467} .roundedBtns {position:absolute; top:0; right:0;} .yesBtn {display:block; width:139px; height:80px; background:url(../images/spriteYes.png) no-repeat top left;} .yesBtn:hover {background:url(../images/spriteYes.png) no-repeat left -80px;} .yesBtn.active {background:url(../images/spriteYes.png) no-repeat left -160px;} .noBtn {display:block; width:139px; height:80px; background:url(../images/spriteNo.png) no-repeat top left;} .noBtn:hover {background:url(../images/spriteNo.png) no-repeat left -80px;} .noBtn.active {background:url(../images/spriteNo.png) no-repeat left -160px;} /* Slide div */ .extraInfoH {position:absolute; top:0; left:0;} .extraInfoSlide1, .extraInfoSlide2 {width:772px; height:229px; padding:57px 0 0 82px; background:url(../images/extraInfoContainerBg.png) no-repeat;} .extraInfoSlide2 {padding-top:40px;} .slideLeft {float:left; width:200px; margin-right:40px;} .slideRight {float:left; width:335px;} .slideLeft p, .slideRight p {font-size:13px; color:#386169; line-height:1.2;} .slideLeft h6, .slideRight h6 {margin:0; font-size:13px; color:#da1d5d;} .leftArrowSmall {position:absolute; top:17px; left:1010px; width:42px; height:29px; background:url(../images/spritesmallLeft.png) no-repeat;} .leftArrowSmall:hover {background:url(../images/spritesmallLeft.png) no-repeat left -32px;} .slideTwoLeft {float:left; width:119px; margin-right:55px;} .slideTwoCenter {float:left; width:190px; margin-right:40px;} .slideTwoRight {float:left; width:185px;} .slideTwoLeft p, .slideTwoCenter p, .slideTwoRight p {font-size:13px; color:#386169; line-height:1.2;} .slideTwoLeft h6, .slideTwoCenter h6, .slideTwoRight h6 {margin:0; font-size:13px; color:#da1d5d;} .slideTwoLeft .greenColor {color:#017274;} .slideTwoCenter .greenColor {color:#017274;} .rightArrowSmall {position:absolute; top:17px; right:13px; width:42px; height:31px; background:url(../images/spritesmallRight.png) no-repeat;} .rightArrowSmall:hover {background:url(../images/spritesmallRight.png) no-repeat left -33px;} /* For special font */ .extraInfoH {font-family:arial, sans-serif;} /*BOX */ .squareBoxFirstH p {font-family:Arial, sans-serif;} .squareBoxFirstH {position:absolute; top:60px; right:0px;} .squareFirstTop {width:320px; background:url(../images/spriteSquare1Box.png) no-repeat top left; padding:60px 0 0 0;} .squareFirstBottom {width:320px; background:url(../images/spriteSquare1Box.png) no-repeat right bottom; padding:15px 30px 5px 15px; min-height:100px;} .squareBoxFirstH p {color:#007173; font-size:16px;} .value{ margin-top:14px; display:inline-block;color:white;font-size:16px; font-weight:bold; }