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

/*RESET PAGE SET UP*/

* {
	margin: 0;
	padding: 0;
}     

html { 						overflow-y: scroll;}

body {						font-family: Verdana, Geneva, sans-serif; background-color: #f4f5f5;}

#page-wrap{ 				width: 960px;  margin: 0 auto;  }

#main-content {				width: 720px;
							padding: 10px 15px;
							margin: 30px 5px 10px 0px;
							float: left;
							}
							
#alphabet-form{				width: 350px;							
							float: left;
							margin-left: 200px;
							padding: 20px 0px 0px 30px;
							font-size: 0.9em;
							line-height: 1.285em;							
							color:#5F5F5F;
							}
				
							
.submit{					text-indent: -9999px;
							height: 38px;
							width: 164px;
							margin: 0px 0px 0px 50px;
							border: 1px solid #e1e6e6;
							background: url(../images/buy-now-but.jpg) bottom center no-repeat;
							
							}
							
.submit:hover{				background-position: top center;}

.form-text{					padding:0 0 0px 58px ;
							font-weight:800;
							line-height:2.0em;
							}
							

#main-content ul.thumb {	float: left;
							list-style: none;
							margin: 0px; padding: 0px;
							width: 720px;
							}

ul { 						list-style:none inside;
							font-size: 0.8em;
							}

p {							font-size: 0.9em;
							line-height: 1.285em;
							margin-bottom:0.614em;
							padding: 5px 50px 5px 50px;
							color:#5F5F5F;
							}
							
	
p.frontpage{				padding-left: 50px;}
	
p.contact-addy{				font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
							font-size: 1.0em;
							line-height: 1.2em;
							margin-top: 0.1em;
							margin-bottom:0.1em;
							padding: 1px 50px 1px 400px;
							color:#5F5F5F;
							}
	
p.contact-addy a:hover{		background-color:#e5e5e7;
							padding: 3px 0px;
							}
							
p.crafted{					clear:both;
							padding-top: 35px;
							}
							
a {  						outline: none;
							text-decoration:none;
							color: #8ea4c9;
							}

