/* Zeroed */ body, p, ul, ol, li, table, th, td, form, fieldset, input, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } table, tr, th, td, img, div, fieldset { border-collapse: collapse; border: 0; text-align: left; } /* Page setup */ body { font-family: Arial, Helvetica, sans-serif; color: #252525; font-size: 100%; line-height: 1.125em; } a { color: #769ebf; text-decoration: none; } a:hover { color: #226e9b; } iframe#advsearchbox { width: 655px; height: 390px; } div.left { float: left; } div.right { float: right; } /* Clearer div */ div.clear { height: 0px; overflow: hidden; clear: both; } /* Links with the little arrow notch */ .arrow { padding-left: 10px; } .blueright { background: url(../images/arrow-right-blue.gif) no-repeat 2px 0.6em !important; } .blueup { background: url(../images/arrow-up-blue.gif) no-repeat 2px 0.6em !important; } .whiteup { background: url(../images/arrow-up-white.gif) no-repeat 2px 0.6em !important; } .whiteright { background: url(../images/arrow-right-white.gif) no-repeat 2px 0.6em !important; } .whitedown { background: url(../images/arrow-down-white.gif) no-repeat 0 0.7em !important; } .graydown { background: url(../images/arrow-down-gray.gif) no-repeat 0 0.5em !important; } .grayup { background: url(../images/arrow-up-gray.gif) no-repeat 0 0.5em !important; } /* Colors */ .white { color: #fff; } .gray1 { color: #585858; } .gray2 { color: #9c9c9c; } .gray3 { color: #d1d1d1; } .orange { color: #e94f03; } .green { color: #89c74c; } .whitebg { background-color: #fff !important; } .blackbg { background-color: #000 !important; } .gradientbg { background-color: #202020; background-image: url(../images/gradient-bg.jpg); background-repeat: repeat-x; } /* basics */ h1{ font-weight:normal; font-size:42px; line-height:0.8em; color:#000; } h2{ } h3{ } h4{ font-weight:normal; font-size:1.2em; line-height:1em; } h5{ font-weight:normal; font-size:1em; line-height:1.1em; } h6{ font-weight:normal; font-size:0.75em; line-height:0.8em; font-weight:bold; } p{ font-weight:normal; font-size:0.75em; line-height:1.25em; padding: 0 0 10px 0; } p.intro{ font-size:0.85em; font-weight:bold; } #contentframe #frontpagePromo p, .featureBox p{ font-size:0.85em; } #frontpagePromo h1{ padding: 14px 0; float:left; width:100%; clear:both; } .blackHighlight h1{ color:#ffffff; } h1.kuvitus, h2.kuvitus, h3.kuvitus, h4.kuvitus, h5.kuvitus, h6.kuvitus { color: #ff0000; } h1.uutiset, h2.uutiset, h3.uutiset, h4.uutiset, h5.uutiset, h6.uutiset { color:#ffcc00; } h1.urheilu, h2.urheilu, h3.urheilu, h4.urheilu, h5.urheilu, h6.urheilu { color: #3333ff;} h1.henkilot, h2.henkilot, h3.henkilot, h4.henkilot, h5.henkilot, h6.henkilot{ color: #ff6600;} h1.videot, h2.videot, h3.videot, h4.videot, h5.videot, h6.videot{ color: #00ffff;} h1.artikkelit, h2.artikkelit, h3.artikkelit, h4.artikkelit, h5.artikkelit, h6.artikkelit{ color: #66ff00;} h1.service, h2.service, h3.service, h4.service, h5.service, h6.service{ color: #00ccff; } h1.tilaus, h2.tilaus, h3.tilaus, h4.tilaus, h5.tilaus, h6.tilaus{ color: #00cc00; } h1.oikeudet, h2.oikeudet, h3.oikeudet, h4.oikeudet, h5.oikeudet, h6.oikeudet{ color: #cc00cc; } h1.yritys, h2.yritys, h3.yritys, h4.yritys, h5.yritys, h6.yritys { color:#ffcc00; } h1.viihde, h2.viihde, h3.viihde, h4.viihde, h5.viihde, h6.viihde { color: #ff66cc; } .kuvitus h1, .kuvitus h2, .kuvitus h3, .kuvitus h4, .kuvitus h5, .kuvitus h6{ color: #ff0000;} .uutiset h1, .uutiset h2, .uutiset h3, .uutiset h4, .uutiset h5, .uutiset h6 { color:#ffcc00; } .urheilu h1, .urheilu h3, .urheilu h3, .urheilu h4, .urheilu h5, .urheilu h6 { color: #3333ff;} .henkilot h1, .henkilot h2, .henkilot h3, .henkilot h4, .henkilot h5, .henkilot h6 { color: #ff6600;} .videot h1, .videot h2, .videot h3, .videot h4, .videot h5, .videot h6 { color: #00ffff;} .artikkelit h1, .artikkelit h2, .artikkelit h3, .artikkelit h4, .artikkelit h5, .artikkelit h6 { color: #66ff00;} .service h1, .service h2, .service h3, .service h4, .service h5, .service h6{ color: #00ccff; } .tilaus h1, .tilaus h2, .tilaus h3, .tilaus h4, .tilaus h5, .tilaus h6 { color: #00cc00; } .oikeudet h1, .oikeudet h2, .oikeudet h3, .oikeudet h4, .oikeudet h5, .oikeudet h6 { color: #cc00cc; } .yritys h1, .yritys h2, .yritys h3, .yritys h4, .yritys h5, .yritys h6 { color:#ffcc00; } .viihde h1, .viihde h2, .viihde h3, .viihde h4, .viihde h5, .viihde h6{ color: #ff66cc;} /* more buttonit */ a.bigButtonLeft{ display:block; float:left; margin:0; padding:0; font-size:1.1em; line-height:1.2em; cursor:pointer; } a.bigButtonLeft span { padding:5px 30px 5px 10px; display:block; float:left; cursor:pointer; } a.bigButtonRight{ display:block; float:right; margin:0; padding:0; font-size:1.1em; line-height:1.2em; cursor:pointer; } a.bigButtonRight span{ padding:5px 30px 5px 10px; display:block; float:left; cursor:pointer; } a.more_viihde{ background: url(../images/button-more-pink-right.gif) no-repeat top right; color:#000; } a.more_viihde span{ background: url(../images/button-more-pink-left.gif) no-repeat top left; } a.more_viihde:hover{ background-image: url(../images/button-more-pink-right-hover.gif); } a.more_viihde:hover span{ background-image: url(../images/button-more-pink-left-hover.gif); } a.more_videot{ background: url(../images/button-more-cyan-right.gif) no-repeat top right; color:#000; } a.more_videot span{ background: url(../images/button-more-cyan-left.gif) no-repeat top left; } a.more_videot:hover{ background-image: url(../images/button-more-cyan-right-hover.gif); } a.more_videot:hover span{ background-image: url(../images/button-more-cyan-left-hover.gif); } a.more_uutiset{ background: url(../images/button-more-yellow-right.gif) no-repeat top right; color:#000; } a.more_uutiset span{ background: url(../images/button-more-yellow-left.gif) no-repeat top left; } a.more_uutiset:hover{ background-image: url(../images/button-more-yellow-right-hover.gif); } a.more_uutiset:hover span{ background-image: url(../images/button-more-yellow-left-hover.gif); } a.more_kuvitus{ background: url(../images/button-more-red-right.gif) no-repeat top right; color:#000; } a.more_kuvitus span{ background: url(../images/button-more-red-left.gif) no-repeat top left; } a.more_kuvitus:hover{ background-image: url(../images/button-more-red-right-hover.gif); } a.more_kuvitus:hover span{ background-image: url(../images/button-more-red-left-hover.gif); } a.more_urheilu{ background: url(../images/button-more-blue-right.gif) no-repeat top right; color:#000; } a.more_urheilu span{ background: url(../images/button-more-blue-left.gif) no-repeat top left; } a.more_urheilu:hover{ background-image: url(../images/button-more-blue-right-hover.gif); } a.more_urheilu:hover span{ background-image: url(../images/button-more-blue-left-hover.gif); } a.more_henkilot{ background: url(../images/button-more-orange-right.gif) no-repeat top right; color:#000; } a.more_henkilot span{ background: url(../images/button-more-orange-left.gif) no-repeat top left; } a.more_henkilot:hover{ background-image: url(../images/button-more-orange-right-hover.gif); } a.more_henkilot:hover span{ background-image: url(../images/button-more-orange-left-hover.gif); } a.more_artikkelit{ background: url(../images/button-more-green-right.gif) no-repeat top right; color:#000; } a.more_artikkelit span{ background: url(../images/button-more-green-left.gif) no-repeat top left; } a.more_artikkelit:hover{ background-image: url(../images/button-more-green-right-hover.gif); } a.more_artikkelit:hover span{ background-image: url(../images/button-more-green-left-hover.gif); } a.more_service{ background: url(../images/button-more-lblue-right.gif) no-repeat top right; color:#000; } a.more_service span{ background: url(../images/button-more-lblue-left.gif) no-repeat top left; } a.more_service:hover{ background-image: url(../images/button-more-lblue-right-hover.gif); } a.more_service:hover span{ background-image: url(../images/button-more-lblue-left-hover.gif); } a.more_tilaus{ background: url(../images/button-more-dgreen-right.gif) no-repeat top right; color:#000; } a.more_tilaus span{ background: url(../images/button-more-dgreen-left.gif) no-repeat top left; } a.more_tilaus:hover{ background-image: url(../images/button-more-dgreen-right-hover.gif); } a.more_tilaus:hover span{ background-image: url(../images/button-more-dgreen-left-hover.gif); } a.more_oikeudet{ background: url(../images/button-more-purple-right.gif) no-repeat top right; color:#000; } a.more_oikeudet span{ background: url(../images/button-more-purple-left.gif) no-repeat top left; } a.more_oikeudet:hover{ background-image: url(../images/button-more-purple-right-hover.gif); } a.more_oikeudet:hover span{ background-image: url(../images/button-more-purple-left-hover.gif); } a.more_yritys{ background: url(../images/button-more-yellow-right.gif) no-repeat top right; color:#000; } a.more_yritys span{ background: url(../images/button-more-yellow-left.gif) no-repeat top left; } a.more_yritys:hover{ background-image: url(../images/button-more-yellow-right-hover.gif); } a.more_yritys:hover span{ background-image: url(../images/button-more-yellow-left-hover.gif); } /* Layer styles */ .advsearch { position: absolute; z-index: 11; } /* Header styles */ #banner { width: 100%; padding: 15px 0; text-align: center; border-bottom: 2px solid #000; } #header { width: 655px; float: left; } .wide { width: 970px !important; } #header a { display: inline-block; padding: 2px 5px 2px 2px; background: url(../images/dotted-vertical-gray.gif) right no-repeat; } #header a.last { padding-right: 0; background: none; } #header a.active { font-weight: bold; color: #585858; } #header a.logo { padding: 0; margin: 0; background: none; float: left; clear: left; } #header h1 { font-size: 1.4em; float: right; clear: right; white-space: nowrap; height: 20px; margin-top: 20px;} #header div.small-links { font-size: 0.7em; color: #585858; white-space: nowrap; float: right; clear: right; } #header div.small-links a.frontpage { font-weight: bold; } #header div.languages { font-size: 0.7em; color: #585858; white-space: nowrap; float: right; clear: none; margin-right: 15px; } #header div.user-links { font-size: 0.8em; color: #585858; white-space: nowrap; float: right; clear: right; } /* päävani */ #header #mainNavigation{ display:block; float:right; padding:0; width:505px; margin:0; } #header #mainNavigation ul{ display:block; float:left; margin:30px 0 0 0; padding:0; list-style:none; padding:0; } #header #mainNavigation ul li{ display:block; float:left; width:124px; height:27px; background:url('../images/main_navigation_tab.gif') no-repeat; text-align:center; margin:0 2px 0 0; border:none; padding:0; } #header #mainNavigation ul li.selected{ background:url('../images/main_navigation_tab_active.gif') no-repeat; } #header #mainNavigation ul li.last{ margin:0 0 0 0; } #header #mainNavigation ul li a{ border:none; background:none; color: #000; font-size:0.9em; line-height:1.5em; } #header #mainNavigation ul li.selected a{ color: #fff; } /* osiokohtainen navi*/ #sectionNavigation{ width:100%; margin:0 0 2px 0; padding:0; background: #000; display:block; float:left; clear:both; } .emptySectionNavigation{ height:5px; } #sectionNavigation ul{ margin:0 0 0 10px; padding:8px 0 6px 0; list-style:none; height:0.8em; } #sectionNavigation ul li{ font-size:0.8em; padding:0 5px; margin:0; line-height:1em; display:inline-block; float:left; background: url(../images/dotted-vertical-gray.gif) right no-repeat; } #sectionNavigation ul li.selected a{ color: #fff; } #sectionNavigation ul li.last{ border-right: none; background:none; } /* Right column, width 300px */ #rightcol { position: absolute; top:0px; left:665px; width:300px; height:auto; z-index:41; visibility:visible; overflow:show; } #rightcol div.banner { margin-top: 15px; } #rightcol .rightcontent { float: left; clear: none; width: 300px; padding: 15px 0; /*0.7em*/} #rightcol #basket { width: 300px;} #rightcol #basket div.header { font-size: 0.8em; font-weight: bold; padding: 0 0 5px 0; margin: 0; display: block; float:left; width:100%; X_height:45px; } #rightcol #basket div.header h2#welcome{ margin:0 0 0 10px !important; font-size:1.1em; padding:5px 0 0 0; float:left;} #rightcol #basket a#logout, #basket a#myPrice{ display:block; padding:0 0 0 7px; background:url('../images/arrow-right-white.gif') left center no-repeat; font-size:0.9em; font-weight:normal; margin:0px 5px; color: #fff; } #rightcol #basket a#logout{ float:right; margin-top:5px; } #rightcol #basket a#myPrice{ float:left; clear:left; width:200px; } #rightcol #basket div.wrapper{ background:#fff; float:left; width:300px; } #rightcol #basket p#inBasket{ float:left; font-weight:bold; font-size:1.2em; line-height:2.4em; padding: 7px 9px 2px 10px; /*width:200px;*/ width:280px; } #rightcol #basket p#inBasket span#count{ float: none; clear: none; display: inline; margin-right: 0px; margin-top: 0px; font-weight:bold;font-size:2.4em;} #rightcol #basket p#inBasket a{color: #000;} #rightcol #basket p#inBasket a:hover{color: #226e9b;} #rightcol #basket ul#actions{display:block;float:left;list-style:none;padding:10px 0 3px 0;} #rightcol #basket ul#actions li{display:block;float:left;clear:left;padding:0 0 0 7px;margin:0;background:url('../images/arrow-right-blue.gif') left center no-repeat;line-height:1.3em;} #rightcol #basket div.content p#inBasket span#count { float: none; clear: none; display: inline; margin-right: 0px; margin-top: 0px; font-weight:bold;font-size:2.4em;} #rightcol #basket div.content { font-size: 0.7em; padding-bottom: 6px; display: block; width: 300px; background-color: #fff;} #rightcol #basket div.content span.header{ display:block; float:left; line-height:1.3em; color:#000; font-weight:bold; width:220px; margin-bottom:0; padding-bottom:0;} #rightcol #basket div.content strong { margin-left: 9px; padding: 2px 9px 2px 2px; display: block; } #rightcol #basket div.content strong.miniheader { font-size: 1.2em; margin-left: 9px; padding: 2px 2px 0 2px; display: block; } #rightcol #basket div.content span { float: right; clear: right; display: inline-block; margin-right: 9px; margin-top: 5px; } #rightcol #basket div.content span img { margin-left: 5px; } #rightcol #basket div.content img.empty { float: left; clear: left; margin: 15px 6px 0px 10px; } #rightcol #basket div.content p { font-size: 1.2em; padding: 10px 9px 2px 0; line-height: 1.2em; } #rightcol #basket div.content a.border { display: inline-block; padding: 2px 5px 2px 9px; background: url(../images/dotted-vertical-gray.gif) right no-repeat; } #rightcol #basket div.content a.last { display: inline-block; padding: 2px 5px 2px 2px; } #rightcol #basket div.content p.emptybasket { padding: 0px 6px 0px 0; font-size:1em; margin:0; } #rightcol #basket div.content p.emptybasket .header { font-size:1.2em;} #rightcol #basket div.bottom{ margin:0; padding:0; float:left; clear:both; width: 300px; height: 6px; overflow: hidden; background: url(../images/box-bottom.gif) no-repeat; } #rightcol #basket div.bottom_with_extra{ margin:0; padding:0; float:left; clear:both; width: 300px; height: 6px; overflow: hidden; background: url(../images/box-bottom-extra.gif) no-repeat; } #rightcol #basket div.extra{ float:left; clear:both; margin:0; padding:10px 0; background: url(../images/basket-extra-bg.gif) no-repeat bottom left; width:100%; text-align:center;} #rightcol #basket p#inService{ float:left; font-size:0.8em; line-height:2em; padding: 0; margin:0; text-align:center; width:100%; } #rightcol #basket p#inService span#count { float: none; clear: none; display: inline; margin-right: 0px; margin-top: 0px; font-weight:bold;font-size:2.4em;} #rightcol #basket #loginform{ display:block; /*float:left; */ clear:both; padding: 5px 10px; } #rightcol #basket #loginform input{ width:100px; border:1px solid #fff; background:#e2e2e2; margin:1px 9px 5px 0; float:left;} #rightcol #basket #loginform .submitlogin{ width:30px; height: 18px; } #rightcol #basket #loginform a#login{ background: url(../images/galleria_button_right_hover.gif) no-repeat top right; display:block; float:left; margin:0; padding:0; color:#000; margin: 0; }: #rightcol #basket #loginform a#login span{ background: url(../images/galleria_button_left_hover.gif) no-repeat top left; padding:0 5px; display:block; float:left; font-size:0.85em; cursor:pointer; } #rightcol #basket a.arrow{ display:block; padding:0 0 0 7px; background:url('../images/arrow-right-white.gif') left center no-repeat; font-size:0.9em; font-weight:normal; margin:0 0 0 10px; float:left; color: #fff; } #rightcol #basket a.bullet{ display:inline-block; padding:0 0 0 15px; background:url('../images/basket-arrow-right-active.gif') left center no-repeat; font-weight:normal; margin:5px 0 0 10px; font-size:1.15em; } #rightcol .rightcontent .blueBox{ background: #99bddb url(../images/box-blue-bottom.gif) no-repeat bottom left; float:left; clear:both; margin:0; padding:0; width:100%; color:#fff;} #rightcol .rightcontent .blueBoxContent{ background: url(../images/box-blue-top.gif) no-repeat top left; padding:14px 0px; float:left; clear:both; width:100%; color:#fff;} #rightcol .rightcontent .blueBoxContent *{ padding:0 10px 5px 10px;} #rightcol .rightcontent .blueBoxContent a.more{ background: url(../images/button-more-small-black-right.gif) no-repeat top right; display:inline-block; float:left; margin:0; padding:0; color:#fff; margin: 0 ; line-height:1.7em;} #rightcol .rightcontent .blueBoxContent span{ background: url(../images/button-more-small-black-left.gif) no-repeat top left; padding:0 23px 0 7px; display:inline-block; float:left; color:#fff; margin:0 0 0 -1px;} #rightcol .rightcontent .blueBoxContent a.more:hover{ background-image: url(../images/button-more-small-black-right-hover.gif); cursor:pointer; } #rightcol .rightcontent .blueBoxContent a.more:hover span{ background-image: url(../images/button-more-small-black-left-hover.gif); cursor: pointer; } /* Content styles */ #contentframe { width: 100%; display: block; overflow: hidden; clear: both; margin-bottom: 10px; } #contentframe div.dotted { height: 1px; margin: 1px 0 ; background: url(../images/dotted-horizontal.gif) repeat-x; overflow: hidden; clear: left; } #contentframe div.topspacer { margin: 18px 0 1px 0;} #contentframe .contentWrapper{ width:650px; margin:20px 0 0 15px;} #contentframe .contentWrapperWide{ width:950px; margin:20px 0 0 15px; } /* columns */ #contentframe div.basicContent{ width:630px; float:left; margin:0 0 15px 0; padding:0; } #contentframe div.leftCol{ width:395px; float:left; margin:0 12px 15px 0; padding:0; } #contentframe div.rightCol{ width:300px; float:right; margin:0 0 0 15px; padding:0; } /* highlight bar*/ #contentframe div.blackHighlight{ background: #202020 url(../images/gradient-bg.jpg) repeat-x; color:#fff; padding:0 0 0 15px; } div.blackHighlight h1{ padding:0; line-height:1.75em; } /* blackbox */ #contentframe .blackbox{ background: #202020 url(../images/box-black-bg.gif) repeat-x bottom left; float:left; color:#fff;} #contentframe .blackbox .tl { background: url(../images/box-black-tl.gif) no-repeat top left; float:left; } #contentframe .blackbox .tr { background: url(../images/box-black-tr.gif) no-repeat top right ; float:left; } #contentframe .blackbox .br { background: url(../images/box-black-br.gif) no-repeat bottom right; float:left; } #contentframe .blackbox .bl { background: url(../images/box-black-bl.gif) no-repeat bottom left; float:left; padding:14px;} /* */ #contentframe #frontpagePromo img{ float:left; margin:0; padding:0; } #contentframe #frontpagePromo .bl{width:610px;} /* */ #contentframe .threeColPromo{ float:left; clear:both; margin:20px 0 40px 0; width: 983px;} #contentframe .threeColPromo .promoCol{ width:307px; display: inline; float:left; margin:0 3px 0 14px; } #contentframe .threeColPromo .promoColPhotographer { background: url(../images/frontpage-photographer-promo-bg.jpg) no-repeat right bottom; } #contentframe .threeColPromo .promoCol .image { background-position: right bottom; background-repeat: no-repeat; min-height: 250px; padding: 0 121px 10px 20px; } #contentframe .threeColPromo h4{ font-size: 1.38em; margin:0; padding:0 0 5px 0; } #contentframe .threeColPromo h5{ margin:0 0 2px 0; padding:0; } #contentframe .threeColPromo p{ padding:0; margin: 10px 0; } #contentframe .threeColPromo .image p { color: #757575; } #contentframe .threeColPromo a.more{ background: url(../images/button-more-small-right.gif) no-repeat top right; display:inline-block; float:left; margin:0; padding:0; color:#000; font-size:0.8em; margin: 0 ;} #contentframe .threeColPromo span{ background: url(../images/button-more-small-left.gif) no-repeat top left; padding:0 23px 0 7px; display:inline-block; float:left;} #contentframe .threeColPromo a.more:hover{ background-image: url(../images/button-more-small-right-hover.gif); cursor:pointer; } #contentframe .threeColPromo a.more:hover span{ background-image: url(../images/button-more-small-left-hover.gif); cursor:pointer; } /* old frontpage three col promos */ /* #contentframe .threeColPromo{ float:left; clear:both; margin:20px 10px 40px 0;} #contentframe .threeColPromo .promoCol{ width:203px; float:left; margin:0 14px 0 0; } #contentframe .threeColPromo .last{ margin-right:0; } #contentframe .threeColPromo h4{ margin:0; padding:0 0 5px 0; border-bottom:1px dotted #ababab;} #contentframe .threeColPromo h5{ margin:0 0 2px 0; padding:0; } #contentframe .threeColPromo p{ padding:0; margin:5px 0; } #contentframe .threeColPromo a.more{ background: url(../images/button-more-small-right.gif) no-repeat top right; display:inline-block; float:left; margin:0; padding:0; color:#000; font-size:0.8em; margin: 0 ;} #contentframe .threeColPromo span{ background: url(../images/button-more-small-left.gif) no-repeat top left; padding:0 23px 0 7px; display:inline-block; float:left;} #contentframe .threeColPromo a.more:hover{ background-image: url(../images/button-more-small-right-hover.gif); cursor:pointer; } #contentframe .threeColPromo a.more:hover span{ background-image: url(../images/button-more-small-left-hover.gif); cursor:pointer; } */ #contentframe div.leftCol p{ font-size:0.8em; padding:0 0 14px 0; } img.basicImgLeft{ float:left; margin:0 10px 5px 0; } img.basicImgRight{ float:right; margin:0 0 5px 10px; } /* new frontpage uusi etusivu */ #frontpageMainPromo { background: #202020 no-repeat; color: #fff; min-height: 280px; padding-top: 208px; } #frontpageMainPromo .textWrapper { background: url(/images/frontpage-textwrapper-bg.png); padding: 20px 14px 14px 14px; width: 955px; } #frontpageMainPromo .textWrapper .primaryText { font-size: 16px; font-weight: bold; padding: 0 5px 25px 5px; /*width: 615px;*/ } #frontpageMainPromo .textWrapper .primaryText h1 { color: #fff; font-size: 54px; font-weight: bold; line-height: 1em; margin-bottom: 5px; } #frontpageMainPromo .textWrapper .primaryText p { font-size: 16px; font-weight: bold; } #frontpageMainPromo .textWrapper .primaryText a.bigButtonRight { font-size: 15px; font-weight: normal; position: relative; top: -40px; } #frontpageMainPromo .textWrapper table.secondaryTexts { /* background-color: #202020;*/ background: url(/images/frontpage-textwrapper-secon.png); /* border: 9px solid #202020;*/ border-left: none; border-right: none; clear: both; margin-top: -15px; } #frontpageMainPromo .textWrapper table.secondaryTexts td { /* border-left: 1px dotted #757575; */ color: #c5c5c5; font-size: 11px; padding:9px 18px 0 18px; vertical-align: top; width: 286px; } #frontpageMainPromo .textWrapper table.secondaryTexts td.first { border-left: none; } #frontpageMainPromo .textWrapper table.secondaryTexts td h3 { color: #c5c5c5; font-size: 14px; } #frontpageMainPromo .textWrapper table.secondaryTexts td p { color: #c5c5c5; font-size: 11px; } #frontpageContentWrapper { width: 983px; } /* featurepages */ #contentframe div.featureNavigation{ display:block; } #contentframe div.featureNavigation ul{ display:block; list-style: none; padding:10px 0 10px 13px; margin:0; width:952px; } #contentframe div.featureNavigation ul li{ display:block; float:left; height:141px; background-position:top left; background-repeat:no-repeat; margin:0 0 10px 0; padding:0; border-top:1px solid #cecece; border-right: 1px solid #cecece; border-bottom:1px solid #cecece; border-left:none; } #contentframe div.featureNavigation ul li.last{ border-left: 1px solid #cecece; } #contentframe div.featureNavigation ul li a { padding:0; display:block; background-position:top left; background-repeat:no-repeat; color: #fff; font-size:1em; } #contentframe div.featureNavigation ul li a span.linktext{ padding:118px 6px 6px 6px; display:block; background-color:transparent; background-repeat:repeat-x; background-position: 0px 111px ; color: #fff; font-size:1em; } #contentframe div.featureNavigation ul li a.tworow span.linktext{ padding:114px 6px 4px 6px; display:block; background-color:transparent; background-repeat:repeat-x; background-position: 0px 111px ; color: #fff; font-size:0.9em; line-height:0.85em; } #contentframe div.featureNavigation ul li a.inactive{ background-image:none !important; } #contentframe div.featureNavigation ul li a.inactive span.linktext{ background: transparent url(../images/featurenav_bg.png) repeat-x 0px 111px !important; } #contentframe div.featureNavigation ul li.viihde a:hover span.linktext{ background-image: url(../images/featurenav_bg_viihde.gif); } #contentframe div.featureNavigation ul li.active a.viihde span.linktext{ background-image: url(../images/featurenav_bg_viihde.gif); } #contentframe div.featureNavigation ul li.kuvitus a:hover span.linktext{ background-image: url(../images/featurenav_bg_kuvitus.gif); } #contentframe div.featureNavigation ul li.active a.kuvitus span.linktext{ background-image: url(../images/featurenav_bg_kuvitus.gif); } #contentframe div.featureNavigation ul li.uutiset a:hover span.linktext{ background-image: url(../images/featurenav_bg_uutiset.gif); color:#000; } #contentframe div.featureNavigation ul li.active a.uutiset span.linktext{ background-image: url(../images/featurenav_bg_uutiset.gif); color:#000; } #contentframe div.featureNavigation ul li.urheilu a:hover span.linktext{ background-image: url(../images/featurenav_bg_urheilu.gif); } #contentframe div.featureNavigation ul li.active a.urheilu span.linktext{ background-image: url(../images/featurenav_bg_urheilu.gif); } #contentframe div.featureNavigation ul li.henkilot a:hover span.linktext{ background-image: url(../images/featurenav_bg_henkilot.gif); } #contentframe div.featureNavigation ul li.active a.henkilot span.linktext{ background-image: url(../images/featurenav_bg_henkilot.gif); } #contentframe div.featureNavigation ul li.videot a:hover span.linktext{ background-image: url(../images/featurenav_bg_videot.gif); } #contentframe div.featureNavigation ul li.active a.videot span.linktext{ background-image: url(../images/featurenav_bg_videot.gif); } #contentframe div.featureNavigation ul li.artikkelit a:hover span.linktext{ background-image: url(../images/featurenav_bg_artikkelit.gif); } #contentframe div.featureNavigation ul li.active a.artikkelit span.linktext{ background-image: url(../images/featurenav_bg_artikkelit.gif); } #contentframe div.featureNavigation ul li.tilaus a:hover span.linktext{ background-image: url(../images/featurenav_bg_tilaus.gif); } #contentframe div.featureNavigation ul li.active a.tilaus span.linktext{ background-image: url(../images/featurenav_bg_tilaus.gif); } #contentframe div.featureNavigation ul li.service a:hover span.linktext{ background-image: url(../images/featurenav_bg_service.gif); } #contentframe div.featureNavigation ul li.active a.service span.linktext{ background-image: url(../images/featurenav_bg_service.gif); } #contentframe div.featureNavigation ul li.oikeudet a:hover span.linktext{ background-image: url(../images/featurenav_bg_oikeudet.gif); } #contentframe div.featureNavigation ul li.active a.oikeudet span.linktext{ background-image: url(../images/featurenav_bg_oikeudet.gif); } #contentframe div.featureNavigation ul li.yritys a:hover span.linktext{ background-image: url(../images/featurenav_bg_yritys.gif); color:#ffcc00; } #contentframe div.featureNavigation ul li.active a.yritys span.linktext{ background-image: url(../images/featurenav_bg_yritys.gif); color:#ffcc00; } #contentframe div.blackFeatureBox{ background: #202020 url(../images/gradient-bg.jpg) repeat-x; color:#fff; height:345px;} #contentframe div.blackFeatureBox .featureBox { width:950px; margin:0 0 0 15px; background: #202020 url(../images/gradient-bg.jpg) repeat-x;} #contentframe div.blackFeatureBox .featureboxbg { background-repeat:no-repeat; background-position: bottom right; height:345px; overflow:show; background-color: transparent;} #contentframe div.blackFeatureBox .featureBox img.halfpage{ float:right; margin: 0px; } #contentframe div.blackFeatureBox .featureBox h1{ margin: 15px 0 0 0 ; padding:20px 0;} #contentframe div.blackFeatureBox .featureBox p{ margin:0 0 10px 0; width:400px; /*line-height:1em; */ } /* footer */ #footer { font-size: 0.7em; width: 100%; height: 100px; } #footer div.pagewide { width: 985px; } #footer div.wrapper { float:left; clear:both; width: 970px; margin:0 0 15px 0; } #footer div.dotted { height: 1px; margin: 3px 0; background: url(../images/dotted-horizontal.gif) repeat-x; overflow: hidden; clear: left; } #footer div.small-links { float: left; margin: 10px 0 0 60px ;padding: 33px 0 0 0; display: block; } #footer a{ display: inline-block; background: url(../images/dotted-vertical-gray.gif) right no-repeat; padding:0 5px 0 0; margin-top:0;} #footer a.active { font-weight: bold; color: #585858; } #footer a.last { padding-right: 0; background: none; } #footer div.small-links a.activetab{ padding: 0 6px 10px 6px !important; margin: 0; margin-left: -6px; color: #000; background: transparent url(../images/footer-activetab-bg.gif) no-repeat top left;} #footer div.languages { float: left; clear: left; margin: 10px 0 0 15px; padding: 33px 0 0 0; display: block; } #footer div.copyright { float: right; margin: 0px; display: block; line-height: 1.2em; background: url(../images/logo_footer.gif) no-repeat 0 20px; padding: 19px 0 2px 150px; } #footer div.copyright a{ border:none; background:none; padding:0; margin:0; } #footer div.copyright span{ padding:0 0 0 12px; } #footer div#sitemap{ display: block; float:left; width:955px; clear:both; background:#f2f2f2 url(../images/sitemap-topbg.gif) no-repeat 0 0; margin:0 0 0 15px; padding:18px 0 0 0; } #footer div#sitemap ul.section{ display: block; float:left; width:170px; margin:0 0 0 20px; padding:0; list-style: none; } #footer div#sitemap ul.section li{ margin:0; padding:0; display:block; float:left; clear:left; line-height:1.2em; font-size:1em; } #footer div#sitemap ul.section li.sectionHeader{ margin:0 0 5px 0; padding:0; font-weight:bold; font-size:1.05em;} #footer div#sitemap ul.section li a{ background: none; border:none; color: #a8a8a8; margin:2px 0; padding:0;} #footer div#sitemap div#bottom{ display: block; float:left; width:955px;height:19px; clear:both; background:#f2f2f2 url(../images/sitemap-bottombg.gif) no-repeat left bottom; margin:0; padding:0; } /* imageinfo bars */ .imgInfo{ position: absolute; top: 10px; left: 10px; width: 88px; z-index: 60; background:transparent url(../images/infobox-bg.png) repeat; color: #fff; font-size: 0.7em;} .imgInfo p{ line-height:1em; padding:3px; margin:0;} /* quick links list */ ul.quickLinks{ list-style:none; padding:0px; background: #fff; width:100%; display:block;} ul.quickLinks li{ list-style:none; padding:3px 0 5px 0px; background: url(../images/dotted-horizontal.gif) repeat-x bottom left; display:block; } ul.quickLinks li .quickLinkHead{ display:block; padding:3px 0 0px 25px; background: url(../images/basket-arrow-right-active.gif) no-repeat 7px 7px ; color: #769ebf; text-decoration: none; font-size:0.9em; } ul.quickLinks li p{ padding: 0 10px 0 25px; font-size:0.7em; line-height:1.3em; } /* galleria */ .galleryWrapper{ background:#202020 url(../images/galleria-bg.gif) repeat-x top left; float:left; margin:0 0 40px 0; padding:0;} .galleryWrapper .tl { background: url(../images/galleria-tl.gif) no-repeat top left; float:left; } .galleryWrapper .tr { background: url(../images/galleria-tr.gif) no-repeat top right ; float:left; } .galleryWrapper .br { background: url(../images/galleria-br.gif) no-repeat bottom right; float:left; } .galleryWrapper .bl { background: url(../images/galleria-bl.gif) no-repeat bottom left ; float:left; } .galleria_container{ height:513px; width:513px; float:left; border:1px solid #4c4c4c; background: #0f0f0f; padding:0; } .galleria_wrapper{ width:513px; height:513px; padding:0; } .caption{ color:#fff; position:absolute; width:513px; height:135px; background:transparent url(../images/infobox-bg.png) repeat; overflow:hidden; z-index:21; } .caption div{ padding:5px 10px; font-size:0.8em; height:125px; overflow:hidden; } .gallery_view { float:left; margin:15px 0 0 0 ; clear:both; background: url(../images/galleria-bg.gif) repeat-x top left; list-style: none; } .gallery_view li{ width:60px; height:60px; border:1px solid #4c4c4c; margin: 1px 5px 5px 1px; background:#202020; float:left;} .gallery_view li.hover{ border-color:#aeaeae;} .gallery_view li.active{ border: 2px solid #aeaeae; margin: 0 4px 4px 0; ;} .gallery_view li div{ left:0px; } .galleryNav{ display:block; float:left; clear:both; padding:0 0 0 0px; width:513px; font-size:0.85em; line-height:1.4em; } .galleryNav a.toggleButton{ background: url(../images/galleria_button_right.gif) no-repeat top right; display:inline-block; float:left; margin:0; padding:0; color:#000; margin: 0 ;} .galleryNav a.toggleButton span{ background: url(../images/galleria_button_left.gif) no-repeat top left; padding:0 7px 0 7px; display:inline-block; float:left;} .galleryNav a.toggleButton:hover{ background-image: url(../images/galleria_button_right_hover.gif); } .galleryNav a.toggleButton:hover span{ background-image: url(../images/galleria_button_left_hover.gif); } .galleryNav a.prevButton{ background: url(../images/galleria_button_right.gif) no-repeat top right; display:inline-block; float:right; margin:0; padding:0; color:#000; } .galleryNav a.prevButton span{ background: url(../images/galleria_prevbutton_left.gif) no-repeat top left; padding:0 7px 0 25px; display:inline-block; float:left;} .galleryNav a.prevButton:hover{ background-image: url(../images/galleria_button_right_hover.gif); } .galleryNav a.prevButton:hover span{ background-image: url(../images/galleria_prevbutton_left_hover.gif); } .galleryNav a.nextButton{ background: url(../images/galleria_nextbutton_right.gif) no-repeat top right; display:inline-block; float:right; margin:0; padding:0; color:#000; } .galleryNav a.nextButton span{ background: url(../images/galleria_button_left.gif) no-repeat top left; padding:0 25px 0 7px; display:inline-block; float:left;} .galleryNav a.nextButton:hover{ background-image: url(../images/galleria_nextbutton_right_hover.gif); } .galleryNav a.nextButton:hover span{ background-image: url(../images/galleria_button_left_hover.gif); } .galleryNav span.textCount{ display:inline-block; float:right; color:#fff; padding:0 10px;} #kuvaajat .galleryWrapper{ width:670px; } #kuvaajat .galleria_container{ margin:13px 0 0 79px; } #kuvaajat .caption{ top:617px; left:95px; } #kuvaajat .gallery_view { padding:20px 14px; width:643px; } #kuvaajat .galleryNav{ margin:14px 0px 0 80px; } #kuvat .galleryWrapper{ width:540px; margin-left:15px;} #kuvat .galleria_container{ margin:13px 0 0 15px; } #kuvat .caption{ top:617px; left:438px; } #kuvat .gallery_view { padding:20px 14px; width:510px;} #kuvat .galleryNav{ margin:14px 0px 0 14px;} /* */ div#photographersList{ display:block; float:left; margin: 0; padding:0; width:275px; } div#photographersList ul{ display:block; margin:0; padding:0; } div#photographersList ul li{ display:block; float:right; clear:both; list-style:none; padding:0px; background: url(../images/dotted-horizontal.gif) repeat-x bottom left; margin:0; } div#photographersList ul li.rb a{ background: url(../images/dotted-vertical-gray.gif) repeat-y top right ; } div#photographersList ul li.selected{ border-top:1px solid #fff; background: url(../images/dotted-horizontal.gif) repeat-x top left; position: relative; top: -1px; margin:0; padding:0; width:275px; } div#photographersList ul li.selected div.wrapper{ background: url(../images/dotted-vertical-gray.gif) repeat-y top right ; margin:0; padding:0 0 1px 0; } div#photographersList ul li.selected div.wrapper div.gradient{ /* background: url(../images/gradient-bg-bottom-left.gif) no-repeat bottom left ; */ margin:0; padding:0; } div#photographersList ul li.selected div.wrapper div.gradient div.hitonborder{ margin:0; padding:0; background: url(../images/dotted-horizontal.gif) repeat-x bottom left; } div#photographersList ul li.selected div.wrapper div.gradient div.image{ padding:0px 130px 0px 20px; text-align:right; background-repeat: no-repeat; background-position:bottom right; min-height:265px; } div#photographersList ul li.selected div.wrapper div.image h3{ font-weight: normal; padding:15px 0 0 0; } div#photographersList ul li.selected div.wrapper div.image p{ font-size:0.7em; line-height:1.25em; padding:10px 0 0 0; } div#photographersList ul li a{ display:block; width:200px; padding:5px 0; } div#photographersList ul li a span{ display:block; width:180px; background: url(../images/basket-arrow-right-active.gif) no-repeat 7px 7px ; font-size: 0.8em; padding:5px 0 0 25px; } form#lkform{ background:#cc0000 url(../images/lkform-bg.gif) repeat-x bottom left; float:left; font-size:0.8em; margin:0 0 20px 0;} form#lkform .tl { background: url(../images/lkform-tl.gif) no-repeat top left; float:left; } form#lkform .tr { background: url(../images/lkform-tr.gif) no-repeat top right ; float:left; } form#lkform .br { background: url(../images/lkform-br.gif) no-repeat bottom right; float:left; } form#lkform .bl { background: url(../images/lkform-bl.gif) no-repeat bottom left ; float:left; } form#lkform .head{ background: url(../images/lkform-head-bg.gif) repeat-x bottom left; padding: 5px; margin:0 0 10px 0; text-align:right; color: #fff; width:380px;} form#lkform .head h3{ color: #fff; font-weight: normal; float:left;} form#lkform .body{ padding: 5px; margin: 0; color: #fff; } form#lkform .footer{ padding: 5px 0; margin: 5px; color: #fff; border-top:1px dotted #fff;} form#lkform .footer a{ display:inline-block; padding: 0 7px; color:#fff; background: url(../images/arrow-right-white.gif) no-repeat center left;} form#lkform .footer a:hover{ text-decoration:underline; } ul.photoList{ list-style:none; font-size:0.8em;} ul.photoList li{ display:block; float:left; width:122px; padding:0px; margin:0 14px 0 0; } ul.photoList li.img{ padding:0; margin:0 13px 10px 0; width:120px; height:120px; border:1px solid #ccc; } ul.photoList li.right{ margin-right:0; } ul.photoList li.img div{ float:left; width:110px; padding:5px; background:transparent url(../images/infobox-bg.png) repeat; color:#fff; margin:79px 0 0 0 ; line-height:1em; font-size:0.9em; } ul.photoList li a{ background: url(../images/arrow-right-blue.gif) no-repeat left center; display:block; float:left; padding:0 0 0 7px; font-size:0.9em;} ul.photoList li.img a{ padding:0; } ul.photoListBig{ list-style:none; font-size:0.8em;} ul.photoListBig li{ display:block; float:left; width:167px; padding:0px; margin:0 14px 14px 0; } ul.photoListBig li.img{ padding:0; margin:0 13px 10px 0; width:165px; height:165px; border:1px solid #ccc; } ul.photoListBig li.img div{ float:left; width:155px; padding:5px; background:transparent url(../images/infobox-bg.png) repeat; color:#fff; margin:127px 0 0 0 ; line-height:1em; font-size:0.9em; height:28px; line-height:1.2em; } ul.photoListBig li.img a{ padding:0; color:#fff;} #photographersImageList{ float:left; width:730px; margin-bottom:40px;} div#photographersListNarrow{ display:block; float:left; margin: 0; padding:0; width:215px; } div#photographersListNarrow ul{ display:block; float:left; margin:0; padding:0; } div#photographersListNarrow ul li{ display:block; float:right; clear:both; list-style:none; padding:0px; background: url(../images/dotted-horizontal.gif) repeat-x bottom left; margin:0; } div#photographersListNarrow ul li.selected{ margin:0 ; padding:0; } div#photographersListNarrow ul li a{ display:block; width:215px; padding:5px 0; } div#photographersListNarrow ul li a span{ display:block; width:190px; background: url(../images/basket-arrow-right-active.gif) no-repeat 7px 7px ; font-size: 0.8em; padding:5px 0 0 25px; } div.page_intro{ float:left; clear:both; width:100%; background: url(../images/dotted-horizontal.gif) repeat-x left bottom; margin:0 0 20px 0; padding:0 0 2px 0;} div.page_intro img.intro_image{ float: left; margin:0 10px 10px 0 ;} div.page_intro div.block{ margin:0; padding:0 10px 10px 0; width:320px; float:left; } div.page_intro div.block h3, div.page_intro div.block p{ padding: 0 0 10px 0; } div.newblock{ padding:14px 0 0 0;} div.newblock h4{ margin:10px 0; } /* ARTIKKELIT */ div#articles{ float:left; width:543px; margin-bottom: 15px;} div#articles ul#article_areas{ float:left; clear:both; list-style:none; width:100%; } div#articles ul#article_areas li{ display:block; float:left; margin:0 5px 0 0; padding:0; } div#articles ul#article_areas li a{ display:block; float:left; padding:0 0 0 6px; } div#articles ul#article_areas li a span{ display:block; float:left; padding:2px 6px 3px 0; background: url(../images/dotted-vertical-gray.gif) right no-repeat; font-size:0.8em; } div#articles ul#article_areas li.selected a{ background: url(../images/tabs-gray.gif) top left no-repeat; color:#000; } div#articles ul#article_areas li.selected a span{ background: url(../images/tabs-gray-right.gif) top right no-repeat; } div#articles div#article_container{ float:left; clear:both; width:100%; background: #f2f2f2 url(../images/artikkelit-top-bg.gif) no-repeat top right; } div#articles div#article_container div.article{ float:left; margin:14px 14px 0 14px; border-bottom :1px dotted black;} div#articles div#article_container div.article span.date{ display:block; float:left; clear:both; color:#a8a8a8; font-size:0.75em; margin:0; line-height:1.1em; } div#articles div#article_container div.article h2{ display:block; float:left; clear:both; color:#252525; font-size:1.3em; font-weight:normal; margin: 0; line-height:1.3em; } div#articles div#article_container div.article span.author{ display:block; float:left; clear:both; color:#252525; font-size:0.75em; font-style:italic; margin:0 0 14px 0; line-height:1.1em;} div#articles div#article_container div.article p{ display:block; float:left; clear:both; color:#252525; } div#articles div#article_container div.article img{ float:right; margin:0 0 10px 10px; border:1px solid #ccc; } div#articles div#articlelist_container{ float:left; clear:both; width:100%; background: #f2f2f2 url(../images/artikkelit-bottom-bg.gif) no-repeat bottom right;} div#articles div#articlelist_container div.articlelist{ float:left; margin:14px; clear:both; } div#articles div#articlelist_container div.articlelist h3{ float:left; clear:both; font-size:0.85em; margin:0 0 7px 0 ; } div#articles div#articlelist_container div.articlelist ul{ float:left; clear:both; list-style:none; width:100%;} div#articles div#articlelist_container div.articlelist ul li{ display:block; float:left; clear:both; font-size:0.75em; color:#a8a8a8; } div#articles div#articlelist_container div.articlelist ul li a{ background: url(../images/arrow-right-blue.gif) no-repeat left center; padding:0 0 0 7px;} div#articles div#articlelist_container div.articlelist ul li.selected a{ background: url(../images/arrow-right-black.gif) no-repeat left center; padding:0 0 0 7px; color:#252525; } div.contact{ float:left; clear:both; margin:0; padding:0; width:955px; } div.contact .contactHead{ float:left; clear:both; width:100%; background: url(../images/contact-head-bg.gif) no-repeat top left; text-align:right; margin:10px 0 0 0; padding:5px 0;} div.contact .contactHead h5{ color:#fff; display:inline-block; float:left; padding:0 0 0 7px;} div.contact .contactHead a.toggle{ display:inline-block; font-size:0.75em; padding:0 7px 0 14px; background: url(../images/contact-tab-open.gif) no-repeat left center; } div.contact .contactHead a.close { display:inline-block; background-image: url(../images/contact-tab-close.gif) !important; } div.contact .contactBody ul{ list-style:none; float:left; clear:both; width:100%; margin:14px 0 0 0 ;} div.contact .contactBody ul li{ float:left; width:225px; height:140px; margin:0 14px 14px 0; background: url(../images/contact-li-bg.gif) no-repeat bottom left;} div.contact .contactBody ul li.right{ margin-right:0; } div.contact .contactBody ul li div{ background-position:bottom right; background-repeat:no-repeat; float:left; clear:both; width:224px; height:137px;} div.contact .contactBody ul li div h4, div.contact .contactBody ul li div p{ float:left; clear:both; padding:0 0 0 5px; width:145px; text-align:right;} div.contact .contactBody ul li div h4{ font-size:font-size:1.5em; margin-top:10px; } div.contact .contactBody ul li div p{ font-size:0.75em; } ul.inboundlinkset{ list-style:none; width:122px; margin:0 14px 0 0; float:left;} ul.inboundlinkset li{ display:block; float:left; width:122px; padding:0px; margin:0; font-size:0.8em; } ul.inboundlinkset li a{ background: url(../images/arrow-right-blue.gif) no-repeat left center; display:block; float:left; padding:0 0 0 7px; font-size:0.9em;} ul.inboundlinkset li.img{ padding:0; margin:0 13px 10px 0; width:120px; height:120px; border:1px solid #ccc; } ul.inboundlinkset li.img a{ padding:0; background-image:none;} ul.inboundlinkset li.img a div{ float:left; width:110px; height:30px; padding:5px; background:transparent url(../images/infobox-bg.png) repeat; color:#fff; margin:80px 0 0 0 ; line-height:1em; font-size:1em; height:; overflow:hidden;} ul.inboundlinksetright{ list-style:none; width:122px; margin: 0; float:left;} ul.inboundlinksetright li{ display:block; float:left; width:122px; padding:0px; margin:0; font-size:0.8em; } ul.inboundlinksetright li a{ background: url(../images/arrow-right-blue.gif) no-repeat left center; display:block; float:left; padding:0 0 0 7px; font-size:0.9em;} ul.inboundlinksetright li.img{ padding:0; margin:0 13px 10px 0; width:120px; height:120px; border:1px solid #ccc; } ul.inboundlinksetright li.img a{ padding:0; background-image:none;} ul.inboundlinksetright li.img a div{ float:left; width:110px; height:30px; padding:5px; background:transparent url(../images/infobox-bg.png) repeat; color:#fff; margin:80px 0 0 0 ; line-height:1em; font-size:1em; height:; overflow:hidden;} /* SIFR */ /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash H1 { visibility: hidden; font-size: 34px; letter-spacing: -2px; line-height: 39px; } .sIFR-hasFlash .featureBox H1{ visibility: hidden; font-size: 16px; letter-spacing: -2px; line-height: 20px; width:400px; } /* SIFR */