@charset "utf-8";
/* CSS Document */

html, body {
height: 100%;
margin: 0 auto;
padding: 0;
zoom: 1;
background: url(../images/texture5.gif) repeat;
}

div#Top {
visibility: hidden;
width: 100%;
height: 50%;
margin-top: -347px; /* Half of ContentArea Height */
float: left; 
}

div#Landing {
width: 969px; /* Modify as necessary */
height: 698px; /* Modify */
clear: both;
/*position: relative;
top: 100px; */
margin: 0 auto;  
}

div#Entire {
width: 100%;
height: 694px;
display: block;
}

a#home {
display: block;
width: 969px;
height: 666px;
margin: 0 auto;
border: 0;
text-indent: -2000px;
}

div#ContentArea {
background: url(../images/background.jpg) no-repeat;
width: 969px; /* Modify as necessary */
height: 694px; /* Modify */
clear: both;
/* position: relative;
top: 100px; */
margin: 0 auto; 
display: block;
}

div#ContentArea2 {
background: url(../images/background.jpg) no-repeat;
width: 969px; /* Modify as necessary */
height: 694px; /* Modify */
clear: both;
/* position: relative;
top: 100px; */
margin: 0 auto; 
display: block;
}

div#ContentHome {
background: url(../images/home.jpg) no-repeat;
width: 969px; /* Modify as necessary */
height: 694px; /* Modify */
clear: both;
/* position: relative;
top: 100px; */
margin: 0 auto; 
display: block;
}

div#Header {
width: 969px;
height: 245px;
border: 0; 
padding-top:1px;
display: block;
}

h1#Logo {
background: url(../images/logo2.jpg) no-repeat; 
text-indent: -2000px;
width: 807px;
height: 81px;
border: 0;  
margin: 66px 0 0 78px;
padding: 0;
position:relative;
top: -1px;
}

div#Navigation {
width: 807px;
height: 98px;
margin: 0 0 0 78px;   
padding: 0;
}

ul#Nav {  
padding: 0;
margin: 0; /* auto */
list-style: none;
height: 98px;
overflow: hidden;
display: block;
}

ul#Nav li {
float: left;
display: block;
margin: 0;
padding: 0;
}

ul#Nav li a {
text-indent: -2000px; 
display: block;
cursor: pointer;
background: 0px 0px no-repeat;
height: 98px;
overflow: hidden;
}

ul#Nav li.active a, ul#Nav li a:hover {
background-position: 0px -98px;
}

/* Merge all Nav images, remove all ul#Nav li#* a.active */
 
ul#Nav li#ourstory, ul#Nav li#ourstory a {
width: 75px;
height: 98px;
}
ul#Nav li#ourstory a {
background-image: url(../images/ourstory.jpg); 
} 

ul#Nav li#wear, ul#Nav li#wear a {
width: 61px;
height: 98px;
}
ul#Nav li#wear a {
background-image: url(../images/whatwewear.jpg); 
}  

ul#Nav li#play, ul#Nav li#play a {
width: 68px;
height: 98px;
}
ul#Nav li#play a {
background-image: url(../images/whatweplaywith.jpg); 
}  

ul#Nav li#read, ul#Nav li#read a {
width: 61px;
height: 98px;
}
ul#Nav li#read a {
background-image: url(../images/whatweread.jpg); 
}  

ul#Nav li#room, ul#Nav li#room a {
width: 70px;
height: 98px;
}
ul#Nav li#room a {
background-image: url(../images/whatsinourroom.jpg); 
}  

ul#Nav li#love, ul#Nav li#love a {
width: 65px;
height: 98px;
}
ul#Nav li#love a {
background-image: url(../images/whatwelove.jpg); 
}  

ul#Nav li#have, ul#Nav li#have a {
width: 66px;
height: 98px;
}
ul#Nav li#have a {
background-image: url(../images/whowehave.jpg); 
}  

