@import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light);
@font-face {
    font-family: Joyful Juliana;
    font-style:  normal;
    font-weight: normal;
    src: url(JOYFULJ1.eot);
}
@font-face {
    font-family: Joyful Juliana;
    font-style:  normal;
    font-weight: 700;
    src: url(JOYFULJ0.eot);
}
@font-face {
    font-family: Shadows Into Light
    font-style:  normal;
    font-weight: 500;
    font-stretch: semi-expanded;
}

body {
  margin:5px;
  background-image: url(images/kk_bg.jpg);
  text-align:center;
}

a, body {

  font-family: Joyful Juliana, Shadows Into Light, Arial;
}

a img{
  border:none;
}

p {
	font-family: Joyful Juliana, Shadows Into Light, Arial;
	margin-top:0px;
	margin-bottom:10px;
}


ul li {
  padding-left:0px;10
  margin-left:15px;
}

select {
  font-family: Joyful Juliana, Shadows Into Light, Arial;
}
select.productSelectQuantity {	padding-top:0px;	margin-top:0px;}
br {
  line-height:2px;
}

tr.productNameBg {
  	background-color: #86CD1B;
}

ul.productDesc {font-size:90%; margin-left:20px; margin-top:0px; padding:0px;}

span.leftnavlinkon {
  font-size:78%;
  font-family: Joyful Juliana, 'Shadows Into Light', Arial;
  width:7.5em;
  display:block;
  text-decoration:none;
  border: thin solid #FF9933;
  background-color: #FF9933;
  margin-bottom:0.5em;
  margin-top:0.5em;
  padding-left:0.1em;
  font-weight: bold;
}

span.productName {
	font-weight:600;
}

span.question {
	font-size:100%;
	font-family: Joyful Juliana, 'Shadows Into Light', Arial;
	color:#86CD1B;
	font-weight:bold;
}

span.bold {
	font-size:100%;
	font-family: Joyful Juliana, 'Shadows Into Light', Arial;
	color:#86CD1B;
	font-weight:bold;
}

span.enlarge {
	font-size:70%;
	text-decoration:none;
}

.spacer {
	padding-top:5px;
	padding-bottom:5px;
}

div.leftnavlink {
        background-color: #FFFFFF;
        padding-left:0.5em;
        margin-top:0.5em;
        margin-bottom:0.5em;
        margin-left:0;
        margin-right:0;
        font-weight: bold;
}

div.topnavdivider {
  float:left;
  margin-top:0.2em;
}

div.topnavlink {
  float:left;
  margin-left:1em;
  margin-right:1em;
}

.billboard {
  width:640px;
  display:block;
  text-decoration:none;
  border: thin solid #FF9933;
  background-color: #FFFFFF;
  margin-bottom:15px;
  padding:0px 0px 0px 0px;
}


#mainmsgbox {
  width:640px;
  text-align:center;
  background:#FFFFFF;
  padding:0px;
  margin:0px;
}

.conditionsListItem {
  padding-bottom:10px;
}

a.noline {
  text-decoration:none;
}

a.leftnavlink {
  font-size:78%;
  width:7.5em;
  border: solid 1px #FF9933;
  display:block;
  text-decoration:none;
  color:black;
  background-color: #FFFFFF;
  margin-bottom:0.5em;
  margin-top:0.5em;
  padding-left:0.15em;
}


a.leftnavlink:visited {
  text-decoration:none;
  color:black;
}

a.leftnavlink:active {
  text-decoration:none;
  color:black;
}

a.leftnavlink:hover {
  background-color: #FF9933;
}

div.logo {
  padding-left:0px;
  width:100px;
  float:left;
}

div.header {
  font-size:300%;
  font-weight:bold;
  color:#86CD1B;
  height:68px;
  margin-top:10px;
  margin-left:15px;
  margin-bottom:0px;
  float:left;
}

img.kits { background:url('images/kits.jpg'); }
img.eaKit { width:125px; height:94px; background-position: 0px 0px; }
img.slKit { width:125px; height:94px; background-position: -125px 0px; }
img.tsKit { width:125px; height:94px; background-position: -250px 0px; }
img.wcKit { width:125px; height:94px; background-position: -375px 0px; }

