/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    background-image: url("/Content/Images/bgBody.png");
}

#TopWrapper
{
    background-image: url("/Content/Images/bgTop.png");
    background-repeat: repeat-x;
    height: 156px;
    min-width: 994px;
}

#TopContent
{
    width: 994px;
    height: 156px;   
}

#Top
{
    height: 34px;
}

#TopNameDay
{
    width: 491px; /* 515*/
    padding-left: 24px;
    height: 34px;
    line-height: 34px;
    float: left;
    font-family: Arial;
    font-size: 11px;
    color: #7b7b7b;
}

#TopNameDay a, #TopNameDay span
{
    font-family: Arial;
    font-size: 11px;
    color: #7b7b7b;
    text-decoration: none;
}

#TopNameDay a:hover
{
    text-decoration: underline;
}


#TopMenu
{
    width: 479px;
    height: 34px;
    line-height: 28px;
    background-image: url("/Content/Images/bgTopMenu.png");
    background-repeat: no-repeat;
    float:right;
    text-transform:uppercase;
    font-size: 11px;
}

#TopMenu a
{
    font-family: Arial;
    font-size: 10px;
    color: #969595;
    text-decoration: none;  
    margin-left: 13px;
    margin-right: 13px;
    font-weight: bold;    
}

#TopMenu a:hover
{
    font-weight: bold;
}

#TopMenu span
{
    font-family: Arial;
    font-size: 10px;
    color: #969595;
    text-decoration: none; 
    margin: 0px; 
}


#TopCenter
{
    height: 89px;
}



#TopCenter .btnLogin
{
    color: #229ec9;
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    border:none;
    cursor:pointer;
    padding: 0px;
    margin: 0px;
    overflow:visible;
    text-align: left;
    width:auto;
    background: none;
}

#TopCenter .btnLogin:hover
{
    color: #229ec9;
    font-family: Arial;
    font-size: 11px;
    text-decoration: underline !important;
    border:none;
    cursor:pointer;
    padding: 0px;
    margin: 0px;
    overflow:visible;
    text-align: left;
    width:auto;
    background: none;
}


.LoginErrors
{
    margin-left: 20px;
    color:#e40b04;
    font-family: Verdana;
    line-height:10px;
    font-size: 10px;
    float:left;
}

#Login
{
    background-image: url("/Content/Images/bgLogin.png");
    background-repeat: no-repeat;
    width: 375px;
    height: 65px;
    float:left;
    margin-top: 0px;
    padding-left: 22px;
}

.RequestPasswordHref
{
    font-size: 11px;
    line-height: 11px;
    color: #7B7B7B;
    font-family: Arial;
    position: absolute;
    margin-top: -2px;
    text-decoration: none;
}

.RequestPasswordHref:hover
{
    font-size: 11px;
    line-height: 11px;
    color: #7B7B7B;
    font-family: Arial;
    position: absolute;
    margin-top: -2px;
    text-decoration: underline;
}

#Login a
{
    color: #229ec9;
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
}

#Login a:hover
{
    color: #229ec9;
    font-family: Arial;
    font-size: 11px;
    text-decoration: underline;
}

#Login #Content
{
    margin: 0px 10px 10px 10px;
}

#Login .LoginTextBoxDiv
{
    background-image: url("/Content/Images/bgInputbox.png");
    background-repeat: no-repeat;
    width: 164px;
    height: 23px;
    float:left;
    margin:6px 22px 0px 0px;
    padding-left: 14px;
}


.LoginTextBoxDiv .LoginTextBox
{

    border: none;
    background-color: Transparent;
    color: #229ec9;
    font-family: Arial;
    font-size: 11px;
    padding-top: 4px;
    width:145px;
}

#ShoppingCartAndSearch
{
    width: 368px;
    height: 52px;
    /* line-height: 84px; */
    padding-top: 23px;
    float:right;
}

#ShoppingCartAndSearch .SearchBox
{
    background-image: url("/Content/Images/bgSearchBox.png");
    background-repeat:no-repeat;
    width: 127px;
    height: 23px;
    margin-top: 6px;
    margin-right:6px;
    float:left;
}

#ShoppingCartAndSearch input
{
    
    background-repeat: no-repeat;
    width: 103px;
    height: 19px;
    background-color:Transparent;
    border: none;
    color: #229ec9;
    font-family: Arial;
    font-size: 11px;
    padding-left: 14px;
    padding-top: 4px;
    vertical-align: top;
    
    
}

#TopNavigation
{
    font-family: Arial;
    font-size: 12px;
    color: #FFFFFF;
    height: 32px;
    line-height: 32px;
    text-transform: uppercase;
}

