/* --- [ Main Link Icons ] --- */

a.mainLinkIconMail, a.mainLinkIconCalendar, a.mainLinkIconSMS, a.mainLinkIconWatson, a.mainLinkIconCustomer, a.mainLinkIconSurvey {
    min-width: 100px;
    padding-top: 100px;
    text-align: center;
    display: inline-block;
    margin: 0 8px;
}

a.mainLinkIconMail {
    background: transparent url('../images/fi/buttons/mainLinkIconMail.png') no-repeat top center;
}

a.mainLinkIconCalendar {
    background: transparent url('../images/fi/buttons/mainLinkIconCalendar.png') no-repeat top center;
}

a.mainLinkIconSMS {
    background: transparent url('../images/fi/buttons/mainLinkIconSMS.png') no-repeat top center;
}

a.mainLinkIconWatson {
    background: transparent url('../images/fi/buttons/mainLinkIconWatson.png') no-repeat top center;
}

a.mainLinkIconCustomer {
    background: transparent url('../images/fi/buttons/mainLinkIconCustomer.png') no-repeat top center;
}

a.mainLinkIconSurvey {
    background: transparent url('../images/fi/buttons/mainLinkIconSurvey.png') no-repeat top center;
}

/* --- [ Service Link Icons ] --- */

a.servicesLinkIconDesktop, a.servicesLinkIconMail, a.servicesLinkIconCalendar, a.servicesLinkIconSMS, a.servicesLinkIconWatson, a.servicesLinkIconCustomer, a.servicesLinkIconSurvey, 
a.servicesLinkIconNetStand, a.servicesLinkIconEasySurvey, a.servicesLinkIconRouteGear {
    padding-left: 60px;
    line-height: 50px;
    padding-bottom: 10px;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
    display: block;
    margin: 0 0 5px 0;
}

a.servicesLinkIconDesktop {
    background: transparent url('../images/fi/buttons/servicesLinkIconDesktop.png') no-repeat top left;
}

a.servicesLinkIconMail {
    background: transparent url('../images/fi/buttons/servicesLinkIconMail.png') no-repeat top left;
}

a.servicesLinkIconCalendar {
    background: transparent url('../images/fi/buttons/servicesLinkIconCalendar.png') no-repeat top left;
}

a.servicesLinkIconSMS {
    background: transparent url('../images/fi/buttons/servicesLinkIconSMS.png') no-repeat top left;
}

a.servicesLinkIconWatson {
    background: transparent url('../images/fi/buttons/servicesLinkIconWatson.png') no-repeat top left;
}

a.servicesLinkIconCustomer {
    background: transparent url('../images/fi/buttons/servicesLinkIconCustomer.png') no-repeat top left;
}

a.servicesLinkIconSurvey {
    background: transparent url('../images/fi/buttons/servicesLinkIconSurvey.png') no-repeat top left;
}

a.servicesLinkIconNetStand {
    background: transparent url('../images/fi/buttons/servicesLinkIconNetStand.png') no-repeat top left;
}


a.servicesLinkIconEasySurvey {
    background: transparent url('../images/fi/buttons/servicesLinkIconEasySurvey.png') no-repeat top left;
}

a.servicesLinkIconRouteGear {
    background: transparent url('../images/fi/buttons/servicesLinkIconRouteGear.png') no-repeat top left;
}





a.whatIsWI {
    margin-top: 30px;
    width: 200px;
    height: 40px;
    display: block;
    text-indent: -9999px;
    background: transparent url('../images/fi/buttons/whatIsWI.png') no-repeat top center;
}

a:hover.whatIsWI, a:focus.whatIsWI , a:active.whatIsWI {
    background: transparent url('../images/fi/buttons/whatIsWIHover.png') no-repeat top center;
    outline-style: none;
}



a.playIntroduction {
    width: 130px;
    padding-top: 65px;
    display: block;
    background: transparent url('../images/fi/buttons/playIntroduction.png') no-repeat top center;
    text-align: center;
}

a:hover.playIntroduction, a:focus.playIntroduction, a:active.playIntroduction {
    background: transparent url('../images/fi/buttons/playIntroductionHover.png') no-repeat top center;
    outline-style: none;
}

a.participateButtonFi {
    width: 200px;
    height: 52px;
    display: block;
    background: transparent url('../images/fi/buttons/participateButtonFi.png') no-repeat top left;
}

a:hover.participateButtonFi {
    background: transparent url('../images/fi/buttons/participateButtonFiHover.png') no-repeat top left;
}

a.participateFrontButton {
    width: 300px;
    height: 100px;
    display: block;
    background: transparent url('../images/fi/buttons/participateFrontButton.png') no-repeat top left;
    outline-style: none;
}