img.kitsCardsSprite { background:url('images/kits_cards_sprite.jpg'); }
img.ea { width:125px; height:94px; background-position: 0px 0px; }
img.sl { width:125px; height:94px; background-position: 0px -94px; }
img.ts { width:125px; height:94px; background-position: 0px -188px; }
img.wc { width:125px; height:94px; background-position: 0px -282px; }
img.eaNotecard { width:125px; height:94px; background-position: -125px 0px; }
img.slNotecard { width:125px; height:94px; background-position: -125px -94px; }
img.tsNotecard { width:125px; height:94px; background-position: -125px -188px; }
img.wcNotecard { width:125px; height:94px; background-position: -125px -282px; }
img.eaEmbellishments { width:125px; height:94px; background-position: -250px 0px; }
img.slEmbellishments { width:125px; height:94px; background-position: -250px -94px; }
img.tsEmbellishments { width:125px; height:94px; background-position: -250px -188px; }
img.wcEmbellishments { width:125px; height:94px; background-position: -250px -282px; }
img.eaBabyEmbellishments { width:125px; height:94px; background-position: -375px 0px; }
img.slBabyEmbellishments { width:125px; height:94px; background-position: -375px -94px; }
img.tsBabyEmbellishments { width:125px; height:94px; background-position: -375px -188px; }
img.wcBabyEmbellishments { width:125px; height:94px; background-position: -375px -282px; }
img.eaBirthdayEmbellishments { width:125px; height:94px; background-position: -500px 0px; }
img.slBirthdayEmbellishments { width:125px; height:94px; background-position: -500px -94px; }
img.tsBirthdayEmbellishments { width:125px; height:94px; background-position: -500px -188px; }
img.wcBirthdayEmbellishments { width:125px; height:94px; background-position: -500px -282px; }
img.eaThankYouEmbellishments { width:125px; height:94px; background-position: -625px 0px; }
img.slThankYouEmbellishments { width:125px; height:94px; background-position: -625px -94px; }
img.tsThankYouEmbellishments { width:125px; height:94px; background-position: -625px -188px; }
img.wcThankYouEmbellishments { width:125px; height:94px; background-position: -625px -282px; }

img.border
{
  border: 2px solid #FF9933;
  background-color: #FFFFFF;
  margin-top:0px;
  margin-bottom:15px;
  padding:1px;
}

.tabledata {
	margin-top:5px;
	margin-bottom:5px;
	width:660px;
	padding:0px;
	font-size:100%;
	float:left;
}

.tabledata tr {
  padding-bottom:0px;
}

.tabledata td {
   vertical-align: top;
}

img.cartimage {
  margin:0px;
}

.ui-dialog-title {
  font-size:12px;
  font-family: Joyful Juliana, 'Shadows Into Light', Arial;
}

#viewcartdiv {
  font-size:90%;
  margin-right:20px;
  float:right;
}

#content {
  width:800px;
  margin-left:auto;
  margin-right:auto;
  padding:0px;
  text-align:left;
}

#cart {
    padding:0px;
    margin-right:5px;
    float:right;
}

#topnav {
        width:750px;
        background-color:#FFFFFF;
        float:left;
}

#footer {
        text-align:center;
        width:750px;
        float:left;
	font-size:80%;
}


#main {
        /*border: solid 1px #FF6600;*/
        padding: 0px;
        margin-top:15px;
        margin-left:15px;
        width:650px;
        float:left;
}

#leftnav {
        padding:5px;
        padding-left:1px;
        width:100px;
        float:left;
        clear:left;
}

#emailBox {
	font-size:60%;
	width:95px;
}

.emailBoxLabel {
	padding-top:10px;
	font-size:80%;
	display:block;
	line-height:1;
}

#emailForm {
	margin:0px;
}

#submitButton {
	height:21px;
	width: 95px;
	font-size:80%;
	font-family:Joyful Juliana, 'Shadows Into Light', Arial;
	font-weight:700;
}

#paypal {
  clear:right;
  margin-top:5px;
  margin-right:1px;
  float:right;
}

#totalCheckout {
  margin-top:10px;
  margin-right:10px;
  float:right;
}

.footer_spacer {
  padding:40px;
  clear:both;
}

#small_spacer {
  padding:20px;
  clear:both;
}

#tiny_spacer {
  padding:10px;
  clear:both;
}

#gallerytable td {
  text-align:center;
}

.newlabel
{
  font-size: 95%;
  font-weight:700;
  color:#FF9933
}

.thumb {
  margin:0px;
	padding:0px;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 0px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 5px;
padding-bottom:0px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0px;
left: 0px; /*position where enlarged image should offset horizontally */
}