#TopNavigation .NaviLight
{
    background-image: url("/Content/Images/bgNaviLight.png");
    background-repeat: repeat-x;
    height: 32px;
    float: left;       
}

#TopNavigation .NaviIcon
{
    margin-left: 12px;
    margin-right: 13px;
    margin-top: 9px;
}

#TopNavigation #NaviFrontpage
{
    width: 146px;
    height: 32px;
    float: left;
    background-image: url("/Content/Images/bgFrontpage.png");
}
/*
#TopNavigation a
{
    color: #FFFFFF;
    text-decoration: none;

}

#TopNavigation a:hover
{
    text-decoration: none;
    font-size: 12px;
}
*/

.HeaderDiv
{
    background-image: url("/Content/Images/HeaderBackGroundWide.gif");
    background-repeat: no-repeat;
    width: 596px;
    height: 30px;
    
}

.HeaderDiv span
{
    text-transform: uppercase;
    color: White;
    font-size: 14px;
    margin-left: 18px;
    font-family: Times New Roman;
    line-height: 30px;
    float: left;
}

.HeaderDiv img 
{
    float: right;
    line-height: 30px;
    margin-right: 2px;
    margin-top: 2px;
    cursor: pointer;
}


.ui-widget-overlay
{
	background-color: Black !important;
}

#TopNavigation .NaviDark
{
    background-image: url("/Content/Images/bgNaviDark.png");
    background-repeat: repeat-x;
    height: 32px;
    float: left;
       
}

#MainWrapper
{
    width: 994px;
    min-height: 500px;
    background-color: White;
    overflow:hidden;
}

#LeftContent
{
    width: 214px;
    float: left;

}

#LeftMenu
{
    width: 214px;
    margin-top: 14px;

}

.LeftMenuItem
{
    background-image: url("/Content/Images/bgLeftMenuItem.png");
    background-repeat: no-repeat;
    width: 213px;
    height: 32px;
}

.LeftMenuItemBottom
{
    background-image: url("/Content/Images/bgLeftContent.png");
    background-repeat: repeat-y;
    width: 213px;
    height: 780px;
    margin-bottom: -5000px;
    padding-bottom: 5000px;
}
    

.LeftMenuItem span
{
    font-family: Verdana;
    font-size: 11px; 
    color: #0e89ce;
    margin-left: 32px;
    line-height: 32px;
}

 /*
.LeftMenuItem:hover span
{
    font-family: Verdana;
    font-size: 11px; 
    color: #81a201; 
    margin-left: 32px;
    line-height: 32px;
}
*/

.LeftMenuSubItem
{
    background-image: url("/Content/Images/bgLeftMenuSubItem.png");
    background-repeat: no-repeat;
    width: 213px;
    height: 32px;
}

.LeftMenuSubItem span
{
    font-family: Verdana;
    font-size: 11px; 
    color: #504f4f;
    margin-left: 50px;
    line-height: 32px;
    text-decoration: none !important;
}

.LeftMenuSubItem:hover span
{
    font-family: Verdana;
    font-size: 11px; 
    color: #81a201;
    margin-left: 50px;
    line-height: 32px;
}

.LeftMenuSubItemSelected
{
    background-image:url(/Content/Images/bgLeftMenuSubItem.png);
    background-repeat:no-repeat;
    height:32px;
    width:213px;

}

.LeftMenuSubItemSelected span
{
    
    font-family: Verdana;
    font-size: 11px; 
    color: #81a201;
    margin-left: 50px;
    line-height: 32px;
}

#ProductGroupsHeader
{
    background-image: url("bgHeaderOrange");
    background-repeat:no-repeat;
}


#CenterContent
{
    width: 624px;
    float:left;
    min-height: 500px;
    background-color: White;
    margin-bottom: 23px;

}

#ContentArea
{
    width: 600px;
    margin-top:23px;
    margin-left: 18px;

}


.ProductGroupItem
{
    width: 241px;
    height:156px;
    background-image: url("/Content/Images/bgProducts.png");
    background-repeat: repeat-x;
    float:left;
    padding-left: 11px;
    padding-right: 39px;
    padding-top: 27px;
    padding-bottom: 24px;
    overflow:hidden;
    cursor: pointer;
}

.ProductGroupItem .Header, .ProductGroupItemAlt .Header
{
    width: 241px;
    /* height:20px; */
}



.ProductGroupItem .Left, .ProductGroupItemAlt .Left
{
    width: 163px;
    height:107px;
    float:left;
    overflow: hidden;
    
}

.ProductGroupItem .Right, .ProductGroupItemAlt .Right
{
    width: 73px;
    height:136px;
   overflow:hidden;
   float:right;
   
}