a img {						color: #f4f5f5; border: none;}

.peel-it{				margin-left: 40px;}

h1 {						font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
							font-size: 2.1em;
							font-variant: small-caps;
							font-weight: normal;
							color:#A0A0A4;
							padding:0px 0px 0px 75px;
							margin: 0px 0 px 5px 0px;
							}

.h1-deer,.h1-rose,.h1-nikau,.h1-skool,.h1-space,.h1-retro,.h1-boys,.h1-kiwi,.h1-hundreds,.h1-dotty,.h1-dolls,.h1-sheep,.h1-bush,.h1-ele,.h1-pukes,.h1-whim1,.h1-tia,.h1-choc,.h1-beach,.h1-giraffe-mural,.h1-pohut,.h1-whim2,.h1-giraffe-lg,.h1-tui,.h1-alpha,.h1-tiny,.h1-heart-tatt,.h1-skull{
							text-indent: -9999px;
							width: 590px;
							height: 50px;
							margin: 0px 0px 4px 80px;	
							}

.h1-deer					{background: url(../images/h1-deer.jpg) no-repeat;}	
.h1-rose					{background: url(../images/h1-rose.jpg) no-repeat;}
.h1-nikau					{background: url(../images/h1-nikau.jpg) no-repeat;}
.h1-skool					{background: url(../images/h1-oldSkool.jpg) no-repeat;}
.h1-space					{background: url(../images/h1-space.jpg) no-repeat;}
.h1-retro					{background: url(../images/h1-retro-intense.jpg) no-repeat;}
.h1-boys					{background: url(../images/h1-boys-own.jpg) no-repeat;}
.h1-kiwi					{background: url(../images/h1-retro-kiwi.jpg) no-repeat;}
.h1-hundreds				{background: url(../images/h1-hundreds.jpg) no-repeat;}
.h1-dotty					{background: url(../images/h1-dotty.jpg) no-repeat;}
.h1-dolls					{background: url(../images/h1-dolls.jpg) no-repeat;}
.h1-sheep					{background: url(../images/h1-sheep.jpg) no-repeat;}
.h1-bush					{background: url(../images/h1-bush.jpg) no-repeat;}
.h1-ele						{background: url(../images/h1-pat-ele.jpg) no-repeat;}
.h1-pukes					{background: url(../images/h1-pukes.jpg) no-repeat;}
.h1-whim1					{background: url(../images/h1-whim1.jpg) no-repeat;}
.h1-tia						{background: url(../images/h1-tia.jpg) no-repeat;}
.h1-choc					{background: url(../images/h1-chocolate.jpg) no-repeat;}
.h1-beach					{background: url(../images/h1-beach.jpg) no-repeat;}
.h1-giraffe-mural			{background: url(../images/h1-giraffe-mural.jpg) no-repeat;}
.h1-pohut					{background: url(../images/h1-pohut.jpg) no-repeat;}
.h1-whim2					{background: url(../images/h1-whim2.jpg) no-repeat;}
.h1-giraffe-lg				{background: url(../images/h1-giant-giraffe.jpg) no-repeat;}
.h1-tui				        {background: url(../images/h1-tui.jpg) no-repeat;}
.h1-alpha				    {background: url(../images/h1-alphabetica.jpg) no-repeat;}
.h1-tiny				    {background: url(../images/h1-tiny.jpg) no-repeat;}
.h1-heart-tatt				{background: url(../images/h1-heart-tatt.jpg) no-repeat;}
.h1-skull				    {background: url(../images/h1-skull.jpg) no-repeat;}


.thanks						{text-indent: -9999px; 
							 height: 100px; 
							 background: url(../images/fc-shop-thanks.jpg) no-repeat;
							 margin-left: 25px;
							}

.holiday					{padding: 0px 0px 0px 90px;}
h2 {						font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
							color:#A0A0A4;
							font-size: 1.7em;
							font-weight: normal;
							padding:5px 0px 2px 5px;
							border-bottom: 2px solid #B3B3B3;
							margin: 5px 40px 15px 40px;
							}
	
h3 {						font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
							font-size: 1.3em;
							font-weight: normal;
							color: #A0A0A4;
							padding: 5px 0px 7px 9px;
							border-bottom: 2px solid #B3B3B3;
							margin: 0px 32px 5px 0px;
							}
	
h3.home{					padding-left: 10px;
							margin: 0px 30px 5px 0px;
							}	

h3.price, h3.price-alpha{	font-size: 1.3em;
							font-weight:800;
							color: #A0A0A4;
							padding: 10px 0px 0px 90px;
							float: left;
							border:none;
							}
							
h3.price-alpha{				padding-left:250px;
							}
	
h3.more{					margin-top:50px; 
							width:540px;
							}

h4{ 						color: #A0A0A4;
							background-color: #ccc;
							margin: 5px 40px 10px;
							padding-left: 100px;
							}
						
.kia-ora{					background: url(../images/kia-ora.jpg) no-repeat;
							text-indent: -9999px;
							height: 60px;
							}

ul#nav{	 					 margin-left: 434px;}
	
ul#nav li{ 					 display: inline; }
	
ul#nav li a {				 display:block;
							 height: 37px;
							 text-indent: -9999px;
							 float: left;
							 }
	 
ul#nav li.media a {			  width: 105px;
							  background: url(../images/nav-media.jpg) bottom center no-repeat;
							  }
							  
ul#nav li.faq a {			  width: 97px;
							  background: url(../images/nav-faq.jpg) bottom center no-repeat;
							  }
							  
ul#nav li.contact a {		  width: 97px;
							  background: url(../images/nav-contact.jpg) bottom center no-repeat;
							  }
			 		 			 
ul#nav li.about a {			  width: 97px;
							  background: url(../images/nav-about.jpg) bottom center no-repeat;
							  }
		
ul#nav li.home a {			  width: 100px;
							  background: url(../images/nav-home.jpg) bottom center no-repeat;
							  }
			 
