/* full clearfix */ /* add to floating elements which shall clear floating after themselves */ * html .clearfix { height: 1%; /* IE5-6 */ } *+html .clearfix { display: inline-block; /* IE7not8 */ } .clearfix:after { /* FF, IE8, O, S, etc. */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } ol { padding-left: 25px; } * { margin: 0px; padding: 0px; } body { background: #eceeef; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } img {border: 0px; padding: 0px;} span.highlight {background-color:#fff !important;} #all_margin { margin: 0px auto; max-width:110em; min-width:960px; //width: 1000px; width: 995px; overflow: hidden; padding-bottom: 25px; } #all { padding-top: 10px; xposition: relative;background: #fff;} #top-box { height: 140px; padding: 0 10px 0 10px; position: relative; z-index:10; } #language-selection {color: #979797; position: absolute; top: 6px; left: 0px; font-size: 11px; padding-right: 15px; } #language-selection a { color: #979797; text-decoration: none; padding-right: 3px; padding-left: 3px; } #language-selection img {/* position: absolute; top: 2px; right: 0px;*/ } /* SoMe icons ********** */ #icon-social { color: #979797; left: 166px; position: absolute; top:5px; width: 250px; } #icon-social a { padding-right: 5px; } #icon-social div { display: inline !important; } #search { position: absolute; top: 0px; left: 17px; /* background: transparent url(/pics/earth.gif) no-repeat 0px 0px; padding-top: 20px; padding-bottom: 30px; */ } #search select {display: inline; margin-left: 140px; width:195px;} #search form { position: relative; top: 41px; } #search input.search { width: 283px; height: 27px; border: 1px solid #e6e6e6; padding-left: 35px; line-height: 25px; } #search input.button { position: absolute; left: 0px; top: 5px; left: 9px; width: 22px; height: 20px; background: url(/pics/icon-input-submit-search.gif) no-repeat; border: none; } /* Dropdown country list ********************* */ #fp-select-country-list { background: url(/pics/fp-select-country.gif) no-repeat; position: absolute; top: 23px; left: 361px; height: 67px; width: 300px; } #fp-select-country-list img{ padding-right:10px; position:absolute; } #fp-select-country-list select{ border:1px solid #E6E6E6; position:absolute; left:115px; padding:5px; width:179px; top:18px; } #logo { width: 221px; height: 44px; position: absolute; right: 10px; top: 20px; } #logo span { display: none; } #logo h3 {margin: 0px;} #yourKonecranes { position: relative; position: absolute; top: 56px; right:0px; height: 14px; color:#5b5b5b; text-transform: uppercase; font-weight: bold; text-decoration: none; text-indent: -999999999px; } .yourKonecranes-eng { width: 182px; background: url(/pics/button-yourkonecranes-en.gif) no-repeat; } .yourKonecranes-fin { width: 261px; background: url(/pics/button-yourkonecranes-fi.gif) no-repeat; } /* New navigation, not to be published *********************************** */ #menu { position: absolute; width:975px; height: 44px; overflow: hidden; top: 91px; } #menu .menu-left-corner { float:left; width: 6px; height: 44px; background: url(/pics/menu-left-corner.gif) left top no-repeat; } #menu .menu-content { float: left; height: 44px; width: 963px; background: url(/pics/menu-content.gif) left top repeat-x; } #menu .menu-content ul { position: relative; list-style-type: none; } #menu .menu-content li { display: inline; } #menu .menu-content li a { display:block; float:left; color:#fff; height: 27px; font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding:0 8px; padding-top: 17px; margin-right: } #menu .menu-content li.selected a { background: url(/pics/menu-content-active.gif) right top no-repeat; } #menu .menu-right-corner { float: left; width: 6px; height: 44px; background: url(/pics/menu-right-corner.gif) left top no-repeat; } #navi { position: absolute; bottom: 0px; left: 10px; background: #f8191c; height: 20px; padding-top: 7px; width: 975px; } #navi ul li { display: inline; padding-left: 8px; padding-right: 9px; border-right: 1px solid #a58384; line-height: 12px; } #navi a { text-decoration: none; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: bold;} #navi a#s {text-decoration: underline; } #navi a.parentClass {text-decoration: underline; } #navi img {position: absolute; right: 0px; _right: -1px; top: 0px; } #navi_fp { position: absolute; bottom: 0px; left: 0px; padding-left: 10px; padding-bottom: 8px; } #navi_fp ul li { display: inline; border-right: 1px solid #b2b2b2; padding-right: 8px; padding-left: 7px;} #navi_fp img {position: absolute; right: 0px; _right: -1px; top: 0px; } #navi_fp a { text-decoration: none; color: #f8191c; text-transform: uppercase; font-size: 12px; font-weight: bold;} #flash-box {position: relative; margin-right: 10px; margin-left: 10px; padding: 0px; overflow: hidden; } #big-pic { height: 353px; width: 714px; } #news { position: absolute; top: 0px; left: 714px; width: 270px; _width: 260px; height: 353px; background: #333333; } #news h3 {color: #fff; text-transform: uppercase; padding-left: 14px; margin-top: 15px; float: left;} #news .rss {padding: 15px 0 0 10px; } #news a {color: #fff; font-size: 12px; text-decoration: none; outline: none;} #news a small {color: #199597; font-size: 10px;} #news ul {margin-left: 14px; } #news ul li {margin-bottom: 20px; list-style-type: none;} #news a.archive {margin-left: 14px; font-size: 12px; background: #199597; padding: 3px 8px 2px 8px; position: absolute; bottom: 10px; left: 0px;} #news2 {width: 260px;} #left_column { width:240px; } #left_column_content {} #left_column_content img.left_column_pic {margin-top: 25px;} #share { margin-left: 253px; width: 200px; } #subnavi {margin-bottom: 40px; padding-right: 10px; overflow: hidden;} #subnavi ul {margin-left: 29px; border-left: 3px solid #f7181d;} #subnavi ul li { list-style-type: none; padding-left: 10px; padding-bottom: 3px; } #subnavi ul li ul {border-left: none; margin-left: 3px; margin-top: 5px;} #subnavi ul li ul li {margin: 0px; background:transparent url(/pics/list-green-triangle-bg.gif) no-repeat 0 5px;} #subnavi ul li ul li ul li {background:transparent url(/pics/list-triangle-small-green.gif) no-repeat 0 7px; margin-left: 0px; padding-left: 7px;} #subnavi a { text-decoration: none; color: #000; font-size: 13px; font-family: arial;} #subnavi h3 {margin: 6px 0 15px 22px; line-height: 20px;} #subnavi h3 a { color: #555; font-size: 22px; } #subnavi h3 a:hover {color:#555; } #subnavi a:hover {color: #f7181d;} #subnavi a#s {text-decoration: underline;} #subnavi ul li.anchor { background:transparent url(/pics/anchorlink.gif) no-repeat 0px 2px; padding-left: 15px } #noSubnavi { float: left; width: 220px; } #shortcut {} #shortcut h3 {background: #f7181d; width: 110px; color: #fff; text-transform: uppercase;padding: 3px 0 4px 22px;} #shortcut ul {margin-left: 31px;margin-top: 10px;} #shortcut ul li { background: transparent url(/pics/list-triangle-bg.gif) no-repeat 0px 5px; list-style-type: none; } #shortcut ul li a {color: #000; font-size: 12px; text-decoration: underline; padding-left: 12px;} #content_subpage { padding: 30px 0px 20px 0px; position: relative; } #page_fp { padding: 0px 10px 10px 10px; } #content_fp_container { position: relative; width: 975px; padding-top: 10px; } #page_fp .column { float: left; } #page_fp .left { width: 714px; } #flash_map { position: relative; width: 714px; height: 237px; } #page_fp .right { width: 251px; margin-left: 10px; padding-top: 5px; } #page_fp .right .lift { border-bottom: 1px solid #dfdfdf; padding-bottom: 1px; margin-bottom: 10px; } #page_fp .right .lift h3 { text-transform: uppercase; font-size: 14px; margin:0; margin-bottom: 5px; color: #aaaaaa; } #page_fp .right .lift h3 a { color: #aaaaaa; text-decoration: none;} #page_fp .right .lift p {} #page_fp .right .lift p a {} #page_fp .right .lift ul { margin-left: 2em; list-style-image: url(/pics/list-green-triangle-bg.gif) } #page_fp .right .lift li {} #page_fp .right .lift li a { color:#000; text-decoration: none; font-weight: normal; } #page_fp .right .last { border:none; padding-bottom: 0px; margin-bottom: 0; } #page_fp .right .sharegraph { margin-left: 30px; } /* Etusivulla ei webcast-linkkia */ #content_fp_outer {background: transparent url(/pics/big_C.jpg) no-repeat 25px 40px; height: 225px; min-width: 960px;} #content_fp {height:225px; margin-left: 150px; } #content_fp .investor_fp { width: 230px; float:left; height: 100%; } /* Etusivulla webcast-linkki */ #content_fp_outer.webcast {background: none; height: 225px;min-width: 960px;} #content_fp.webcast {height:225px; margin-left: 20px; display: inline-block;} #content_fp.webcast .webcast { padding-top: 28px; padding-left: 10px; width: 333px; background:none; float:left; height: 100%; } #content_fp.webcast .webcast img { height:149px; margin-top:4px; width:280px; } #content_fp.webcast .webcast a { background:none; color:#000000; display:inline; padding-left:0px; text-decoration:none; } /* .com-frontpage, show country selection for non-flash devices */ #staticWorldMap { position: relative; width: inherit; height: 237px; background: url(/pics/com-frontpage-static-worldmap.gif) right top no-repeat; } #staticWorldMapCountryList { position: relative; width: 315px;} #staticWorldMapCountryList h2 { font-size: 32px; color:#1aa6a8; text-transform: uppercase; font-weight: bold; margin: 0;padding: 0; margin-bottom: 18px; } #staticWorldMapCountryList select { border: 1px solid #e6e6e6; padding: 5px; width: 300px; } /* /webcast-linkki */ #content_fp .investor_fp h3 {text-transform: uppercase; font-size: 26px; margin-top: 34px; color: #aaaaaa;} #content_fp .investor_fp h3 a {color: #aaaaaa; background: none; text-decoration: none; padding-left: 0px;} #content_fp .investor_fp span {font-size: 12px; display: block; width: 205px; line-height: 14px;} #content_fp .investor_fp a { padding-left: 10px; color: #000; text-decoration: underline; display: block; background:transparent url(/pics/list-green-triangle-bg.gif) no-repeat 0 5px; } #content_fp .stockquote_fp, #content_fp .stockquote_fp_fi { float: left; width: 245px; margin-top: 40px; background: transparent url(http://tools.euroland.com/investortools/sf-kci/ticker_new.aspx?lang=english) no-repeat 0px 4px; height: 100px; } #content_fp .stockquote_fp_fi { background: transparent url(http://tools.euroland.com/investortools/sf-kci/ticker_new.aspx?lang=finnish) no-repeat 0px 4px; } #content_fp .stockquote_fp h3, #content_fp .stockquote_fp_fi h3 {text-transform: uppercase; font-size: 16px; margin-top: 0px; color: #aaa;} #content_fp .statistic { float: left; width: 285px; margin:39px 35px 0 20px; xbackground:transparent url(/pics/line_vertical_right.jpg) no-repeat top right; } #content_fp .statistic h3 {text-transform: uppercase; font-size: 16px; margin-top: 0px; color: #aaa;} #content_fp .statistic img {xmargin-top: 35px; } #content_fp .services {float: left; width: 255px; margin-top: 39px; } #content_fp .services .nosto3 h3 {text-transform: uppercase; font-size: 16px; margin-top: 0px; color: #aaa;} #content_fp .services .nosto3 ul {padding-top: 5px;} #content_fp .services .nosto3 ul li { list-style-type: none; margin-left: 7px; background:transparent url(/pics/list-green-triangle-bg.gif) no-repeat 0px 6px; } #content_fp .services .nosto3 ul li a { padding-left: 10px; color: #000; text-decoration: none; display: block; font-size: 12px; font-weight: bold; } #support {height: 101px; background: #fff url(/pics/big_earth.gif) no-repeat 657px 0px; width: 100%;} #support img {float: left; height: 101px; width: 145px; overflow: hidden;} #support h3 {text-transform: uppercase; font-size: 24px; padding: 4px 0 0 10px; margin: 0px;} #support h3 a {color: #000; background: none; text-decoration: none;} #support ul { padding-left: 10px;} #support ul li {list-style-type: none; } #support ul li a { color: #000; padding-left: 9px; margin-left: 5px; background: #fff url(/pics/list-triangle-bg-green.gif) no-repeat 0 5px; text-decoration: none; font-weight: bold; } #support div {float: left;} #emphasis { height: 278px; margin-top: 10px; background: #f7181d url(/pics/red_men.gif) no-repeat right bottom; overflow: hidden; } #emphasis h3 {margin-top: 0px; color: #fff; text-transform: uppercase; font-size: 24px; } #emphasis a {text-decoration: none;} #emphasis span a {color: #fff; font-size: 14px; font-weight: bold; text-decoration: none;} #emphasis div {padding: 10px 0 0 10px;} #emphasis div img {float: left;} #emphasis .clearfix {margin: 0px;padding: 0px;} .emphasishead {float: left; width:350px;} #emphasis #emphasis1 {float: left; padding: 0px; width: 450px; } #emphasis #emphasis2 {float: left; padding: 0px; width: 450px; } #emphasis .nosto5a, #emphasis .nosto5b, #emphasis .nosto5c, #emphasis .nosto5d, #emphasis .nosto5e, #emphasis .nosto5f {height: 80px; overflow: hidden;} #big-footer {overflow: hidden; height: 155px;} #big-footer h3 { padding: 0 0px 0 0px; text-transform: uppercase; color: #199597;} #big-footer ul li { background: transparent url(/pics/list-green-triangle-bg.gif) no-repeat 0 5px; margin-left: 5px; list-style-type: none; } #big-footer ul li a { text-decoration: underline; color: #000; padding-left: 10px; display: block; } #big-footer div {float: left; padding-right: 40px;width: 230px;} #big-footer div.ensimmainen {padding-right: 10px;} #big-footer div.toinen {padding-right: 60px;} #big-footer div.neljas {padding-right: 10px;float: right;width: 160px;} #CI { margin: 0px; border: 0px solid #f00; padding: 0px; background: transparent url(/pics/subpage_center_bg.jpg) no-repeat left bottom; font-size: 0px; } #CI img {float: left; padding-bottom: 30px;display: block;} #CI h3 {font-size: 24px; color: #f7181d; margin-top: 0px; text-decoration: none;} #CI #CurrentIssues, #CI #CurrentIssues2 { float: left; width: 360px;height: auto; overflow: hidden;padding: 0px; margin: 0px; } #CI span a {color: #000; font-size: 14px; font-weight: bold; text-decoration: none;} #CI .emphasishead {float: left; margin-left: 10px; width: 270px;} #columns, #columns_contact_page { width:735px; } #columns #ContentTopRight { width: 294px; //width: 230px; } #columns #ContentBottomRight { width: 294px; //width: 230px; } #columns #ContentRight, #columns_contact_page #ContentRight_con { width: 470px; float: left; } #columns #ContentRight h1, #columns #ContentRight h2, #columns #ContentRight h3, #columns_contact_page #ContentRight_con h1, #columns_contact_page #ContentRight_con h2, #columns_contact_page #ContentRight_con h3 { margin-top: 0px; } #columns_contact_page #ContentRight_con {width: 525px; } #columns .bonder, #columns_contact_page .bonder_con { float: left; margin-bottom: 20px; padding-right: 10px; overflow: hidden; max-width: 220px; _width: expression((document.body.clientWidth > 220)? "221px" : "auto"); } #columns .bonder p, #columns_contact_page .bonder_con p, #columns .bonder img, #columns_contact_page .bonder_con img, #columns .bonder a, #columns_contact_page .bonder_con a { padding-right: 20px;} #columns .bonder ul, #columns_contact_page .bonder_con ul { margin-left: 0px;} #columns .bonder ul li, #columns_contact_page .bonder_con ul li {background: 0px; padding-left: 0px;} #columns .bonder h3, #columns_contact_page .bonder_con h3 {color: #808080;} #columns .bonder h1, #columns_contact_page .bonder_con h1 {margin-bottom: 5px;} #columns .collector {float: left; width: 300px; padding-right: 36px;} #columns .collector ul {margin-left: 0px;} #columns .collector ul li {background: transparent url(/pics/list-green-triangle-bg.gif) no-repeat 0 5px; margin-left: 0px;} #columns #Pickup, #columns #Pickup2, #columns #Pickup3, #columns #Pickup4 {width: 40%; min-width: 300px;//width: 300px; } #ContentMainlevel {width: 50%; min_width: 350px;//width: 350px; float: left;} #column { float: right; width: 730px; padding-right: 10px; overflow: hidden; } #column h1 {margin-top: 0px;} #coll_content {position: relative; _position: none; } #coll_content ul {margin-left: 20px; margin-bottom: 10px;} #coll_content ul li { background: transparent url(/pics/list-ball-red.gif) no-repeat 0 5px; list-style-type: none; padding: 0 0 0 10px ; } #coll_content ul li ul {margin-bottom: 0px;} #right_info {float: right; width:30%; _width: 230px; } #right_info .imgplc {overflow: hidden; width: 290; height:207; } #infobox { background: transparent url(/pics/line_vertical_long.jpg) no-repeat 0px 0px; height: 420px; padding: 0 10px 0 20px; font-size: 12px; } #infobox span {font-size: 11px; margin-bottom: 10px; display: block; width: 200px;} #infobox h3 {color: #199597; font-size: 16px; margin-top: 6px; margin-bottom: 0px; } #infobox ul {margin-top: 17px; padding: 0px; margin-left: 0px;} #infobox ul li {background: none;} #infobox ul li a { background:transparent url(/pics/list-green-triangle-bg.gif) no-repeat 0px 4px; padding-left: 10px; color: #000; text-decoration: underline; } #infobox input.bg { cursor: pointer; color: #fff; text-transform: uppercase; font-weight: bold; padding-bottom: 1px; width: 33px; background:transparent url(/pics/btn_bg33.gif) no-repeat 0px 0px; height: 21px; border: 0px; } /* Imagegallery */ .highslide-container {position: relative; z-index: 2000 !important;} h3.imagegallery_h3 {padding: 5px 0 5px 0;} #infobox .highslide-gallery, #infobox a.highslide {width: 180px; overflow: hidden;} #infobox a.highslide img { border: 1px solid #969696; padding: 1px; width: 175px; } .imagegallery_infotext {font-size: 11px;} #column #mainPic { height: 207px; background: #928f88; width: 100%; position: relative; margin-bottom: 20px; } #column #mainPic img {width: 215px; height: 207px; overflow: hidden;} #column #mainPic .imgplc img {} #column #mainPic div.headtext, #column #mainPic div.headtext_columncontent { position: absolute; top:27px; left:240px; padding-right: 30px; color: #fff; } #column #mainPic div.headtext_columncontent {left:261px; top: 15px; //top: 30px; } #column #mainPic div.headtext_columncontent p { font-size:13px; line-height:20px; } #column #mainPic div.headtext h1, #column #mainPic div.headtext h2, #column #mainPic div.headtext h3, #column #mainPic div.headtext_columncontent h1, #column #mainPic div.headtext_columncontent h2, #column #mainPic div.headtext_columncontent h3 { padding: 0px; margin: 0px; color: #fff; padding-bottom: 10px; } #column #mainPic div.headtext_columncontent p {margin-top: 5px;} #column #mainPic div.headtext p.mainpic_investor {font-size: 13px; line-height: 20px; } #columnContentOuter {overflow:hidden; width:100%;} #columnContent, #columnContent_wide {width:65%; float: left; _width: 450px; margin-bottom: 40px; //padding-bottom: 50px;} #add_fields {float: right; width: 170px; overflow: hidden; margin-top: -45px;} #language_selection { padding-bottom: 25px; float: left;} #language_selection p { padding-bottom: 0px; margin-bottom: 2px;} #language_selection ul {margin: 0px; padding: 0px; } #language_selection ul li { background: transparent url(/pics/list-ball-red.gif) no-repeat 0 10px; padding: 4px 0 0 10px ; margin-left: 5px; } #columnContent_wide {width:99%; } #columnContent_iframe {width:100%; float: left; padding-bottom: 40px;} #stockInfo { xheight: 210px; position: relative; overflow:hidden; width:100%; margin-top: 20px; } #stockInfo h3 {color: #555; text-transform: uppercase; font-size: 16px; margin-top: 0px; } #stockInfo #stockQuote { width:33%; /* com_investor_webcast: width:35%; */ float:left; } #stockInfo #stockQuote h3 { top: 0px; left: 0px;} #stockInfo #stockQuote img {margin-top: 30px; width:240px; height:150px;} #stockInfo #sharegraph { width:32%; /* com_investor_webcast: width:32%; */ float: right; } #stockInfo #sharegraph h3 {margin-bottom: 0px;} #stockInfo #latestResults {width:32%; /* com_investor_webcast: width:25%; */ float:right; margin-left: 2%; } #stockInfo #latestResults span.L_R_h {font-weight: bold;} #stockInfo #latestResults ul {padding-top: 10px; margin-left: 0px;} #stockInfo #latestResults li { background: transparent url(/pics/list-bg-arrow.gif) no-repeat 0px 0px; list-style-type: none; padding-left: 15px; } #stockInfo #latestResults li a {color: #545454; text-decoration: none;} #stockInfo #latestResults li a:hover {text-decoration: underline;} #listReleases { padding-top: 42px;overflow:hidden; width:100%; background: transparent url(/pics/subpage_center_bg.jpg) no-repeat 0px 0px; } #listReleases h3 { margin-top: 5px; color: #555; text-transform: uppercase;} #listReleases ul {padding: 0px; margin: 0px;} #listReleases #releases {width:340px; float: left; padding-bottom: 33px; } #listReleases a, #listReleases #releases a.archive { color: #000; text-decoration: underline; background: transparent url(/pics/list-green-triangle-bg.gif) no-repeat 0px 5px; padding-left: 10px; } #listReleases #releases ul li { list-style-type: none; padding: 0px; padding-bottom: 10px; background: none; } #listReleases #releases ul li a {color: #000; font-size: 12px; text-decoration: none;} #listReleases #releases ul li a small {color: #f7171f;} #listReleases #releases #releases_content {padding:0 1em 0 0;} #listReleases #releases #irCalendar_content {padding:0 0 0 1em;} #listReleases #irCalendar {width:360px; float: left;padding:0 0 33px 28px;} #listReleases #irCalendar ul { background: transparent url(/pics/list-bottom-line.gif) no-repeat left bottom; padding-bottom:7px; } #listReleases #irCalendar ul li { list-style-type: none; background: transparent url(/pics/list-bottom-line.gif) no-repeat 0px 5px; padding-top: 10px; padding-left: 12px; } #listReleases #irCalendar ul li a {color: #000; font-weight: bold; } #right-column { width: 220px; float: left; margin-bottom: 50px; } #right-column h3 { margin: 0px; padding: 2px 0 0 5px ;} #content { float: left; width: 690px; } #path {font-size: 10px; margin-left: 250px; margin-top: 10px; } #path a {color: #656565;} #path span {color: #656565; text-decoration: underline;} #path img {padding: 0 5px 1px 7px;} #footer { background: #ffffff url(/pics/footer-leikkaus.gif) no-repeat 0px 0px ; padding: 70px 0px 10px 0; _padding: 75px 0 0 0; _height: 25px; } .footerInner {text-align: right;padding: 0 10px 0 0;} #footer p {display: inline; padding-left: 17px; } #footer a {padding-left: 25px; color: #000;} #footer a.terms {padding-left: 17px;color: #000;} #error_page {padding-left: 30px; padding-bottom: 20px;} /* Blockqoutes for preview */ blockquote {margin-left: 25px;} blockquote blockquote {margin-left: 50px;} blockquote blockquote blockquote {margin-left: 75px;} /* Search results */ #searchResults p.p1, #searchResults p.p2, #searchResults p.p3 {margin-bottom: 3px;} #searchResults .odd, #searchResults .even {margin-bottom: 25px;} /* Sitemap */ #sitemap {} #sitemap a {text-decoration: none; color: #000;} #sitemap .col {float: left; width: 300px; padding-left: 10px;} #sitemap .col ul {margin: 0px;} #sitemap .col ul li { font-size:14px; font-weight:bold; text-transform:uppercase; margin-bottom:30px; padding-left:16px; background: none; } #sitemap .col ul li ul li { background:#eeeeee url(/pics/list-ball-red.gif) no-repeat scroll 10px 5px; font-size:11px; font-weight:normal; margin:2px 0 1px; text-transform:none; } #sitemap .col ul li ul {margin: 0px;} #sitemap .col ul li ul li {margin: 0px 0 3px 0; padding: 0px;} #sitemap .col ul li ul li a {padding-left: 20px;} #sitemap .col ul li ul li ul li { margin:0px; padding:0 0 0 13px; background: #fff url(/pics/list-ball-red.gif) no-repeat scroll 20px 5px; } /* Bm2 */ #bm2 {} #bm2 h1 {xpadding-right: 50px; xfloat: left; width: 520px; _width: 400px;} #bm2 h1 a {color: #000; text-decoration: none; } #bm2 .rss {xpadding-top: 5px;} #bm2 .archive { padding-bottom: 40px; width: 520px; _width: 450px; float: left; padding-right: 20px;} #bm2 .archive ul li { background: transparent url(/pics/icon-rel2.gif) no-repeat 0px 5px; padding-bottom: 4px; padding-left: 15px; xposition: relative; } #bm2 .archive ul li.stock { background: transparent url(/pics/icon-rel.gif) no-repeat 0px 5px; } #bm2 .other_languages { padding-bottom: 25px; float: left;} #bm2 .other_languages p { padding-bottom: 0px; margin-bottom: 2px;} #bm2 .other_languages ul {margin: 0px; padding: 0px; } #bm2 .other_languages ul li { background: transparent url(/pics/list-ball-red.gif) no-repeat 0px 10px; list-style-type: none; padding: 4px 0 0 10px ; margin-left: 5px; } #bm2 .notice p {margin-top: 20px; margin-bottom: 15px;} #bm2 .message {padding-bottom: 40px; width: 500px; _width: 450px; float: left;} #bm2 .additional_fields {float: right; width: 170px; overflow: hidden; margin-top: 20px; padding-bottom: 40px;} /* FD */ #fd h1 {margin-top: 0px;} #fd fieldset { border: 0px; padding-bottom: 15px; } #fd fieldset p {margin: 0px; margin-top: 5px;} #fd fieldset legend { //margin-left: -7px; } #fd input, #fd textarea, #fd select {border: 1px solid #ddd;} #fd input.fd_checkbox {border: 0px;} /* Nostot */ .nosto9 {margin-top: 38px; margin-left: 29px; width: 215px; overflow: hidden;} /* Tables */ td.headline p {font-size: 14px;} td.cell p, td.headline p, td.grey p, td.cell_border_bottom p {margin: 0px; } /* elementpusher */ #slideWrapper { position: relative; height: 900px; width: 230px; margin-top: 5px; } #slideWrapper a:hover {} #slideWrapper p {margin-top: 0px; margin-bottom: 20px; padding-top: 0px;} #slideWrapper .newsItem { position: relative; float: left; height: 240px; width: 230px; background: fff; padding-top: 15px; } #slideWrapper .newsItem span.counter { position: absolute; bottom: 17px; right: 0px; color: #fff; } a#pushLeft, a#pushEnd, a#pushStart { position: absolute; left: 0px; top: 0px; width: 50px; height: 10px; text-indent: -10000px; cursor: pointer; z-index: 5; overflow: hidden; background-image: url(/pics/newsscroll-ctrl-left.gif); background-repeat: no-repeat; } a#pushRight { position: absolute; right: -40px; top: 0px; width: 50px; height: 10px; text-indent: -10000px; cursor: pointer; z-index: 5; overflow: hidden; background-image: url(/pics/newsscroll-ctrl-right.gif); background-repeat: no-repeat; } a#pushTop, a#pushEnd { top: 0px; background-position: top center; } a#pushBottom, a#pushStart { bottom: 0px; background-position: bottom center; } #mainImage { position: relative; margin: 15px 0 0 13px; height: 260px; width: 230px; overflow: hidden; xborder: 1px solid #f00; } #mainImage span.date {font-size: 10px; color: #199597;} /* end elementpusher */ /* References */ #referencesDropdows {margin-top:20px;} #referencesDropdows p {margin:0px 0px 10px 8px;} #referencesIndustry {float:left;} #referencesCountry {float:left;} #industrySelect, #countrySelect {margin-bottom:20px;} #industrySelect {margin-right:27px;} #referencesDropdows select { border:1px solid #E6E6E6; padding:5px; } #referenceList {width:700px; border-top:1px dotted #656565;} #referenceList p {margin:0px;color:#444444;} #referenceList td { border-bottom:1px dotted #656565; padding:13px; } #referenceList tr {vertical-align:top;} #referenceList td.referenceList_name {font-weight:bold; width:160px;} #referenceList td.referenceList_description {width:350px;} #referenceList td.referenceList_pdf {} #productPaging {margin-top:20px;} #productPaging a {padding:3px;} /* End of References */ /* Career */ #careerColumns {margin: 10px 0 10px 0;} #careerHlLeft {min-height: 555px; width: 340px;float: left;margin: 0 10px 0 0;background: #f8191c;padding: 0 11px 13px 9px;} #careerHlLeft table {border-bottom: 1px solid #fff;} #careerHlLeft td {vertical-align: top;padding: 9px 0 0 0;} #careerHlLeft img {border: 1px solid #fff;margin: 0 10px 0 0;} #careerHlLeft img.arrow {border: 0px;position: absolute; right: -10px; bottom: 10px;xfloat: right;xmargin: 5px 0 0 10px;} #careerHlLeft h3 {color: #fff;font-size: 23px;border-bottom: 1px solid #fff;padding: 9px 0 3px 0;margin: 0px;} #careerHlLeft p {color: #fff;min-height:90px;margin: 0px; padding: 0px 0 10px 0;line-height: 13px;border-bottom: 1px solid #fff;position: relative;} #careerHlLeft .lastStory p {border-bottom: 0px;} #careerHlLeft p span {font-style: italic;xfont-weight: bold;} #careerHlLeft p strong {margin: 15px 0 0 0;} #careerHlLeft p.lastStory {border: 0px;} #careerHlLeft a {color: #fff;text-decoration: none;outline:none;} #careerHlLeft a.readMoreStories {position: relative;font-size: 14px; color: #fff;text-decoration: none; font-weight: bold;display: block; padding: 14px 35px 14px 0;float: right;} #careerHlLeft a.readMoreStories img.arrow {bottom: 17px;} #careerHlRight {width: 360px;float: left;} #didYouKnow {background: url(/pics/career/didYouKnow.jpg) no-repeat 0px 0px;height: 90px; width: 267px;padding: 10px 78px 0 15px;} #didYouKnow h3 {color: #555555;font-size: 23px;margin: 0px; padding: 0px;} #didYouKnow p {color: #555555;font-size: 15px;line-height:17px;font-style: italic;margin:2px 0 0 0;} #latestsOpenPositions {background: url(/pics/career/latestsOpenPositions.jpg) no-repeat 0px 0px; height: 235px;width: 360px;padding: 10px 0px 0 0px;margin: 10px 0 0 0;} #latestsOpenPositions h3 {color: #555555;font-size: 23px;margin: 0px; padding: 0px 0 6px 15px;} #latestsOpenPositions ul {margin: 0px;} #coll_content #latestsOpenPositions ul li {padding: 7px 0 7px 20px;width: 340px;display: block;//margin: 0px 0px -2px 0px;} #latestsOpenPositions li.odd {background: url(/pics/career/oddGrey.jpg) repeat-y 0px 0px;} #latestsOpenPositions li.even {background: none;} #latestsOpenPositions li a {color: #000000;text-decoration: none;background: url(/pics/career/arrowGrey.gif) no-repeat 0px 4px;padding: 0 0 0 10px;} #latestsOpenPositions .country {float: left;color: #555555; padding: 0 7px 0 10px; } #latestsOpenPositions .ad_location {float: left;color: #555555;} #latestsOpenPositions .ad_country {padding: 0 7px 0 10px; } #latestsOpenPositions b {display: none;} #latestsOpenPositions .application_form_url {display: none;} #latestsOpenPositions .publishing_end_time {display: none;} #latestsOpenPositions a.allOpenPositions {color: #555555;font-size: 14px;text-decoration: none;font-weight: bold;padding: 20px 0px 20px 20px;display: block;} #latestsOpenPositions a.allOpenPositions img {padding: 0 0 0 10px;} #careerSites {height: 105px; width: 345px;padding: 10px 0px 0 15px;background: url(/pics/career/local-career-sites.jpg) no-repeat 0px 0px;} #careerSites h3 {color: #555555;font-size: 23px;margin: 0px; padding: 0px;} #careerSites select {width: 190px;margin: 20px 0 0 130px;} #localCareerSite {padding: 0 0 0 22px;width: 190px;} #localCareerSite h3 {color: #555555;font-size: 22px;margin-bottom: 0px;line-height: 24px;} #localCareerSite select {margin: 12px 0 0 0;width: 190px;} /* Clearfix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* piilotetaan mac-ie:lt� \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* pois piilosta */ /* End of Clearfix */ #media_releases ul {margin-left: 3px;} #media_releases ul li { list-style-type: none; padding: 0px; padding-bottom: 10px; background: none; } #media_releases ul li a {color: #000; font-size: 12px; text-decoration: none; } #media_releases ul li a small {color: #f7171f;} #media_releases h3 { color:#555555; margin-top:47px; text-transform:uppercase;} #media_releases a.archive { color: #000; text-decoration: underline; background: transparent url(/pics/list-green-triangle-bg.gif) no-repeat 0px 5px; padding-left: 10px; margin-left: 3px; } #ContentRight #releases {width:45%; float: left; padding-bottom: 33px; } #ContentRight #releases a.archive { color: #000; text-decoration: underline; background: transparent url(/pics/list-green-triangle-bg.gif) no-repeat 0px 5px; padding-left: 10px; } #ContentRight #releases ul li { list-style-type: none; padding: 0px; padding-bottom: 10px; background: none; } #ContentRight #releases ul li a {color: #000; font-size: 12px; } #ContentRight #releases ul li a small {color: #f7171f;} #ContentRight #releases #releases_content {padding:0 1em 0 0;} #ContentRight #releases h3 { color: #555; margin-top: 47px; text-transform: uppercase;} #ContentRight #releases a {text-decoration: none;} #ContentRight #releases ul {padding: 0px; margin: 0px;} /* Formdesinger virheilmoitus */ .error_on_the_form { border: 5px solid #F8191C; background: pink; padding: 10px 5px 10px 10px; font-size: 14px; font-weight: bold; width: 600px; margin: 0 0 20px 0; } .updated { color:#656565; font-style:italic; font-size:12px; margin:0 0 40px 0; } #product_info_shortcut {} #product_info_shortcut h3 {color: #888; font-size: 19px; font-weight: normal;} #product_info_shortcut ul {margin-left: 0px; margin-top: 10px;} #product_info_shortcut ul li { background: #199597; list-style-type: none; margin-bottom: 4px; padding-top: 4px; padding-bottom: 4px; width: 150px; } #product_info_shortcut ul li a {background: #199597 url(/pics/list-triangle-bg-white.gif) no-repeat 0px 5px; color: #fff; font-size: 12px; text-decoration: none; padding-left: 8px;} #product_details_shortcut {} #product_details_shortcut h3 {margin-left: 22px;font-size: 19px; color: #555555;} #product_details_shortcut ul {margin-left: 22px; margin-top: 0px;} #product_details_shortcut ul li { background: #199597; list-style-type: none; margin-bottom: 4px; padding-top: 4px; padding-bottom: 4px; padding-left: 7px; width: 150px; } #product_details_shortcut ul li a {background: #199597 url(/pics/list-triangle-bg-white.gif) no-repeat 0px 5px; color: #fff; font-size: 12px; text-decoration: none; padding-left: 8px;} /* Contact Konecranes // Should not be active yet ****************** #product_details_shortcut {} #product_details_shortcut h3 { margin-left: 22px; font-size: 16px; color: #4c4c4c; margin-bottom: 10px; } #product_details_shortcut ul { margin-left: 22px; margin-top: 0px; list-style-type: none; } #product_details_shortcut ul li { display: block; width: 200px; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius: 3px; margin-bottom: 3px; background: #45b7b9 url(/pics/icon-arrow-shortcuts.gif) 10px 10px no-repeat; background: url(/pics/icon-arrow-shortcuts.gif) 10px 10px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#45b7b9), to(#1ba7a9)) ; background: url(/pics/icon-arrow-shortcuts.gif) 10px 10px no-repeat, -webkit-linear-gradient(top, #1ba7a9 , #45b7b9); background: url(/pics/icon-arrow-shortcuts.gif) 10px 10px no-repeat, -moz-linear-gradient(top, #1ba7a9, #45b7b9); background: url(/pics/icon-arrow-shortcuts.gif) 10px 10px no-repeat, -ms-linear-gradient(top, #1ba7a9, #45b7b9); background: url(/pics/icon-arrow-shortcuts.gif) 10px 10px no-repeat, -o-linear-gradient(top, #1ba7a9, #45b7b9); } #product_details_shortcut ul li a { display:block; color:#4c4c4c; font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 9px; background:#dddddd; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dddddd), to(#e2e2e2)) ; background: -webkit-linear-gradient(top, #e2e2e2 , #dddddd); background: -moz-linear-gradient(top, #e2e2e2, #dddddd); background: -ms-linear-gradient(top, #e2e2e2, #dddddd); background: -o-linear-gradient(top, #e2e2e2, #dddddd); border-left: 1px solid #fff; min-width: 173px; margin-left: 27px; } #product_details_shortcut ul li a:hover { color:#fff; background:#4d4d4d; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6a6a6a), to(#4d4d4d)) ; background: -webkit-linear-gradient(top, #4d4d4d , #6a6a6a); background: -moz-linear-gradient(top, #4d4d4d, #6a6a6a); background: -ms-linear-gradient(top, #4d4d4d, #6a6a6a); background: -o-linear-gradient(top, #4d4d4d, #6a6a6a); } */ /* Product Category /pagetemplates/com_product_category.vm ************************************** */ #product { position: relative; margin-bottom: 18px; } .products #product { width: 630px; } .products h1 { margin-bottom: 24px; } /* Product Slider ************** */ #product img { border: 1px solid #f1f1f1; padding: 10px; display: block; } #product img.right { margin-left: 25px; } #product img.left { margin-right: 25px; } #product p { font-size: 14px; color:#333333; } #product a.grey-linkbox { border: 1px solid #e6e6e6; -moz-border-radius: 3px ; -webkit-border-radius: 3px ; border-radius: 3px; background: #efefef url(/pics/icon-raquo.png) right 10px no-repeat; background: url(/pics/icon-raquo.png) right 10px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#e6e6e6)) ; background: url(/pics/icon-raquo.png) right 10px no-repeat, -webkit-linear-gradient(top, #e6e6e6 , #efefef); background: url(/pics/icon-raquo.png) right 10px no-repeat, -moz-linear-gradient(top, #e6e6e6, #efefef); background: url(/pics/icon-raquo.png) right 10px no-repeat, -ms-linear-gradient(top, #e6e6e6, #efefef); background: url(/pics/icon-raquo.png) right 10px no-repeat, -o-linear-gradient(top, #e6e6e6, #efefef); padding:5px 9px; padding-right: 30px; font-size: 14px; font-weight: bold; text-decoration: none; color:#666666; behavior: url(/js/pie.htc); display:inline-block; margin-bottom: 0.5em; } #product a.grey-linkbox:hover { background: #4b4b4b url(/pics/icon-raquo.png) right -32px no-repeat; background: url(/pics/icon-raquo.png) right -32px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4b4b4b), to(#e6e6e6)) ; background: url(/pics/icon-raquo.png) right -32px no-repeat, -webkit-linear-gradient(top, #4b4b4b , #6a6a6a); background: url(/pics/icon-raquo.png) right -32px no-repeat, -moz-linear-gradient(top, #4b4b4b, #6a6a6a); background: url(/pics/icon-raquo.png) right -32px no-repeat, -ms-linear-gradient(top, #4b4b4b, #6a6a6a); background: url(/pics/icon-raquo.png) right -32px no-repeat, -o-linear-gradient(top, #4b4b4b, #6a6a6a); color:#fff; } #productSliderWrapper { position: relative; width: 728px; background: #f9f9f9; border: 1px solid #eaeaea; -moz-border-radius: 3px ; -webkit-border-radius: 3px ; border-radius: 3px; behavior: url(/js/pie.htc); } #productSliderWrapper h2 { margin-left: 12px; font-size: 15px; margin-bottom: 2px; color:#555555; } #productSlider { position: relative; padding: 0 15px; } .caroufredsel_wrapper { position: relative; margin: 0 auto !important; } #slider { position: relative; width: inherit; } #slider .slider-content { display: block; float:left; width: 137px; border: 1px solid #e9e9e9; background: #fff; margin-top: 20px; text-align: center; height: 191px;} #slider .slide-1 { border-left: 1px solid #e9e9e9; } #slider .slider-content h3 { position: relative; height: 42px; width: inherit; padding-top: 0px; font-size: 12px; text-transform: uppercase; border-bottom: 2px solid #ef2828; margin-bottom: 9px; width: 100%; } #slider .slider-content h3 span { display:block; width: 95%; } #slider .slider-content a { position: relative; clear:both; } #slider .slider-content img { border:1px solid #eaeaea; width: 114px; height: 114px; overflow: hidden; } #carousel-active { position: absolute; top:0px; width: 167px; height: 233px; background: url(/pics/product-slider-active.png) no-repeat; /* left:-30000px; */ text-align: center; } #carousel-active h3 { color:#fff; height: 42px; font-size: 12px; padding-top: 38px; text-transform: uppercase; border-bottom: 2px solid #ef2828; width: 139px; margin: 0 auto; margin-bottom: 10px; } #carousel-active img { width: 114px; height: 114px; overflow: hidden; } /* #slider .active, #slider .mouseover { height: 244px; width: 137px; border:1px solid #9d9d9d; background:#585858 url(/pics/slider-active-slide.gif) left top repeat-x; -moz-box-shadow: 0 0 10px #888; -webkit-box-shadow: 0 0 10px #888; box-shadow: 0 0 5px #888; margin-top: 20px; } #slider .active h3, #slider .mouseover h3 { color:#fff; height: 54px; } #slider .active img, #slider .mouseover img { } */ #productSlider .next, #productSlider .prev { position: absolute; z-index: 100; cursor: pointer; width: 17px; height: 25px; background:#fff url(/pics/slider-arrows.gif) no-repeat; background:#fff url(/pics/slider-arrows.gif) no-repeat; background:#fff url(/pics/slider-arrows.gif) no-repeat; background:#fff url(/pics/slider-arrows.gif) no-repeat; background:#fff url(/pics/slider-arrows.gif) no-repeat; -moz-box-shadow: 0 0 10px #888; -webkit-box-shadow: 0 0 10px #888; box-shadow: 0 0 5px #888; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius: 3px; top: 100px; } #productSlider .next { left: 10px; background-position: 2px 3px; } #productSlider .prev { right: 10px; background-position: 4px -80px; } #productSlider .next span, #productSlider .prev span { display:none; } #productSlider .disabled { opacity: 0.25; filter:alpha(opacity=25); } #productSlider a.disabled { text-decoration:none; cursor: default; color: #ddd;} /* Product Content /pagetemplates/com_product.vm ***************************** */ /* jQuery Tabs */ .ui-tabs-hide { display: none; } #productTabs { position: relative; clear:both; } #all #productTabs ul.ui-tabs-nav { padding-left: 10px; margin-bottom:0; list-style-type: none; margin-left: 0; background: url(/pics/ui-tabs-nav.gif) repeat-x; height: 39px; overflow: hidden; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; behavior: url(/js/pie.htc); /* CSS3 styles for IE8/7 */ } #all #productTabs ul.ui-tabs-nav li { display: inline; margin-right: 20px; background: none; padding: 0;} #all #productTabs ul.ui-tabs-nav li a { color:#fff; float:left; height: 39px; font-size: 14px; font-weight: bold; margin-right: 8px; text-decoration: none !important; cursor: pointer; } #all #productTabs ul.ui-tabs-nav li a span { display: block; padding: 14px 7px 0px 7px; float: left; } #all #productTabs ul.ui-tabs-nav li.ui-state-active a { color:#535353; background: url(/pics/sprite-ui-tabs.png) top left no-repeat; } #all #productTabs ul.ui-tabs-nav li.ui-state-active a span { background: url(/pics/sprite-ui-tabs.png) right -461px no-repeat; } #all #productTabs #productTabsWrapper { position: relative; width: 698px; padding: 18px 15px; background:#f9f9f9; border: 1px solid #e5e5e5; border-top: none; -moz-border-radius: 0px 0px 3px 3px ; -webkit-border-radius:0px 0px 3px 3px ; border-radius: 0px 0px 3px 3px ; behavior: url(/js/pie.htc); /* CSS3 styles for IE8/7 */ } #all #productTabs #productTabsWrapper .ui-widget-content { position: relative; background:#fff; padding: 19px 21px; border: 1px solid #eaeaea; -moz-border-radius: 3px ; -webkit-border-radius: 3px ; border-radius: 3px; behavior: url(/js/pie.htc); /* CSS3 styles for IE8/7 */ } #all #productTabs #productTabsWrapper .ui-widget-wrapper { background:#fff url(/pics/ui-widget-col-border.gif) top center repeat-y; } #all #productTabs #productTabsWrapper .ui-widget-content h3 { margin-top: 0; margin-bottom: 20px; font-size: 14px; } #all #productTabs #productTabsWrapper .ui-widget-col { float:left; width: 50%; } #all #productTabs #productTabsWrapper .ui-widget-col-last { width: 47%; margin-left: 3%; } #all #productTabs #productTabsWrapper .ui-widget-content img { border: 1px solid #f1f1f1; padding: 10px; } #all #productTabs #productTabsWrapper #related_products p { display:block; clear: both; } #all #productTabs #productTabsWrapper #related_products a { float: left; color:#555555; font-size: 10px; text-decoration: none; text-transform: uppercase; margin-bottom: 12px; } #all #productTabs #productTabsWrapper #related_products img { vertical-align: top; float: left; border: 1px solid #ebebeb; margin-right: 12px; width: 50px; height: 50px; overflow: hidden; padding:0; } #all #productTabs .check-link-types a { display: inline-block; border:1px solid #e6e6e6; background: #efefef url(/pics/filetypes/file.png) 5px 8px no-repeat; background: url(/pics/filetypes/file.png) 5px 8px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#e6e6e6)) ; background: url(/pics/filetypes/file.png) 5px 8px no-repeat, -webkit-linear-gradient(top, #e6e6e6 , #efefef); background: url(/pics/filetypes/file.png) 5px 8px no-repeat, -moz-linear-gradient(top, #e6e6e6, #efefef); background: url(/pics/filetypes/file.png) 5px 8px no-repeat, -ms-linear-gradient(top, #e6e6e6, #efefef); background: url(/pics/filetypes/file.png) 5px 8px no-repeat, -o-linear-gradient(top, #e6e6e6, #efefef); -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius: 3px; padding: 9px; padding-left: 30px; font-size: 14px; font-weight: bold; text-decoration: none; color:#666666; behavior: url(/js/pie.htc); /* CSS3 styles for IE8/7 */ } #all #productTabs .check-link-types a:hover { background: #4b4b4b url(/pics/filetypes/file.png) 5px 8px no-repeat; background: url(/pics/filetypes/file.png) 5px 8px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4b4b4b), to(#e6e6e6)) ; background: url(/pics/filetypes/file.png) 5px 8px no-repeat, -webkit-linear-gradient(top, #4b4b4b , #6a6a6a); background: url(/pics/filetypes/file.png) 5px 8px no-repeat, -moz-linear-gradient(top, #4b4b4b, #6a6a6a); background: url(/pics/filetypes/file.png) 5px 8px no-repeat, -ms-linear-gradient(top, #4b4b4b, #6a6a6a); background: url(/pics/filetypes/file.png) 5px 8px no-repeat, -o-linear-gradient(top, #4b4b4b, #6a6a6a); -pie-background: url(/pics/filetypes/file.png) no-repeat, linear-gradient(#e6e6e6, #efefef); /*PIE*/ color:#fff; behavior: url(/js/pie.htc); } /* Document Types ************** */ #all #productTabs a.pdf { background: #efefef url(/pics/filetypes/pdf.png) 5px 8px no-repeat; background: url(/pics/filetypes/pdf.png) 5px 8px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#e6e6e6)) ; background: url(/pics/filetypes/pdf.png) 5px 8px no-repeat, -webkit-linear-gradient(top, #e6e6e6 , #efefef); background: url(/pics/filetypes/pdf.png) 5px 8px no-repeat, -moz-linear-gradient(top, #e6e6e6, #efefef); background: url(/pics/filetypes/pdf.png) 5px 8px no-repeat, -ms-linear-gradient(top, #e6e6e6, #efefef); background: url(/pics/filetypes/pdf.png) 5px 8px no-repeat, -o-linear-gradient(top, #e6e6e6, #efefef); -pie-background: url(/pics/filetypes/pdf.png) 5px 8px no-repeat, linear-gradient(#e6e6e6, #efefef); /*PIE*/ } #all #productTabs a.img { background: #efefef url(/pics/filetypes/img.png) 5px 8px no-repeat; background: url(/pics/filetypes/img.png) 5px 8px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#e6e6e6)) ; background: url(/pics/filetypes/img.png) 5px 8px no-repeat, -webkit-linear-gradient(top, #e6e6e6 , #efefef); background: url(/pics/filetypes/img.png) 5px 8px no-repeat, -moz-linear-gradient(top, #e6e6e6, #efefef); background: url(/pics/filetypes/img.png) 5px 8px no-repeat, -ms-linear-gradient(top, #e6e6e6, #efefef); background: url(/pics/filetypes/img.png) 5px 8px no-repeat, -o-linear-gradient(top, #e6e6e6, #efefef); -pie-background: url(/pics/filetypes/pdf.png) 5px 8px no-repeat, linear-gradient(#e6e6e6, #efefef); /*PIE*/ } #all #productTabs a.doc { background: #efefef url(/pics/filetypes/doc.png) 5px 8px no-repeat; background: url(/pics/filetypes/doc.png) 5px 8px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#e6e6e6)) ; background: url(/pics/filetypes/doc.png) 5px 8px no-repeat, -webkit-linear-gradient(top, #e6e6e6 , #efefef); background: url(/pics/filetypes/doc.png) 5px 8px no-repeat, -moz-linear-gradient(top, #e6e6e6, #efefef); background: url(/pics/filetypes/doc.png) 5px 8px no-repeat, -ms-linear-gradient(top, #e6e6e6, #efefef); background: url(/pics/filetypes/doc.png) 5px 8px no-repeat, -o-linear-gradient(top, #e6e6e6, #efefef); -pie-background: url(/pics/filetypes/pdf.png) 5px 8px no-repeat, linear-gradient(#e6e6e6, #efefef); /*PIE*/ } #all #productTabs a.xls { background: #efefef url(/pics/filetypes/xls.png) 5px 8px no-repeat; background: url(/pics/filetypes/xls.png) 5px 8px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#e6e6e6)) ; background: url(/pics/filetypes/xls.png) 5px 8px no-repeat, -webkit-linear-gradient(top, #e6e6e6 , #efefef); background: url(/pics/filetypes/xls.png) 5px 8px no-repeat, -moz-linear-gradient(top, #e6e6e6, #efefef); background: url(/pics/filetypes/xls.png) 5px 8px no-repeat, -ms-linear-gradient(top, #e6e6e6, #efefef); background: url(/pics/filetypes/xls.png) 5px 8px no-repeat, -o-linear-gradient(top, #e6e6e6, #efefef); -pie-background: url(/pics/filetypes/pdf.png) 5px 8px no-repeat, linear-gradient(#e6e6e6, #efefef); /*PIE*/ } #all #productTabs a.zip { background: #efefef url(/pics/filetypes/zip.png) 5px 8px no-repeat; background: url(/pics/filetypes/zip.png) 5px 8px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#e6e6e6)) ; background: url(/pics/filetypes/zip.png) 5px 8px no-repeat, -webkit-linear-gradient(top, #e6e6e6 , #efefef); background: url(/pics/filetypes/zip.png) 5px 8px no-repeat, -moz-linear-gradient(top, #e6e6e6, #efefef); background: url(/pics/filetypes/zip.png) 5px 8px no-repeat, -ms-linear-gradient(top, #e6e6e6, #efefef); background: url(/pics/filetypes/zip.png) 5px 8px no-repeat, -o-linear-gradient(top, #e6e6e6, #efefef); -pie-background: url(/pics/filetypes/pdf.png) 5px 8px no-repeat, linear-gradient(#e6e6e6, #efefef); /*PIE*/ } #all #productTabs a.ppt { background: #efefef url(/pics/filetypes/ppt.png) 5px 8px no-repeat; background: url(/pics/filetypes/ppt.png) 5px 8px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#e6e6e6)) ; background: url(/pics/filetypes/ppt.png) 5px 8px no-repeat, -webkit-linear-gradient(top, #e6e6e6 , #efefef); background: url(/pics/filetypes/ppt.png) 5px 8px no-repeat, -moz-linear-gradient(top, #e6e6e6, #efefef); background: url(/pics/filetypes/ppt.png) 5px 8px no-repeat, -ms-linear-gradient(top, #e6e6e6, #efefef); background: url(/pics/filetypes/ppt.png) 5px 8px no-repeat, -o-linear-gradient(top, #e6e6e6, #efefef); -pie-background: url(/pics/filetypes/pdf.png) 5px 8px no-repeat, linear-gradient(#e6e6e6, #efefef); /*PIE*/ } #all #productTabs a.pdf:hover { background: #4b4b4b url(/pics/filetypes/pdf.png) 5px 8px no-repeat; background: url(/pics/filetypes/pdf.png) 5px 8px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4b4b4b), to(#e6e6e6)) ; background: url(/pics/filetypes/pdf.png) 5px 8px no-repeat, -webkit-linear-gradient(top, #4b4b4b , #6a6a6a); background: url(/pics/filetypes/pdf.png) 5px 8px no-repeat, -moz-linear-gradient(top, #4b4b4b, #6a6a6a); background: url(/pics/filetypes/pdf.png) 5px 8px no-repeat, -ms-linear-gradient(top, #4b4b4b, #6a6a6a); background: url(/pics/filetypes/pdf.png) 5px 8px no-repeat, -o-linear-gradient(top, #4b4b4b, #6a6a6a); } #all #productTabs a.img:hover { background: #4b4b4b url(/pics/filetypes/img.png) 5px 8px no-repeat; background: url(/pics/filetypes/img.png) 5px 8px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4b4b4b), to(#e6e6e6)) ; background: url(/pics/filetypes/img.png) 5px 8px no-repeat, -webkit-linear-gradient(top, #4b4b4b , #6a6a6a); background: url(/pics/filetypes/img.png) 5px 8px no-repeat, -moz-linear-gradient(top, #4b4b4b, #6a6a6a); background: url(/pics/filetypes/img.png) 5px 8px no-repeat, -ms-linear-gradient(top, #4b4b4b, #6a6a6a); background: url(/pics/filetypes/img.png) 5px 8px no-repeat, -o-linear-gradient(top, #4b4b4b, #6a6a6a); } #all #productTabs a.doc:hover { background: #4b4b4b url(/pics/filetypes/doc.png) 5px 8px no-repeat; background: url(/pics/filetypes/doc.png) 5px 8px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4b4b4b), to(#e6e6e6)) ; background: url(/pics/filetypes/doc.png) 5px 8px no-repeat, -webkit-linear-gradient(top, #4b4b4b , #6a6a6a); background: url(/pics/filetypes/doc.png) 5px 8px no-repeat, -moz-linear-gradient(top, #4b4b4b, #6a6a6a); background: url(/pics/filetypes/doc.png) 5px 8px no-repeat, -ms-linear-gradient(top, #4b4b4b, #6a6a6a); background: url(/pics/filetypes/doc.png) 5px 8px no-repeat, -o-linear-gradient(top, #4b4b4b, #6a6a6a); background: url(/pics/filetypes/doc.png) 5px 8px no-repeat, linear-gradient(#4b4b4b, #6a6a6a 100%); -pie-background: url(/pics/filetypes/doc.png) 5px 8px no-repeat, linear-gradient(#4b4b4b, #6a6a6a 100%); /*PIE*/ } #all #productTabs a.xls:hover { background: #4b4b4b url(/pics/filetypes/xls.png) 5px 8px no-repeat; background: url(/pics/filetypes/xls.png) 5px 8px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4b4b4b), to(#e6e6e6)) ; background: url(/pics/filetypes/xls.png) 5px 8px no-repeat, -webkit-linear-gradient(top, #4b4b4b , #6a6a6a); background: url(/pics/filetypes/xls.png) 5px 8px no-repeat, -moz-linear-gradient(top, #4b4b4b, #6a6a6a); background: url(/pics/filetypes/xls.png) 5px 8px no-repeat, -ms-linear-gradient(top, #4b4b4b, #6a6a6a); background: url(/pics/filetypes/xls.png) 5px 8px no-repeat, -o-linear-gradient(top, #4b4b4b, #6a6a6a); } #all #productTabs a.zip:hover { background: #4b4b4b url(/pics/filetypes/zip.png) 5px 8px no-repeat; background: url(/pics/filetypes/zip.png) 5px 8px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4b4b4b), to(#e6e6e6)) ; background: url(/pics/filetypes/zip.png) 5px 8px no-repeat, -webkit-linear-gradient(top, #4b4b4b , #6a6a6a); background: url(/pics/filetypes/zip.png) 5px 8px no-repeat, -moz-linear-gradient(top, #4b4b4b, #6a6a6a); background: url(/pics/filetypes/zip.png) 5px 8px no-repeat, -ms-linear-gradient(top, #4b4b4b, #6a6a6a); background: url(/pics/filetypes/zip.png) 5px 8px no-repeat, -o-linear-gradient(top, #4b4b4b, #6a6a6a); } #all #productTabs a.ppt:hover { background: #4b4b4b url(/pics/filetypes/ppt.png) 5px 8px no-repeat; background: url(/pics/filetypes/ppt.png) 5px 8px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4b4b4b), to(#e6e6e6)) ; background: url(/pics/filetypes/ppt.png) 5px 8px no-repeat, -webkit-linear-gradient(top, #4b4b4b , #6a6a6a); background: url(/pics/filetypes/ppt.png) 5px 8px no-repeat, -moz-linear-gradient(top, #4b4b4b, #6a6a6a); background: url(/pics/filetypes/ppt.png) 5px 8px no-repeat, -ms-linear-gradient(top, #4b4b4b, #6a6a6a); background: url(/pics/filetypes/ppt.png) 5px 8px no-repeat, -o-linear-gradient(top, #4b4b4b, #6a6a6a); } #all #productTabs .default-link-style a.default { background: none; display: inline; color:#199597; text-decoration: underline; border:none; padding:0; margin:0; font-weight: normal; font-size: 12px; } } /* Section Pictures, PrettyPhoto ***************************** */ .prettyPhotoTitle { display:none !important; } #all #productTabs #productTabsWrapper .ui-widget-content #highslide-html .highslide-body .img img { border:none; padding: 0; } #highslide-html .highslide-body .img a:hover { background: none !important; } /* Main Level, products /pagetemplates/com_mainlevel_products.vm **************************************** */ #main-image { position: relative; width: 720px; height:264px; overflow: hidden; margin-bottom: 20px; } #main-image-container { position: relative; width: 720px; height:264px; overflow: hidden; } #main-image .slide { position: relative; width: 720px; height:264px; } #main-image .slide .slide-content { position: absolute; left: 0px; bottom: 34px; width: 348px; } #main-image .slide .slide-content h1 { color:#fff; text-transform: uppercase; font-size: 30px; background: rgba(51, 51, 51, 0.8); padding:10px 17px 21px 17px; margin:0; width: 314px; } #main-image .slide .slide-content h1 .topic-text-small { font-size: 18px; } #main-image .slide .slide-content .texts { background: rgba(102, 102, 102, 0.85); padding:10px 17px 10px 17px; } #main-image .slide .slide-content .texts p { color:#fff; font-size: 12px; text-transform: uppercase; margin:0; } #main-image .slide .slide-content .texts p a { text-decoration: none; color:#fff; } #main-image #slider-nav-wrapper { position: absolute; bottom: 0px; z-index: 10; height: 34px; width: 348px; background: rgba(136, 136, 136, 0.83); } #main-image #slider-nav-wrapper ul { list-style-type: none; margin-top: 10px; } #main-image #slider-nav-wrapper ul li { display: inline; background: none; } #main-image #slider-nav-wrapper ul li a { display:block; float: left; color:#fff; background: url(/pics/slider-nav-elements.png) left top no-repeat; width: 12px; height: 12px; text-indent: -99999em; margin-right: 3px; } #main-image #slider-nav-wrapper ul li a.activeSlide { background-position: 0px -28px; } /* Additional Lifts **************** */ #additional-lifts { position:relative; clear:both; margin-bottom: 15px; background: url(/pics/grey-pixel-line.gif) 48% 0% repeat-y; } #additional-lifts .additional-lift { float: left; width: 50%; } #additional-lifts .additional-lift .additional-topic-text-wrapper { position: relative; width: 100%; } #additional-lifts .additional-lift .additional-topic-text-wrapper img { float:left; width: 161px; margin-right: 12px; } #additional-lifts .additional-lift .additional-topic-text-wrapper .additional-topic-text { float:left; width: 170px; } #additional-lifts .additional-lift .additional-topic-text-wrapper .additional-topic-text h3 { font-size: 14px; text-transform: uppercase; color:#555555; margin-top:0; margin-bottom: 10px; } .main-level .additional-topic-text a { border: 1px solid #e6e6e6; -moz-border-radius: 3px ; -webkit-border-radius: 3px ; border-radius: 10px; background: #efefef url(/pics/icon-raquo.png.png) right 15px no-repeat; background: url(/pics/icon-raquo.png) right 15px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#e6e6e6)) ; background: url(/pics/icon-raquo.png) right 15px no-repeat, -webkit-linear-gradient(top, #e6e6e6 , #efefef); background: url(/pics/icon-raquo.png) right 15px no-repeat, -moz-linear-gradient(top, #e6e6e6, #efefef); background: url(/pics/icon-raquo.png) right 15px no-repeat, -ms-linear-gradient(top, #e6e6e6, #efefef); background: url(/pics/icon-raquo.png) right 15px no-repeat, -o-linear-gradient(top, #e6e6e6, #efefef); padding: 9px; padding-right: 30px; font-size: 12px; font-weight: bold; text-decoration: none; color:#666666; position: absolute; bottom: 0px; behavior: url(/js/pie.htc); /* CSS3 styles for IE8/7 */ } .main-level .additional-topic-text a:hover { background: #4b4b4b url(/pics/icon-raquo.png) right -28px no-repeat; background: url(/pics/icon-raquo.png) right -28px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4b4b4b), to(#e6e6e6)) ; background: url(/pics/icon-raquo.png) right -28px no-repeat, -webkit-linear-gradient(top, #4b4b4b , #6a6a6a); background: url(/pics/icon-raquo.png) right -28px no-repeat, -moz-linear-gradient(top, #4b4b4b, #6a6a6a); background: url(/pics/icon-raquo.png) right -28px no-repeat, -ms-linear-gradient(top, #4b4b4b, #6a6a6a); background: url(/pics/icon-raquo.png) right -28px no-repeat, -o-linear-gradient(top, #4b4b4b, #6a6a6a); color:#fff; } /* Product Slider ************** */ .main-level #productSlider { padding:0; margin-bottom: 15px; } .main-level #productSliderWrapper { width: 720px; } .main-level #productSlider .next { left: 5px; } .main-level #productSlider .prev { right: 5px; } /* Topics ****** */ .main-level #topics { position: relative; width: 698px; padding: 18px 15px; background:#f9f9f9; border: 1px solid #e5e5e5; -moz-border-radius: 3px ; -webkit-border-radius:3px ; border-radius: 3px ; behavior: url(/js/pie.htc); /* CSS3 styles for IE8/7 */ } .main-level #topicsContainer { position: relative; width: 691px; background: url(/pics/mainlevel-3-columns.gif) left top no-repeat; border-bottom: 1px solid #e5e5e5;} .main-level .topic-content { float:left; width:33%;} .main-level .topic-content h3 { margin:0; margin-bottom: 23px; color:#555555; font-size: 16px; } .main-level .topic-text-wrapper { padding: 10px 13px; } .main-level .topic-text-wrapper img { margin-bottom: 20px; } .main-level .topic-text-wrapper a { border: 1px solid #e6e6e6; -moz-border-radius: 3px ; -webkit-border-radius: 3px ; border-radius: 3px; background: #efefef url(/pics/icon-raquo.png.png) right 15px no-repeat; background: url(/pics/icon-raquo.png) right 15px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#e6e6e6)) ; background: url(/pics/icon-raquo.png) right 15px no-repeat, -webkit-linear-gradient(top, #e6e6e6 , #efefef); background: url(/pics/icon-raquo.png) right 15px no-repeat, -moz-linear-gradient(top, #e6e6e6, #efefef); background: url(/pics/icon-raquo.png) right 15px no-repeat, -ms-linear-gradient(top, #e6e6e6, #efefef); background: url(/pics/icon-raquo.png) right 15px no-repeat, -o-linear-gradient(top, #e6e6e6, #efefef); padding: 9px; padding-right: 30px; font-size: 14px; font-weight: bold; text-decoration: none; color:#666666; behavior: url(/js/pie.htc); /* CSS3 styles for IE8/7 */ } .main-level .topic-text-wrapper a:hover { background: #4b4b4b url(/pics/icon-raquo.png) right -28px no-repeat; background: url(/pics/icon-raquo.png) right -28px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4b4b4b), to(#e6e6e6)) ; background: url(/pics/icon-raquo.png) right -28px no-repeat, -webkit-linear-gradient(top, #4b4b4b , #6a6a6a); background: url(/pics/icon-raquo.png) right -28px no-repeat, -moz-linear-gradient(top, #4b4b4b, #6a6a6a); background: url(/pics/icon-raquo.png) right -28px no-repeat, -ms-linear-gradient(top, #4b4b4b, #6a6a6a); background: url(/pics/icon-raquo.png) right -28px no-repeat, -o-linear-gradient(top, #4b4b4b, #6a6a6a); color:#fff; } #topicLeft { } #topicMiddle { } #topicRight { } #topicMiddle h3, #topicRight h3 { margin-left: 12px; } /* Fixes for Internet Explorer */ .ie8 #main-image .slide .slide-content h1 , .ie7 #main-image .slide .slide-content h1 { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc333333,endColorstr=#cc333333); zoom: 1; } .ie8 #main-image .slide .slide-content .texts , .ie7 #main-image .slide .slide-content .texts { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d9666666,endColorstr=#d9666666); zoom: 1; } .ie8 #main-image #slider-nav-wrapper, .ie7 #main-image #slider-nav-wrapper { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d4888888,endColorstr=#d4888888); zoom: 1; } /* Service subpages */ /* Service Main page pagetemplates/com_mainlevel_service.vm ************************************** */ .service-main-page #topics { position: relative;} /* Service 5 levels pagetempaltes/com_five_service_levels.vm **************************************** */ #service-level-wrapper { position: relative; width: inherit; z-index: 100; height: 170px; padding-top: 5px; } .service-levels-intro p { font-size: 16px; line-height: 23px; color:#717171; } .service-level { float:left; width: 142px; border: 1px solid #e5e5e5; border-right:0px; height: 122px; text-align: center; margin-top: 16px;} .first-level { } .last-level { border-right: 1px solid #e5e5e5} #service-level-wrapper .service-level a { display: none; } .service-level h3 { font-size: 15px; color:#555; border-bottom: 2px solid #fe4141; margin-top: 17px; padding-bottom: 6px; } .service-level h3 span, .active-level h3 span, .service-level p span, .active-level p span { width: 75%; display: block; margin: 0 auto; } .service-level p { text-transform: uppercase; } .active-level h3 { color:#fff; border:none; } .active-level p { border-bottom: 2px solid #fe4141; color:#fff; padding-bottom: 10px; } /* Hover efect ********** */ #service-level-wrapper .hover { background:transparent url(/pics/service-slider-hover.gif) left top repeat-x; border: none; } #service-level-wrapper .hover a { display: inline; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #e6191c; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6191c), to(#ea5a5c)); background: -webkit-linear-gradient(top, #ea5a5c , #e6191c); background: -moz-linear-gradient(top, #ea5a5c, #e6191c); background: -ms-linear-gradient(top, #ea5a5c, #e6191c); background: -o-linear-gradient(top, #ea5a5c, #e6191c); color:#fff; text-decoration: none; padding: 5px; margin: 0 auto; text-transform: uppercase; font-weight: bold; behavior: url(/js/pie.htc); /* CSS3 styles for IE8/7 */ } #service-level-wrapper .hover h3, #service-level-wrapper .hover p { color: #fff; } #service-level-wrapper .hover h3 { border: none; } #service-level-wrapper .hover p { border-bottom: 2px solid #fe4141; color:#fff; padding-bottom: 10px; margin-bottom: 19px; } /* Single Service Level Content **************************** */ #service-level-content { position: relative; z-index: 10;background: none repeat scroll 0 0 #F9F9F9; border: 1px solid #EAEAEA; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; position: relative; margin-top: -20px; padding: 20px 18px; } #content-lift-1 { position: relative; } #content-lift-1 h2 { font-size: 16px; color:#333333; } #content-lift-1 p { font-size: 14px; } #content-lift-1 a { border: 1px solid #e6e6e6; -moz-border-radius: 3px ; -webkit-border-radius: 3px ; border-radius: 3px; background: #efefef url(/pics/icon-raquo.png.png) right 15px no-repeat; background: url(/pics/icon-raquo.png) right 15px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#e6e6e6)) ; background: url(/pics/icon-raquo.png) right 15px no-repeat, -webkit-linear-gradient(top, #e6e6e6 , #efefef); background: url(/pics/icon-raquo.png) right 15px no-repeat, -moz-linear-gradient(top, #e6e6e6, #efefef); background: url(/pics/icon-raquo.png) right 15px no-repeat, -ms-linear-gradient(top, #e6e6e6, #efefef); background: url(/pics/icon-raquo.png) right 15px no-repeat, -o-linear-gradient(top, #e6e6e6, #efefef); padding: 9px; padding-right: 30px; font-size: 14px; font-weight: bold; text-decoration: none; color:#666666; display:inline-block; clear:both; behavior: url(/js/pie.htc); /* CSS3 styles for IE8/7 */ } #content-lift-1 a:hover { background: #4b4b4b url(/pics/icon-raquo.png) right -28px no-repeat; background: url(/pics/icon-raquo.png) right -28px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4b4b4b), to(#e6e6e6)) ; background: url(/pics/icon-raquo.png) right -28px no-repeat, -webkit-linear-gradient(top, #4b4b4b , #6a6a6a); background: url(/pics/icon-raquo.png) right -28px no-repeat, -moz-linear-gradient(top, #4b4b4b, #6a6a6a); background: url(/pics/icon-raquo.png) right -28px no-repeat, -ms-linear-gradient(top, #4b4b4b, #6a6a6a); background: url(/pics/icon-raquo.png) right -28px no-repeat, -o-linear-gradient(top, #4b4b4b, #6a6a6a); color:#fff; } #content-lift-2 { position: relative; border: 1px solid #EAEAEA; border-radius: 3px 3px 3px 3px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; background:#fff; padding: 22px 16px; behavior: url(/js/pie.htc); /* CSS3 styles for IE8/7 */ } #content-lift-2 h2, #content-lift-2 h3, #content-lift-2 h4 { margin:0; margin-bottom: 1em; font-size: 14px; color: #333333; } #content-lift-2 p { font-size: 12px; } #content-lift-2 a { background: none; border: none; font-weigt: normal; color:#199597; } /* Service Main Page ***************** */ #serviceTexts { position: relative; height: 29px; overflow: hidden; margin:0; padding:0; } #serviceText h3 { float: left; font-size: 16px; color:#555555; border-right: 1px solid #e0e0e0; height: 24px; padding-top: 5px; padding-right: 12px; margin:0 !important; } #serviceText p { display: block; float: left; padding-top: 8px; margin: 0; margin-left: 12px; font-size: 13px; } .service-main-page .hover { -moz-box-shadow: 0 0 10px #888; -webkit-box-shadow: 0 0 10px #888; box-shadow: 0 0 5px #888; behavior: url(/js/pie.htc); /* CSS3 styles for IE8/7 */ } /* Service level Sliders ************************* */ #currentSlide, #levelsCurrentSlide,#activeSlide { width: 184px; position:absolute; z-index:100; /* left:-30000px; */ text-align: center; padding-top: 10px; } #currentSlide { height: 167px; background: url(/pics/slider-services-main-level-active.png) no-repeat; } #levelsCurrentSlide,#activeSlide { height: 177px; background: url(/pics/slider-service-levels-active.png) no-repeat; } #currentSlide h3 span, #levelsCurrentSlide h3 span, #activeSlide h3 span { display: block; font-size: 15px; margin-top: 17px; padding-bottom: 6px; } #currentSlide h3, #levelsCurrentSlide h3, #activeSlide h3 { color:#fff; border:none; width: 158px; margin: 0 auto; text-align: center; margin-bottom: 10px; } #currentSlide p, #levelsCurrentSlide p, #activeSlide p { width: 158px; border-bottom: 2px solid #fe4141; color:#fff; padding-bottom: 10px; margin: 0 auto; text-transform: uppercase; text-transform: uppercase; } #currentSlide p span, #levelsCurrentSlide p span, #activeSlide p span { display: block; width: 90%; margin: 0 auto; text-align: center; } #currentSlide a.slide-link, #levelsCurrentSlide a.slide-link { display: inline-block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #e6191c; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6191c), to(#ea5a5c)); background: -webkit-linear-gradient(top, #ea5a5c , #e6191c); background: -moz-linear-gradient(top, #ea5a5c, #e6191c); background: -ms-linear-gradient(top, #ea5a5c, #e6191c); background: -o-linear-gradient(top, #ea5a5c, #e6191c); color:#fff; text-decoration: none; padding: 5px; margin: 0 auto; margin-top: 20px; text-transform: uppercase; font-weight: bold; behavior: url(/js/pie.htc); /* CSS3 styles for IE8/7 */ } .slide-wrapper-link { position: absolute; width: 184px; height: 177px; background: transparent; left:0px; top: 0px; margin:0; padding:0; } /* Second Level Content (products, equipment) ****************************************** */ #all .second-level #columnContent { position: relative; float:none; width: 630px; } #all .second-level #columnContent img { border: 1px solid #f1f1f1; padding: 10px; } #all .second-level #columnContent img.right { margin-left: 25px; } #all .second-level #columnContent img.left { margin-right: 25px; } #all .second-level #columnContent h1 { margin-bottom: 24px; } #all .second-level #columnContent p { color:#333333; font-size: 14px; line-height: 18px; } #all .second-level #columnContent a { border: 1px solid #e6e6e6; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #efefef url(/pics/icon-raquo.png.png) right 15px no-repeat; background: url(/pics/icon-raquo.png) right 15px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#e6e6e6)) ; background: url(/pics/icon-raquo.png) right 15px no-repeat, -webkit-linear-gradient(top, #e6e6e6 , #efefef); background: url(/pics/icon-raquo.png) right 15px no-repeat, -moz-linear-gradient(top, #e6e6e6, #efefef); background: url(/pics/icon-raquo.png) right 15px no-repeat, -ms-linear-gradient(top, #e6e6e6, #efefef); background: url(/pics/icon-raquo.png) right 15px no-repeat, -o-linear-gradient(top, #e6e6e6, #efefef); padding: 9px; padding-right: 30px; font-size: 14px; font-weight: bold; text-decoration: none; color:#666666; display:inline-block; clear:both; behavior: url(/js/pie.htc); /* CSS3 styles for IE8/7 */ } #all .second-level #columnContent a:hover { background: #4b4b4b url(/pics/icon-raquo.png) right -28px no-repeat; background: url(/pics/icon-raquo.png) right -28px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4b4b4b), to(#e6e6e6)) ; background: url(/pics/icon-raquo.png) right -28px no-repeat, -webkit-linear-gradient(top, #4b4b4b , #6a6a6a); background: url(/pics/icon-raquo.png) right -28px no-repeat, -moz-linear-gradient(top, #4b4b4b, #6a6a6a); background: url(/pics/icon-raquo.png) right -28px no-repeat, -ms-linear-gradient(top, #4b4b4b, #6a6a6a); background: url(/pics/icon-raquo.png) right -28px no-repeat, -o-linear-gradient(top, #4b4b4b, #6a6a6a); color:#fff; behavior: url(/js/pie.htc); /* CSS3 styles for IE8/7 */ }