﻿/*
Styles:
Logo Color: #800300
*/
html
{
    height: 100%;
}
body
{
    height: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
    background-color: Silver;
    font-family: Georgia;
    color: #284B2A;
}

h1
{
    font-family: Lucida Calligraphy;
}

h2
{
    font-family: Lucida Calligraphy;
    color: #284B2A;
    margin-top: 40px;
}

h3
{
    margin-bottom: 0;
    font-size: .9em;  
}

b
{
    font-family: Georgia;
}

p
{
    font-family: Georgia;
    margin-top: 0;
}

a
{
    font-size: small;
    font-family: Georgia;
    color: #284B2A;
}

.Container
{
    height: 100%;
    width: 828px;
    text-align: left;
}

.SideShadow
{
    background-image: url(../../App_Images/Border/middle.png);
    background-repeat: repeat-y;
    background-position: top center;
    z-index: -100;
    position: fixed;
    height: 100%;
    width: 828px;
}
.Header
{
    background-image: url(../../App_Images/Logo/LyngaOrtLogo.png);
    background-repeat: no-repeat;
    background-position: top center;
    width: 828px;
    height: 114px;
    position: fixed;
}

.HeaderSpace
{
    height: 144px;
}
.FooterSpace
{
    height: 100px;
}

.Footer
{        
    background-image: url(../../App_Images/border/footer.png);
    background-repeat: no-repeat;
    background-position: top center;
    height: 100px;
    width: 828px;
    text-align: left;
    position: fixed;
    bottom: 0px;
}

.FooterText
{        
    width: auto;
    text-align: left;
    margin-left: 24px;
    margin-right: 24px;
}


.Left
{
    width: 160px;
    height: 100%;
    border-right: dotted 1px #800300;
    border-bottom: dotted 1px #800300;
    position: fixed;
    
}

.LeftText
{
    padding-left: 5px; 
}

.Right
{
    height: 100%;
    width: 640px;
    padding-left: 160px;
}

.RightText
{
    padding-right: 10px;
    padding-left: 10px;
    word-wrap: break-word;
}


.LogoKrav
{
    margin-top: 10px;
    background-image: url(../../App_Images/Logo/KravLogo.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    width: 100%;
    height: 51px;
}

.CartItemList
{
    margin-left: 100px;
    margin-top: 20px;
}

.HomeTopLeftBG
{
    width: 98%;
    height: 94%;
    background-image: url(../../App_Images/Home/dragon.png);
    background-repeat: no-repeat;
    background-position: top left;
    margin-top: 20px;
}
.HomeText
{
    text-align: left;
    /* height: 300px; */
    width: 450px;
    font-family: Georgia;
}

.HomeBottomRightBG
{
    width:100%;
    height:100%;
    background-image: url(../../App_Images/Home/isop.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.HomeHeader
{
    font-family: Lucida Calligraphy;
    color: #284B2A;
    margin-top: 30px;
}

a.StoreMenu
{
    width: 100%;
    padding-left: .5em;
    color: #284B2A;
    text-decoration: none;
    display: block;
    line-height: 2em;
    vertical-align: middle;
}

a.StoreMenu:hover
{
    background-color: #ddd;
}

table.StoreGrid th a
{
    text-decoration: none;
    display: block;
}

table.StoreGrid td a
{
    line-height: 2em;
    display: block;
}

table.StoreGrid td a:hover
{
    background-color: #ddd;
}

.ddlBasket
{
    top: 5px;
}

.Summary
{
    border-top: solid 1px black;
    border-bottom: double 3px black;
    font-weight: bold;
}

/* MapPath */
.MapPath
{
    float: right;
    text-align: right;
    font-size: small;
    text-decoration: none;
    width: 100%;
    height:25px;
}
.MapPathNodeStyle
{
    text-decoration: none;
}
.MapPathRootNodeStyle
{
    text-decoration: none;
}
.MapPathPathSeparatorStyle
{

}
.MapPathCurrentNodeStyle
{
    text-decoration: none;
    padding-right: 20px;
}

/* TopMenu */
.TopMenuContainer
{
    position: fixed;
    top: 114px;
    width: 828px;
}
.TopMenuLeft
{
    background-image: url(../../App_Images/Buttons/banner-left.png);
    background-repeat: no-repeat;
    background-position: left center;
    width: 17px;
    height: 30px;
}

.TopMenuRight
{
    background-image: url(../../App_Images/Buttons/banner-right.png);
    background-repeat: no-repeat;
    background-position: right center;
    width: 17px;
    height: 30px;
}

.TopMenuCenter
{
    float:left;
    background-image: url(../../App_Images/Buttons/banner-center.png);
    background-repeat: repeat-x;
    background-position: left center;
    width: 794px;
    height: 30px;
}

.Devider
{
    border-left: #284b2a 1px solid;
}

.TopMenuStaticMenuStyle
{
    text-align: center;
}

.TopMenuStaticMenuItemStyle
{
    color: #284B2A;
    font-family: Georgia;
}

.TopMenuStaticHoverStyle
{
    background-image: url(../../App_Images/Buttons/banner-center-hover.png);
    background-repeat: repeat-x;
    background-position: left center;
}

.TopMenuStaticSelectedStyle
{
    background-image: url(../../App_Images/Buttons/banner-selected.png);
    background-repeat: repeat-x;
    background-position: left center;
}

.LeftMenuStaticMenuStyle
{
    color: #800300;
    margin-top: 10px;
}
.LeftMenuStaticMenuItemStyle
{
    color: #800300;
}
.LeftMenuStaticSelectedStyle
{
}
.LeftMenuStaticHoverStyle
{
}

.LabelMenuLeftParent
{
    color: #800300;
    font-style: italic;   
    font-size: x-large;
    text-decoration: none;
}

.LoginStatus
{
    position: fixed;
    bottom: 48px;
    margin-left: 25px;
    cursor: default;
}

.linkImages
{
    text-align: center; 
    height: 220px; 
    width: 200px; 
    float: left; 
    margin: 30px;
}

table.TopMenuStaticMenuStyle td a
{
    display: block;
}

table#storeForm tr td
{
	height: 26px;
}

table#storeForm tr td input
{
	width: 300px;
}
.SsnExemple
{
	color: Gray;
	font-size: smaller;
}

ul.ProductCategoryList
{
    margin-left: 0;
}

.ProductCategoryList li
{
    list-style-type: none;
}

.ProductCategoryList li a
{
    padding-left: .5em;
    color: #284B2A;
    text-decoration: none;
    display: block;
    line-height: 2em;
    vertical-align: middle;
}

.ProductCategoryList li a:hover
{
    background-color: #ddd;
}

.selected
{
    font-weight: bold;
    font-style: italic;
}