/* Start of HEADER HORIZONTAL MENU */

#SAMenu1_1_1 {
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
	text-align: left;
    width: 990px;
    height: 40px;
    float:left;
}

#SAMenu1_1_1 ul 
{
	margin: 0 0 0 0;
	padding: 0;
	list-style-type: none;
	white-space:nowrap;
	width: 800px;
}
#SAMenu1_1_1 ul li 
{    
    float: left;
    list-style: none;
    margin: 0;
    position: relative;
    display: inline;
    padding: 12px 12px 12px 12px;
    height: 30px;
    background: url( "../img/mainmenudivider.jpg" ) right top no-repeat
}

#SAMenu1_1_1 ul li.Selected, #SAMenu1_1_1 ul li.AtWay
{
    background:url(../img/v2/menu1_sel_laita.gif) top right no-repeat;
}

#SAMenu1_1_1 ul li a {
    height: 30px;
    display: inline;
    position: relative;
    color: #fff;
    text-decoration: none;
    font-size: 0.9em;
    font-weight: bold;
}

#SAMenu1_1_1 ul li a:hover 
{
	color: #E42D87!important;
}


#SAMenu1_1_1 ul li a.Selected {
    background-image: url(../img/mainmenubg_highlight.jpg);
    background-repeat: repeat-x;
}


#SAMenu1_1_1 ul li a.AtWay {
	color: #E42D87!important;
}

/* END of HEADER HORIZONTAL MENU */



/* START OF CONTENT PAGE VERTICAL MENU ON LEFT */

/*********************************************/



#SAMenu2, #SAMenu2 ul
{
    position: relative;
    display: block;
    margin: 10px 1px 0px 1px;
    padding: 0;
    width: 223px;
    height: auto;
    background-color: #fff;
    overflow: hidden;
}

#SAMenu2 li
{
    /*position: relative; 	display: block;	*/
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 220px;
    height: auto; /*height: 25px;*/
    background: url(../img/green_square.jpg) 0 0 no-repeat;
    line-height: 25px; /*list-style-type: none!important;*/
    list-style: none;
    border-top: dotted 1px Gray;
    background-color: #fff;
}

#SAMenu2 li:hover, #SAMenu2 li.AtWay, #SAMenu2 li.Selected
{
    /*position: relative; 	display: block;	*/
    margin: 0;
    padding: 0;
    width: 220px;
    height: auto; /*height: 25px;	*/ /*background: url(../img/contentpage/menu/li__selected_bg.gif) 0 0 no-repeat;*/
    color: #DB3229;
}

#SAMenu2 li a
{
    position: relative;
    display: block;
    margin: 0 0 0 15px;
    padding: 0;
    color: #000;
    font-weight: bold;
    width: 205px; /*height:25px;*/
    height: auto;
    text-decoration: none;
}

#SAMenu2 li a.Selected, #SAMenu2 li a.Selected:hover, #SAMenu2 li a:hover
{
    text-decoration: underline;
}
#SAMenu2 li a.AtWay, #SAMenu2 li a.AtWay:hover
{
    text-decoration: underline;
}

#SAMenu2_bottom
{
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    height: 25px;
    width: 225px;
    background-color: gray;
}

#SAMenu2 ul li
{
    /*position: relative; 	display: block;	 	float: left;*/
    margin: 0 0 0 10px; /*padding: 0 0 0 10px;*/
    width: 205px;
    background: White;
    border: none;
    background: url(../img/green_arrows.jpg) 0 0 no-repeat;
    line-height: 22px;
    height: auto;
}
#SAMenu2 ul li a
{
    width: 200px;
    color: #000;
    font-weight: normal;
    height: auto;
    display: block;
}

#SAMenu2 ul li:hover, #SAMenu2 ul li.Selected, #SAMenu2 ul li.AtWay
{
    /*position: relative; 	display: block;	 	float: left;*/
    margin: 0 0 0 10px; /*padding: 0 0 0 10px;*/
    width: 205px; /*background: url(../img/contentpage/menu/li_ala_bg_selected_hover.gif) 0 0 no-repeat;*/
    color: #d85144;
}

