#head, .nav .phone a {
	background-color: #3F89C9;
}

.quote .q {
	color: #3F89C9;
}

.colorbg .quote .q {
	color: #fff;
}

#head a:hover, .nav .phone a:hover {
	background-color: #e11b11; 
	border-color: transparent;
}

#head a.current, #head a.current:hover, #head a:active {
	background-color: #a80b03;
        border-top: 1px solid #8d0801;
        border-bottom: 1px solid #cf1a0f;
}

#tools a, #lang ul a {
	background-color: #d5150b;
	border-top: 1px solid #e71c11;
	border-bottom: 1px solid #ae0d05;
}

#tools a.login {
	font-family: Arial, sans-serif;
	color: #000;
	font-weight: bold;
	text-shadow: 0 1px white;
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,239,239,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
}

.ie9 #tools a.login {
	filter: none;
}

#tools a.login .arr {
	font-weight: bold;
}

#tools a.login:hover {
	background: #fff;
}

.animation h1.title .text {
        text-shadow:
        rgba(155, 10, 2, 1) 1px 1px,
        rgba(155, 10, 2, 0.9) 2px 2px,
        rgba(155, 10, 2, 0.8) 3px 3px,
        rgba(155, 10, 2, 0.7) 4px 4px,
        rgba(155, 10, 2, 0.6) 5px 5px,
        rgba(155, 10, 2, 0.5) 6px 6px,
        rgba(155, 10, 2, 0.4) 7px 7px,
        rgba(155, 10, 2, 0.3) 8px 8px,
        rgba(155, 10, 2, 0.2) 9px 9px,
        rgba(155, 10, 2, 0.1) 10px 10px,
        rgba(155, 10, 2, 0.1) 11px 11px,
        rgba(155, 10, 2, 0.1) 12px 12px,
        rgba(155, 10, 2, 0.1) 13px 13px,
        rgba(155, 10, 2, 0.1) 14px 14px;
}

header.mobileheader h1 {
        text-shadow:
        rgba(132, 9, 2, 1) 1px 1px,
        rgba(132, 9, 2, 0.9) 2px 2px,
        rgba(132, 9, 2, 0.8) 3px 3px,
        rgba(132, 9, 2, 0.7) 4px 4px,
        rgba(132, 9, 2, 0.6) 5px 5px,
        rgba(132, 9, 2, 0.5) 6px 6px,
        rgba(132, 9, 2, 0.4) 7px 7px,
        rgba(132, 9, 2, 0.3) 8px 8px,
        rgba(132, 9, 2, 0.2) 9px 9px,
        rgba(132, 9, 2, 0.1) 10px 10px,
        rgba(132, 9, 2, 0.1) 11px 11px,
        rgba(132, 9, 2, 0.1) 12px 12px,
        rgba(132, 9, 2, 0.1) 13px 13px,
        rgba(132, 9, 2, 0.1) 14px 14px;
}

#mobiletrail {
        background: #930a03;
}

/* LIANA logo */

#logo {
	display: inline-block;
	width: 276px;
        height: 54px;
	margin: -5px 0 0 0px;
}

#logo .sign, #logo .face {
	width: 57px;
	height: 54px;
	float: left;
}

#logo .face, #logo .text {
	line-height: 54px;
	background-image: url('/media/landing-page/img/pv/logo-liana.png');
}

#logo .front  {
	background-position: -57px 0px;
}

#logo .back {
	background-position: 0px 0px;

}

#logo .text {
	float: left;
	background-position: -114px 0px;
	width: 219px;
	height: 54px;
}

/* POSTIVIIDAKKO logo */

.FI #logo .face, .FI #logo .text {
	background-image: url('/media/landing-page/img/pv/logo.png');
}

.menu li.current a {
	background-color: #b80c03;
	color: #fff;
}
.subMenu li.current a {
	background-color: #b80c03;
	color: #fff;
}

h1.title .text, .year .text {
        background-color: #b80c03;
        border-top: 1px solid #de2016;
        border-bottom: 1px solid #810701;
}

h1.title .tip, .year .tip {
	 border-color: #b80c03 transparent transparent transparent;
}

#fixed .button {
	background: #cd1c12;
}

#fixed .button:hover {
	background: #d72218;
}

