body {
  margin: 0;
  padding: 0 0 1em 0;
}

#wrapper {
  background-color: #eae8ff;
  width: 64em;
  padding: 0 0.3em 0.3em 0.3em;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  -webkit-box-shadow: 0 0 10px #0000ff inset;
  -moz-box-shadow: 0 0 10px #0000ff inset;
  box-shadow: 0 0 10px #0000ff inset;
  border-radius: 0 0 0.625em 0.625em;
}

#tmenu_container {
  text-align: center;
  margin-top: 1em;
}


#topmenu {
  margin-right: auto;
  margin-left: auto;
  background-image: url('http://www.kathysinnott.com/CatalogHeader_periwinkle.jpg');
  height: 124px;
  width: 1032px;
}

#head_image {
  margin-bottom: 0;
  margin-right: auto;
  margin-left: auto;
}

.plain_link {
  color: #ffffff;
}

#content {
  margin-top: 0;
  padding-top: 0;
  position: relative;
}

#PP_secure {
  background-image: url('http://www.kathysinnott.com/horizontal_solution_PPeCheck.gif');
  background-repeat: no-repeat;
  width: 14.25em;
  height: 4em;
  position: absolute;
  right: 1em;
  top: 1em;
  z-index: 10;
}

img {
  border: 0;
}

.pictr {
  display: none;
}

#info {
  clear: both;
  border-bottom: 1px solid #0000ff;
  width: 37em;
  height: 1.6em;
  padding: 0.76em 0 0.76em 0;
  text-align: center;
}

#info a:visited {
  color: #0000ff;
  text-decoration: none;
}

#info a{
  color: #0000ff;
  text-decoration: none;
  cursor: pointer;
  cursor: hand;
}

#info a:hover {
  text-decoration: underline;
}

.info_nav {
  float: left;
  height: 1.6em;
  width: 9em;
  margin-left: auto;
  margin-right: auto;
  color: #0000ff;
}

.info_nav p {
  padding: 0;
  margin: 0.153em 0 0 0;
  font-family: 'Euphoria Script', cursive;
  font-size: 1.5em;
}

.words {
  z-index: 50;
  background-color: #ffffff;
  padding: 0.5em;
  -webkit-box-shadow: 0 0 10px #0000ff inset;
  -moz-box-shadow: 0 0 10px #0000ff inset;
  box-shadow: 0 0 10px #0000ff inset;
  border-radius: 0 0 0.625em 0.625em;
  position: absolute;
}

#shipping { 
  border-right: 1px solid #0000ff;
}

#shipping_words {
  display: none;
  float: left;
  width: 30em;
}

#returns {
  border-right: 1px solid #0000ff;
}

#return_words {
  display: none;
  float: left;
  width: 30em;
}

#guarantee {
  border-right: 1px solid #0000ff;
}

#guarantee_words {
  display: none;
  float: right;
  width: 30em;
}

#custom {
  
}

#custom_words {
  display: none;
  float: right;
  width: 30em;
}

#default_words {
  position: absolute;
  width: 36em;
  top: 30em;
}

#photos {
  width: 37em;
  border-bottom: 1px solid #0000ff;
  padding: 0 0 1em 0;
  float: left;
}

#photos_margin {
  margin-top: 1em;
  margin-left: 1em;
  float: left;
  height: 43em;
  position: relative;
}

.vwcrt {
  float: left;
}

.inner_pic {
  margin-left: 3em;
  width: 19em;
  border-right: 1px solid #0000ff;
  float: left;
}

.inner_descr {
  margin: 4em 0em 0em 1em;
  width: 11em;
  float: left;
}

.inner_descr p {
  margin-bottom: 0;
}

#navpic {
  float: left;
  padding: 3em 1em 3em 1em;
}

#thumbs {
  border-right: 1px solid #0000ff;
  height: 40em;
  width: 25em;
  overflow: scroll;
  float: left;
}

.thumb_nav {
  cursor: pointer;
  cursor: hand;
  float: left;
  padding: 0.5em;
}

.pp_form {
  postion: absolute;
  top: 15em;
}

#prev {
  cursor: pointer;
  cursor: hand;
  height: 2em;
  width: 2em;
  color: silver;
  background-color: #005276;
  text-align: center;
  -webkit-box-shadow: 0 0 1.4em #0000ff inset;
  -moz-box-shadow: 0 0 1.4em #0000ff inset;
  box-shadow: 0 0 1.4em #0000ff inset;
  border-radius: 0.7em 0 0 0.7em;
  position: absolute;
  top: 12em;
  z-index: 1;
  left: 27.1em;
}