#SAMenu2 ul li a, #SAMenu2 ul li a.Selected, #SAMenu2 ul li a.Selected:hover, #SAMenu2 ul li a.AtWay
{
    width: 200px; /*color: #d85144;*/
    height: auto;
}


/******************* Taso 2 *********/

#SAMenu2 ul li ul
{
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    width: 200px; /*overflow: visible;*/
    height: auto;
}

#SAMenu2 ul li ul li
{
    position: relative;
    display: block;
    padding: 0 0 0 20px;
    margin: 0 0 0 -10px;
    width: 200px;
    height: auto; /*overflow: visible;	*/ /*background: url(../img/contentpage/menu/li_ala_bg.gif) 0 0 no-repeat;*/
}

#SAMenu2 ul li ul li a, #SAMenu2 ul li ul li a:Link
{
    width: 180px;
    color: #000;
}

#SAMenu2 ul li ul li:hover, #SAMenu2 ul li ul li.Selected, #SAMenu2 ul li ul li.AtWay
{
    position: relative;
    display: block;
    padding: 0 0 0 20px;
    margin: 0 0 0 -10px;
    width: 200px; /*background: url(../img/contentpage/menu/li_ala_bg_selected_hover.gif) 0 0 no-repeat;*/
    color: #d85144; /*border: solid 1px black;*/
}

#SAMenu2 ul li ul li a, #SAMenu2 ul li ul li a.Selected, #SAMenu2 ul li ul li a.Selected:hover
{
    width: 180px;
    color: #d85144;
}


/*********************** Taso 3 */
#SAMenu2 ul li ul li ul
{
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    width: 223px;
    background: #000;
    border: solid 1px black;
}

#SAMenu2 ul li ul li ul li
{
    position: relative;
    display: block;
    padding: 0 0 0 20px;
    margin: 0 0 0 -30px;
    width: 215px;
    background: #000; /*background: url(../img/contentpage/menu/li_ala_bg.gif) 0 0 no-repeat;*/
}

#SAMenu2 ul li ul li ul li a, #SAMenu2 ul li ul li ul li a:Link
{
    width: 180px;
    color: #000;
}

#SAMenu2 ul li ul li ul li:hover, #SAMenu2 ul li ul li ul li.Selected, #SAMenu2 ul li ul li ul li.AtWay
{
    position: relative;
    display: block;
    padding: 0 0 0 20px;
    margin: 0 0 0 -30px;
    width: 215px; /*background: url(../img/contentpage/menu/li_ala_bg_selected_hover.gif) 0 0 no-repeat;*/
    color: #d85144;
    background: #000;
}


/* END OF CONTENT PAGE VERTICAL MENU ON LEFT */


/**********************************/

#DropDownMenuHolder {
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 200px;
	height: 800px;
	background: transparent;
	top: 0;
	left: 0;
	z-index: 100;
	text-align: left;
}

	
#DropDownMenuHolder ul {
	display: block;
	position: relative;
	margin: 0;
    width: 155px;	
	min-height: 20px;
	list-style-type: none;
	overflow: visible;
	
	background-image: none;
    filter: alpha(opacity=90);
    opacity: 0.9;
    -moz-opacity: 0.9;
    background-color: #00A8E9;
    /*background: url(../img/subnaviBg.gif ) top left no-repeat;*/
    width: 200px;
    padding: 4px 0 0;
    border-bottom: 1px solid #b2b2b2;
}

#DropDownMenuHolder ul:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

#DropDownMenuHolder ul li {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	width: 200px;
 }
 
 #DropDownMenuHolder ul li #SAMenu2 
 {
     display:none;
 }

#DropDownMenuHolder ul li a 
{
    text-indent: 0;
    display: block;
    /*background: #00A8E9;*/
    position: relative;
    width: auto;
    height: auto;
    float: none;
    color: #FFF;
    padding: 4px 0;
    text-transform: none;
    margin: 0 12px;
    border-top: 1px dashed #b2b2b2;
    background-image: none; 
    text-decoration:none;
}

#DropDownMenuHolder ul li a:hover
{
    color: #FFF;
    background-image: none; 
}

#DropDownMenuHolder ul li:hover
{
    color: #FFF;
    background-image: none;
    background-color: #12D1FC;
}