a:hover.participateFrontButton, a:focus.participateFrontButton, a:active.participateFrontButton {
    background: transparent url('../images/fi/buttons/participateFrontButtonHover.png') no-repeat top left;
}

a.discountButton {
    width: 310px;
    height: 110px;
    display: block;
    background: transparent url('../images/fi/buttons/discount.png') no-repeat top left;
    outline-style: none;
}

a:hover.discountButton, a:focus.discountButton, a:active.discountButton {
    background: transparent url('../images/fi/buttons/discountHover.png') no-repeat top left;
}

a.participateFrontButton2 {
    width: 300px;
    height: 100px;
    display: block;
    background: transparent url('../images/fi/buttons/participateFrontButton2.png') no-repeat top left;
    outline: none;
}

a:hover.participateFrontButton2, a:focus.participateFrontButton2, a:active.participateFrontButton2 {
    background: transparent url('../images/fi/buttons/participateFrontButton2Hover.png') no-repeat top left;
}


a.demoSticker {
    width: 80px;
    height: 80px;
    display: block;
    background: transparent url('../images/fi/buttons/demoSticker.png') no-repeat top left;
    position: absolute;
    bottom: 8px;
    right: -20px;
    text-indent: -9999px;
}

a:hover.demoSticker, a:focus.demoSticker, a:active.demoSticker {
    background: transparent url('../images/fi/buttons/demoStickerHover.png') no-repeat top left;
    outline-style: none;
}




a.surveyButton {
    line-height: 20px;
    color: #0098a9;
    font-weight: bold;
    text-decoration: underline;
    float: left;
}

a.surveyButtonNext, a.surveyButtonPrevious {
    line-height: 20px;
    display: block;
    color: #0098a9;
    font-weight: bold;
    text-decoration: underline;
}

a.surveyButtonNext {
    padding-right: 23px; 
    background: transparent url('../images/fi/buttons/surveyButtonNext.png') no-repeat top right;
}

a.surveyButtonPrevious {
    padding-left: 23px;
    background: transparent url('../images/fi/buttons/surveyButtonPrevious.png') no-repeat top left;
}

a:hover.surveyButtonNext, a:hover.surveyButtonPrevious {
    text-decoration: none;
}

a:hover.surveyButtonNext {
    background: transparent url('../images/fi/buttons/surveyButtonNextHover.png') no-repeat top right;
}

a:hover.surveyButtonPrevious {
    background: transparent url('../images/fi/buttons/surveyButtonPreviousHover.png') no-repeat top left;
}

a.closeSurveyButton, a.imageGalleryCloseButton {
    width: 20px;
    height: 20px;
    display: block;
    background: transparent url('../images/fi/buttons/closeSurveyButton.png') no-repeat top left;
    float: right;
}

a:hover.closeSurveyButton, a:hover.imageGalleryCloseButton {
    background: transparent url('../images/fi/buttons/closeSurveyButtonHover.png') no-repeat top left;
}

a.imageGalleryCloseButton {
    margin-top: 3px;
    margin-right: 3px;
}

a.screenshotArrowPrevious, a.screenshotArrowNext, a.screenshotArrowPreviousDisabled, a.screenshotArrowNextDisabled  {
    width: 35px;
    height: 35px;
    display: block;
    float: left;
}

a.screenshotArrowPrevious {
    background: transparent url('../images/fi/buttons/screenshotArrowPrevious.gif') no-repeat top left;
}

a.screenshotArrowNext {
    background: transparent url('../images/fi/buttons/screenshotArrowNext.gif') no-repeat top left;
}

a:hover.screenshotArrowPrevious, a:focus.screenshotArrowPrevious, a:active.screenshotArrowPrevious {
    background: transparent url('../images/fi/buttons/screenshotArrowPreviousHover.gif') no-repeat top left;
}

a:hover.screenshotArrowNext, a:focus.screenshotArrowNext, a:active.screenshotArrowNext {
    background: transparent url('../images/fi/buttons/screenshotArrowNextHover.gif') no-repeat top left;
}

a.screenshotArrowPreviousDisabled {
    background: transparent url('../images/fi/buttons/screenshotArrowPreviousDisabled.gif') no-repeat top left;
}

a.screenshotArrowNextDisabled {
    background: transparent url('../images/fi/buttons/screenshotArrowNextDisabled.gif') no-repeat top left;
}


a.playVideoLink, a.pricelist {
    width: 280px;
    padding-top: 160px;
    display: block;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}


