/*** GENERAL TEXT STYLES ***/ body {font: 75% Arial, Helvetica, sans-serif; color: black;} input, textarea, select {font: 12px Arial, Helvetica, sans-serif; color: black; } input[type="text"], textarea {width: 200px;} a:link, a:visited, a:active {color: #005400; text-decoration: none;} a:hover {text-decoration: underline;} p {margin: 0px 0px 20px 0px;} h1 {font-size: 200%; margin: 0px 0px 15px 0px; font-weight: normal; color: #057733;} h2, .ms-rteCustom-TitleH2 {font-size: 125%; margin: 0px 0px 10px 0px; font-weight: bold; color: #057733;} h3, .ms-rteCustom-TitleH3 {font-size: 100%; margin: 0px 0px 10px 0px; font-weight: bold; color: #393939;} h4, .ms-rteCustom-TitleH4 {font-size: 100%; margin: 0px 0px 5px 0px; color: #393939;} #pageLayoutProductPage #article h2 {font-size: 130%; margin: 0px 0px 15px 0px; font-weight: bold; color: #057733;} .offerPrice strong, .productTable td.price strong, .productTable td.offerPrice strong {font-size: 130%; color: #057733;} #currentProductsList strong, .uniikkiPrice strong {font-size: 100%; font-weight: normal; color: #000;} /*** GENERAL STYLES ***/ table {border-collapse: collapse;} a img {border: 0px;} .error {color: #f06101; font-weight: bold;} .error a {color: #f06101; font-weight: bold; text-decoration: underline !important;} /*** PAGE STRUCTURE ***/ html {height: 100%;} body {margin: 0px; padding: 0px; height: 100%; background: url(../images/body_bg.jpg) center 0px repeat-y;} #wrapper {width: 100%; height: 100%;} #wrapper #margin1 {width: 50%; padding: 0px; vertical-align: top; background: url(../images/margin1_bg.jpg) top right no-repeat;} #wrapper #margin2 {width: 50%; padding: 0px; vertical-align: top; background: url(../images/margin2_bg.jpg) no-repeat;} #wrapper #pageWrapper {width: 985px; padding: 0px; vertical-align: top; background: white;} /* HEADER */ #pageHeader {width: 985px; position: relative; height: 93px;} /* logo */ #logo {position: absolute; top: 22px; left: 24px;} /* shopping cart */ /* #shoppingCart {position: absolute; top: 21px; right: 223px; z-index: 100;} */ #shoppingCart {position: absolute; top: 60px; right: 87px; z-index: 100;} #shoppingCart h3 {position: absolute; top: 0px; right: 42px; margin: 0px; background: url(../images/shoppingcart_bg.gif) no-repeat; height: 23px; font-size: 90%; font-weight: normal; color: #057733;} #shoppingCart h3 span {display: block; padding: 4px 8px 0px 30px;} #shoppingCart #shoppingCartCount {position: absolute; top: 0px; right: 0px; height: 23px; width: 42px; background: url(../images/shoppingcart_count_bg.gif) no-repeat;} #shoppingCart #shoppingCartCount p {margin: 0px; padding: 4px 0px 0px 0px; text-align: center; font-weight: bold; color: #057733;} /* uniikki shopping cart */ #uniikki #shoppingCart {position: absolute; top: 60px; right: 90px; z-index: 100;} #uniikki #shoppingCart h3 {position: absolute; top: 0x; right: 42px; margin: 0px; background: url(../images/shoppingcart_bg.gif) no-repeat; height: 23px; font-size: 90%; font-weight: normal; color: #057733;} #uniikki #shoppingCart h3 span {display: block; padding: 4px 8px 0px 30px;} #uniikki #shoppingCart #shoppingCartCount {position: absolute; top: 0px; left: -42px; height: 23px; width: 42px; background: url(../images/shoppingcart_count_bg.gif) no-repeat;} #uniikki #shoppingCart #shoppingCartCount p {margin: 0px; padding: 4px 0px 0px 0px; text-align: center; font-weight: bold; color: #057733;} #uniikki #shoppingCart #shoppingCartCheckout {position: absolute; top: 0px; left:0; height: 23px; width: 75px; background: url(../images/shoppingcart_checkout_bg.gif) no-repeat;} #uniikki #shoppingCart #shoppingCartCheckout img{padding:2px 0 0 2px; border: 0;} #uniikki #shoppingCart #shoppingCartCheckout p {margin: 0px; padding: 4px 0px 0px 0px; text-align: center; font-weight: bold; color: #057733;} /* recent products */ #recentProducts {position: absolute; top: 21px; right: 22px; z-index: 200;} #recentProducts ul {margin: 0px; padding: 0px; list-style: none;} #recentProducts div.title {display: block; width: 200px; height: 23px; background: url(../images/shoppingcart_recent_products_dropdown.gif) no-repeat; font-size: 90%; cursor: default;} #recentProducts div.title span {padding: 5px 9px 0px 9px; display: block;} #recentProducts ul ul {position: absolute; left: 0px; top: 22px; width: 198px; z-index: 200; border: 1px solid #aad1b9; border-bottom: 0px; background: white;} #recentProducts ul ul li {display: inline;} #recentProducts ul ul li a {display: block; padding: 8px 9px; border-bottom: 1px solid #aad1b9; font-size: 90%; color: #393939; text-transform: uppercase;} #recentProducts ul ul li a:hover, #recentProducts ul ul li a.selected {background-color: #d8f7c7;} #recentProducts li.productLayerClosed ul {display: none;} #recentProducts li.productLayerOpen ul {display: block;} #recentProducts ul ul li span {padding: 8px 9px; border-bottom: 1px solid #aad1b9; display: block;} /* uniikki recent products */ #uniikki #recentProducts {position: relative; top:5px; left: 770px; width: 210px; } #uniikki #recentProducts ul {margin: 0px; padding: 0px; list-style: none;} #uniikki #recentProducts div.title {display: block; margin-left:1px!important;width: 200px; height: 23px; background: url(../images/shoppingcart_recent_products_dropdown.gif) no-repeat; font-size: 90%; cursor: default;} #uniikki #recentProducts div.title span {padding: 5px 9px 0px 9px; display: block;} #uniikki #recentProducts ul ul {position: absolute; left: 0px; top: 22px; width: 198px; z-index: 200; border: 1px solid #aad1b9; border-bottom: 0px; background: white;} #uniikki #recentProducts ul ul li {display: inline; background-image: none; border-bottom: 0px solid #aad1b9; width: 203px; } #uniikki #recentProducts ul ul li a {display: block; width: 100%; padding: 8px 9px; border-bottom: 1px solid #aad1b9; background-image: none; font-size: 90%; color: #393939; text-transform: uppercase;} #uniikki #recentProducts ul ul li a:hover, #uniikki #recentProducts ul ul li a.selected {background-color: #d8f7c7; background-image: none;} #uniikki #recentProducts li.productLayerClosed ul {display: none;} #uniikki #recentProducts li.productLayerOpen ul {display: block;} #uniikki #recentProducts ul ul li span {padding: 8px 9px;display: block;} /* login element */ /* #login {position: absolute; top: 51px; right: 22px; width: 199px; height: 22px; z-index: 190; overflow: hidden;} */ #login {position: absolute; top: 13px; right: 15px; width: 199px; height: 22px; z-index: 190; overflow: hidden;} #login p {margin: 0px; font-size: 90%;} #login a {display: block; padding: 4px 10px 10px 24px; background: url(../images/login_bg.gif) no-repeat;} #login a:hover {background-position: 0px -22px;} /* login names */ #loginName {position: absolute; top: 40px; right: 15px; width: 199px; height: 22px; z-index: 190; overflow: hidden;} #loginName ul{margin: 0px; padding: 0px; list-style: none; width: 100%; overflow: hidden; font-size: 90%; line-height: 14px;} #loginName li{float: left; overflow: hidden; padding: 0 0 0 5px;} #loginName li.first {border-right: 1px solid #5fb14e; padding: 0 5px 0 0;} /* uniikki login name */ #uniikki #loginName {position: absolute; top: 40px; right: 15px; width: 199px; height: 22px; z-index: 190; overflow: hidden;} #uniikki #loginName p {font-size: 90%;} /* area navigation: not logged in */ #areaNavi {position: absolute; top: 55px; left: 219px; z-index: 90; height: 38px; width: 343px; overflow: hidden;} #areaNavi ul {margin: 0px; padding: 0px; list-style: none;} #areaNavi li {float: left;} #areaNavi a {display: block; height: 38px;} #areaNavi span {display: none;} #areaNavi li.navi1 {width: 193px; height: 38px; background: url(../images/areanavi_apteekkipalvelut.gif) no-repeat;} #areaNavi li.navi2 {width: 150px; height: 38px; background: url(../images/areanavi_yritystiedot.gif) no-repeat;} #areaNavi.area1selected {} #areaNavi.area1selected li.navi1 {width: 193px; background: url(../images/areanavi_apteekkipalvelut_selected.gif) no-repeat;} #areaNavi.area2selected li.navi2 {width: 150px; background: url(../images/areanavi_yritystiedot_selected.gif) no-repeat;} /* uniikki area navigation: logged in */ .uniikkiarea #areaNavi {position: absolute; top: 55px; left: 219px; z-index: 90; height: 38px; width: 525px; overflow: hidden;} .uniikkiarea #areaNavi ul {margin: 0px; padding: 0px; list-style: none;} .uniikkiarea #areaNavi li {float: left;} .uniikkiarea #areaNavi a {display: block; height: 38px;} .uniikkiarea #areaNavi span {display: none;} /* Apteekkipalvelut area selected */ .uniikkiarea #areaNavi.area1selected li.navi1 {width: 192px; height: 38px; background: url(../images/navi_apteekkipalvelut_sel.gif) no-repeat;} .uniikkiarea #areaNavi.area1selected li.navi2 {width: 137px; height: 39px; background: url(../images/navi_apteekkipalvelut_sel_yritystiedot.gif) no-repeat;} .uniikkiarea #areaNavi.area1selected li.navi3 {width: 185px; height: 38px; background: url(../images/navi_apteekkipalvelut_sel_extra.gif) no-repeat;} /* Yritystiedot area selected */ .uniikkiarea #areaNavi.area2selected li.navi1 {width: 192px; height: 38px; background: url(../images/navi_yrityspalvelut_sel_apteekkipalvelut.gif) no-repeat;} .uniikkiarea #areaNavi.area2selected li.navi2 {width: 136px; height: 38px; background: url(../images/navi_yrityspalvelut_sel.gif) no-repeat;} .uniikkiarea #areaNavi.area2selected li.navi3 {width: 185px; height: 38px; background: url(../images/navi_yrityspalvelut_sel_extra.gif) no-repeat;} /* Uniikki-palvelu area selected */ .uniikkiarea #areaNavi.area3selected li.navi1 {width: 192px; height: 38px; background: url(../images/navi_apteekkipalvelut.gif) no-repeat;} .uniikkiarea #areaNavi.area3selected li.navi2 {width: 138px; height: 38px; background: url(../images/navi_yritystiedot.gif) no-repeat;} .uniikkiarea #areaNavi.area3selected li.navi3 {width: 185px; height: 38px; background: url(../images/navi_extra_selected.gif) no-repeat;} /* MOSS console */ #console {background: #dbf3ce;} .ms-consolemptablerow {border: 0px; background: transparent none;} .ms-consoleframe td, .ms-consoleframe a {font: 12px Arial, Helvetica, sans-serif !important;} .ms-consoletitleareaframe{background: #f7f7f3 none;} .ms-consolestatuscell {background: transparent none;} .ms-consoletitleareaframebottom {background: transparent none;} .ms-consoleframe {border: 1px solid #45ab23;} .ms-consolestatusframe {border: 0px; background-color: white;} .ms-consolestatusminorframe, .ms-consolestatuscheckoutframe, .ms-consoleminiframe {background: white;} /* site actions */ #siteActions {position: absolute; right: 10px; top: 108px;} .ms-siteaction,.ms-siteaction a, .ms-siteactionsmenu {font-size: 100% !important;} /* site actions link */ .ms-siteaction {margin-right: 10px; background: transparent none;} .ms-siteaction a:link, .ms-siteaction a:visited {font-weight: normal; text-decoration: none;color: #005400;} .ms-siteaction a:hover {text-decoration: underline !important; background: transparent;} table.ms-siteaction td.ms-siteaction {border-right:solid 0px #bfbfbf;} table.ms-siteaction td.ms-siteaction div {border-right:solid 0px #FFFFFF;} /* site action menu */ td.ms-siteactionsmenu {border: 0px;} .ms-siteactionsmenu div {} .ms-siteactionsmenu div div div {background: transparent none; border: 0px; height: auto; padding: 0px; background: transparent;} .ms-siteactionsmenu div div div a {font-weight:normal; font: 12px Arial, Helvetica, Sans-serif;} .ms-siteactionsmenu div div div.ms-siteactionsmenuhover {border: 0px; background: transparent none;} .ms-siteactionsmenu div div div.ms-siteactionsmenuhover a {color: black !important;} .ms-actionbar {background-color: #FFFFFF; border: 1px solid #e2e4e5;} .ms-actionsep {border-right: 1px solid #e2e4e5;} /* main navigation */ #mainNavi {width: 100%; background: #dbf3ce url(../images/header_bg.gif) bottom repeat-x; padding-bottom: 8px;} #mainNavi ul{margin: 0px; padding: 0px; list-style: none; width: 100%; overflow: hidden;} #mainNavi li{float: left; overflow: hidden; margin-left: -1px; } #mainNavi a {display: block; float: left;} #mainNavi li a span {display: block; float: left; cursor: pointer;} #mainNavi1 {height: 44px; background: url(../images/mainnavi_bg.gif) no-repeat;} .area1selected ul#mainNavi1 {background: url(../images/mainnavi_bg_apteekkipalvelut.gif) no-repeat;} .area2selected ul#mainNavi1 {background: url(../images/mainnavi_bg_yritystiedot.gif) no-repeat;} .area3selected ul#mainNavi1 {background: url(../images/mainnavi_bg_extra.gif) no-repeat;} #mainNavi1 li {height: 44px;} #mainNavi1 li a {height: 44px; background: url(../images/mainnavi1_element_bg.gif) no-repeat; padding-left: 2px;} #mainNavi1 li a span {padding: 16px 20px 16px 18px;} #mainNavi1 li a:hover {background-position: 0px -44px; text-decoration: none;} #mainNavi1 li a:hover span {background: url(../images/mainnavi1_element_bg.gif) right -44px no-repeat;} #mainNavi1 li a.selected {background-position: 0px -88px;} #mainNavi1 li a.selected span {background: url(../images/mainnavi1_element_bg.gif) right -88px no-repeat;} #mainNavi2 {height: 34px; background: white url(../images/mainnavi2_bg.gif) bottom repeat-x;} #mainNavi2 li {height: 34px;} #mainNavi2 li a {height: 34px; background: url(../images/mainnavi2_element_bg.gif) no-repeat; padding-left: 2px;} #mainNavi2 li a span {padding: 10px 20px 16px 18px;} #mainNavi2 li a:hover {background-position: 0px -34px; text-decoration: none;} #mainNavi2 li a:hover span {background: url(../images/mainnavi2_element_bg.gif) right -34px no-repeat;} #mainNavi2 li a.selected {background-position: 0px -68px;} #mainNavi2 li a.selected span {background: url(../images/mainnavi2_element_bg.gif) right -68px no-repeat;} #uniikki #mainNavi {width: 100%; background: white url(../images/header_bg.gif) bottom repeat-x; padding-bottom: 28px;} /* CONTENT AREA */ #content {width: 985px; padding-bottom: 50px; float: left;} /* navigation bar */ #navibar {width: 210px; float: left;} #navibar .columnWrapper {margin: 17px 20px; background: url(../images/subnavi_bottom.gif) bottom left no-repeat; padding-bottom: 30px;} #navibar .none {margin: 17px 20px;padding-bottom: 30px;} /* quick search */ #quickSearch {width: 170px; height: 65px; background: url(../images/quicksearch_bg.gif) no-repeat; overflow: hidden;} #quickSearch table {margin: 14px 8px;} #quickSearch td {padding: 0px; vertical-align: middle;} #quickSearch td.txt {background: url(../images/quicksearch_txt.gif) no-repeat; width: 114px; height: 24px;} #quickSearch td.help {width: 150px; padding: 2px 0 0 2px; background: none; font-size: 11px; color: #fff;} #quickSearch input.txt {border: 0px; background: transparent; width: 104px; padding: 0px 5px; font-size: 11px; color: #057733;} #quickSearch input.btn {color: white; text-transform: uppercase; border: 0px; height: 22px; width: 41px; background: url(../images/quicksearch_btn.gif) no-repeat;} .keywordSearchSuggestionBox {background: white; border: 1px solid #aad1b9; border-bottom: 0px; margin: 0px; padding: 0px; list-style: none;} .keywordSearchSuggestionItem {padding: 8px 9px; border-bottom: 1px solid #aad1b9; font-size: 90%; color: #393939;} .keywordSearchSuggestionItemHover{padding: 8px 9px; border-bottom: 1px solid #aad1b9; font-size: 90%; color: #393939; background: #d8f7c7; text-decoration: underline; cursor: pointer;} /* subnavigation */ ul.subNavi {margin: 0px; padding: 0px; list-style: none;} ul.subNavi li {display: inline;} ul.subNavi li a {display: block; font-weight: bold; background: url(../images/subnavi_level1.gif) 0px 2px no-repeat; padding: 0px 0px 5px 20px;} ul.subNavi li a:hover {background-image: url(../images/subnavi_level1_hover.gif);} ul.subNavi li strong.selected {background: url(../images/subnavi_level1_open.gif) 0px 2px no-repeat; display: block; padding: 0px 0px 5px 20px; font-weight: bold; color: #005400;} ul.subNavi ul {border-top: 1px solid #95c6a5; padding: 6px 0px 10px 0px; margin: 0px; list-style: none;} ul.subNavi ul li a{font-weight: normal; color: black; background: url(../images/subnavi_arrow.gif) 0px 6px no-repeat !important; padding: 0px 0px 5px 10px;} ul.subNavi a.selected {color: #393939; font-weight: bold;} /* highlights in navibar */ #navibar ul.highlight {margin: 0px 0px 15px 0px; padding: 0px; list-style: none;} #navibar ul.highlight li{background: url(../images/subnavi_highlight.gif) bottom left no-repeat; padding-bottom: 3px; margin-bottom: 3px;} #navibar ul.highlight a {display: block; background: url(../images/subnavi_highlight.gif) no-repeat; padding: 3px 0px 0px 20px; color: black; font-weight: normal;} /* select product series dropdown */ /*#navibar ul.selectProductSeries {position: relative; margin: 0px; padding: 0px; list-style: none; width: 170px; height: 40px; background: url(../images/subnavi_dropdown.gif) no-repeat; border-bottom: 1px solid #95c6a5; margin-bottom: 15px;} #navibar ul.selectProductSeries a {display: block; background: none; font-size: 90%; font-weight: normal; padding: 4px 0px 4px 8px;} #navibar ul.selectProductSeries ul {position: absolute; left: 0px; top: 22px; width: 168px; height: auto; margin: 0px; list-style: none; padding: 0px; z-index: 200; border: 1px solid #aad1b9; border-bottom: 0px; background: white;} #navibar ul.selectProductSeries ul li {display: inline;} #navibar ul.selectProductSeries ul li a {display: block; padding: 8px 9px; border-bottom: 1px solid #aad1b9; font-size: 90%; color: #393939; text-transform: uppercase;} #navibar ul.selectProductSeries ul li a:hover, #navibar ul.selectProductSeries ul li a.selected {background-color: #d8f7c7;} #navibar ul.selectProductSeries li.productLayerClosed ul {display: none;} #navibar ul.selectProductSeries li.productLayerOpen ul {display: block;}*/ #navibar .selectProductSeries {border-bottom: 1px solid #95c6a5; margin-bottom: 15px; padding-bottom: 15px;} #navibar .selectProductSeries select {width: 170px; color: #057733; font-size: 11px;} #navibar .contacts strong {color: #037832;} #navibar .contacts p {margin: 0px 0px 10px 0px;} #navibar .contacts ul {margin: 10px 0 0 0; padding: 0px; list-style: none;} #navibar .contacts ul li {display: inline;} #navibar .contacts ul li a {display: block; font-weight: normal; color: #000000; background: url(../images/subnavi_level1.gif) 0px 2px no-repeat; padding: 0px 0px 5px 20px;} #navibar .contacts ul li a:hover {background-image: url(../images/subnavi_level1_hover.gif);} /* PAGE LAYOUTS */ #pageLayoutFrontpage {width: 775px; float: left; background: url(../images/sidebar_bg.gif) top right repeat-y;} #pageLayoutProductPage {width: 775px; float: left; background: url(../images/sidebar_bg.gif) top right repeat-y;} #pageLayoutSubpage, #pageLayoutTestPage, #pageLayoutAdminPage {width: 775px; float: left;} #pageLayoutNewsPage, #pageLayoutContentPage {width: 775px; float: left; background: url(../images/sidebar_bg.gif) top right repeat-y;} #pageLayoutErrorPage {width: 775px; float: left;} #uniikki #pageLayoutContentPage {width: 985px; float: left; background: url(../images/sidebar_bg.gif) top right repeat-y;} #uniikki #pageLayoutContentPage #mainContent {width: 740px; float: left; background: url(../images/maincontent_bg.gif) top right no-repeat; padding-bottom: 20px;} #uniikki #pageLayoutContentPage #rightSidebar { width: 177px;float: right; padding: 0 10px;} #uniikki #pageLayoutContentPage #rightSidebar .sidebarElement {padding: 20px 0; border-bottom:1px solid #ABDF99;} #uniikki #pageLayoutContentPage #mainContent .columnWrapper {width: 520px!important; padding:17px 0 0 20px; float: left!important; } /* MAIN CONTENT AREA */ #pageLayoutFrontpage #mainContent {width: 530px; float: left; background: url(../images/maincontent_bg.gif) top right no-repeat;} #pageLayoutFrontpage #mainContent .columnWrapper {padding: 17px 20px 0px 0px;} #pageLayoutProductPage #mainContent {width: 530px; float: left; background: url(../images/maincontent_bg.gif) top right no-repeat;} #pageLayoutProductPage #mainContent .columnWrapper {padding: 17px 20px 0px 0px;} #pageLayoutTestPage #mainContent, #pageLayoutSubpage #mainContent, #pageLayoutAdminPage #mainContent {width: 750px; float: left; padding: 17px 0px 20px 0px; overflow: hidden;} #pageLayoutNewsPage #mainContent, #pageLayoutContentPage #mainContent {width: 530px; float: left; background: url(../images/maincontent_bg.gif) top right no-repeat; padding-bottom: 20px;} #pageLayoutNewsPage #mainContent .columnWrapper, #pageLayoutContentPage #mainContent .columnWrapper {padding: 17px 20px 0px 0px;} #pageLayoutErrorPage #mainContent {padding: 17px 30px 20px 30px; min-height: 400px;} /* SIDEBAR */ #pageLayoutFrontpage #sidebar {width: 245px; float: left; background: #dbf3ce;} #pageLayoutFrontpage #sidebar .columnWrapper {padding: 17px 25px 20px 20px;} #pageLayoutProductPage #sidebar {width: 245px; float: left; background: #dbf3ce;} #pageLayoutProductPage #sidebar .columnWrapper {padding: 17px 25px 20px 20px;} #pageLayoutNewsPage #sidebar, #pageLayoutContentPage #sidebar {width: 245px; float: right; background: #dbf3ce;} #pageLayoutNewsPage #sidebar .columnWrapper, #pageLayoutContentPage #sidebar .columnWrapper {padding: 17px 20px 20px 20px;} /* NAVIGATION PATH */ #naviPath {padding: 0px 0px 15px 0px; font-size: 90%; margin: 0px 0px 0px 0px;} #naviPath a.ms-sitemapdirectional, #naviPath a {color: #000000;} .breadcrumbCurrent, #naviPath strong {color: #057733; font-size: 130%;} /* FRONTPAGE CONTENT AREA */ /* main image on frontpage */ #pageLayoutFrontpage #mainImg {margin-bottom: 0px;} #pageLayoutFrontpage #mainImg img {display: block;} /* main teaser */ #pageLayoutFrontpage #mainTeaser {margin-bottom: 35px;} #pageLayoutFrontpage #mainTeaser .teaserImg img {display: block;} #pageLayoutFrontpage #mainTeaser .teaserContent {background: url(../images/fp_teaser_bg.gif) bottom left no-repeat; color: white; height: 36px;} #pageLayoutFrontpage #mainTeaser .teaserContent p {padding: 10px 18px 0px 18px; margin: 0px;} #pageLayoutFrontpage #mainTeaser .teaserContent a {color: white; background: url(../images/link_arrow_mainteaser.gif) 0px 1px no-repeat; margin-left: 10px; padding-left: 18px;} #pageLayoutFrontpage #mainTeaser .teaserContent a:hover {background-image: url(../images/link_arrow_mainteaser_hover.gif);} /* highlight links */ #pageLayoutFrontpage #highlights {float: left; width: 100%; padding-bottom: 35px; clear: both;} #pageLayoutFrontpage #highlights .highlightImg {float: left; width: 162px;} #pageLayoutFrontpage #highlights .highlightImg img {display: block; width: 160px; height: 130px;} #pageLayoutFrontpage #highlights ul {width: 348px; float: left; margin: 0px; padding: 0px; list-style: none;} #pageLayoutFrontpage #highlights li {display: inline;} #pageLayoutFrontpage #highlights li a {display: block; background: url(../images/link_arrow.gif) 10px 15px no-repeat; padding: 13px 15px 13px 30px;} #pageLayoutFrontpage #highlights li a:hover {background-image: url(../images/link_arrow_hover.gif);} #pageLayoutFrontpage #highlights li.selectedHighlight a {background: #ccf5b8 url(../images/fp_higlights_bg.gif) 0px 0px no-repeat;} #pageLayoutFrontpage #highlights li.selectedHighlight a:hover {background-position: 0px -50px;} /* current products list */ #currentProducts {clear: both; font-size: 90%; background: url(../images/currentproducts_bg.gif) 254px 0px repeat-y; float: left; width: 510px;} #currentProducts p {margin: 0px;} #currentProducts h3 {background: url(../images/frontpage_maincontent_h3.gif) no-repeat; color: white; font-size: 110%; padding: 5px 10px 6px 10px; margin: 0px; border-bottom: 10px solid white;} #currentProducts h4 {margin: 0px 0px 3px 0px; font-size: 100%; text-transform: uppercase;} #currentProductsList h4 a {background: url(../images/link_arrow.gif) 0px 2px no-repeat; padding-left: 18px; color: #057733;} #currentProductsList h4 a:hover {background-image: url(../images/link_arrow_hover.gif);} #currentProductsList {float: left; width: 255px; overflow: hidden;} #currentProductsList .product {width: 245px; border-top: 1px solid #c8e1d2; padding: 10px 0px; margin: -11px 0px 10px 0px;} #currentProducts .normalPrice {color: #616161;} #currentProducts #productHighlight {width: 245px; float: right;} #currentProducts #productHighlight .productInfo {background: url(../images/currentproducts_uniikki.gif) right 140px no-repeat; padding-bottom: 10px;} #currentProducts #productHighlight a {color: #057733;} #currentProducts #productHighlight strong {color: #057733; font-size: 165%; font-weight: normal;} #currentProducts #productHighlight .productImg {text-align: center; padding-bottom: 10px; padding-top: 10px;} #currentProducts #productHighlight .uniikkiPrice {margin-top: -10px;} #currentProducts #productHighlight .normalPrice {} #currentProducts #productHighlight h4 {height: 26px;} #currentProducts #productHighlight h4 a {background: url(../images/link_arrow.gif) 0px 2px no-repeat; padding-left: 18px; color: #057733;} #currentProducts #productHighlight h4 a:hover {background-image: url(../images/link_arrow_hover.gif);} /* current products browsing element */ #currentProducts .browseProducts {width: 245px; height: 25px; background: url(../images/currentproducts_browse.gif) no-repeat; position: relative;} #currentProducts .browseProducts a span {display: none;} #currentProducts .browseProducts a{position: absolute; display: block; width: 12px; height: 12px; background: url(../images/currentproducts_browse_arrows.gif) no-repeat;} #currentProducts .browseProducts a.previous {top: 6px; left: 9px; background-position: 0px 0px;} #currentProducts .browseProducts a.previous:hover {background-position: 0px -12px;} #currentProducts .browseProducts a.next {top: 6px; right: 9px; background-position: -12px 0px;} #currentProducts .browseProducts a.next:hover {background-position: -12px -12px;} #currentProducts .browseProducts span {display: block; text-align: center; padding-top: 5px; font-size: 110%;} /* boxes */ #boxes {width: 510px; margin: 20px 0 0 0;} #leftBox {float: left; width: 245px; padding-bottom: 35px;} #leftBox .boxImg {float: right; width: 79px; padding: 0 0 0 10px;} #leftBox .boxImg img {display: block; width: 79px; height: 79px;} #leftBox ul {margin: 10px 0 0 0; padding: 0px; list-style: none;} #leftBox ul li {display: inline;} #leftBox ul li a {display: block; font-weight: normal; color: #000000; background: url(../images/subnavi_level1.gif) 0px 2px no-repeat; padding: 0px 0px 5px 20px;} #leftBox ul li a:hover {background-image: url(../images/subnavi_level1_hover.gif);} #rightBox {float: right; width: 245px; padding-bottom: 35px; } #rightBox .boxImg {float: right; width: 79px; padding: 0 0 0 10px;} #rightBox .boxImg img {display: block; width: 79px; height: 79px;} #rightBox ul {margin: 10px 0 0 0; padding: 0; list-style: none;} #rightBox ul li {display: inline;} #rightBox ul li a {display: block; font-weight: normal; color: #000000; background: url(../images/subnavi_level1.gif) 0px 2px no-repeat; padding: 0px 0px 5px 20px;} #rightBox ul li a:hover {background-image: url(../images/subnavi_level1_hover.gif);} /* MAIN CONTENT AREA */ /* article */ #article, #article h3 {font-size: 110%;} ul.ms-rteCustom-BulletList {margin: 0px 0px 15px 0px; padding: 0px; list-style: none;} ul.ms-rteCustom-BulletList li {background: url(../images/bullet.gif) 0px 8px no-repeat; padding: 0px 0px 5px 15px;} ul.linklist, ul.ms-rteCustom-LinkList {margin: 0px 0px 17px 0px;} ul.linklist li, ul.ms-rteCustom-LinkList li {display: inline; background: none; padding: 0px;} ul.linklist li a, ul.ms-rteCustom-LinkList li a {padding: 0px 0px 3px 20px; display: block; background: url(../images/link_arrow.gif) 0px 2px no-repeat;} ul.linklist li a:hover ul.ms-rteCustom-LinkList li a:hover {background-image: url(../images/link_arrow_hover.gif);} #article .img img {float: right; margin: 0px 0px 15px 15px;} #article p a {background-color: #dbf3ce;} #article p.bullet1 {background: url(../images/bullet_number.gif) no-repeat; padding-left: 20px;} #article p.bullet2 {background: url(../images/bullet_number.gif) 0px -50px no-repeat; padding-left: 20px;} #article p.date {color: #3d3d3d;} /* product info on product page */ #product {width: 510px; float: left; padding-bottom: 20px;} #product .productImg {float: left; width: 130px; font-size: 90%;} #product .productImg img {width: 130px; height: 120px;} #product .productInfo {float: right; width: 360px; background: url(../images/productinfo_bg.gif) bottom left no-repeat; padding-bottom: 15px;} #product .productInfo .contentWrapper {background: url(../images/productinfo_bg.gif) top left no-repeat; padding: 15px 15px 0px 15px;} #product .productInfo h4 {text-transform: uppercase; margin: 0px 0px 10px 0px;} #product .productInfo h4 .alert img {margin-right: 5px; vertical-align: baseline;} #product .productInfo h4 .uniikki img {margin-left: 10px; vertical-align: bottom;} #product .productInfo p.uniikkiPrice {margin: 0px 0px 3px 0px; padding-right: 35px;} #product .productInfo p.uniikkiPrice img{vertical-align: bottom; margin-left: 5px;} #product .productInfo p.normalPrice {color: #616161; margin: 0px 0px 10px 0px;} #product .productInfo p.buy {font-size: 90%; margin: 0px;} #product .productInfo p.buy strong {color: #393939;} /* SIDEBAR CONTENT */ #sidebar .sidebarElement {border-top: 1px solid #abdf99; padding: 20px 0px;} #sidebar .sidebarElement.firstElement {border-top: 0px; padding-top: 0px;} #sidebar .sidebarElement.noBorder {border-top: 0px; padding-top: 0px;} #sidebar h3 {margin: 0px 0px 5px 0px;} #sidebar p {margin: 0px 0px 10px 0px;} /* sidebar bullet lists */ #sidebar ul {margin: 0px; padding: 0px; list-style: none;} #sidebar #farmaseuttiSmall ul {padding: 15px 10px;} #sidebar #farmaseuttiSmall li {display: inline;} #sidebar li {/*display: inline;*/} #sidebar li a {display: block; background: url(../images/link_arrow_sidebar.gif) 0px 2px no-repeat; padding: 0px 0px 5px 20px;} #sidebar li a:hover {background-image: url(../images/link_arrow_sidebar_hover.gif);} #sidebar #uniikki li a, #sidebar #farmaseuttiSmall a {background: url(../images/link_arrow.gif) 0px 2px no-repeat;} #sidebar #uniikki li a:hover, #sidebar #farmaseuttiSmall a:hover {background-image: url(../images/link_arrow_hover.gif);} /* uniikki teaser */ #sidebar #uniikki {} #sidebar #uniikki p {margin: 0px 0px 10px 0px;} #sidebar #uniikki .uniikkiLinks {background: url(../images/sidebar_bulletlist_uniikki.gif) bottom left no-repeat; padding-bottom: 7px;} #sidebar #uniikki .uniikkiLinks ul {background: url(../images/sidebar_bulletlist_uniikki.gif) no-repeat; padding: 10px 10px 0px 10px;} /* banner */ #sidebar #banner {} #sidebar #banner img {display: block;} /* farmaseutti small teaser */ #sidebar #farmaseuttiSmall {background: url(../images/sidebar_farmaseutti_bg.gif) no-repeat; height: 150px;} #sidebar #farmaseuttiSmall h2 {padding: 0px 70px 0px 0px; margin: 0px 0px 5px 0px;} #sidebar #farmaseuttiSmall p {padding: 0px 60px 5px 0px;} /* farmaseutti large teaser */ #sidebar #farmaseutti {background: white url(../images/productpage_farmaseutti_header.gif) no-repeat; padding: 65px 0px 0px 0px;} #sidebar #farmaseutti h2 {margin: 0px; height: 48px; padding: 0px 60px 0px 13px; background: url(../images/dotline.gif) bottom left repeat-x;} #sidebar #farmaseutti h3 {margin: 0px 0px 5px 0px; font-size: 100%;} #sidebar #farmaseutti .infoTeaser {padding: 10px 13px 5px 13px; background: url(../images/dotline.gif) bottom left repeat-x;} #sidebar #farmaseutti .infoTeaser p {margin: 0px 0px 5px 0px;} /* news list */ #sidebar .news {color: #3d3d3d;} #sidebar .news a {color: black;} #sidebar .news a.showAll {background: url(../images/link_arrow_sidebar.gif) 0px 2px no-repeat; padding-left: 20px;} #sidebar .news a.showAll:hover {background-image: url(../images/link_arrow_sidebar_hover.gif);} #sidebar .news span.date {font-size: 90%;} /* product links */ #sidebar #productLinks {margin: 0px 0px -10px 0px; font-size: 90%; padding: 0px;} #sidebar #productLinks li a {height: 30px; padding: 0px 0px 0px 42px; margin-bottom: 8px;} #sidebar #productLinks li a:hover {background-position: 0px -100px !important;} #sidebar #productLinks li.availability a {background: url(../images/product_availability_sidebar.gif) no-repeat;} #sidebar #productLinks li.compensability a {background: url(../images/product_compensability_sidebar.gif) no-repeat;} #sidebar #productLinks li.substitution a {background: url(../images/product_substitution_sidebar.gif) no-repeat;} /* product teaser */ #sidebar #productTeasers {background: white url(../images/productpage_farmaseutti_bg.gif) bottom left no-repeat; padding-bottom: 7px;} #sidebar .productTeaser {font-size: 90%; padding: 15px 13px 0px 13px; position: relative;} #sidebar .productTeaser p {margin: 0px 0px 5px 0px;} #sidebar .productTeaser a {color: black;} #sidebar .productTeaser .productImg {float: left; width: 55px;} #sidebar .productTeaser .productImg img {width: 45px; height: 42px;} #sidebar .productTeaser .productInfo {margin-left: 55px;} #sidebar .productTeaser .normalPrice {color: #616161; margin-bottom: 5px;} #sidebar .productTeaser .offerPrice {height: 38px; background: url(../images/productteaser_offerprice_bg.gif) 7px 0px no-repeat; padding: 0px 18px; margin: 0px -13px; clear: both;} #sidebar .productTeaser .offerPrice p{padding-top: 5px;} #sidebar .productTeaser .offerPrice span {color: #616161;} #sidebar .productTeaser .offerPrice.uniikki strong {padding-right: 30px; background: url(../images/uniikki_product_teaser.png) top right no-repeat;} #sidebar .productTeaser .buy {position: absolute; bottom: 8px; right: 8px;} /* sidebar text teaser */ #sidebar .teaser ul {margin-bottom: -3px;} #sidebar .teaser p {margin: 0px 0px 10px 0px;} /* sidebar quick search */ #sidebar #quickSearch {width: 200px; height: 40px; margin-top: 0px; background: transparent; overflow: hidden;} #sidebar #quickSearch table {margin: 0;} #sidebar #quickSearch td.txt {background: url(../images/sidebar_quicksearch_txt.gif) no-repeat; width: 160px; height: 22px;} #sidebar #quickSearch input.txt {border: 0px; background: transparent; width: 148px; padding: 0px 5px; font-size: 11px; color: #057733;} #sidebar .navigation {background: url(../images/sidebar_navi_bg.gif) top left no-repeat; width: 204px; overflow: hidden;} #sidebar .navigation .columnWrapper {background: #edf9e7 url(../images/sidebar_navi_bg_bottom.gif) bottom left no-repeat; padding: 5px!important;} #sidebar .navigation ul {margin: 0px 0px 0px 10px; padding: 0px; list-style: none;} #sidebar .navigation ul li {margin-bottom: 3px;} #sidebar .navigation ul a {display: block; background: url(../images/subnavi_arrow.gif) 0px 9px no-repeat; padding: 3px 0px 0px 10px; color: #005400; font-weight: normal;} #sidebar .navigation ul a:hover {display: block; background: url(../images/subnavi_arrow.gif) 0px 9px no-repeat; padding: 3px 0px 0px 10px; } #sidebar .navigation ul li.selected a {color: #000; font-weight: bold;} #sidebar .navigation ul li.selected a :hover{color: #000; font-weight: bold; text-decoration: none;} /* SUBPAGE CONTENT */ /* product filter on subpage */ #productFilter {background: url(../images/productfilter_bg.gif) bottom left no-repeat; margin-bottom: 20px; padding-bottom: 15px;} #productFilter #productFilterWrapper {background: url(../images/productfilter_bg.gif) top left no-repeat; padding: 15px 15px 0px 15px;} #productFilter table {width: 100%;} #productFilter td {padding: 0px; width: 25%;} #productFilter th {color: #057733; text-align: left;} #productFilter ul a {color: black;} #productFilter ul a.selected {color: #393939; font-weight: bold;} #productFilter .productCategories td {padding-bottom: 10px; vertical-align: top;} #productFilter .filterProducts th, #productFilter .filterProducts td {border-top: 1px solid #c4e3c3; border-bottom: 1px solid #c4e3c3; padding-bottom: 13px; padding-top: 13px;} #productFilter .filterProducts select {width: 163px; font-size: 11px;} #productFilter .selfDiagnose th, #productFilter .selfDiagnose td {border-bottom: 1px solid #c4e3c3; padding-bottom: 15px; padding-top: 15px;} #productFilter .moreInfo th, #productFilter .moreInfo td {padding-top: 15px;} #productFilter .productCategories ul {margin: 0px 20px 0px 0px; padding: 0px; list-style: none;} #productFilter .productCategories ul li {display: inline;} #productFilter .productCategories ul li a {padding: 0px 0px 5px 20px; display: block; background: url(../images/link_arrow_productfilter.gif) 0px 2px no-repeat;} #productFilter .productCategories ul li a:hover {background-image: url(../images/link_arrow_productfilter_hover.gif);} #productFilter .selfDiagnose a, #productFilter .moreInfo a {background: url(../images/link_arrow_small.gif) 0px 5px no-repeat; padding-left: 11px; color: black;} #productFilter .alphabeticFilter p {margin: 0px 0px 3px 0px; width: 100%; float: left;} #productFilter .alphabeticFilter p.alphabet {margin-bottom: 10px; font-weight: bold; text-transform: uppercase; color: #7fa990;} #productFilter .alphabeticFilter p.alphabet a {margin-right: 2px; display: block; float: left; width: 15px; height: 17px; text-align: center;} #productFilter .alphabeticFilter p.alphabet span {margin-right: 2px; display: block; float: left; width: 15px; height: 17px; text-align: center;} #productFilter .alphabeticFilter p.alphabet .selected {background: url(../images/alphabet_selected.gif) no-repeat;} #productFilter .alphabeticFilter label {padding-right: 20px;} /* compensability counter */ #compensabilityCounter {background: url(../images/compensabilitycounter_bg.gif) top left no-repeat; margin-bottom: 20px; padding-top: 15px;} #compensabilityCounter #compensabilityCounterWrapper {background: url(../images/compensabilitycounter_bg.gif) bottom left no-repeat; padding: 0px 15px 0px 15px;} #compensabilityCounter table {} #compensabilityCounter td {padding: 0px 0px 15px 0px;} #compensabilityCounter th {font-weight: normal; text-align: left; padding: 0px 20px 15px 0px;} #compensabilityCounter .txt {width: 55px; margin-right: 5px;} #compensabilityCounter p.counterResult {margin: 0px; height: 40px;} #compensabilityCounter p.counterResult span {float: left; margin: 12px 5px 0px 0px;} #compensabilityCounter p.counterResult strong {margin: 10px 2px 0px 0px; color: #393939; padding: 2px 0px; float: left; width: 115px; background: url(../images/compensabilitycounter_result.gif) no-repeat; text-align: center; font-weight: bold;} /* product list */ #productList h3 {font-size: 110%; margin: 0px 0px 1px 0px; color: white; padding: 5px 10px 6px 10px; background: url(../images/productlist_h3.gif) no-repeat;} /* list tools */ .listTools {width: 100%; clear: both;} .listTools td {} .listTools.listTop td {vertical-align: bottom; padding: 0px 0px 5px 0px;} .listTools.listBottom td {vertical-align: top; padding: 5px 0px 0px 0px;} .listTools .paging {color: #aad1b9;} .listTools .paging a, .listTools .paging span, .listTools .paging strong {color: black; padding: 0px 3px;} .listTools .paging a.previous {padding-left: 11px; background: url(../images/link_arrow_small_left.gif) 0px 5px no-repeat;} .listTools .paging a.next {padding-right: 11px; background: url(../images/link_arrow_small.gif) right 5px no-repeat;} .listTools .links {text-align: right; font-size: 90%;} .listTools .links a {color: black; background: url(../images/link_arrow_small.gif) 0px 5px no-repeat; padding-left: 8px;} /* product table (subpage) */ .productTable {width: 100%;} .productTable th {font-size: 90%; text-align: left; font-weight: normal; background: #dbf3ce; padding: 7px 7px; border-right: 1px solid #b9dfb5;} .productTable td {border-right: 1px solid #d7e9de; border-bottom: 1px solid #aad1b9; padding: 7px 7px;} .productTable th a.sort {padding-left: 15px; background: url(../images/product_arrow_sort.gif) left no-repeat;} .productTable th.type {padding: 0px; background: #bdeea2; width: 15px;} .productTable .type span {display: block; width: 15px;} .productTable td.type {padding: 0px; background: #d8f7c7; width: 15px;} .productTable td.type_selected {padding: 0px; background: #92c799; width: 15px;} .productTable td.productImg {width: 90px!important; border-right: 0px; padding: 7px 7px;} .productTable td.productImg img {width: 45px; height: 42px;} .productTable td.product {font-weight: bold; text-transform: uppercase; color: #393939; padding: 0px;} .productTable td.product a {color: #393939; margin-right: 10px;} .productTable td.price, .productTable td.offerPrice {color: #616161; font-size: 90%; white-space: nowrap;} .productTable td.offerPrice.uniikki {background: url(../images/uniikki_table.png) right 11px no-repeat; padding-right:35px;} .productTable td.availability, .productTable td.substitution, .productTable td.compensability {text-align: center; padding: 0px; width: 68px!important;} .productTable td.availability a, .productTable td.substitution a, .productTable td.compensability a {display: block; width: 28px; height: 24px; margin: 0px 20px;} .productTable td.availability a:hover, .productTable td.substitution a:hover, .productTable td.compensability a:hover {background-position: 0px -50px !important; text-decoration: none;} .productTable td.availability a {background: url(../images/product_availability.gif) no-repeat;} .productTable td.substitution a {background: url(../images/product_substitution.gif) no-repeat;} .productTable td.compensability a {background: url(../images/product_compensability.gif) no-repeat;} .productTable td.infoText {color: #f16101;} .productTable td.gray {color: #a6a6a6;} .productTable td.empty {text-align: center;} .productTable .buy {width: 60px; padding-right: 0px;} .productTable .lastCol {border-right: 0px;} .productTable th.highlight {background: #bdeea2;} .productTable td.highlight {background: #d8f7c7;} .productTable .listFooter {text-align: right; background: #d8f7c7; border-bottom: 0px; border-right: 0px; padding: 0px; font-size: 95%;} .productTable .listFooter span {border-top: 1px solid white; display: block; padding: 7px 7px;} .productTable .listFooter a {color: black; background: url(../images/link_arrow_small.gif) left no-repeat; padding-left: 10px;} .productTable tr.selected {background: #d8f3ce;} .productTable .delete {background: url(../images/icon_delete.gif) 0px 6px no-repeat !important; padding: 0px 0px 0 12px;} .productTable .update {background: url(../images/icon_update.gif) 0px 6px no-repeat !important; padding: 0px 0px 0 12px;} /* product list on compensability page */ #productList.compensability {border-top: 1px solid #aad1b9; margin-bottom: 30px; table-layout: fixed;} #productList.compensability .productTable {border-top: 1px solid white;} #productList.compensability .productTable th {border-bottom: 1px solid #92c999;} #productList.compensability .productTable td.product {} #productList.compensability .productTable td.price {font-size: 100%; color: black; width: 55px;} #productList.compensability .productTable td.price.disabled {color: #b2b2b2;} #productList.compensability .productTable td.price.highlight {font-size: 115%; color: #057733; font-weight: bold;} #productList.compensability .productTable .lastCol {border-right: 0px; padding-right: 0px;} #productList.compensability .productTable .lastCol .btn {margin: 0px;} #productList.compensability .productTable .additionalInfo {padding: 10px 0px 20px 7px; border-right: 0px;} #productList.compensability .productTable .additionalInfo select {width: 340px;} #productList.compensability .productTable .amount {padding: 10px 0px 15px 0px; text-align: right; border-right: 0px;} #productList.compensability .productTable .amount select {width: 70px; margin-left: 5px;} /* product list on substitution page */ #productList.substitution {margin-bottom: 30px;} #productList.substitution .productTable tr.break td {height: 20px; border-right: 0px; padding: 0px; font-size: 1px; border-bottom: 0px;} #productList.substitution .productTable tr.customHeading th {color: white; font-size: 100%; border-right: 0px; background: url(../images/h2.gif); border-bottom: 1px solid #469f5b; padding: 7px 7px;} #productList.substitution .productTable tr.customHeading th strong {margin-right: 5px;} /* news table */ .newsRow { width: 510px; float:left;margin: 10px 0 20px 0;} .newsRow .newsTable{border-top: 0!important;} .newsTable {width: 100%; border-top: 1px solid #add2bc; border-bottom: 1px solid #add2bc;} .newsTable td {padding: 8px 10px 8px 0px; vertical-align: top;} .newsTable td.date {color: #3d3d3d; font-size: 90%; padding-left: 2px; white-space: nowrap;} .newsTable td.break {font-size: 90%;} .newsTable td.link {font-size: 110%; width: 100%; padding-right: 0px;} .newsTable tr:hover {background: #d8f3ce;} .newsTable a {color: black;} .newsTable .header {background: url(../images/news_header_bg.gif) top left no-repeat; height: 23px; color: #fff; font-size: 110%; font-weight: bold; padding: 0; border-top: 0;} .newsTable .header h3 {padding: 3px 0 0 10px; color: #fff; margin: 0; float:left; width: 300px;} .newsTable td.header a{ color: #fff; font-size: 80%; width: 65px; font-weight: normal; padding: 4px 0 0 20px; float:right;background:transparent url(../images/arrow_transparent.gif) no-repeat scroll 0 5px; display: block; height: 12px; z-index: 1000;} .newsTable td.header a:hover {background-image:url(../images/arrow_transparent_hover.gif);} /* news table */ #fullRow {width: 700px; float:left; margin: 10px 10px 20px 10px;} #fullRow h1 {color: white; font-weight: bold; font-size: 140%; background: #459d5c url(../images/h1.gif) repeat-x; padding: 7px 12px; margin-bottom: 20px;} #fullRow .text {padding: 0 10px 0 10px;} #fullRow .text ul {list-style-image:none; list-style-position:outside; margin:0; padding:6px 0 10px 18px; } #fullRow .text ol {list-style-image:none; list-style-position:outside; margin:0; padding:6px 0 10px 20px; color: #057733; font-weight: bold;} #fullRow .text ol p {color: #000; margin: 0; font-weight: normal;} #fullRow table.combined {width: 100%;} #fullRow table.combined td {vertical-align: top; padding: 10px; width: 33%;} #fullRow table.combined td.header {font-weight: bold;background: #459d5c url(../images/h1.gif); height: 33px; padding: 0;} #fullRow table.combined td.header h3 {color: white; font-size: 140%; font-weight: bold; padding: 7px 0 0 10px; margin: 0;} #fullRow table.combined td.lastColumn {width: 190px;} #fullRow table.combined tr.even td{background: #dbf3ce; border-top: 1px solid #d7e8de;} #fullRow table.combined td.middle {border-left: 1px solid #d7e8de; border-right: 1px solid #d7e8de;} #fullRow table.combined td ul {margin: 0 0 0 15px; padding: 0px 20px 0px 0px;} /* forms */ #formPage fieldset {margin: 10px 0 0 0; padding: 0px; border: 0px;} #formPage fieldset p {margin-bottom: 10px;} #formPage table {} #formPage table td {padding: 0px 0px 10px 0px; vertical-align: top;} #formPage .label {width: 175px; padding-top: 0px;} #formPage .field {padding-left: 10px;} #formPage table label {} #formPage table h4 {display: block; width: 175px; margin: 0px; padding: 3px 0px 0px 0px; color: black; font-weight: normal;} #formPage strong.required {background: url(../images/required.gif) top right no-repeat; padding: 0px 10px 0px 0px; color: #f06101;} #formPage p.required {background: url(../images/required.gif) 0px 3px no-repeat; color: #f06101; padding-left: 15px;} #formPage .required span{display: none;} #formPage td.required {width: 10px;} #formPage .txt { width: 255px;} #formPage .txtlarge {width: auto;} #formPage .txtmedium {width: 195px; } #formPage .txtsmall {width: 50px;} #formPage select.txt {width: 258px;} #formPage .break td {padding: 10px 0px 20px 0px;} #formPage .break td div {height: 1px; background-color: #aad1b9; overflow: hidden;} #formPage .submit td {padding-top: 20px;} #formPage table td.field table{ width: 250px;} /* TUPAS */ #tupasPage p.error {color: #f06101; margin-top: 10px;} /* BUTTONS */ a.btn, span.btn {display:-moz-inline-box; display:inline-block; cursor:pointer; padding: 0px; height:22px; overflow: hidden; background:url(../images/btn.gif) no-repeat; margin-right: 5px; border: 0px;} a.btn span, del.btnDisabled span {font-size: 11px; white-space:nowrap; overflow: hidden; cursor:pointer; height: 24px; display:-moz-inline-box; display: inline-block; padding:3px 9px 0px 0px; margin:0px 0px 0px 9px; background:transparent url(../images/btn.gif) no-repeat;} span.btn input {font-size: 11px; cursor:pointer; height:24px; vertical-align: top; padding:0px 9px 0px 0px; margin:0px 0px 0px 9px; border: 0px; background:transparent url(../images/btn.gif) top right no-repeat;} a.btn, span.btn {background-position: 0px 0px; text-decoration: none !important;font-weight: normal; color: white;} a.btn span {background-position: 100% 0px;} span.btn input {background-position: 100% 0px; color: white;} span.btn:hover, a.btn:hover {background-position: left -30px;} span.btn:hover input, a.btn:hover span {background-position: right -30px;} #sidebar span.btn, #sidebar a.btn, #compensabilityCounter span.btn, .productInfo span.btn {background-position: left -60px;} #sidebar span.btn input, #sidebar a.btn span, #compensabilityCounter span.btn input, .productInfo span.btn input {background-position: right -60px;} #sidebar span.btn:hover, #sidebar a.btn:hover, #compensabilityCounter span.btn:hover, .productInfo span.btn:hover {background-position: left -90px;} #sidebar span.btn:hover input, #sidebar a.btn:hover span, #compensabilityCounter span.btn:hover input, .productInfo span.btn:hover input {background-position: right -90px;} span.disabledBtn {display:-moz-inline-box; display:inline-block; cursor:pointer; padding: 0px; height:22px; overflow: hidden; background:url(../images/btn.gif) no-repeat left -180px; margin-right: 5px; border: 0px;} span.disabledBtn input {background:url(../images/btn.gif) no-repeat right -180px;color:white; border:0 none; cursor:pointer; font-size:11px; height:24px; margin:0 0 0 9px; padding:0 9px 0 0; vertical-align:top;} span.disabledBtn:hover input{background-position:right -210px;} span.disabledBtn:hover {background-position:left -210px;} /* test page */ #test .mainImg img {display: block;} #test h2 {color: white; font-size: 110%; background: #459d5c url(../images/test_h2.gif) repeat-x; padding: 7px 12px; margin-bottom: 15px;} #test .testContent {padding: 0px 12px;} #test .testContent ul{margin: 0px 0px 20px 0px; padding: 0px; list-style: none;} #test .browse {border-top: 1px solid #aad1b9; text-align: right; padding-top: 25px;} /* farmaseutti on main content area */ #farmaseuttiMainContent {padding-top: 10px;} #farmaseuttiMainContent img {float: right; margin: 0px 0px 10px 10px;} /* content list */ .contentList {width: 100%;} .contentList th {background: url(../images/contactlist_city_bg.gif) repeat-x; margin: 0px; text-align: left;} .contentList th a {display: block; font-weight: bold; color: #393939; padding: 10px 10px 8px 30px; background: url(../images/contactlist_arrow.gif) no-repeat;} .contentList td {border-top: 1px solid #aad1b9; padding: 7px 10px 7px 80px;} .contentList td a { color: #393939; } .contentList td.open , .contentList td.closed {padding: 7px 10px 7px 45px;} .contentList td.open a, .contentList td.closed a {padding: 0 0 0 15px; font-weight: bold; background: url(../images/contactlist_arrow.gif) no-repeat;} .contentList td.open a {background-position: 0px 5px;} .contentList td.closed a {background-position: 0px -46px;} .contentList td.map {} .contentList a.map {background: url(../images/link_arrow.gif) 0px 2px no-repeat; padding: 0px 0px 0px 19px;} .contentList a.map:hover{background-image: url(../images/link_arrow_hover.gif);} .contentList th.open a {background-position: 16px 17px;} .contentList th.closed a {background-position: 16px -36px;} .contentList .alignRight {text-align: right;} /* product availability, product list */ #productAvailability {padding-top: 30px;} #productAvailability h2, #productList h2 {color: white; font-size: 110%; background: #459d5c url(../images/h2.gif) repeat-x; padding: 7px 12px; margin-bottom: 0px;} /* alpoabetical product list */ .alphabeticalList {padding: 0px 10px;} .alphabeticalList .column {width: 365px; float: left;} .alphabeticalList ul {margin: 0px; padding: 0px 20px 0px 0px; list-style: none;} .alphabeticalList ul li {display: inline;} .alphabeticalList a {display: block; background: url(../images/link_arrow.gif) 0px 2px no-repeat; padding: 0px 0px 0px 20px; margin-bottom: 8px;} .alphabeticalList a:hover{background-image: url(../images/link_arrow_hover.gif);} /* SEARCH RESULTS PAGE */ #searchResults a {background: url(../images/link_arrow_sidebar.gif) 0px 2px no-repeat; padding: 0px 0px 0px 20px; color: #000000;} #searchResults a:hover{background-image: url(../images/link_arrow_sidebar_hover.gif);} #searchResults h2 {font-size: 100%; color: black; font-weight: normal; background: url(../images/searchresults_heading.gif) no-repeat; height: 33px; width: 750px; float: left; overflow: hidden; position: relative; margin: 0px;} #searchResults h2 strong{font-weight: normal; padding: 8px 17px; display: block;} #searchResults h2 span {position: absolute; right: 17px; top: 8px;} #searchResults h3 {color: #057733; font-weight: bold; font-size: 125%;} #searchResults .searchResultSection {width: 100%; float: left; border-bottom: 1px solid #aad1b9; padding: 20px 0px;} #searchResults .searchResultSection ul {width: 50%; float: left; margin: 0px; padding: 0px 0px 0px 0px; list-style: none;} #searchResults .searchResultSection ul li {padding: 0px 20px 3px 0px;} #searchResults .mainResults {border: 0px;} #searchResults .mainResults ul {margin: 0px 0px 0px 17px; width: 90%;} #searchResults .mainResults ul li {padding-bottom: 5px;} #searchResults .mainResults ul li span {display: block; padding-left: 20px} #searchResults .lastSection {border: 0px;} /* PRODUCT TEASER TABLE */ /* #mainContent #productTeasers {margin: 0px 0px 40px 0px;} */ #mainContent #productTeasers {margin: 20px 0px 40px 0px;} #mainContent #productTeasers th, #mainContent #productTeasers td {text-align: left; vertical-align: top;} #mainContent #productTeasers .product1 {padding: 0px 11px 5px 0px;} #mainContent #productTeasers .product2 {padding: 0px 11px 5px 11px; border-left: 1px solid #add2bc;} #mainContent #productTeasers .product3 {padding: 0px 0px 5px 11px; border-left: 1px solid #add2bc;} #mainContent #productTeasers .productImg td {text-align: center; padding: 0px 0px 10px 0px;} #mainContent #productTeasers .productImg img {width: 130px; height: 120px;} #mainContent #productTeasers .normalPrice td {color: #616161; font-size: 90%;} #mainContent #productTeasers .offerPrice td {padding-bottom: 0px; background: url(../images/productteaser_maincontent_price.gif) left bottom no-repeat;} #mainContent #productTeasers .offerPrice td.product2, #mainContent #productTeasers .offerPrice td.product3 {background-position: 11px bottom;} #mainContent #productTeasers .offerPrice .uniikki {background: url(../images/uniikki_product_teaser.png) right no-repeat; padding-right: 30px;} #mainContent #productTeasers .offerPrice span {display: block; width: 224px; padding: 4px 5px 5px 5px; font-size: 95%;} #mainContent #productTeasers .offerPrice em {font-style: normal; color: #616161; margin-left: 5px;} /* PAGE FOOTER */ #pageFooter {border-top: 2px solid #dbf3ce; float: left; width: 100%; padding: 10px 0px; font-size: 90%; color: #bfbfbf;} #pageFooter p {margin: 0px 20px;} #pageFooter a {color: #616161; margin: 0px 10px;} /** EDIT MODE **/ table.ms-toolbar {border: 1px solid #5fb14e; background: url(../images/toolbar_bg.gif) repeat-x;} .ms-toolbar a.ms-toolbar {font: 12px Arial, Helvetica, sans-serif !important;} .ms-formtable .ms-formlabel, .ms-formtable .ms-formbody, .ms-formtable .ms-formbody input {font: 12px Arial, Helvetica, sans-serif !important; color: black;} .ms-formtable .ms-formlabel h3 {font-weight: normal; color: black;} .ms-formtable .ms-formbody {background-color: #e4f7dd;} .ms-descriptiontext {font: 11px Arial, Helvetica, sans-serif; color: #616161;} .sidebarElement .ms-formfieldvaluecontainer select {width: 180px;} /* CONTENT TABLES */ /* content area table */ .contentTable {width: 100%; margin-bottom: 20px;} .contentTable th {background: #dbf3ce; text-align: left; font-weight: normal; font-size: 90%; padding: 5px 12px; border-right: 1px solid #b9dfb5;} .contentTable td {padding: 5px 12px; border-right: 1px solid #d7e9de; border-bottom: 1px solid #aad1b9;} .contentTable .lastCol {border-right: 0px;} .ms-rteTable-1, .ms-rteTable-2, .ms-rteTable-3, .ms-rteTable-4, .ms-rteTable-5 {border: 0px; font-size: 12px !important;} .ms-rteTable-1 td, .ms-rteTable-2 td, .ms-rteTable-3 td, .ms-rteTable-4 td, .ms-rteTable-5 td {font-size: 12px !important; font-family: Arial, Helvetica, sans-serif !important; color: black !important; vertical-align: top;} .ms-rteTable-1 tr.ms-rteTableHeaderRow-1, .ms-rteTable-2 tr.ms-rteTableHeaderRow-2, .ms-rteTable-3 tr.ms-rteTableHeaderRow-3, .ms-rteTable-4 tr.ms-rteTableHeaderRow-4, .ms-rteTable-5 tr.ms-rteTableHeaderRow-5 {background: #dbf3ce; line-height: normal; font-weight: normal !important; color: black; font-family: Arial, Helvetica, sans-serif !important;} .ms-rteTable-1 tr.ms-rteTableHeaderRow-1 td, .ms-rteTable-2 tr.ms-rteTableHeaderRow-2 td, .ms-rteTable-3 tr.ms-rteTableHeaderRow-3 td, .ms-rteTable-4 tr.ms-rteTableHeaderRow-4 td, .ms-rteTable-5 tr.ms-rteTableHeaderRow-5 td {font-size: 12px !important; padding: 5px 12px !important; background: #dbf3ce; line-height: normal; border-right: 1px solid #b9dfb5; border-bottom: 0px; text-align: left; font-weight: normal; text-transform: none;} .ms-rteTable-1 td.ms-rteTableHeaderFirstCol-1, .ms-rteTable-2 td.ms-rteTableHeaderFirstCol-2, .ms-rteTable-3 td.ms-rteTableHeaderFirstCol-3, .ms-rteTable-4 td.ms-rteTableHeaderFirstCol-4, .ms-rteTable-5 td.ms-rteTableHeaderFirstCol-5 {} .ms-rteTable-1 td.ms-rteTableHeaderLastCol-1, .ms-rteTable-2 td.ms-rteTableHeaderLastCol-2, .ms-rteTable-3 td.ms-rteTableHeaderLastCol-3, .ms-rteTable-4 td.ms-rteTableHeaderLastCol-4, .ms-rteTable-5 td.ms-rteTableHeaderLastCol-5 {} .ms-rteTable-1 td.ms-rteTableHeaderOddCol-1, .ms-rteTable-2 td.ms-rteTableHeaderOddCol-2, .ms-rteTable-3 td.ms-rteTableHeaderOddCol-3, .ms-rteTable-4 td.ms-rteTableHeaderOddCol-4, .ms-rteTable-5 td.ms-rteTableHeaderOddCol-5 {} .ms-rteTable-1 td.ms-rteTableHeaderEvenCol-1, .ms-rteTable-2 td.ms-rteTableHeaderEvenCol-2 .ms-rteTable-2 td.ms-rteTableHeaderEvenCol-3 .ms-rteTable-2 td.ms-rteTableHeaderEvenCol-4 .ms-rteTable-2 td.ms-rteTableHeaderEvenCol-5 {} .ms-rteTable-1 tr.ms-rteTableOddRow-1 td, .ms-rteTable-2 tr.ms-rteTableOddRow-2 td, .ms-rteTable-3 tr.ms-rteTableOddRow-3 td, .ms-rteTable-4 tr.ms-rteTableOddRow-4 td, .ms-rteTable-5 tr.ms-rteTableOddRow-5 td {padding: 5px 12px !Important; border-right: 1px solid #d7e9de; border-bottom: 1px solid #aad1b9 !important; background: white !important; color: black; font-weight: normal;} .ms-rteTable-1 tr.ms-rteTableEvenRow-1 td, .ms-rteTable-2 tr.ms-rteTableEvenRow-2 td, .ms-rteTable-3 tr.ms-rteTableEvenRow-3 td, .ms-rteTable-4 tr.ms-rteTableEvenRow-4 td, .ms-rteTable-5 tr.ms-rteTableEvenRow-5 td {padding: 5px 12px !Important; border-right: 1px solid #d7e9de; border-bottom: 1px solid #aad1b9 !important; background: white !important; color: black; font-weight: normal;} .ms-rteTable-1 td.ms-rteTableFirstCol-1, .ms-rteTable-2 td.ms-rteTableFirstCol-2, .ms-rteTable-3 td.ms-rteTableFirstCol-3, .ms-rteTable-4 td.ms-rteTableFirstCol-4, .ms-rteTable-5 td.ms-rteTableFirstCol-5 {border-left: 0px !important;} .ms-rteTable-1 td.ms-rteTableLastCol-1, .ms-rteTable-2 td.ms-rteTableLastCol-2, .ms-rteTable-3 td.ms-rteTableLastCol-3, .ms-rteTable-4 td.ms-rteTableLastCol-4, .ms-rteTable-5 td.ms-rteTableLastCol-5 {border-right: 0px !important;} .ms-rteTable-1 td.ms-rteTableOddCol-1 {} .ms-rteTable-1 td.ms-rteTableEvenCol-1 {} .ms-rteTable-1 tr.ms-rteTableFooterRow-1 td, .ms-rteTable-2 tr.ms-rteTableFooterRow-2 td, .ms-rteTable-3 tr.ms-rteTableFooterRow-3 td, .ms-rteTable-4 tr.ms-rteTableFooterRow-4 td, .ms-rteTable-5 tr.ms-rteTableFooterRow-5 td {font-weight: normal; padding: 5px 12px !Important; border-top: 0px; border-right: 1px solid #d7e9de; border-bottom: 1px solid #aad1b9; background: white !important;} .ms-rteTable-1 td.ms-rteTableFooterFirstCol-1, .ms-rteTable-2 td.ms-rteTableFooterFirstCol-2, .ms-rteTable-3 td.ms-rteTableFooterFirstCol-3, .ms-rteTable-4 td.ms-rteTableFooterFirstCol-4, .ms-rteTable-5 td.ms-rteTableFooterFirstCol-5 {border-left: 0px !important;} .ms-rteTable-1 td.ms-rteTableFooterLastCol-1, .ms-rteTable-2 td.ms-rteTableFooterLastCol-2, .ms-rteTable-3 td.ms-rteTableFooterLastCol-3, .ms-rteTable-4 td.ms-rteTableFooterLastCol-4, .ms-rteTable-5 td.ms-rteTableFooterLastCol-5 {border-right: 0px !important;} .ms-rteTable-1 td.ms-rteTableFooterOddCol-1 {} .ms-rteTable-1 td.ms-rteTableFooterEvenCol-1 {} /* ATC code management */ #adminFilters p.selection {margin: 0px 0px 10px 0px;} #adminFilters p.tabs {margin: 0px; color: #aad1b9;} #adminFilters p.tabs a, #adminFilters p.tabs strong {color: black; padding: 0px 3px;} #explanation .delete {display:block; background: url(../images/icon_delete.gif) 0px 6px no-repeat !important; padding: 0px 0px 0 12px;} #explanation .update {display:block; background: url(../images/icon_update.gif) 0px 6px no-repeat !important; padding: 0px 0px 0 12px;} #infoArea.successful {display:block; width:500px; padding:10px; margin-bottom:10px; border:solid 1px #057733;} /* #dbf3ce */ #infoArea.unsuccessful {display:block; width:500px; padding:10px; margin-bottom:10px; border:solid 1px #f06101;} .productTable.adminView {table-layout: fixed;} .productTable.adminView th.adminSubTitle {padding: 10px 0px 0px 0px; border: 0px; background: transparent;} .productTable.adminView td {vertical-align: top;} .productTable.adminView .top {display:block; text-align:right;} .productTable.adminView .top a {padding: 0px 0px 3px 20px; background: url(../images/link_arrow.gif) 0px 2px no-repeat;} .productTable.adminView .top a:hover {background-image: url(../images/link_arrow_hover.gif);} .editView.adminView td {padding: 0px 5px 5px 0px; vertical-align: top;} #pageLayoutAdminPage p.required {background: url(../images/required.gif) 0px 3px no-repeat; color: #f06101; padding-left: 15px;} .adminView td.required {width: 20px;} .adminView strong.required {background: url(../images/required.gif) top right no-repeat; padding: 0px 10px 0px 0px; color: #f06101;} /* Extra*/ /* current products list */ #extra {clear: both;float: left; width: 510px; margin: 0 0 20px 0;} #extra h3 {color: #057733; font-weight: normal; font-size: 200%; padding: 5px 10px 6px 0; margin: 0px; background: none!important; border-bottom: 10px solid white;} #extra #welcome {float: left; width: 245px; font-size:100%; overflow: hidden; } #extra #productHighlight {float: right; width: 240px; font-size: 90%; padding: 0 0 0 15px; border-left: 1px solid #c8e1d2;} #extra #productHighlight .productInfo {background: url(../images/currentproducts_uniikki.gif) right 140px no-repeat; padding-bottom: 10px;} #extra #productHighlight a {color: #057733;} #extra #productHighlight strong {color: #057733; font-size: 165%; font-weight: normal;} #extra #productHighlight .productImg {text-align: center; padding-bottom: 10px; padding-top: 10px;} #extra #productHighlight .uniikkiPrice {margin-top: -10px;} #extra #productHighlight .normalPrice {} #extra #productHighlight h4 {height: 26px;} #extra #productHighlight h4 a {background: url(../images/link_arrow.gif) 0px 2px no-repeat; padding-left: 18px; color: #057733;} #extra #productHighlight h4 a:hover {background-image: url(../images/link_arrow_hover.gif);} /* current products browsing element */ #extra .browseProducts {width: 245px; height: 25px; background: url(../images/currentproducts_browse.gif) no-repeat; position: relative;} #extra .browseProducts a span {display: none;} #extra .browseProducts a{position: absolute; display: block; width: 12px; height: 12px; background: url(../images/currentproducts_browse_arrows.gif) no-repeat;} #extra .browseProducts a.previous {top: 6px; left: 9px; background-position: 0px 0px;} #extra .browseProducts a.previous:hover {background-position: 0px -12px;} #extra .browseProducts a.next {top: 6px; right: 9px; background-position: -12px 0px;} #extra .browseProducts a.next:hover {background-position: -12px -12px;} #extra .browseProducts span {display: block; text-align: center; padding-top: 5px; font-size: 110%;} table.webBank {margin: 10px 0 10px 0; border-bottom: 1px solid #add2bc;} table.webBank td {padding: 5px 5px;} table.combined {width: 100%;} .empty {margin-top: 15px;} .RadioButtonTable {margin-bottom: 15px;} .RadioButtonTable td {padding: 0!important;} .RadioButtonTable td input {padding-left: 0!important; margin-left: 0!important;} .field.list ul {margin: 0; padding: 0 0 0 15px; } /* Purchase summary */ table.purchaseSummary { width: auto;} table.purchaseSummary td.label { vertical-align: top; padding-right: 20px;} table.purchaseSummary td.field { vertical-align: top; }