ul#Nav li#slice {
display: block;
width: 71px;
height: 98px;
background-image: url(../images/slice.jpg); 
}


ul#Nav li#friend, ul#Nav li#friend a {
width: 66px;
height: 98px;
}
ul#Nav li#friend a {
background-image: url(../images/beourfriend-new.jpg); 
}  


li#onlinestore a:hover {
background-position: 0px 0px;
}

ul#Nav li#end {
width: 270px;
height: 98px;
position:relative;
top: -1px;
}
ul#Nav li#end {
background: url(../images/end2.jpg) no-repeat; 
}  

ul#Nav li#space1{
background-image: url(../images/space1.jpg); 
width: 55px;
height: 98px;
}

ul#Nav li#onlinestore, ul#Nav li#onlinestore a{
width: 145px;
height: 98px;
}
ul#Nav li#onlinestore a{
background-image: url(../images/onlinestore.jpg);
}

ul#Nav li#space2 {
background-image: url(../images/space2.jpg); 
width: 67px;
height: 98px;
}

div#ContentStory, div#ContentWear, div#ContentPlay, div#ContentRead, div#ContentRoom, div#ContentLove, div#ContentHave, div#ContentFriend, div#ContentLove, div#Content {
background: none;
padding: 0 0 0 78px; /* 78px left */
display: block;
height: 420px; 
min-height: 420px;
margin: 0;
display: block;
width: 891px;
} 

div#content2 {
background: none;
padding: 0 0 0 78px; /* 78px left */
display: block;
height: 500px; /* 420px; */
margin: 0;
display: block;
width: 891px;
} 

p {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #612d28;
}

h1 {
FONT-WEIGHT: bold;
FONT-SIZE: 14px;
COLOR: #612d28;
FONT-FAMILY: Arial, Helvetica, sans-serif;
TEXT-DECORATION: none;
margin: 0px 0px 0px 20px;
}

td {
padding: 5px 5px 5px 5px;
}

span#cs1 {
margin-left: 62px;
}
span#cs2 {
margin-left: 24px;
}
span#cs3 {
margin-left: 44px;
}
span#cs4 {
margin-left: 67px;
}
span#cs5 {
margin-left: 164px;
}
span#cs6 {
margin-left: 75px;
}
span#cs7 {
margin-left: 40px;
}
span#cs8 {
margin-left: 35px;
}
span#cs9 {
margin-left: 115px;
}
span#cs10 {
margin-left: 62px;
}

span#cw1 {
margin-left: 90px;
font-size:16px;
}
span#cw2 {
margin-left: 150px; 
font-weight: bold;
font-size:22px;
position:relative;
top:-10px;
}
span#cw3 {
margin-left: 200px; 
position:relative;
top:-15px;
font-size:16px;
}
span#cw4 {
margin-left: 40px;
font-size:16px;
}
span#cw5 {
margin-left: 83px;
font-size:16px;
}
span#cw6 {
margin-left: 123px;
font-size:16px;
}
span#cw7 {
margin-left: 160px;
font-size:16px;
}
strong#kids {
font-size: 22px;
}

span#cp1 {
margin-left: 0;
font-size:16px;
font-weight:500;
}
span#cp2 {
margin-left: 50px;
font-size:16px;
font-weight:500;
}
span#cp3 {
margin-left: 85px;
font-size:16px;
font-weight:500;
}
span#cp4 {
margin-left: 0px;
font-size:16px;
font-weight:500;
}
span#cp5 {
margin-left: 115px;
font-size:16px;
font-weight:500;
}
span#cp6 {
margin-left: 90px;
font-size:16px;
font-weight:500;
}
span#cp7 {
margin-left: 10px;
font-size:16px;
font-weight:500;
}
span#cp8 {
margin-left: 150px;
font-size:16px;
font-weight:500;
}
span#cp9 {
margin-left: 110px;
font-size:16px;
font-weight:500;
}
strong#cp10 {
font-size:22px;
}