a.playVideoLink {
    background: transparent url('../images/fi/buttons/introductionVideo.png') no-repeat top left;
}

a:hover.playVideoLink, a:focus.playVideoLink, a:active.playVideoLink {
    background: transparent url('../images/fi/buttons/introductionVideoHover.png') no-repeat top left;
}

a.pricelist {
    background: transparent url('../images/fi/buttons/pricelist.png') no-repeat top left;
}

a:hover.pricelist, a:focus.pricelist, a:active.pricelist {
    background: transparent url('../images/fi/buttons/pricelistHover.png') no-repeat top left;
}


a.surveyModelWI , a.surveyModelCL {
    width: 230px;
    padding-top: 160px;
    display: block;
    font-size: 11px;
    text-align: left;
    padding-left: 25px;
    padding-right: 25px;
}

a.surveyModelWI {
    background: transparent url('../images/fi/buttons/surveyExpo.png') no-repeat top left;
}

a:hover.surveyModelWI, a:focus.surveyModelWI, a:active.surveyModelWI {
    background: transparent url('../images/fi/buttons/surveyExpo.png') no-repeat top left;
}

a.surveyModelCL {
    background: transparent url('../images/fi/buttons/surveyCareliaLights.png') no-repeat top left;
}

a:hover.surveyModelCL, a:focus.surveyModelCL, a:active.surveyModelCL {
    background: transparent url('../images/fi/buttons/surveyCareliaLights.png') no-repeat top left;
}



a.calcInfo {
    margin-top: 3px;
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    background: transparent url('../images/fi/buttons/calcInfo.gif') no-repeat top left;
}

a:hover.calcInfo, a:focus.calcInfo, a:active.calcInfo {
    background: transparent url('../images/fi/buttons/calcInfoHover.gif') no-repeat top left;
}


a.questionMark {
    margin-left: 5px;
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    background: transparent url('../images/fi/buttons/questionMark.gif') no-repeat top left;
}

a:hover.questionMark, a:focus.questionMark, a:active.questionMark {
    background: transparent url('../images/fi/buttons/questionMarkHover.gif') no-repeat top left;
}


a.loginButton {
    width: 76px;
    height: 26px;
    display: block;
    float: left;
    background: transparent url('../images/fi/buttons/loginButton.png') no-repeat top left;
}

a:hover.loginButton, a:focus.loginButton, a:active.loginButton {
    background: transparent url('../images/fi/buttons/loginButtonHover.png') no-repeat top left;
}

a.cancelButton {
    width: 75px;
    height: 26px;
    display: block;
    float: left;
    background: transparent url('../images/fi/buttons/cancelButton.png') no-repeat top left;
}

a:hover.cancelButton, a:focus.cancelButton, a:active.cancelButton  {
    background: transparent url('../images/fi/buttons/cancelButtonHover.png') no-repeat top left;
}

a.print, a.emailSurvey, a.emailSurveyError, a.emailSurveyDisabled  {
    height: 40px;
    padding-left: 45px;
    line-height: 40px;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    margin-right: 30px;
}

a.print {
    background: transparent url('../images/fi/buttons/print.png') no-repeat top left;
}

a:hover.print, a:focus.print, a:active.print {
    background: transparent url('../images/fi/buttons/printHover.png') no-repeat top left;
}

a.emailSurvey {
    background: transparent url('../images/fi/buttons/emailSurvey.png') no-repeat top left;  
}

a:hover.emailSurvey, a:focus.emailSurvey, a:active.emailSurvey {
    background: transparent url('../images/fi/buttons/emailSurveyHover.png') no-repeat top left;
}

a.emailSurveyError {
    background: transparent url('../images/fi/buttons/emailSurveyError.png') no-repeat top left;
}

a:hover.emailSurveyError, a:focus.emailSurveyError, a:active.emailSurveyError {
    background: transparent url('../images/fi/buttons/emailSurveyErrorHover.png') no-repeat top left;
}

a.emailSurveyDisabled {
    color: #aaaaaa;
    background: transparent url('../images/fi/buttons/emailSurveyDisabled.png') no-repeat top left;
    cursor: default;
    text-decoration: none;
}


/* --- [ WEBINFRA ICONS ] --- */

a.desktopIcon, a.mailIcon, a.calendarIcon, a.smsIcon, a.watsonIcon, a.customerIcon, a.surveyIcon, a.sandyIcon, a.iPortalIcon, a.netStandIcon {
    width: 56px;
    padding-top: 42px;
    font: 11px/16px Tahoma, sans-serif;
    color: #0098a9;
    display: block;
    float: left;
    text-align: center;
}