ul#nav li a:hover { 		  background-position: center center;}
		
#home ul#nav li.home a {      background-position: top center;}
		
#about ul#nav li.about a {    background-position: top center;}
		
#contact ul#nav li.contact a{ background-position: top center;}
		
#faq ul#nav li.faq a { 		  background-position: top center;}
		
#media ul#nav li.media a { 	  background-position: top center;}

ul.thumb li {				padding: 10px 9px;
							float: left;
							position: relative;  /* Set the absolute positioning base coordinate */
							width: 222px;
							height: 219px;
							}
	
ul.thumb li img {			width: 222px; height: 219px; /* Set the small thumbnail size */
							-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
							border: none;
							background: #f4f5f5;
							position: absolute;
							left: 0; top: 0;
							}
	
#sidebar{ 				    width: 205px;
							float: right;
							margin: 30px 0px;
							}

ul#sidebar-links{			width: 164px;
							margin: 58px 38px 0px 0px;
							padding-top:10px;
							padding-bottom:50px;
							background: none;
							box-shadow: 5px 5px 8px #e0e1e1;  
							-moz-box-shadow: 5px 5px 8px #e0e1e1;  
							-webkit-box-shadow: 5px 5px 8px #e0e1e1;
							}
							
							
	
ul#sidebar-links li a{		display: block;
							height: 37px;
							text-indent: -9999px;
							}

ul#sidebar-links li.blog a{ 
							width: 164px; 
							background: url(../images/sidebar-blog-but.jpg) bottom center ;}
	
ul#sidebar-links li.testimonials a{ 
							width: 164px; 
							background: url(../images/sidebar-testi-but.jpg) bottom center ;}
	
ul#sidebar-links li.etsy a{ 
							width: 164px; 
							background: url(../images/sidebar-etsy-but.jpg) bottom center ;}
	
ul#sidebar-links li.newsletter a{ 
							width: 164px; 
							background: url(../images/sidebar-news-but.jpg) bottom center ;}
	
ul#sidebar-links li.convert a{
							width: 164px; 
							background: url(../images/convert-but.jpg) bottom center no-repeat;}
	
ul#sidebar-links li.back a{	width: 164px; 
							background: url(../images/back-home-but.jpg) bottom center no-repeat;}
							
ul#sidebar-links li.twitter a{	width: 164px; 
							background: url(../images/sidebar-twitter.jpg) bottom center no-repeat;}
							
ul#sidebar-links li.facebook a{	width: 164px; 
							background: url(../images/sidebar-facebook.jpg) bottom center no-repeat;}
							
ul#sidebar-links li.sidebar-spacer a{
									 height: 21px; 
									 width: 164px; 	
									 background: url(../images/spacer.jpg) bottom center no-repeat;}

ul#sidebar-links li a:hover{ background-position: top center;}

.david{ padding-left: 30px;}

#buy-now-bar{				width: 590px;
							margin: 40px 0px 10px 35px;
							padding-left:30px;
							}
	
ul#buy-now-list li{			display: inline;}

ul#buy-now-list li a{
							display: block;
							width: 333px;
							height: 37px;
							text-indent: -9999px;
							float: right;
							}
	
ul#buy-now-list li.buynow a{width: 164px;
							margin-right:100px;
							border: 1px solid #e1e6e6;
							background: url(../images/buy-now-but.jpg) bottom center no-repeat;
							}

ul#buy-now-list li a:hover {background-position: top center; }
	
#product-blurb {		 width: 580px;
						 float: left;
						 margin-left: 10px;
						 margin-bottom: 30px;
						 padding: 10px 20px 10px 65px;
						 }
						 
#list-wrapper{			 }
	
ul.product-list{		margin-left: 70px;
						width: 550px;
						 }
	
ul.product-list li{		 list-style: disc;
						 text-align: left;
						 width: 220px;
						 height: 10px;
                         float: left;
						 font-size: 0.9em;
						 line-height: 0.5em;
						 margin-bottom:0.2em;
						 padding: 3px 5px ;
						 color:#5F5F5F;
						 }
	
