/*Scroll bar enable - removes movement of pages while browsing  */
html
{
    overflow: -moz-scrollbars-vertical;
    overflow-x: auto;
    overflow-y: scroll;
}

/* Master page Style*/
body {
    background-color: #ab996c;

}
#container
{
    position: relative;
    margin: 35px auto;
    width: 1024px;
}

.HomeBackground
{
    position: relative;
    margin: 35px auto;
    width: 1024px;
    height:600px;
    background-image: url('../Images/Mix/KnockKnockStory.jpg');
    background-repeat: no-repeat;
}

#DivContainer
{
    position: relative;
    width: auto;
    background-image: url('../Images/Mix/Content.jpg');
    background-repeat: repeat-y;
}


#header
{
    width: auto;
    height: 210px;
    background-image: url('../Images/Mix/Header.jpg');
    background-repeat: no-repeat;
}

#sidebar
{
    position: absolute;
    left: 20px;
    display: block;
}

#footer
{
    clear: both;
    height: 100px;
    background-image: url('../Images/Mix/Footer.jpg');
    background-repeat: no-repeat;
}

.Menu_Top_Div {
   position:absolute;
    border-style: none none dashed none;
    border-width: 2px;
    border-color: #ab996c;
    left: 150px;
    top: 135px;
    width: 600px;
    margin-left: -40px;
    height: 22px;
    text-align: left;
    
}

#Menu_Main {
    
    padding-left: 40px;
}

    #Menu_Main li {
    margin-right: 15px;
}

    #Menu_Main a.level1 {

 font-size: large;
    font-family: 'bradley Hand ITC';
    color: #ab996c;
    font-weight: bold;
    
    }

   #Menu_Main a.level1.selected {
             color: #695b39 ;
    font-size: x-large !important;
    font-family: 'bradley Hand ITC';
    font-weight: bold;
    
        }

  #Menu_Main a.level1.highlighted {
           color: #000000 !important;
    font-family: 'bradley Hand ITC';
    font-weight: bold; 
    
        }




#DivLeftLogo
{
    height: 160px;
    width: 160px;
    float: left;
    display: block;
}


.Image_Logo2
{
    border-style: none;
    background-position: 0px -110px;
    position: absolute;
    display: block;
    left: 30px;
    top: 50px;
    width: 118px;
    height: 110px;
    background-image: url('../Images/Mix/BuyNowButton.jpg');
    background-repeat: no-repeat;
}


.Image_Logo
{
    border-style: none;
    background-position: 0px 0px;
    position: absolute;
    display: block;
    left: 30px;
    top: 50px;
    width: 118px;
    height: 110px;
    background-image: url('../Images/Mix/BuyNowButton.jpg');
    background-repeat: no-repeat;
}
.Image_Logo:hover
{
    border-style: none;
    background-position: -125px -110px;
    position: absolute;
    display: block;
    left: 30px;
    top: 50px;
    width: 118px;
    height: 110px;
    background-image: url('../Images/Mix/BuyNowButton.jpg');
    background-repeat: no-repeat;
}


.HomeLink
{
    background-position: 0px 0px;
    position: absolute;
    display: block;
    left: 250px;
    top: 30px;
    width: 268px;
    height: 40px;
    background-image: url('../Images/Mix/KnockKnock-HandMadeLinenCollection.png');
    background-repeat: no-repeat;
}

.HomeLink:hover
{
    background-position: -268px 0px;
    position: absolute;
    display: block;
    left: 250px;
    top: 30px;
    width: 268px;
    height: 40px;
    background-image: url('../Images/Mix/KnockKnock-HandMadeLinenCollection.png');
    background-repeat: no-repeat;
}

/* ----------------------------------*/
/*Home Page*/
/* ----------------------------------*/

.StoryLeftPicture
{
    position: absolute;
    display: block;
    height: 511px;
    width: 400px;
    left: 0;
    background-image: url('../Images/Mix/Home-KnockKnockStoryPart1.jpg');
    background-repeat: no-repeat;
    -moz-box-shadow: 5px 5px 15px #000; /* Firefox */
    -webkit-box-shadow: 5px 5px 15px #000; /* Safari and Chrome */
    box-shadow: 5px 5px 15px #000; /* Opera 10.5+, future browsers and IE6+ using PIE */
}