.button .tip {
	border-color: #b80c03 transparent transparent transparent;
}

.button:hover .tip {
	border-color: #c9140a transparent transparent transparent;
}

#contColor, .colorbg {
        background: #ac0b03;
}

.imagebg {
	background-image: url('/media/landing-page/img/pv/image-bg.png');
	background-position: center center;
 	background-attachment: fixed;
}

.colorbg .pagination a, .colorbg .button {
	background-color: #cd1c12;
}	

.colorbg .pagination a:hover, .colorbg .button:hover {
	background-color: #d72218;
}	

#contColor h2 {
	text-align: center;
	color: #fff;
}

.bubble, .comments .author {
        background-color: #8d0902;
}

.comments .author h3, .comments .author q {
        color: #fff;
        text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}

.comments .author .commenter {
	margin-top: 1.5em;
        color: #ff9189;
        text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}

.bubble .tip {
	 border-color: #8d0902 transparent transparent transparent;
}

/* FLOWPLAYER */

.flowplayer .fp-waiting em {
	background-color: #4c8930 !important;
	box-shadow: none !important;
}

.flowplayer .fp-progress {
	background-color: #fff !important;
}

.flowplayer .fp-controls {
        background-color: #376e1d !important;
}

.flowplayer .fp-timeline, .flowplayer .fp-volumeslider {
        background-color: #4c8c2f !important;
}

.flowplayer.is-splash .fp-ui, .flowplayer.is-paused .fp-ui {
	background-image: url('/media/landing-page/img/pv/play_white.png') !important;
}

/* OLARK CHAT */

.olrk-state-compressed #habla_window_div, .olrk-state-compressed #habla_panel_div {
        width: 150px !important;
        right: 176px;
        bottom: 0px;
        position: absolute;
	background: transparent !important;
}

#landingpage .olrk-state-compressed #habla_window_div, #landingpage .olrk-state-compressed #habla_panel_div {
	right: 0px;
}

.ie7 .olrk-state-compressed #habla_window_div, .ie7 .olrk-state-compressed #habla_panel_div, .ie8 .olrk-state-compressed #habla_window_div, .ie8 .olrk-state-compressed #habla_panel_div {
	position: static;
}

.EN .olrk-state-compressed #habla_window_div, .EN .olrk-state-compressed #habla_panel_div, .lang-en .olrk-state-compressed #habla_window_div, .lang-en .olrk-state-compressed #habla_panel_div {
	right: 167px;
}

.RU .olrk-state-compressed #habla_window_div, .RU .olrk-state-compressed #habla_panel_div, .lang-ru .olrk-state-compressed #habla_window_div, .lang-ru .olrk-state-compressed #habla_panel_div {
	right: 159px;
}

.ZH .olrk-state-compressed #habla_window_div, .ZH .olrk-state-compressed #habla_panel_div {
	right: 152px;
}

.AR #habla_window_div {
        font-family: Arial !important;
        right: auto !important;
        left: 135px !important;
}

.AR .olrk-state-compressed #habla_window_div {
        right: auto !important;
        left: 306px !important;
}

.olrk-state-expanded #habla_panel_div {
        -webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0px 20px rgba(0, 0, 0, 0.2);
}

#habla_window_div {
	font-family: Arial !important;
        right: 10px !important;
        bottom: 0px !important;
        margin: 0 !important;
}

#habla_window_div.olrk-fixed-bottom .habla_panel_border, #habla_window_div.olrk-fixed-bottom #habla_topbar_div {
        -webkit-border-top-left-radius: 2px !important;
        -webkit-border-top-left-radius: 2px !important;
        border-top-left-radius: 2px !important;
        border-top-right-radius: 2px !important;
}

#habla_window_div #habla_topbar_div {
	max-height: 0.99em !important;
        padding: 0.65em 0.8em !important;
        font-weight: bold !important;
        font-family: Arial, Verdana, sans-serif !important;
        font-size: medium !important;
 	border-top: 1px solid #e81f15 !important;
        border-bottom: 0px !important;
        border-right: 1px solid #b80c03 !important;
        border-left: 1px solid #b80c03 !important;
        background-color: #cd1c12 !important;
        color: #FFF !important;
        text-decoration: none !important;
        text-shadow: 0 1px 0 rgba(0,0,0,0.4) !important;
        font-size: 115% !important;
}