span#crr1 {
margin-left: 5px; 
font-size:16px;
font-weight:500;
}
span#crr2 {
margin-left: 70px;
font-size:16px;
font-weight:500;
}
span#crr3 {
margin-left: 25px; 
font-size:16px;
font-weight:500;
}
span#crr4 {
margin-left: 63px;
font-size:16px;
font-weight:500;
} 
strong#crr5 {
font-size:22px;
}

p#store {
margin-left: 62px;
margin-top: 40px;
font-family:Arial, Helvetica, sans-serif;
font-weight: 500;
font-size: 18px;
color: #be2335;
}

span#store { 
font-weight: bold;
font-size:22px;
}

div#dash {
background: url(../images/dash.jpg) no-repeat;
display:block;
width: 231px;
height: 14px;
margin-left: 62px;
margin-top: -20px;
}

table#csImages { 
float: left;
margin: 30px 0px 0px 0px; /* 100px right*/
}

table#crImages {
float: left; 
padding: 0;
margin-top: 20px;
margin-left: 20px;
}

table#resources {
margin-left: 30px;
margin-top: 20px;
}

table#resources td {
width: 150px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #612d28;
padding: 0;
padding-right: 10px;
margin:0;
}

div#text {
margin-top: 60px; 
float:left;
width: 400px;
height: auto;
} 

p.centered {
width: 808px;
text-align:center;
color: #93593e;
font-size:18px;
font-style:italic;
line-height: 20px;
}

span.heart {
background:url(../images/heart.png) no-repeat;
text-indent: -2000px;
display: inline-block;
width: 20px;
overflow: hidden;
}

a, img {
border: 0;
}

table#formFriend {
background-color: #522822;
margin-left: 72px;
width: 671px;
height: 347px;
}

label {
color:#FFF;
text-align:right;
display:block;
width: 150px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
}

textarea {
width: 471px;
border: 0;
margin-right: 20px;
background-color: #724d45;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
padding: 5px 0 0 5px;
}

input#Name, input#Email, input#Telephone {
width: 471px; /*436px*/
height: 27px;
border: 0;
background-color: #724d45;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
padding: 8px 0 0 5px;
}

#submit {
float: right;
border: 0;
background-color: #724d45;
color:#FFF;
}

#footer {
background: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #7c4b3e; 
padding: 0 0 0 0px; /*66px left */
margin: 0;
height: 28px;
display: block; 
clear: both;
width: 969px;
text-align: center;
}

span.dot {
background: url(../images/dot.png) 6px 3px no-repeat;
width: 22px;
text-indent: -2000px;
display: inline-block;
overflow: hidden;/*
position: relative;
top: -3px;*/
}
 
.spacer {
clear: both;
width: 100%;
height: 0px;
}

span.req {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#FF6600;
}

table.webform {
background-color: #522822;
width: 670px;
margin-left: 72px;
}

table.webform tr td {
padding:0;
}

table.webform tr td label { 
text-align: right;
font-size: 12px;
float: left;
padding-top: 32px;
padding-right: 10px;
}

table.webform tr td label#comment { 
padding-top: 45px;
}

table.webform tr td input {
font-size: 14px;
background-color: #724d45;
color: #ffffff;
width: 476px;
height: 37px;
float: left;
border: 0;
margin-top: 25px;
padding: 10px 0 0 4px;
}

table.webform tr td textarea{
font-size: 14px;
background-color: #724d45;
color: #ffffff;
width: 472px;
height: 62px;
float: left;
border: 0;
margin-top: 25px;
padding: 10px 0 0 4px;
}

table.webform tr td input.cat_button {
float: right;
width: 56px;
height: 23px;
color: #ffffff;
margin: 10px;
padding: 0;
}

div.system-message {
background: none;
padding: 0;
margin: 0;
}

p span.shop-now {  
width: 135px;
height: 59px;
padding: 0 0 0 120px;
margin: 30px 0 0 0; 
}