#head, .nav .phone a, ol > li:before, .bar {
	background-color: #f2a410;
}

.quote .q {
        color: #f2a410;
}

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


#head a:hover, .nav .phone a:hover {
	background-color: #ffbd2b;
}

#head a.current, #head a.current:hover, #head a:active {
	background-color: #eb990a;
        border-top: 1px solid #e19106;
        border-bottom: 1px solid #ffaa19;
}

#tools a, #lang ul a {
	background-color: #f7b31c; 
	border-top: 1px solid #fdc911;
	border-bottom: 1px solid #e18f21;
}

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

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

#mobiletrail {
        background: #eb990a;
}

/* LIANA logo */

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

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

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

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

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

}

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

/* KOODIVIIDAKKO logo */

.FI #logo {
	display: inline-block;
	width: 275px;
        height: 54px;
	margin: -8px 0 0 0px;
}

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

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


.FI #logo .face, .FI #logo .text {
	line-height: 54px;
	background-image: url('/media/layout/img/vs/logo.png');
}

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

.FI .menu a {
	padding: 0.7em 0.4em 0.6em 0.4em;
}

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

h1.title .text, .year .text {
	background: #edb70c;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkYjcwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmEwMTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #edb70c 0%, #f2a010 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edb70c), color-stop(100%,#f2a010));
	background: -webkit-linear-gradient(top,  #edb70c 0%,#f2a010 100%);
	background: -o-linear-gradient(top,  #edb70c 0%,#f2a010 100%);
	background: -ms-linear-gradient(top,  #edb70c 0%,#f2a010 100%);
	background: linear-gradient(to bottom,  #edb70c 0%,#f2a010 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edb70c', endColorstr='#f2a010',GradientType=0 );
        border-top: 1px solid #ffdb4c;
        border-bottom: 1px solid #e4870c;
}

.ie9 h1.title .text, .ie9 .year .text {
       filter: none;
}

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

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

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

#contColor, .colorbg {
        background-image: none;
        background: #ed990a;
}

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

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

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

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

.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: #fff;
        text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}

.bubble .tip {
	 border-color: #df7e01 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/layout/img/vs/play_white.png') !important;
}

/* OLARK CHAT */

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

.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 {
	width: 170px !important;
        right: 183px;
}

.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: 160px;
}

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

.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 #fdc911 !important;
        border-bottom: 0px !important;
        background: #edb70c !important;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkYjcwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmEwMTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
        background: -moz-linear-gradient(top,  #edb70c 0%, #f2a010 100%) !important;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edb70c), color-stop(100%,#f2a010)) !important;
        background: -webkit-linear-gradient(top,  #edb70c 0%,#f2a010 100%) !important;
        background: -o-linear-gradient(top,  #edb70c 0%,#f2a010 100%) !important;
        background: -ms-linear-gradient(top,  #edb70c 0%,#f2a010 100%) !important;
        background: linear-gradient(to bottom,  #edb70c 0%,#f2a010 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edb70c', endColorstr='#f2a010',GradientType=0 ) !important;
        color: #FFF !important;
        text-decoration: none !important;
        text-shadow: 0 1px 0 rgba(0,0,0,0.4) !important;
        font-size: 115% !important;
}

.ie9 #habla_window_div #habla_topbar_div {
        filter: none !important;
}

#habla_window_div #habla_topbar_div:hover {
  	background: #ffc519 !important;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzUxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmEyMjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
        background: -moz-linear-gradient(top,  #ffc519 0%, #ffa225 100%) !important;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc519), color-stop(100%,#ffa225)) !important;
        background: -webkit-linear-gradient(top,  #ffc519 0%,#ffa225 100%) !important;
        background: -o-linear-gradient(top,  #ffc519 0%,#ffa225 100%) !important;
        background: -ms-linear-gradient(top,  #ffc519 0%,#ffa225 100%) !important;
        background: linear-gradient(to bottom,  #ffc519 0%,#ffa225 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc519', endColorstr='#ffa225',GradientType=0 ) !important;
}

.ie9 #habla_window_div #habla_topbar_div:hover {
        filter: none !important;
}

#habla_conversation_div a, #habla_window_div .habla_conversation_person2 {
        color: #f49415 !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/layout/img/buttons-light.png") !important;
}

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

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

/* MEDIA QUERIES */
@media all and (max-width: 1280px) {
	.FI .menu a {
		font-size: 100%;
	}
	.DE .menu a {
		  padding: 0.7em 0.35em 0.6em 0.35em;
	}
}

@media all and (max-width: 1100px) {
        #logo {
		background-image: url('/media/layout/img/vs/lianacommercelogo-230.png');
		width: 234px;
		height: 50px;
      	}
        .FI #logo {
		background-image: url('/media/layout/img/vs/logo-230.png');
		width: 235px;
		height: 50px;
		margin: -10px 0 0 0px;  
      	}
	#logo div, #logo span {
		display: none;
	}
}

@media all and (max-width: 1000px) {
	.FI .menu a {
		font-size: 95%;
		padding: 0.7em 0.4em 0.7em 0.4em;
	}
}

@media all and (min-width: 940px) {
        .imagebg {
                background-image: url('/media/layout/img/vs/image-bg.jpg') !important;
		background-repeat: repeat;
        }
}

@media all and (max-width: 940px) {
	#logo {
		margin: 10px 0 0 0;
	}

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

	.FI #logo {
		margin: 10px 0 0 0px;
	}
	.FI .menu a {
		padding: 0.6em 0.3em 0.7em 0.3em;
	}
	.subMenu a {
		font-size: 90%;
	}
	#sites ul a {
  		background-color: #f7b31c;
        	border-top: 1px solid #fdc911;
        	border-bottom: 1px solid #e18f21;
	}
}

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

        .FI #logo {
		background: transparent url('/media/layout/img/vs/logo-190.png') center center no-repeat;
		width: 200px;
		margin: 0;
        }

	#nav .top {
                height: 65px;
        }

	#sites ul a:hover {
	}

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

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

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