#habla_window_div #habla_topbar_div:hover {
 	background-color: #d72218 !important;
        border-top: 1px solid #f92b21 !important;
}


#habla_conversation_div a, #habla_window_div .habla_conversation_person2 {
        color: #a94644 !important;
}

#habla_window_div #habla_wcsend_input {
        border: 1px solid #d8d7d7 !important;
        font-family: Arial, sans-serif !important;
        background-color: #fff !important;
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07) inset !important;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07) inset !important;
        font-size: 90% !important;
        -moz-transition: border 0.2s linear 0s, background 0.2s linear 0s;
        -webkit-transition: border 0.2s linear 0s, background 0.2s linear 0s;
        -ms-transition: border 0.2s linear 0s, background 0.2s linear 0s;
        -o-transition: border 0.2s linear 0s, background 0.2s linear 0s;
        transition: border 0.2s linear 0s, background 0.2s linear 0s;
        margin: 10px !important;
        width: 280px !important;
}

#habla_window_div #habla_wcsend_input:focus {
        background-color: #efefef !important;
        border-style: solid !important;
        border-color: #d8d7d7 !important;
        border-width: 1px !important;
        -webkit-box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
}

#habla_window_div #habla_expanded_div {
        border-left: 1px solid #d8d7d7 !important;
        border-right: 1px solid #d8d7d7 !important;
        border-bottom: 1px solid #d8d7d7 !important;
}

#habla_oplink_a:hover {
        text-decoration: none !important;
}

#habla_window_div .habla_button {
    	background-image: url("/media/landing-page/img/buttons-light.png") !important;
}

#habla_window_div.habla_window_div_base {
	z-index: 1000 !important;
}

.loading .anim {
        border: 6px solid #1e66a1;
}

/* MEDIA QUERIES */

@media all and (max-width: 1280px) {
        #logo {
		background-image: url('/media/landing-page/img/pv/lianamailerlogo-230.png');
		width: 230px;
		height: 50px;
		margin: -5px 0 0 10px;  
      	}
        .FI #logo {
		background-image: url('/media/landing-page/img/pv/logo-230.png');
      	}
	#logo div, #logo span {
		display: none;
	}
}

@media all and (max-width: 1100px) {
	#logo {
		margin-top: -8px;
	}
}

@media all and (max-width: 940px) {

	#logo {
		margin: 8px 0 0 0px;
	}

	.menu a {
		font-size: 100%;
	}
	.subMenu a {
		font-size: 90%;
	}

	#sites ul a {
		background-color: #d5150b;
		border-top: 1px solid #e71c11;
		border-bottom: 1px solid #ae0d05;
	}
}

@media all and (max-width: 767px) {
	#logo {
                float: left;
                margin: 5px 0 0 5px;
                background: transparent url('/media/landing-page/img/pv/lianamailerlogo-190.png') center center no-repeat;
                width: 195px;
                height: 41px;
        }

	.FI #logo {
		background: transparent url('/media/landing-page/img/pv/logo-190.png') center center no-repeat;
        }

	#fixed {
                background-color: #b80c03;
        }

	header.mobileheader {
		background: #b80c03;
		background: -moz-linear-gradient(top,  #b80c03 0%, #930a03 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b80c03), color-stop(100%,#930a03));
		background: -webkit-linear-gradient(top,  #b80c03 0%,#930a03 100%);
		background: -o-linear-gradient(top,  #b80c03 0%,#930a03 100%);
		background: -ms-linear-gradient(top,  #b80c03 0%,#930a03 100%);
		background: linear-gradient(to bottom,  #b80c03 0%,#930a03 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b80c03', endColorstr='#930a03',GradientType=0 );
	}

	header.mobileheader .image {
		background: transparent url('/media/landing-page/img/pv/mobile-lianamailer-header-pic.png') center center no-repeat;
	}

	.FI header.mobileheader .image {
		background: transparent url('/media/landing-page/img/pv/mobile-header-pic.png') center center no-repeat;
	}

        #habla_window_div {
                position: absolute !important;
                right: 0 !important;
                bottom: -500px !important;
        }

	.FI #tools li.loginli {
		display: inline-block !important;
	}
}