.StoryRightTextDivPage1
{
    font-family: 'bradley Hand ITC';
    width: auto;
    height: 200px;
    font-size: 14px;
    margin-left: 35px;
    margin-right: 35px;
    text-align: justify;
    font-weight: bold;
    color: #000000;
    margin-top: 60px;
}

.StoryRightTextDivPage2
{
    font-family: 'bradley Hand ITC';
    width: auto;
    height: 200px;
    font-size: 14px;
    margin-left: 35px;
    margin-right: 35px;
    text-align: justify;
    font-weight: bold;
    color: #000000;
    margin-top: 20px;
}
.StoryArrowPage1
{
    background-position: 0px 0px;
    position: absolute;
    bottom: 100px;
    right: 100px;
    position: absolute;
    display: block;
    width: 37px;
    height: 40px;
    background-image: url('../Images/Mix/StoryArrowSplites.png');
    background-repeat: no-repeat;
}
.StoryArrowPage1:hover
{
    background-position: -39px 0px;
 }
 
 .StoryArrowPage2
{
    background-position: 0px -40px;
    position: absolute;
    bottom: 100px;
    right: 100px;
    position: absolute;
    display: block;
    width: 37px;
    height: 40px;
    background-image: url('../Images/Mix/StoryArrowSplites.png');
    background-repeat: no-repeat;
}
.StoryArrowPage2:hover
{
    background-position: -39px -40px;
 }

.HomeEnter
{
    background-position: 0px 0px;
    position: absolute;
    bottom: 50px;
    right: 50px;
    position: absolute;
    display: block;
    width: 110px;
    height: 23px;
    background-image: url('../Images/Mix/KnockKnock-EnterStory.png');
    background-repeat: no-repeat;
}
.HomeEnter:hover
{
    background-position: -112px 0px;
    position: absolute;
    bottom: 50px;
    right: 50px;
    position: absolute;
    display: block;
   width: 110px;
    height: 23px;
    background-image: url('../Images/Mix/KnockKnock-EnterStory.png');
    background-repeat: no-repeat;
}
.kkk
{
    color: #666666;
}

.HomeLeftText
{
    position: absolute;
    display: block;
    width: 470px;
    left: 20px;
    top: 100px;
    font-family: 'bradley Hand ITC';
    font-weight: bold;
    color: #FAF7F0;
    text-shadow:0px 0px 10px #000000;
    
}


.HomeRightText
{
    width: 470px;
    display: block;
     color: #FAF7F0;
        position:relative;
           position:absolute;
           right:20px;
            top:100px;
              font-family: 'bradley Hand ITC';
    font-weight: bold;
   text-shadow:0px 0px 10px #000000;
}


.HomeTopText
{
   display:block;
    position:absolute;
    display: block;
    top:20px;
    left:430px;
      font-family: 'bradley Hand ITC';
    font-weight: bold;
     color: #FAF7F0;
  
}

.HomePageText
{
    margin: 0px;
    position: absolute;
    width: 630px;
    top: 20px;
    left: 30px;
    font-family: 'Bradley Hand ITC';
    font-size: 40px;
    color: #F9F5EC;
    font-weight: bold;
    z-index: 5;
    text-align: center;
}

.HomePagePicture
{
    position: relative;
    width: 630px;
    height: 499px;
    background-image: url('../Images/Mix/Home-Picture.jpg');
    float: right;
    top: 0px;
    right: 0px;
}

/* Knock_Collections Page Style*/

.CollectionSelectionImg
{
    background-position: 0px 0px;
    display: block;
    width: 200px;
    height: 209px;
    -moz-box-shadow: 15px 15px 20px #000; /* Firefox */
    -webkit-box-shadow: 15px 15px 20px #000; /* Safari and Chrome */
    box-shadow: 15px 15px 20px #000; /* Opera 10.5+, future browsers and IE6+ using PIE */ /* This lets IE know to call the script on all elements which get the 'box' class */
    z-index: 5;
    background-repeat: no-repeat;
}
.CollectionSelectionImg:hover
{
    background-position: -205px 0px;
    display: block;
    z-index: 20;
    width: 200px;
    height: 209px;
    background-repeat: no-repeat;
    -moz-box-shadow: 10px 10px 20px #000; /* Firefox */
    -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
    box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using PIE */ /* This lets IE know to call the script on all elements which get the 'box' class */
}
.up
{
    z-index: 5;
}
.up:hover
{
    z-index: 20;
}