ul.next-product li { 	 display: inline; } 
	
ul.next-product li a{	 width: 100px;
						 height: 120px;
						 display: block;
						 float: left;
						 padding:20px 40px 10px 44px;
						 }

ul.next-product li a:hover{color: #0C3 ;}

	
#foxy{               	 margin:0px 0px 10px 30px;						
						 height: 46px;}
	
.tiki{					 width: 174px;
						 float: right;
						 margin: 20px 30px 25px 0px;
						 }

/*Start faq css*/

dl.faq{ 			  clear: both; 
                      margin: 0 0 65px 0; 
					  }

dt.question{ 		  border: 3px solid #B3B3B3; 
					  padding: 10px; 
					  background: #f4f5f5; 
					  position: relative; 
					  font-style: italic;
					  font-size: 0.9em;
					  font-weight: bold;
					  color:#9E9E9E;
					  display: block; 
					  width: 60%; 
					  height: auto;
					  margin: 0 0 0 40px;
					  border-radius: 8px;
					  -webkit-border-radius: 8px;
					  -moz-border-radius: 8px;
					  box-shadow: 5px 5px 12px #e0e1e1;  
					  -moz-box-shadow: 5px 5px 12px #e0e1e1;  
					  -webkit-box-shadow: 5px 5px 12px #e0e1e1;
					  }
					
dd.answer{ 			  background: #f4f5f5; 
					  position: relative; 
					  width: 60%; 
					  float: right; 
					  margin-right: 100px;
					  font-size: 0.8em;
					  line-height: 1.285em;
					  margin-top: 0.2em;
					  margin-bottom:0.2em;
					  color:#5F5F5F;
					  }
					  
dd.answer a:hover{    background-color:#e5e5e7;
					  padding: 3px 0px;
                      }
					  
dd.answer div{        padding: 10px; 
                      border: 3px solid #dedede;
                      margin: 5px 10px 20px 0; 
					  border-radius: 8px;
					  -webkit-border-radius: 8px;
					  -moz-border-radius: 8px;
					  box-shadow: 5px 5px 20px #e0e1e1;  
					  -moz-box-shadow: 5px 5px 20px #e0e1e1;  
					  -webkit-box-shadow: 5px 5px 20px #e0e1e1;
					  }

.answer-tab{          background: url(../images/answer-tag.png); 
                      display: block; 
                      text-indent: -9999px; 
					  width: 105px; 
					  height: 50px; 
					  cursor: pointer;
                      position: absolute; 
					  bottom: -63px; 
					  left: 10px;
					  }
					  
/*End faq css*/

/*Start Media css*/

li.media-list{		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
					font-size: 0.9em;
					color:#5F5F5F;
					background-color: #E9E9E9;
					margin: 8px 105px 8px 45px;
					padding: 5px 5px 5px 7px;
					white-space: pre;
                    }
					
li.media-list a{ 	font-size: 1.5em;}

/*end Media css*/

/*Start testimonials css*/

blockquote{			font-size: 0.85em;
					font-style:italic;
					color: #CCC;
					display: block;
					padding: 0 50px;
					width:550px;}
	

blockquote:before, blockquote:after{
					display: block;
					font-size: 400%;
					}
	
blockquote:before{	content:open-quote;
					height: 1px;
					margin-top: -5px;
					margin-left: -0.05em;
					}
	
blockquote:after{	content: close-quote;
					height: 50px;
					margin-top: -50px;
					margin-left: 500px;
					}
	
/*End testimonials css*/

/*Start footer*/

#footer{			width: 498px;
					height: 32px;
					background: url(../images/footer-bg.jpg) no-repeat;
					margin: 0px 0px 30px 430px;
					clear: both;
					}
					
.footer-text{		color: #c0c0c1;
					font-size: 0.8em;
					font-weight: 600;
					padding: 3px 0px 0px 135px;
					white-space: pre;
					}
/*end footer*/

ul.kids li			{
					padding:10px 0px 15px 100px;
					}