@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);
  }

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

a, body {
  font-size:100%;
  font-family: Joyful Juliana, Arial;
}

a img{
  border:none;
}

p {
  font-family: Joyful Juliana, Arial;
  font-size:100%;
  margin:0px;
  padding-bottom:10px;
}


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

select {
  font-family: Joyful Juliana, Arial;
}

br {
  line-height:2px;
}

span.leftnavlinkon {
  font-size:78%;
  font-family: Joyful Juliana, 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.question {
	font-size:100%;
	font-family: Joyful Juliana, Arial;
	color:#86CD1B;
	font-weight:bold;
}

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

div.spacer {
  clear:both;
}

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 {
  font-size:90%;
  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;
  margin-top:12px;
  margin-left:15px;
  margin-bottom:12px;
  float:left;
}

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

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

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

.tabledata td {
   vertical-align: top;
}

img.cartimage {
  margin:0px;
}


#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;
}


#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;
}

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

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

#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:bold;
  color:#FF9933
}

.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 */

}