a.desktopIcon {
    background: transparent url('../images/fi/buttons/desktopIcon.png') no-repeat top center;
}

a:hover.desktopIcon, a:focus.desktopIcon, a:active.desktopIcon {
    background: transparent url('../images/fi/buttons/desktopIconHover.png') no-repeat top center;
}

a.mailIcon {
    background: transparent url('../images/fi/buttons/mailIcon.png') no-repeat top center;
}

a:hover.mailIcon, a:focus.mailIcon, a:active.mailIcon {
    background: transparent url('../images/fi/buttons/mailIconHover.png') no-repeat top center;
}

a.calendarIcon {
    background: transparent url('../images/fi/buttons/calendarIcon.png') no-repeat top center;
}

a:hover.calendarIcon, a:focus.calendarIcon, a:active.calendarIcon {
    background: transparent url('../images/fi/buttons/calendarIconHover.png') no-repeat top center;
}

a.smsIcon {
    background: transparent url('../images/fi/buttons/smsIcon.png') no-repeat top center;
}

a:hover.smsIcon, a:focus.smsIcon, a:active.smsIcon {
    background: transparent url('../images/fi/buttons/smsIconHover.png') no-repeat top center;
}

a.watsonIcon {
    background: transparent url('../images/fi/buttons/watsonIcon.png') no-repeat top center;
}

a:hover.watsonIcon, a:focus.watsonIcon, a:active.watsonIcon {
    background: transparent url('../images/fi/buttons/watsonIconHover.png') no-repeat top center;
}

a.customerIcon {
    background: transparent url('../images/fi/buttons/customerIcon.png') no-repeat top center;
}

a:hover.customerIcon, a:focus.customerIcon, a:active.customerIcon {
    background: transparent url('../images/fi/buttons/customerIconHover.png') no-repeat top center;
}

a.surveyIcon {
    background: transparent url('../images/fi/buttons/surveyIcon.png') no-repeat top center;
}

a:hover.surveyIcon, a:focus.surveyIcon, a:active.surveyIcon {
    background: transparent url('../images/fi/buttons/surveyIconHover.png') no-repeat top center;
}

a.sandyIcon {
    background: transparent url('../images/fi/buttons/sandyIcon.png') no-repeat top center;
}

a:hover.sandyIcon, a:focus.sandyIcon, a:active.sandyIcon {
    background: transparent url('../images/fi/buttons/sandyIconHover.png') no-repeat top center;
}

a.iPortalIcon {
    background: transparent url('../images/fi/buttons/iPortalIcon.png') no-repeat top center;
}

a:hover.iPortalIcon, a:focus.iPortalIcon, a:active.iPortalIcon {
    background: transparent url('../images/fi/buttons/iPortalIconHover.png') no-repeat top center;
}

a.netStandIcon {
    background: transparent url('../images/fi/buttons/netStandIcon.png') no-repeat top center;
}

a:hover.netStandIcon, a:focus.netStandIcon, a:active.netStandIcon {
    background: transparent url('../images/fi/buttons/netStandIconHover.png') no-repeat top center;
}

a.registerToFairs {
    background: transparent url('../images/fi/buttons/registerToFairs.png') no-repeat top center;
    width: 220px;
    height: 50px;
    display: block;
    text-indent: -9999px;
    outline-style: none;
}

a.registerToFairs:hover, a.registerToFairs:active, a.registerToFairs:focus {
    background: transparent url('../images/fi/buttons/registerToFairsHover.png') no-repeat top center;
}

span.registerToFairsDisabled {
    background: transparent url('../images/fi/buttons/registerToFairsDisabled.png') no-repeat top center;
    width: 220px;
    height: 50px;
    display: block;
    text-indent: -9999px;
    outline-style: none;
}


/* --- [ PAGE SELECT ARROWS ] --- */

a.pageSelectArrowLeft, a.pageSelectArrowLeftDisabled, a.pageSelectArrowRight, a.pageSelectArrowRightDisabled {
    width: 12px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}

a.pageSelectArrowLeft {
    background: transparent url('../images/fi/buttons/pageSelectArrowLeft.gif') no-repeat top center;
}

a.pageSelectArrowLeftDisabled {
    background: transparent url('../images/fi/buttons/pageSelectArrowLeftDisabled.gif') no-repeat top center;
    cursor: default;
}

a.pageSelectArrowRight {
    background: transparent url('../images/fi/buttons/pageSelectArrowRight.gif') no-repeat top center;
}

a.pageSelectArrowRightDisabled {
    background: transparent url('../images/fi/buttons/pageSelectArrowRightDisabled.gif') no-repeat top center;
    cursor: default;
}