#divSpring
{
    text-align: center;
    position: absolute;
    top: 15px;
    left: 0px;
}

#divSummer
{
    text-align: center;
    position: absolute;
    top: 15px;
    right: 0px;
}

#divAutumn
{
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

#divWinter
{
    text-align: center;
    position: absolute;
    bottom: 0px;
    right: 0px;
}


#divContentCollection
{
    position: relative;
    margin: 0px auto;
    width: 450px;
    height: 500px;
    display: block;
}


#divContentCollection div span
{
    font-size: large;
    color: #DCD2AD;
    position: relative;
    top: -24px;
    font-weight: bold;
    font-family: 'bradley Hand ITC';
    font-style: normal;
    display: block;
}


/* Etsy Mini Shop Style */
#divMiniEtsyShop
{
   
}




/* Collections  Page Style*/

/*--- Vertical menu */
#ContentPlaceHolder1_MenuCollectionLeft
{
    margin-top: 30px;
    margin-left: 20px;
}

#ContentPlaceHolder1_MenuCollectionLeft a.level1.selected
{
    color: #FFFFFF;
    font-size: medium;
    font-family: 'bradley Hand ITC';
    font-weight: bold;
    width: 170px;
    height: 24px;
}
#ContentPlaceHolder1_MenuCollectionLeft a.level1
{
    color: #AB9983;
    font-size: medium;
    font-family: 'bradley Hand ITC';
    font-weight: bold;
    background-image: url('../Images/Mix/Transparent-57.png');
    background-repeat: repeat;
    width: 170px;
    height: 24px;
    padding-left: 10px;
}

#ContentPlaceHolder1_MenuCollectionLeft a.level1:hover
{
    color: #000000;
    font-size: medium;
    font-family: 'bradley Hand ITC';
    font-weight: bold;
    width: 170px;
    height: 24px;
}

#ContentPlaceHolder1_MenuCollectionLeft .level1 li
{
    margin-bottom: 8px;
    -moz-box-shadow: 5px 5px 15px #000; /* Firefox */
    -webkit-box-shadow: 5px 5px 15px #000; /* Safari and Chrome */
    box-shadow: 5px 5px 15px #000; /* Opera 10.5+, future browsers and IE6+ using PIE */
}

.ProductNotFound
{
    background-image: url('../Images/Mix/Transparent-57.png');
    background-repeat: repeat;
    width: 100%;
    height: 200px;
    font-family: 'bradley Hand ITC';
    font-size: xx-large;
    text-align: center;
    color: #FAF7F0;
    font-weight: bold;
    display: block;
}

/*--- Selected Collections Page Style */
.ProductsDiv
{
    padding: 20px 30px 30px 30px;
    position: relative;
    width: 760px;
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 200px;
}

.ProductDiv
{
    border-style: none;
    position: relative;
    display: block;
    float: left;
    width: 160px;
    height: 205px;
    margin-bottom: 20px;
    margin-right: 30px;
    background-image: url('../Images/Mix/ProductDivBackground.jpg');
    background-repeat: no-repeat;
    -moz-box-shadow: 5px 5px 15px #000; /* Firefox */
    -webkit-box-shadow: 5px 5px 15px #000; /* Safari and Chrome */
    box-shadow: 5px 5px 15px #000; /* Opera 10.5+, future browsers and IE6+ using PIE */
    text-align: center;
}

.ProductDivHover
{
    border-style: none;
    position: relative;
    display: block;
    float: left;
    width: 160px;
    height: 205px;
    margin-bottom: 20px;
    margin-right: 30px;
    background-image: url('../Images/Mix/ProductDivBackground.jpg');
    background-position: -170px 0px;
    background-repeat: no-repeat;
    -moz-box-shadow: 10px 10px 20px #000; /* Firefox */
    -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
    box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using PIE */
    text-align: center;
}





.ProductImage
{
    position: relative;
    display: block;
    max-height: 145px;
    max-width: 130px;
    height: auto;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
}

.ProductImage:hover
{
    position: relative;
    display: block;
    max-height: 150px;
    max-width: 135px;
    height: auto;
    margin-top: 7px;
    margin-right: auto;
    margin-left: auto;
}

.ProductTitle
{
    display: block;
    position: relative;
    font-family: 'Courier New' , Courier, monospace;
    font-style: normal;
    height: auto;
    font-size: small;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
}

a.background
{
    margin: 10px auto 0px auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    height: 155px;
    text-decoration: none;
    width: 130px;
}

/*---Collection-Product Page Style */

.ThumbnailListDiv
{
    position: absolute;
    bottom: 0px;
}

a.ThumbnailImages
{
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    text-decoration: none;
    margin-right: auto;
    margin-left: auto;
    height: 70px;
    width: 100px;
}

.ThumbnailImages
{
    height: 75px;
    float: left;
    display: block;
    margin-right: 10px;
    border: thin solid #4E2D0C;
    -moz-box-shadow: 10px 10px 10px #000; /* Firefox */
    -webkit-box-shadow: 10px 10px 10px #000; /* Safari and Chrome */
    box-shadow: 10px 10px 10px #000; /* Opera 10.5+, future browsers and IE6+ using PIE */
}

.ThumbnailImages:hover
{
    border: thin solid #CCCCCC;
    height: 75px;
    float: left;
    display: block;
    margin-right: 10px;
    cursor: pointer;
}

a.ReturnLink, a:hover.ReturnLink, a:focus.ReturnLink, a:active.ReturnLink, a:visited.ReturnLink
{
    background-image: url('../Images/Mix/BackPicture.png');
    background-repeat: no-repeat;
    background-position: 35px top;
    width: 120px;
    height: 65px;
    display: block;
    padding-top: 30px;
    text-decoration: none;
    font-family: 'bradley Hand ITC';
    font-size: medium;
    color: #ECE4CB;
    text-align: center;
    font-weight: bold;
}

a:hover.ReturnLink
{
    color: #AB9983;
}

.BackLinkDiv
{
}
.BookContainerDiv
{
    position: relative;
    height: 595px;
    width: 800px;
    left: 150px;
}

.BookLeftDiv
{
    position: absolute;
    display: block;
    height: 511px;
    width: 400px;
    left: 0;
    background-image: url('../Images/Mix/BookBackBig.jpg');
    background-repeat: no-repeat;
    -moz-box-shadow: 5px 5px 15px #000; /* Firefox */
    -webkit-box-shadow: 5px 5px 15px #000; /* Safari and Chrome */
    box-shadow: 5px 5px 15px #000; /* Opera 10.5+, future browsers and IE6+ using PIE */
}
.BookRightDiv
{
    position: absolute;
    height: 511px;
    width: 400px;
    right: 0;
    background-image: url('../Images/Mix/BookBackBig.jpg');
    background-repeat: no-repeat;
    -moz-box-shadow: 5px 5px 15px #000; /* Firefox */
    -webkit-box-shadow: 5px 5px 15px #000; /* Safari and Chrome */
    box-shadow: 5px 5px 15px #000; /* Opera 10.5+, future browsers and IE6+ using PIE */
}
.BookImage
{
    display: block;
    width: 330px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
}

.BookImageBig
{
    top: 20%;
    left: 0%;
    position: absolute;
    height: 60%;
    width: 99%;
}
.ImgBook
{
    border-style: none;
}



.ProductTitleDiv
{
    margin: 20px 35px 30px 35px;
    width: auto;
    font-family: 'Courier New' , Courier, monospace;
    font-size: medium;
    text-align: center;
    font-weight: bold;
    text-decoration: underline;
}
.ProductDescriptionDiv
{
    font-family: 'Courier New' , Courier, monospace;
    width: auto;
    height: 200px;
    font-size: small;
    margin-left: 35px;
    margin-right: 35px;
    text-align: justify;
}

/* Page about us- about linen-contacts*/
.TrasparentDIVContainer
{
    padding: 20px 10px 20px 30px;
    position: relative;
    background-image: url('../Images/Mix/Transparent-57.png');
    background-repeat: repeat;
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    -moz-box-shadow: 2px 2px 10px 5px #000; /* Firefox */
    -webkit-box-shadow: 2px 2px 10px 5px #000; /* Safari and Chrome */
    box-shadow: 2px 2px 10px 5px #000; /* Opera 10.5+, future browsers and IE6+ using PIE */
}

.AboutSpan
{
    color: #d3c49f;
    text-align: left;
    display: block;
    font-family: 'courier New' , Courier, monospace;
}

.aboutImage
{
    float: right;
    display: block;
    margin-left:20px;
    margin-bottom: 20px;
    margin-right: 30px;
    -moz-box-shadow: 5px 5px 15px #000; /* Firefox */
    -webkit-box-shadow: 5px 5px 15px #000; /* Safari and Chrome */
    box-shadow: 5px 5px 15px #000; /* Opera 10.5+, future browsers and IE6+ using PIE */
}
.aboutLinenFlaxImg
{
    margin: 30px 30px 20px 20px;
    float: right;
    display: block;
    -moz-box-shadow: 5px 5px 15px #000; /* Firefox */
    -webkit-box-shadow: 5px 5px 15px #000; /* Safari and Chrome */
    box-shadow: 5px 5px 15px #000; /* Opera 10.5+, future browsers and IE6+ using PIE */
}
.AboutLinenTitle
{
    font-family: 'bradley Hand ITC';
    font-size: xx-large;
    font-weight: bold;
    color: #d3c49f;
    display: block;
}
.AboutLinenSmallTitles
{
    font-weight: bold;
    text-decoration: underline;
}

.ContactsFormDivLeft
{
    float: left;
    width: 450px;
    font-family: 'Courier New' , Courier, monospace;
    color: #d3c49f;
}
.ContactsTextDiv
{
    float: left;
    font-family: 'Courier New' , Courier, monospace;
}

.ContactsDivRow
{
    display: block;
    margin-top: 10px;
}

.ContactsTextBox
{
    float: right;
    font-family: 'Courier New' , Courier, monospace;
    background-color: #FFFFFF;
    font-style: italic;
    width: 280px;
}

.ContactsAntiSpamTextBox {
    float: right;
    font-family: 'Courier New', Courier, monospace;
    background-color: #FFFFFF;
    font-style: italic;
    width: 250px;
}
.FloatBreak
{
    clear: both;
}

.ContactSubmit
{
    float: right;
    width: 284px;
}
.ContactsTitleText
{
    font-family: 'Bradley Hand ITC';
    font-size: large;
    font-weight: bold;
}
.ContactsText
{
    font-family: 'Courier New' , Courier, monospace;
    color: #d3c49f;
}

.ContactsFormDivRight
{
    float: right;
    width: 300px;
    height: 383px;
    font-family: 'Courier New' , Courier, monospace;
    background-image: url('../Images/Mix/Email-To-Knock-Knock.jpg');
    background-repeat: no-repeat;
}

a.ContactsSocialIcons, a:focus.ContactsSocialIcons, a:active.ContactsSocialIcons, a:visited.ContactsSocialIcons
{
    border-style: none;
    width: 60px;
    height: 60px;
    display: block;
    text-decoration: none;
    float: left;
    margin-right: 2px;
    outline: none;
}

a:hover.ContactsSocialIcons
{
    background-position: 0px 5px;
    display: block;
    outline: none;
    background-repeat: no-repeat;
}

/*Error page */
.ErrorDiv
{
    padding: 30px 50px 30px 50px;
    width: 800px;
    background-image: url('../Images/Mix/Transparent-57.png');
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
    font-family: 'courier New' , Courier, monospace;
    font-size: medium;
    font-weight: normal;
    color: #FBF6F0;
}


/* -start- link in ideas style */
.LinkStyle {
    font-size: x-large;
    font-weight: bold;
}
.LinkStyle:link
{
    color: #666666;
    text-decoration: none; border-bottom:1px dotted;
}
.LinkStyle:visited
{
    color: #666666;
    text-decoration: none;
    border-bottom: 1px dotted;
}
.LinkStyle:hover
{
    border-style: none none solid none;
    text-decoration: none;
    color: #000000;
}
.LinkStyle:active
{
    color: #000000;
    text-decoration: none;
}
/* -end- link in ideas style */