#prev:hover {
  background-color: #00eeff;
}

#next {
  cursor: pointer;
  cursor: hand;
  height: 2em;
  width: 2em;
  color: silver;
  background-color: #345276;
  text-align: center;
  -webkit-box-shadow: 0 0 1.4em #0000ff inset;
  -moz-box-shadow: 0 0 1.4em #0000ff inset;
  box-shadow: 0 0 1.4em #0000ff inset;
  border-radius: 0 0.7em 0.7em 0;
  position: absolute;
  top: 12em;
  left: 44.7em;
  z-index: 1;
}

#next:hover {
  background-color: #00eeff;
}

.navbut {
  margin: 0.5em;
}


.nav {
  margin-left: auto;
  margin-right: auto;
  width: 64em;
  margin-top: 0.1em;
  margin-bottom: 0em;
  padding-bottom: 0em;
  padding-top: 0em;
  word-spacing: 4em;
}

#head p {
  border-bottom: solid 0.1em #0000ff;
  
}

#foot p {
  border-top: solid 0.1em #0000ff;
}

.nav p {
  margin-top: 0;
  margin-bottom: 0.3em;
  font-family: 'Euphoria Script', cursive;
  font-size: 1.3em;
}

.nav a:visited {
  color: #0000ff;
  text-decoration: none;
}

.nav a:link {
  color: #0000ff;
  text-decoration: none;
}

.nav a:hover {
  text-decoration: underline;
}

#search {
  clear: both;
}

#search_bar {
  float: left;
  }

#submit1 {
  margin-left: 3.5em;
}

#search_bar label {
  width: 8em;
  float: left;
  text-align: right;
  margin-right: 0.5em;
  display: block;}

#bio {
  margin-left: 1em;
  margin-bottom: 1em;
  float: right;
  width: 43em;
}

#bio h3{
  margin-bottom: 0.2em;
  margin-top: 0;
  margin-left: 23.5em;
  margin-top: 1em;
}

#bio p{
  margin-top: 0;
}

.sizer {
 clear: both;
}

.photol {
  float: left;
  padding: 2em 1em 3em 1em;
}



/*********************************************************
/ jqzoom CSS included here to speed up the page load time.
/ I have removed the "zoom loading image" otherwise its unchanged
/ do not alter this in any way, unless you know what you are doing.
/*********************************************************/

.zoomPad{
	position:relative;
	float:left;
	z-index:99;
	cursor:crosshair;
}


.zoomPreload{
   -moz-opacity:0.8;
   opacity: 0.8;
   filter: alpha(opacity = 80);
   color: #333;
   font-size: 12px;
   font-family: Tahoma;
   text-decoration: none;
   border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
   text-align:center;
   z-index:110;
   width:90px;
   height:43px;
   position:absolute;
   top:0px;
   left:0px;
    * width:100px;
    * height:49px;
}


.zoomPup{
	overflow:hidden;
	background-color: #FFF;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	z-index:120;
	position:absolute;
	border:1px solid #CCC;
  z-index:101;
  cursor:crosshair;
}

.zoomOverlay{
	position:absolute;
	left:0px;
	top:0px;
	background:#FFF;
	/*opacity:0.5;*/
	z-index:5000;
	width:100%;
	height:100%;
	display:none;
  z-index:101;
}

.zoomWindow{
	position:absolute;
	left:110%;
	top:40px;
	background:#FFF;
	z-index:6000;
	height:auto;
  z-index:10000;
  z-index:110;
}
.zoomWrapper{
	position:relative;
	border:1px solid #999;
  z-index:110;
}
.zoomWrapperTitle{
	display:block;
	background:#999;
	color:#FFF;
	height:18px;
	line-height:18px;
	width:100%;
  overflow:hidden;
	text-align:center;
	font-size:10px;
  position:absolute;
  top:0px;
  left:0px;
  z-index:120;
  -moz-opacity:0.6;
  opacity: 0.6;
  filter: alpha(opacity = 60);
}
.zoomWrapperImage{
	display:block;
  position:relative;
  overflow:hidden;
  z-index:110;

}
.zoomWrapperImage img{
  border:0px;
  display:block;
  position:absolute;
  z-index:101;
}

.zoomIframe{
  z-index: -1;
  filter:alpha(opacity=0);
  -moz-opacity: 0.80;
  opacity: 0.80;
  position:absolute;
  display:block;
}

/*********************************************************
/ When clicking on thumbs jqzoom will add the class
/ "zoomThumbActive" on the anchor selected
/*********************************************************/