/* 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: 395px; } 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; } /* Form styles */ form.borders { } .padding { margin: 0 5px 9px 9px; } .login { margin: 4px 0; } form.borders input { font-size: 1em; border: 1px solid #999; } form.borders textarea { font-size: 1em; border: 1px solid #999; } form label { font-weight: bold; display: block; margin-top: 5px; } form table.wider { width: 600px; } form table.wider td { padding-right: 25px; vertical-align: top; } form table.wider td h1 { width: auto !important; } input { font-size: 0.7em; width: 150px; border: 1px solid #fff; padding: 1px; margin-right: 10px; height: 14px; } input.short { width: 100px; } input.long { width: 280px; } input.checkbox { width: auto; border: none !important; } input.emptybutton { width: auto; height: 20px; background: none; border: none !important; color: #769ebf; font-weight: bold; } select { font-size: 0.7em; width: 150px; border: 1px solid #fff; margin-right: 10px; height: 16px; } select.basketuse { font-size: 1em; width: auto !important; } textarea { font-family: Arial, Helvetica, sans-serif; width: 500px; height: 100px; border: 1px solid #fff; } textarea.normal { width: 280px; } /* Disabled input styles */ .dis { background-color: #C2D0E7; border: 1px solid #6699FF; } .basketusedis { font-size: 1em; background-color: #808080; border: 1px solid #252525; } /* Button widths */ input.button1 { width: 37px; } input.button2 { width: 60px; } input.button3 { width: 95px; } input.button4 { width: 165px; } /* Button types. Note that the Search-button in search bar has its own style definition under #searchbar */ div.buttonblack { font-size: 1em; padding: 3px 3px 2px 0; background: url(../images/button-black-right.gif) no-repeat right; display: inline; } div.buttonblack input { font-size: 1em; height: 20px; margin: 0; padding-left: 2px; padding-bottom: 2px; border: none !important; background: url(../images/button-black.gif) no-repeat 0 1px; } div.buttongray { font-size: 1em; margin: 5px 10px 0 0; padding: 1px 3px 2px 0; background: url(../images/button-gray-right.gif) no-repeat right; display: inline; } div.buttongray input { font-size: 1em; height: 19px; margin: 0; padding-left: 2px; border: none !important; background: url(../images/button-gray.gif) no-repeat 0 3px; } div.buttongray20 { margin: 0 15px; padding: 3px 3px 4px 0; background: url(../images/button-gray-20px-right.gif) no-repeat right; display: inline; } div.buttongray20 input { font-size: 1em; font-weight: bold; height: 22px; margin: 0; padding-left: 2px; padding-bottom: 2px; border: none !important; background: url(../images/button-gray-20px.gif) no-repeat 0 2px; } div.buttongreen { margin: 0 15px; padding: 3px 3px 4px 0; background: url(../images/button-green-right.gif) no-repeat right; display: inline; } div.buttongreen input { font-size: 1em; font-weight: bold; height: 22px; margin: 0; padding-left: 2px; padding-bottom: 2px; border: none !important; background: url(../images/button-green.gif) no-repeat 0 2px; } /* Colors */ .white { color: #fff; } .gray1 { color: #585858; } .gray2 { color: #9c9c9c; } .gray3 { color: #d1d1d1; } .gray4 { color: #252525; } /* style added 25.9.2009 /harri j; to convert link text color into normal text gray */ .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; } /* Layer styles */ div.tooltip { font-size: 0.7em; line-height: 1.2em; color: #252525; border: 1px solid #000; background-color: #fff; padding: 0.3em 0.5em; position: absolute; z-index: 1000; } .advsearch { position: absolute; z-index: 11; } /* Image blocks */ div.imgblockS { width: 88px; height: 98px; padding-left: 10px; float: left; clear: none; } .margins { margin: 5px 0; } div.imgblockS table.imgframe { width: 87px; height: 87px; border: 1px solid #cecece; } div.imgblockS table.dark { border: 1px solid #555 !important; } div.imgblockS table.imgframe td { width: 86px; height: 86px; text-align: center; vertical-align: middle; background-color: #f7f7f7; } div.imgblockS table.imgframe td.dark { background-color: #000 !important; } div.imgblockS img.close { float: right; clear: right; margin-top: 4px; } /* div.imgblockM { float: left; clear: none; } div.imgblockM table.imgframe { width: 111px; height: 111px; border: 1px solid #3e3e3e; } div.imgblockM table.imgframe td { width: 110px; height: 110px; text-align: center; vertical-align: middle; background-color: #000; } div.imgblockM img.close { float: right; clear: right; margin-top: 4px; } */ div.imgblockL { font-size: 0.7em; width: 152px; height: 198px; padding: 25px 7px 15px 7px; float: left; clear: none; overflow: hidden; } .basketcase { padding: 5px 10px 0 1px !important; height: 210px !important; } div.imgblockL table.imgframe { width: 151px; height: 151px; border: 1px solid #3e3e3e; } div.imgblockL table.imgframe td { width: 150px; height: 150px; text-align: center; vertical-align: middle; background-color: #000; } div.imgblockL div.addto { text-align: right; height: 29px; overflow: hidden; } div.imgblockL div.addto img { margin: 4px 1px 4px 5px; } div.imgblockL div.paddingtop { height: 18px; display: block; overflow: hidden; } div.imgblockL table.nextpage { height: 150px; font-size: 1.8em; line-height: 1.2em; background-color: #171717; margin-bottom: 30px; } div.imgblockL table.nextpage span { color: #464646; font-size: 0.8em; margin: 0 10px; display: block; } div.imgblockL table.nextpage a { color: #464646; } div.imgblockL table.nextpage a:hover { color: #555; } div.imgblockL img.close { float: right; clear: none; margin: 0 1px 2px 3px; } div.imgblockL a.basketpoista { height: 16px; padding: 2px 18px 1px 5px; display: block; float: right; clear: none; background: url(../images/basket-poista-button-bg.gif) 0 4px no-repeat; } div.imgblockL a.basketpoista:hover { color: #fff; } div.imgblockL a.basketsave { height: 16px; padding: 2px 7px 1px 5px; display: block; float: right; clear: none; background: url(../images/basket-save-button-bg.gif) 0 4px no-repeat; } div.imgblockL a.basketsave:hover { color: #fff; } div.imgblockL a.basketsavevideo { height: 16px; width:60px; padding: 2px 5px 1px 5px; margin-right:10px; display: block; float: left; clear: none; background: url(../images/basket-save-video-button-bg.gif) 0 4px no-repeat; color:#fff; } div.imgblockL a.basketsavevideo:hover { color: #fff; } div.imgblockL a.right{ margin-right:0; } p.first{ padding-top:13px; } div.imgsetblockS { width: 90px; padding: 7px 0 5px 8px; background: url(../images/picset-small-bg.gif) no-repeat 7px 6px; float: left; clear: none; } div.imgsetblockS div.number { width: 20px; height: 17px; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; background-color: #f7f7f7; font-weight: bold; text-align: center; position: relative; margin: 0 -22px -18px 0; overflow: hidden; } div.imgsetblockS table.imgframe { width: 86px; height: 86px; } div.imgsetblockS table.imgframe td { width: 86px; height: 86px; text-align: center; vertical-align: middle;} div.imgsetblockS div.desc { margin-top: 3px; text-align: center; line-height: 1.25em; } div.imgsetblockM { padding: 10px 7px; width: 115px; background: url(../images/picset-bg.gif) no-repeat 6px 9px; float: left; clear: none; } .darkbg { background: url(../images/myset-bg.gif) no-repeat 6px 9px !important; } div.imgsetblockM div.number { width: 20px; height: 17px; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; background-color: #f7f7f7; font-weight: bold; text-align: center; position: relative; margin: 0 -21px -18px 0; overflow: hidden; } div.imgsetblockM .darkborder { border-right: 1px solid #585858 !important; border-bottom: 1px solid #585858 !important; background-color: #000 !important; } div.imgsetblockM table.imgframe { width: 110px; height: 110px; } div.imgsetblockM table.imgframe td { width: 110px; height: 110px; text-align: center; vertical-align: middle; background-color: #f7f7f7; } div.imgsetblockM table.imgframe td.blackbg { background-color: #000; } div.imgsetblockM div.desc { margin-top: 8px; text-align: center; width: 117px; overflow: hidden; } div.imgsetblockL { font-size: 0.7em; padding: 10px 7px; margin: 10px 0 3px 0; width: 158px; height: 205px; background: url(../images/picset-bg-large.gif) no-repeat 6px 9px; float: left; clear: none; overflow: hidden; } div.imgsetblockL div.number { width: 22px; height: 17px; border-right: 1px solid #585858; border-bottom: 1px solid #585858; background-color: #000; font-weight: bold; text-align: center; position: relative; margin: 0 -21px -18px 0; overflow: hidden; } div.imgsetblockL table.imgframe { width: 150px; height: 150px; } div.imgsetblockL table.imgframe td { width: 150px; height: 150px; text-align: center; vertical-align: middle; } div.imgsetblockL div.desc { margin-top: 8px; text-align: center; line-height: 1.25em; } /* Image block styles for the large picture view, preview */ div.imgblockP { width: 542px; height: 542px; } div.imgblockP table.imgframe { width: 540px; height: 540px; border: 1px solid #3e3e3e; margin-left: 15px; } div.imgblockP table.imgframe td { width: 540px; height: 540px; text-align: center; vertical-align: middle; background-color: #000; } /* 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 h4 { font-size: 1.3em; white-space: nowrap; float: right; clear: right; margin-top: 13px; } */ #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; } /* Right column, width 300px */ #rightcol { position: absolute; top:0; left:665px; width:300px; z-index:11; } .fixed { position: absolute !important; top: 135px; left: 675px; z-index: 11; } #rightcol div.dotted { height: 1px; border-width: 3px 9px; border-style: solid; border-color: #fff; background: url(../images/dotted-horizontal.gif) repeat-x; overflow: hidden; clear: left; background-color: #fff; } #rightcol div.banner { margin-top: 15px; } #rightcol #forgot { display: block; } #rightcol #notforgot { display: none; } #basket { float: left; clear: right; width: 300px; position: relative; margin-bottom: -100%; } #basket div.header { font-size: 0.8em; font-weight: bold; padding: 0; margin: 0; display: block; float:left; width:100%; /* height: 45px; */ } #basket div.header h1 { font-size: 2.5em; font-weight: normal; padding: 5px 5px 5px 9px; float: left; clear: left; display: block; margin-top: 10px; } #basket div.header h1 span { font-size: 0.4em; font-weight: bold; padding-left: 5px; } #basket div.header h2 { font-size: 1em; padding: 5px 5px 5px 9px; display: block; float: left; clear: left; margin-top: 15px; } #basket div.header div.right { float: right; clear: right; display: inline; margin-top: 9px; padding-right: 9px; } #basket div.header div.right a { font-size: 0.85em; display: block; margin: -3px 0 -3px 0; } #basket div.header div.right a.large { font-size: 0.9em; display: block; } #basket div.header div.right a:hover { color: #fff; } #basket div.content { font-size: 0.7em; padding-bottom: 6px; display: block; width: 300px; background-color: #fff; } #basket div.content strong { margin-left: 9px; padding: 2px 9px 2px 2px; display: block; } #basket div.content strong.miniheader { font-size: 1.2em; margin-left: 9px; padding: 2px 2px 0 2px; display: block; } #basket div.content span { float: right; clear: right; display: inline-block; margin-right: 9px; margin-top: 5px; } #basket div.content span img { margin-left: 5px; } #basket div.content img.empty { float: left; clear: left; margin: 20px 10px 10px; } #basket div.content p { font-size: 1.2em; padding: 10px 9px 2px 0; line-height: 1.2em; } #basket div.content a.border { display: inline-block; padding: 2px 5px 2px 9px; background: url(../images/dotted-vertical-gray.gif) right no-repeat; } #basket div.content a.last { display: inline-block; padding: 2px 5px 2px 2px; } #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; } #rightcontent { font-size: 0.7em; float: left; clear: none; width: 300px; background: url(../images/box-top.gif) top no-repeat; padding-top: 6px; position: relative; margin-top: 165px; top: 45px;} .fixedpos { margin-top: 0 !important; } #rightcontent h1 { font-size: 2em; font-weight: normal; padding: 6px 0 2px 9px; padding-top: 20px; display: block; background-color: #fff; } /* padding-top lisätty 22.9.2009 /hj */ #rightcontent h1 span { font-size: 0.4em; font-weight: bold; padding-left: 5px; } #rightcontent h2 { font-size: 1em; padding: 5px 5px 5px 9px; margin-top: 15px; } #rightcontent div.right { float: right; clear: right; display: inline; margin-top: 5px; padding-right: 9px; } #rightcontent div.right a { font-size: 0.85em; display: block; } #rightcontent div.right a:hover { color: #fff; } #rightcontent div.content { width: 300px; clear: both; display: block; background-color: #fff; } #rightcontent div.content a.all { float: right; clear: right; display: inline-block; margin-right: 9px; margin-top: 2px; padding-bottom: 2px; } #rightcontent div.content img.empty { float: left; clear: left; } #rightcontent div.content p { background-color: #fff; margin: 5px 9px; } #rightcontent div.content a.list { margin: 0 9px; display: block; line-height: 1.2em; margin-bottom: 3px; padding-top: 2px; } #rightcontent div.bottom { width: 300px; height: 6px; overflow: hidden; background: url(../images/box-bottom.gif) no-repeat; margin-bottom: 40px; /* margin-bottom lisätty 13.4.2011 /hj */ } #rightcontent img.banner { margin-top: 15px; } #rightcontent #forgotpassword { width: 300px; background-color: #fff; } #rightcontent #forgotpassword p { margin: 0 9px 0 9px; } #rightcontent #picmosaic { /* height: 300px; */ width: 300px; } #rightcontentbox { font-size: 0.7em; width: 300px; background: url(../images/basket-box-top.gif) top no-repeat; padding-top: 6px; position: absolute; top: 0; left: 670px; overflow: hidden; z-index: 22; } .relative { float: left; clear: none; position: relative !important; margin-top: 180px; top: auto !important; left: auto !important; } #rightcontentbox h1 { font-size: 2em; font-weight: normal; padding: 6px 0 2px 0; display: block; background-color: #444; } #rightcontentbox h2 { font-size: 2em; font-weight: normal; padding: 0 0 2px 0; display: block; float: left; clear: left; background-color: #444; } #rightcontentbox div.content { width: 282px; clear: both; padding: 0 9px; display: block; background-color: #444; overflow: hidden; z-index: 222; } #rightcontentbox div.content div#toNext img, #rightcontentbox div.content div#toPrev img { margin: 3px 0 0 5px; } #rightcontentbox div.content p { background-color: #444; margin: 5px 5px 5px 0; } #rightcontentbox div.content a.list { margin: 0; font-weight: bold; display: block; } #rightcontentbox div.content textarea { width: 275px; } #rightcontentbox #preloadContainer { display: none; } #rightcontentbox #display { width: 300px; height: 535px; padding-top: 5px; clear: both; display: block; background-color: #444; overflow: hidden; } #rightcontentbox div.bottom { width: 300px; height: 6px; overflow: hidden; background: url(../images/basket-box-bottom.gif) no-repeat; } /* Search bar, width 100% */ #searchbar { width: 100%; height: 50px; padding: 5px 0 5px 0; background-color: #8fd1fd; background: url(../images/header-bar-bg.jpg) repeat-x; clear: both; overflow: hidden; } #searchbar div.searchbar-content { width: 655px; } #searchbar div.searchbar-content a { font-size: 0.7em; font-weight: bold; margin: 0; clear: right; float: right; } #searchbar div.searchbar-content a:hover { color: #fff; } #searchbar div.searchbar-content h1 { font-size: 0.9em; margin-bottom: 5px; padding-left: 15px; float: left; clear: left; } #searchbar div.dotted { height: 1px; width: 950px; margin: 3px 0 3px 15px; background: url(../images/dotted-horizontal-light.gif) repeat-x; overflow: hidden; clear: left; } #searchbar form { float: left; clear: left; padding-left: 15px; margin-top: 2px; } #searchbar form div.buttonblack { font-size: 0.7em; } #searchbar #advclosed { float: right; clear: right; width: 135px; height: 25px; text-align: center; margin-top: 3px; overflow: hidden; background: url(../images/search-adv-button-closed-bg.gif) no-repeat; } #searchbar #advclosed a { color: #fff; background: url(../images/arrow-right-white.gif) no-repeat 0 0.6em; float: none; padding: 2px 0 0 10px; } #searchbar #adv { float: right; clear: right; width: 135px; height: 25px; text-align: center; margin-top: 3px; overflow: hidden; background: url(../images/search-adv-button-bg.gif) no-repeat; } #searchbar #adv a { color: #fff; background: url(../images/arrow-down-white.gif) no-repeat 0 0.7em; float: none; padding: 2px 0 0 10px; } #advsearchbuttonrow { font-size: 0.7em; color: #fff; background-color: #579de3; padding: 15px; text-align: right; } /* Search bar without search for registration page */ #plainbar { width: 100%; height: 20px; padding: 5px 0 5px 0; background-color: #8fd1fd; background: url(../images/header-bar-bg.jpg) repeat-x; clear: both; overflow: hidden; } #plainbar h1 { font-size: 1em; margin-bottom: 5px; padding-left: 15px; } /* Content styles */ #contentframe { width: 100%; display: block; overflow: hidden; clear: both; margin-bottom: 10px; } .nomargin { margin-bottom: 0px !important; } #contentframe div.padding { height: 15px; display: block; overflow: hidden; } #contentframe div.dotted { height: 1px; margin: 3px 0; background: url(../images/dotted-horizontal.gif) repeat-x; overflow: hidden; clear: left; } #contentframe div.banner { margin: 15px 0 0 15px; } #contentframe #picmosaicwide { width: 645px; float: left; clear: left; padding-left: 15px; } /* Picture set frame on white background, 5 images, width 645px */ #contentframe div.picset { width: 645px; font-size: 0.7em; line-height: 1.3em; padding: 0 0 0 10px; margin-top: 10px; float: left; clear: left; } #contentframe div.picset div.heading { background: url(../images/picset-heading-bg.gif) no-repeat; width: 645px; height: 26px; } #contentframe div.picset div.heading h1 { font-size: 1.6em; font-weight: normal; color: #fff; padding: 6px 0 0 10px; } #contentframe div.picset div.heading p { float: right; clear: right; height: 17px; padding: 5px 10px 1px 0; } #contentframe div.picset div.heading p span { padding-right: 7px; margin-right: 7px; background: url(../images/dotted-vertical.gif) right no-repeat; } #contentframe div.picset div.heading p img.next { margin-bottom: -2px; padding: 0 4px; } #contentframe div.picset div.heading p a.more { padding-top: 2px; font-weight: bold; } /* Picture set frame on dark background, 5 images, width 645px */ #contentframe div.mysetbg { width: 100%; display: table; } #contentframe div.myset { width: 645px; float: left; font-size: 0.7em; line-height: 1.3em; padding: 0 0 0 10px; margin-top: 10px; } #contentframe div.myset img.mysetpic { margin-bottom: -38px; position: relative; z-index: 1; } #contentframe div.myset h1 { font-size: 2em; font-weight: normal; color: #e02e8d; margin-left: 100px; padding-bottom: 3px; } #contentframe div.myset p { float: right; clear: right; height: 17px; padding: 7px 0 1px 0; } #contentframe div.myset p span { padding-right: 7px; margin-right: 7px; background: url(../images/dotted-vertical.gif) right no-repeat; } #contentframe div.myset p img.next { margin-bottom: -2px; padding: 0 4px; } #contentframe div.myset p a.more { padding-top: 2px; font-weight: bold; } /* Basket frame, 2 images, width 635px */ #contentframe div.basket { width: 635px; margin-left: 15px; } /* Basket block, 1 image, description, buttons, width 300px */ #contentframe div.basket div.basketblock { width: 300px; line-height: 1em; float: left; margin: 10px 15px 10px 0; } #contentframe div.basket div.basketblock p { font-size: 0.7em; margin: 5px 5px 5px 0; } #contentframe a.list { margin: 0; display: block; line-height: 1.2em; margin-bottom: 3px; padding-top: 2px; } /* Content paragraph styles, width 100%, 2 width limiter styles */ #contentframe div.para { font-size: 0.7em; padding: 0 15px 15px 15px; } #contentframe .limited { width: 640px; background: url(../images/dotted-vertical.gif) right repeat-y; } #contentframe .pagewide { width: 960px !important; } #contentframe div.para img.contentpic { display: inline; float: right; clear: right; margin: 0 15px 15px 10px; padding: 3px; border: 1px solid #d1d1d1; } #contentframe div.para div.number { width: 100px; height: 17px; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; background-color: #f7f7f7; font-weight: bold; text-align: center; position: relative; margin: -3px -115px 0 0; overflow: hidden; float: right; } #contentframe div.para img.basket { float: left; margin: 20px 15px 15px 0; } #contentframe div.para a.emptybasket { float: left; margin: 0; } #contentframe div.para div.dotted { height: 1px; margin: 10px 0 0 0; background: url(../images/dotted-horizontal.gif) repeat-x; overflow: hidden; clear: left; } #contentframe div.para ul { list-style: disc; padding: 3px 0; } #contentframe div.para ul li { margin-left: 15px; } #contentframe div.para h1 { font-size: 1.6em; font-weight: normal; display: block; padding: 20px 0 15px 0; width: 640px; } #contentframe div.para h1.basket { font-size: 1.6em; font-weight: normal; display: block; padding: 20px 0 0 0; } #contentframe div.para h1 a { font-size: 1em; background: none; padding-left: 0; padding-right: 0; display: inline; } #contentframe div.para h2 { font-size: 1.1em; margin: 15px 0 2px 0; } #contentframe div.para p { display: block; margin: 15px 0 2px 0; width: 655px; } #contentframe div.para p.tight { display: block; margin: 5px 0 10px 0; width: 645px; line-height: 1.4em; } #contentframe div.para p span { font-size: 1.2em; } #contentframe div.para p span.pagehead { font-size: 1em; padding-left: 5px; } #contentframe div.para a.page { font-size: 0.9em; display: inline-block; padding: 2px 6px 2px 5px; background: url(../images/dotted-vertical-gray.gif) right no-repeat; } #contentframe div.para a.last { background: none; } #contentframe div.para a.active { font-weight: bold; } #contentframe div.para a.img { padding: 0; background: none; margin: 0 3px; } #contentframe div.para table.servicepics { font-size: 1.1em; width: 300px; margin: 15px 0; } #contentframe div.para table.servicepics th { font-weight: bold; padding: 2px 0 3px 2px; background: url(../images/dotted-horizontal.gif) bottom repeat-x; } #contentframe div.para table.servicepics td { padding: 2px 0 3px 2px; background: url(../images/dotted-horizontal.gif) bottom repeat-x; } #contentframe div.para table.servicepics a { float: right; clear: right; padding-left: 10px; } #contentframe div.para table.picinfo { width: 640px; margin-top: 15px; } #contentframe div.para table.picinfo .blueright { background: url(../images/arrow-right-blue.gif) no-repeat 2px 0.45em !important; } #contentframe div.para table.picinfo .blueup { background: url(../images/arrow-up-blue.gif) no-repeat 0 0.5em !important; } #contentframe div.para table.picinfo td { vertical-align: top; padding: 0; } #contentframe div.para table.picinfo td#leftcol { width: 320px; background: url(../images/dotted-vertical.gif) right repeat-y; padding-right: 10px; } #contentframe div.para table.picinfo td#leftcol p { width: 300px; } #contentframe div.para table.picinfo td#leftcol td.firstcol { width: 130px; margin-right: 10px; font-weight: bold; clear: left; } #contentframe div.para table.picinfo td#leftcol td.secondcol { width: 200px; } #contentframe div.para table.picinfo td#rightcol { padding-left: 15px; } #contentframe div.para table.picinfo td#rightcol p { width: auto; margin: 0; } /* Kaksi riviä yllä olivat pelkästään dgroupissa käytössä olevia päällekkäisiä tyylejä, alla niihin korjaus 9.3.09 /hj */ #contentframe div.para table.picinfo td#picinfoleftcol { width: 280px; background: url(../images/dotted-vertical.gif) right repeat-y; padding-right: 0px; } #contentframe div.para table.picinfo td#picinfoleftcol p { width: 280px; } #contentframe div.para table.picinfo td#picinfoleftcol td.firstcol { width: 130px; margin-right: 10px; font-weight: bold; clear: left; } #contentframe div.para table.picinfo td#picinfoleftcol td.secondcol { width: 140px; } #contentframe div.para table.picinfo td#picinforightcol { padding-left: 15px; padding-right: 15px; } #contentframe div.para table.picinfo td#picinforightcol p { width: auto; margin: 0; } /* Search result page table */ #contentframe table#searchresult { width: 100%; background-image: url(../images/dividers-bg.gif); } #contentframe table#searchresult td.padding { padding: 0 7px 4px 7px; } /* User account tabs */ #contentframe #tabs { font-size: 0.85em; font-weight: bold; width: 100%; background: url(../images/dotted-horizontal.gif) repeat-x bottom; display: table; } #contentframe #tabs .first { margin-left: 15px; padding-left: 0px; } #contentframe #tabs .last { background: none; } #contentframe #tabs div.buttonblack { padding: 0 3px 0 0; height: 30px; background: url(../images/tabs-black-right.gif) no-repeat right; display: inline; float: left; } #contentframe #tabs div.buttonblack a { height: 25px; margin: 0; padding: 5px 5px 0 8px; border: none !important; background: url(../images/tabs-black.gif) no-repeat; display: block; float: left; } #contentframe #tabs div.buttonblack a:hover { color: #fff; } #contentframe #tabs h2 { font-size: 1em; float: left; margin-top: 5px; padding: 0 8px; background: url(../images/dotted-vertical.gif) right repeat-y; display: inline; } #contentframe table#user { width: 970px; margin: 15px 0 25px 0; } #contentframe table#user td { background: url(../images/dotted-vertical.gif) right repeat-y; padding: 0 15px 15px 15px; width: 33%; vertical-align: top; } #contentframe table#user td.last { background: none; } #contentframe table#user td p { margin: 10px 0; } #contentframe table#user td div.box { font-size: 0.7em; padding: 5px 10px; margin: 10px 0; background-color: #efefef; border: 1px solid #cacaca; display: block; } #contentframe table#user td div.box h2 { font-size: 1.1em; margin-top: 10px; } #contentframe table#user td div.box strong { font-size: 1.1em; } #contentframe table#user td div.box label { font-weight: bold; margin-top: 5px; display: block; } #contentframe table#user h1 { font-size: 1em; padding-bottom: 15px; } #contentframe table#user form { font-size: 0.7em; } /* Footer styles */ #footer { font-size: 0.7em; width: 100%; height: 100px; } #footer a { display: inline-block; padding: 0 5px 0 2px; margin: 2px 0 2px 0; background: url(../images/dotted-vertical-gray.gif) right no-repeat; } #footer a.last { padding-right: 0; background: none; } #footer a.active { font-weight: bold; color: #585858; } #footer div.dotted { height: 1px; margin: 3px 0; background: url(../images/dotted-horizontal.gif) repeat-x; overflow: hidden; clear: left; } #footer div.pagewide { width: 985px; } /* added_styles.css liimattu tähän 12.6.2009 */ /* * LISÄTYT TYYLIT 26.11.2008 */ /* 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; } /* päävani poistettu dgroup-kuvagallerioista */ #header #mainNavigationEmpty{ display:block; float:right; padding:0; width:505px; margin:0; } #header #mainNavigationEmpty ul{ display:block; float:left; margin:30px 0 0 0; padding:0; list-style:none; padding:0; } #header #mainNavigationEmpty 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 #mainNavigationEmpty ul li.selected{ /*background:url('../images/main_navigation_tab_active.gif') no-repeat;*/ } #header #mainNavigationEmpty ul li.last{ margin:0 0 0 0; } #header #mainNavigationEmpty ul li a{ border:none; background:none; color: #000; font-size:0.9em; line-height:1.5em; } #header #mainNavigationEmpty ul li.selected a{ color: #fff; } /* osiokohtainen navi*/ #sectionNavigation{ margin:0 0 2px 0; padding:0; display:block; float:left; clear:both;} #sectionNavigation ul{ margin:0 0 0 10px; padding:6px 0 9px 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 a{ background-image:none; } #sectionNavigation ul li.selected a{ color: #fff; } #sectionNavigation ul li.last{ border-right: none; background:none; } /* uusi sivupakki */ #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{ font-size: 1.0em; width:100px; height: 16px; border:1px solid #fff; background:#e2e2e2; margin:1px 9px 5px 0; padding: 0px; float:left;} #rightcol #basket #loginform .submitlogin{ width:30px; height: 18px; } #rightcol #basket #loginform a#login{ background: url('../images/submitbutton-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/submitbutton-left-hover.gif') no-repeat top left; padding:0 5px; display:block; float:left; font-size:0.85em; } #rightcol #basket #loginform a#login:hover{ background: url('../images/submitbutton-right.gif') no-repeat top right; } #rightcol #basket #loginform a#login:hover span{ background: url('../images/submitbutton-left.gif') no-repeat top left; } #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; } /* korin vihreä nappi 12.9.11 hjuut*/ #rightcol #basket p#inBasket span.buttongreen { margin: 0 15px; padding: 3px 3px 4px 0; background: url(../images/button-green-right.gif) no-repeat right; display: inline; } #rightcol #basket p#inBasket span.buttongreen input { font-size: 0.8em; font-weight: bold; height: 22px; margin: 0; padding-left: 2px; padding-bottom: 2px; border: none !important; background: url(../images/button-green.gif) no-repeat 0 2px; } /* #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; } #basket div.header h2#welcome{ margin:0 0 0 10px !important; font-size:1.1em; padding:5px 0 0 0; float:left;} #basket div.content p.emptybasket { padding: 0px 9px 2px 0;} #basket .content span.header{ display:block; float:left; line-height:1.3em; color:#000; font-weight:bold; width:220px; margin-bottom:0; padding-bottom:0;} #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 0 10px; color: #fff; } #basket a#logout{ float:right; margin-top:5px; } #basket a#myPrice{ float:left; clear:left; width:200px; } #basket div.wrapper{ background:#fff; float:left; } #basket p#inBasket{ float:left; font-weight:bold; font-size:1.2em; line-height:2.4em; padding-left:10px; width:200px; } */ /* #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;} */ #basket ul#actions{display:block;float:left;list-style:none;padding:5px 0 3px 0;} #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;} #basket ul#imgPreview{ list-style:none; display:block; float:left; clear:both; padding:5px 0px 5px 10px; width:290px;} #basket ul#imgPreview li{ display:block; float:left; width:88px; background: #fff; margin:0 6px 0 0; overflow:visible; padding:0; } #basket ul#imgPreview li a.imagewrapper{ display:block; float:left; width:88px; height:88px; background: #f7f7f7; border:1px solid #cecece; text-align:center; margin:0; overflow:visible; padding:0; } #basket ul#imgPreview li a.imagewrapper img{ margin:0; padding:0; } /* #basket div.bottom{ margin:0; padding:0; float:left; clear:both; } */ /* 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;} */ /* imageinfo bars basket css hover */ #basket ul#imgPreview li a.imagewrapper span.imgInfo{ position: absolute; bottom: 1px; left: 1px; margin: 0; width: 86px; z-index: 60; background:transparent url(../images/infobox-bg.png) repeat; color: #fff; font-size: 0.7em; display: none; } #basket ul#imgPreview li a.imagewrapper:hover span.imgInfo{ display: block; } #basket ul#imgPreview li a.imagewrapper span.imgInfo p{ line-height:1em; padding:3px; margin:0; text-align: left; } /* uudet footer määrittelyt */ #footer div.wrapper { float:left; clear:both; width: 970px; margin:0 0 15px 0; } #footer div.small-links { float: left; margin: 10px 0 0 60px ;padding: 33px 0 0 0; display: block; } #footer a{ padding-top:0; margin-top:0;} #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; } .grayup { background: url(../images/arrow-up-gray.gif) no-repeat 0 0.5em !important; } div.imgblockL table.nextpage tr td { background: #171717 url(../images/search-nextpage.gif) no-repeat top left !important; padding: 10px 10px 40px 10px; } /* LISÄTYT TYYLIT 18.12.2008 - login.frontpage */ #loginWrapper{ width:954px; margin:20px 0 40px 15px; float:left; clear:both;} #loginWrapper h1{ font-size:2.6em; font-weight:normal; line-height:1em; margin:0 0 14px 0; padding:0 20px 0 0; } #loginWrapper h2{ font-size:0.85em; font-weight:bold; line-height:1.2em; margin:0 0 14px 0; padding:0 20px 0 0; } #loginWrapper p{ font-size:0.75em; font-weight:normal; line-height:1.2em; margin:0 0 14px 0; padding:0 20px 0 0; } #loginWrapper h4{ font-size:1.25em; font-weight:normal; line-height:1em; margin:0 0 14px 0; padding:0 20px 0 0;} #loginWrapper img{ margin:0 0 0 15px;} #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:20px;} #contentframe #bigloginform{ width:445px; padding:0; border-bottom:1px dotted #6c6c6c; padding:0 0 20px 0; margin:0 0 10px 0; } #contentframe #bigloginform label{ display:inline-block; font-size:0.8em; font-weight:normal; width:90px; text-align:right;} #contentframe #bigloginform input{ width:150px; border:1px solid #fff; background:#e2e2e2;} #contentframe #bigloginform a#login{ background: url(../images/submitbutton-big-right-hover.gif) no-repeat top right; display:inline-block; margin:0; padding:0; color:#000; margin: 0; } #contentframe #bigloginform a#login span{ background: url(../images/submitbutton-big-left-hover.gif) no-repeat top left; padding:5px 30px 5px 5px; display:inline-block; font-size:1em; } #contentframe #bigloginform a#login:hover{ background: url(../images/submitbutton-big-right.gif) no-repeat top right; } #contentframe #bigloginform a#login:hover span{ background: url(../images/submitbutton-big-left.gif) no-repeat top left; } #contentframe #loginbox a.arrow{ display:block; padding:0 0 0 7px; background:url('../images/arrow-right-white.gif') left center no-repeat; font-size:0.7em; font-weight:normal; margin:0; float:left; color: #fff; clear:both; } /* .imgboxRemoveButton{ position: absolute; top: 10px; left: 10px; width: 75px; z-index: 60; color: #666; font-size: 0.7em; padding:0 0 0 12px; background: url(../images/close.gif) no-repeat center left;} */ .imgboxRemoveButton{ position: relative; float:left; clear:both; width: 75px; color: #666; font-size: 0.7em; padding:0 0 0 12px; background: url(../images/close.gif) no-repeat center left; font-size:1em;} /* lisäykset 8.1.09 */ body{ background:url(../images/body-bg.gif) repeat-x 0 79px; } #basket div.header { float:left; } #header div.languages { font-size: 0.7em; color: #585858; white-space: nowrap; float: right; clear: none; margin-right: 15px; height:22px; } select#formswitch { font-size: 0.7em; width: 150px; border: 1px solid #fff; margin-right: 10px; height: 18px; } /* added_styles.css liimattu tähän 12.6.2009 LOPPUU */