.ProductGroupItemAlt
{
    width: 241px;
    height:156px;
    background-image: url("/Content/Images/bgProductsAlt.png");
    background-repeat: repeat-x;
    float:left;
    margin-top: -5px;
    padding-left: 11px;
    padding-right: 39px;
    padding-top: 27px;
    padding-bottom: 24px;
    overflow:hidden;
    cursor: pointer;
}

.ProductGroupThumbImage
{
   width: 78px;
   float:right;
}


.ProductGroupPrice
{
    background-image: url("/Content/Images/ProductGroupItemPrice.png");
    background-repeat: no-repeat;
    width: 106px;
    height: 22px;
    float:left; 
    padding-top: 7px;
}

.ProductGroupPrice span
{
    font-size: 14px;
    color: #FFFFFF;
    margin-left: 32px;
    
}
    

#ProductLeft
{
    float:left;
    width: 331px;
    margin-top: 39px;
    padding-right: 12px;
    
}

#ProductRight
{
    float:right;
    width: 257px;
    margin-top: 39px;
}
    

#RightContent
{
    width: 147px; /* Oli aiemmin 156*/
    float:right;
    min-height: 500px;
    background-color: White;
    margin-top: 20px;
}

#RightContent img, #RightContent object
{
    margin-left:0px;
    margin-top:3px;
    border:none !important;
}

#FrontpageWrapper
{
    width: 617px;
    /*margin-top: 23px;*/
    margin-left: -10px;
    margin-right: 7px;
}

#FrontpageContent
{

    width: 593px; /*617*/
    min-height: 780px;
    margin-top: -3px;
    padding-left: 17px;
    padding-right: 7px;
    padding-top: 12px;
    padding-bottom: 12px;
}

#FrontpageContentRight
{
    width: 179px;
    float:right;
}

.FrontpageWelcomeBox
{
    background-image: url("/Content/Images/bgFrontpageWelcomeBox.png");
    background-repeat: no-repeat;
    width: 403px;
    height: 175px;
    float: left;
    overflow: hidden;
       
}

.WelcomeBoxContent
{
    height:92px;
    margin-left: 16px;
    margin-top: 52px;
    margin-bottom: 34px;
    margin-right: 16px;
    overflow: hidden;
}

.FrontpageWideBox
{
    width: 395px;
    height: 144px;
    margin-bottom: 12px;
    background-image: url("/Content/Images/bgFrontpageWideBox.png");
    background-repeat: no-repeat;
    overflow:hidden;
}

.FrontpageWideBoxLeft
{
    width: 104px;
    height: 91px;
    float:left;
    overflow: hidden;
    padding-top: 25px;
    padding-bottom: 28px;
    padding-right: 12px;
    padding-left: 12px;
}

.FrontpageWideBoxLeft img
{
    width: 104px;
}

.FrontpageWideBoxRight
{
    width: 247px;
    height: 108px;
    float: right;
    overflow: hidden;
    padding-top: 25px;
    padding-bottom: 11px;
    padding-right: 16px;
    padding-left: 4px;
}

.FrontpageBox
{
    width: 152px;
    height: 77px;
    background-image: url("/Content/Images/bgFrontpageBox2.png");
    background-repeat: no-repeat;
    overflow: hidden;
    padding-top: 28px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 27px;
}

.FrontpageBox2
{
    width: 153px;
    height: 88px;
    background-image: url("/Content/Images/bgFrontpageBox.png");
    background-repeat: no-repeat;
    overflow: hidden;
    padding-top: 28px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 27px;
}

.FrontpageLongBox
{
    width: 153px;
    height: 177px;
    background-image: url("/Content/Images/bgFrontpageLongBox.png");
    background-repeat: no-repeat;
    overflow: hidden;
    padding-top: 32px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 47px;
}


#Payment 
{
    margin-top: 20px;
    background-color: White;
    padding-right: 10px;
    padding-top: 10px;
    padding-left: 2px;
    height: 64px;
}

#Payment img
{
    margin-left: 30px;
}

#Payment input
{
    width: auto;
    border: none;
    margin-left: 30px;
    display: none;
}

#BottomBar
{
    height: 34px;
    min-width: 946px;
    padding-left: 48px; 
    background-color: #bdbdbd;  
}

#BottomBar span
{
    color: #ffffff;
    font-family:Verdana,Tahoma,Arial;
    font-size:11px;
    line-height: 34px;
}

#BottomBar a
{
    color: #ffffff;
    font-family:Verdana,Tahoma,Arial;
    font-size:11px;
    line-height: 34px;  
    text-decoration: none;  
}

#BottomBar a:hover
{
    color: #ffffff;
    font-family:Verdana,Tahoma,Arial;
    font-size:11px;
    line-height: 34px; 
    text-decoration: underline;   
}

.ProductMapLink :hover
{
    text-decoration:underline;
}