/*____________ GENERAL _____________*/

body {
	color: #fff;
	margin: 0;
	padding: 0;}


td, table, tr {border: none;
	/* border: 1px solid blue; */
  		   padding: 0;
			   margin: 0;
			   border-collapse: collapse; }
			   
			   

img {border: none;}





div {margin: 0; 
	padding: 0;
	spacing: 0;}


th	{
	/*border: 1px solid red; */
  text-align: left;
	font-weight: normal;
	padding-top: 5px;
	width: 10%;
	padding-right: 10px;
	white-space: nowrap;
	color: #78288c;
	font: 11px/18px verdana, arial, helvetica, sans-serif;
	text-decoration: none;
    outline: none;
	}



/*__________ TEXT SIZES ____________*/

p, ul, li {font: 11px/16px verdana, arial, helvetica, sans-serif; 
		  color: #000000;}
		  
 a {
	font: 12px/18px georgia, serif;
	font-weight: bold; 
	color: #78288c;
	text-decoration: none;
	outline: none;
	}

a:active.menu, a:link.menu, a:visited.menu {
	font: 12px/18px georgia, serif;
	font-weight: bold; 
	color: #78288c;
	text-decoration: none;
	outline: none;
	}




/*__________ TYPOGRAPHY ____________*/

a 
	{
	color: #78288c;
	font: 11px/18px verdana, arial, helvetica, sans-serif;
	text-decoration: none;
    outline: none;
    }

a:hover, a:hover.menu {
	color: #3DA1AE;
	text-decoration: none;
	}

a:active {color: #78288c;}

h2 {
	font: 18px/18px  georgia, verdana, arial, sans-serif;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	}
	
ul, li, dd, span {
	padding: 0;
	border: 0;
	margin: 0;
	display: block;
	}
	
/*____________ CONTAINERS ____________*/

#wrap {
	position: relative;
	margin: 0 auto;
	text-align: left;
	}

#main {
	background: url(images/mainbackground.gif) no-repeat;
	height: 768px;
	width: 1024px;
	padding: 0px;
	position: relative;
	margin: 0 auto;
	text-align: left;
	border: 0px;
	}
	
#mainheader {
	padding-top: 164px;
	padding-left: 10px;
	margin: 0 auto;
	position: relative;
	}
		
#header {
	padding: 0;	
	position: relative;
	height: 56px;
	width: 724px;
	background: transparent url(images/header.gif) no-repeat;
	margin: 0 auto;
	}

/* start my implements */
#linkbox {
	display: block;
	padding: 0;
	margin: 0;
	position: relative;
/*	border: black 1px solid; */
	width: 114px;
	top: 55px;
  text-align: center;
	height: 210px;
	
	
	}

#linkframe {
	display: block;
	padding: 0;
	left: 717px;
	position: absolute;
	height: 275px;
	width: 162px;
	background: transparent url(images/linkframe.gif) no-repeat;
	margin: 0px 0px 0px 0px;
	text-align:left;
	/* border: blue 1px solid; */
	}


#linkframe2 {
	
 	display: block;
	padding: 0;
	left: 617px;
	position: absolute;
	height: 275px;
	width: 162px;
	background: transparent url(images/linkframe.gif) no-repeat;
	margin: 0;
	text-align:left;
	/* border: blue 1px solid; */
	}



	#link-menu {
	padding: 0;
	top: 58px;
	width: 152px;
	height: 205px;
	display: block;
	position: relative;
	/* border: red solid 1px; */
	text-align: center;
  margin-left: 6px;
  margin-top: 0px;
	margin-bottom: 0px;
	
  }
	.linkspacing {
	margin-left: 1px;
  display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 105px;
	border-bottom: 1px solid #000;
	}

#linkspacing2 {
	padding-top: 5px;
	padding-bottom: 5px;
	width: 105px;
	border: 0;
	}
	#linkcontainer
	{
  width: 112px; 
  height: 200px; 
  /* border: 1px yellow solid; */ 
  text-align: left; 
  position: relative; 
  margin-left: auto ; 
  margin-right: auto; 
  }

/* end my implements */





#wginger {
	left: 467px;
	top: 8px;
	display: block;
	width: 129px;
	height: 38px;
	background: transparent url(images/wginger.gif) no-repeat 0 0;
	position: absolute;
	background-image: url(images/wginger.gif);
	}

#wginger:hover {
	background: transparent url(images/wginger_over.gif) no-repeat 0 0;
	}
	
#top-home {
	display: block;
	width: 270px;
	height: 50px;
	background: transparent;
	position: absolute;
	}
	
#top-links {
	padding: 0;
	top: 148px;
	left: 715px;
	display: block;
	position: absolute;
	border: 0;
	}
	

#main-content {
	padding: 0;
	border: 0;
	left: 100px;
	margin: 0;
	position: relative;
	}
	
#gingerbook {
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	border: 0;
	left: 15px;
	top: 22px;
	background: transparent url(images/bookicon.gif) no-repeat;
	width: 111px;
	height: 111px;
	}
	
#bookheader {
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	border: 0;
	left: 128px;
	top: 22px;
	width: 100px;
	}
			
#submitbutton {
	display: block;
	padding: 0;
	margin: 0;
	position: relative;
  border: 0;
	background: transparent url(images/login.gif) no-repeat;
	width: 65px;
	height: 20px;
	}
	
#submitbutton:hover {
	display: block;
	padding: 0;
	margin: 0;
	position: relative;
  border: 0;
	background: transparent url(images/login_o.gif) no-repeat;
	width: 65px;
	height: 20px;
	}
      
      	
#buynow1 {
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	border: 0;
	left: 128px;
	top: 115px;
	background: transparent url(images/buynow_button.gif) no-repeat;
	width: 77px;
	height: 19px;
	}
	
#buynow1:hover {
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	border: 0;
	left: 128px;
	top: 115px;
	background: transparent url(images/buynow_button_o.gif) no-repeat;
	width: 77px;
	height: 19px;
	}

#line1 {
	display: block;
	left: 35px;
	top: 145px;
	padding: 0;
	width: 180px;
	height: 1px;
	background: transparent url(images/pixel.gif) repeat-x;
	position: absolute;
	margin: 0;
	border: 0;
	}

#greetingcard {
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	border: 0;
	left: 42px;
	top: 150px;
	background: transparent url(images/greetingcard.gif) no-repeat;
	width: 111px;
	height: 111px;
	}
				
#cardheader {
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	border: 0;
	left: 128px;
	top: 155px;
	width: 100px;
	}
	
#buynow2 {
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	border: 0;
	left: 128px;
	top: 253px;
	background: transparent url(images/buynow_button.gif) no-repeat;
	width: 77px;
	height: 19px;
	}
	
#buynow2:hover {
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	border: 0;
	left: 128px;
	top: 253px;
	background: transparent url(images/buynow_button_o.gif) no-repeat;
	width: 77px;
	height: 19px;
	}
				
#vertflower {
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	border: 0;
	left: 220px;
	top: 2px;
	background: transparent url(images/flowerpot.gif) no-repeat;
	width: 29px;
	height: 315px;
	}

#welcome {
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	border: 0;
	left: 255px;
	top: 25px;
	background: transparent url(images/welcome_text.gif) no-repeat;
	width: 80px;
	height: 24px;
	}	
				
#welcometext {
	padding: 0;
	margin: 0;
	position: absolute;
	border: 0;
	left: 257px;
	top: 50px;
	width: 350px;
	display: block;
	}

#news {
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	border: 0;
	left: 255px;
	top: 150px;
	background: transparent url(images/news_text.gif) no-repeat;
	width: 49px;
	height: 23px;
	}

#newstext {
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	border: 0;
	left: 255px;
	top: 176px;
	}
	
#main-content2 {
	padding: 0;
	border: 0;
	left: 65px;
	top: 37px;
	width: 495px;
	margin: 0;
	position: absolute;
	}

#main-content3 {
	left: 235px;
	top: 132px;
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	}
	
#main-content4 {
	padding: 0;
	border: 0;
	left: 45px;
	top: 05px;
	width: 525px;
	margin: 0;
	position: absolute;
	}

#contentlist {
	padding: 0;
	border: 0;
	left: 13px;
	top: 45px;
	width: 495px;
	margin: 0;
	position: absolute;
	}
	
#column2 {
	display: block;
	padding: 0;
	border: 0;
	left: 180px;
	top: 0;
	width: 190px;
	margin: 0;
	position: absolute;
	}
	
#column3 {
	display: block;
	padding: 0;
	border: 0;
	left: 370px;
	top: 0;
	width: 210px;
	margin: 0;
	position: absolute;
	}
	
#emailform {
	padding: 0;
	border: 0;
	left: 105px;
	top: 40px;
	width: 440px;
	margin: 0;
	position: absolute;
	}
	
#contactreply{
	padding: 0;
	border: 0;
	left: 105px;
	top: 40px;
	width: 440px;
	margin: 0;
	position: absolute;
	color: #000000;
	}
	
#emailbackground {
	padding: 0;
	margin: 0;
	left: 200px;
	top: 100px;
	width: 250px;
	height: 80px;
	border: 1px solid #956dad;
	background:  #edeaee;
	position: absolute;
	}
	
input
	{
	margin: 5px 0;
	width: 100%;
	border: 1px solid #956dad;
	padding: 3px;
	background: #edeaee;
	font: x-small monaco, "Courier New", courier, serif;
	color: #470659;
	outline: none;
	cursor: text;
	}

textarea
	{
	margin: 5px 0;
	width: 100%;
	border: 1px solid #956dad;
	padding: 3px;
	background: #edeaee;
	font: x-small monaco, "Courier New", courier, serif;
	color: #470659;
	outline: none;
	cursor: text;
	}
	
input:hover,
input:focus,
textarea:hover,
textarea:focus
	{
	border: 1px solid #78288c;
	}


#arrow-ginger {
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	border: 0;
	left: 688px;
	top: 268px;
	background: transparent url(images/arrow.gif) no-repeat;
	width: 51px;
	height: 35px;
	}
	
#arrow-rebarts {
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	border: 0;
	left: 688px;
	top: 306px;
	background: transparent url(images/arrow.gif) no-repeat;
	width: 51px;
	height: 35px;
	}

#arrow-newsroom {
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	border: 0;
	left: 688px;
	top: 345px;
	background: transparent url(images/arrow.gif) no-repeat;
	width: 51px;
	height: 35px;
	}
	
#arrow-booksellers {
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	border: 0;
	left: 688px;
	top: 375px;
	background: transparent url(images/arrow.gif) no-repeat;
	width: 51px;
	height: 35px;
	}
		
#arrow-contact {
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	border: 0;
	left: 688px;
	top: 403px;
	background: transparent url(images/arrow.gif) no-repeat;
	width: 51px;
	height: 35px;
	}
	
#arrow-store {
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	border: 0;
	left: 688px;
	top: 433px;
	background: transparent url(images/arrow.gif) no-repeat;
	width: 51px;
	height: 35px;
	}
	
#gingerfoot {
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	border: 0;
	left: 57px;
	top: 5px;
	background: url(images/gingerfoot.jpg) no-repeat;
	width: 150px;
	height: 192px;
	}

#aboutginger {
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	border: 0;
	left: 220px;
	top: 44px;
	width: 345px;
	}

#self-portrait-text {
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	border: 0;
	left: 52px;
	top: 205px;
	background: url(images/selfportrait_text.jpg) no-repeat;
	width: 192px;
	height: 51px;
	}

#headline-wginger {
	padding: 0;
	border: 0;
	left: 65px;
	top: 10px;
	margin: 0;
	position: absolute;
	background: transparent url(images/wginger_text.gif) no-repeat;
	width: 191px;
	height: 24px;
	display: block;
	}

#headline-aboutginger {
	padding: 0;
	border: 0;
	left: 220px;
	top: 15px;
	margin: 0;
	position: absolute;
	background: transparent url(images/aboutginger_text.gif) no-repeat;
	width: 286px;
	height: 24px;
	display: block;
	}

#headline-rebarts {
	padding: 0;
	border: 0;
	left: 65px;
	top: 10px;
	margin: 0;
	position: absolute;
	background: transparent url(images/support_text.gif) no-repeat;
	width: 191px;
	height: 28px;
	display: block;
	}
	
	#headline-login {
	padding: 0;
	border: 0;
	left: 65px;
	top: 10px;
	margin: 0;
	position: absolute;
	background: transparent url(images/bs_login.gif) no-repeat;
	width: 162px;
	height: 28px;
	display: block;
	}

#headline-newsroom {
	padding: 0;
	border: 0;
	left: 65px;
	top: 10px;
	margin: 0;
	position: absolute;
	background: transparent url(images/newsroom_text.gif) no-repeat;
	width: 106px;
	height: 24px;
	display: block;
	}

#headline-booksellers {
	padding: 0;
	border: 0;
	left: 65px;
	top: 10px;
	margin: 0;
	position: absolute;
	background: transparent url(images/bookseller_text.gif) no-repeat;
	width: 273px;
	height: 24px;
	display: block;
	}

#headline-contactus {
	padding: 0;
	border: 0;
	left: 65px;
	top: 10px;
	margin: 0;
	position: absolute;
	background: transparent url(images/contactus_text.gif) no-repeat;
	width: 102px;
	height: 24px;
	display: block;
	}

#headline-cabooksellers {
	padding: 0;
	border: 0;
	left: 65px;
	top: 10px;
	margin: 0;
	position: absolute;
	background: transparent url(images/cabooksellers.gif) no-repeat;
	width: 192px;
	height: 24px;
	display: block;
	}
	
#headline-buythebook {
	padding: 0;
	border: 0;
	left: 65px;
	top: 10px;
	margin: 0;
	position: absolute;
	width: 192px;
	height: 24px;
	display: block;
	color:#660066;
	font-size: 18px;
	font-weight: bolder;
	}
	
#headline-utbooksellers {
	padding: 0;
	border: 0;
	left: 65px;
	top: 10px;
	margin: 0;
	position: absolute;
	background: transparent url(images/utbooksellers.gif) no-repeat;
	width: 163px;
	height: 24px;
	display: block;
	}

#headline-wybooksellers {
	padding: 0;
	border: 0;
	left: 65px;
	top: 10px;
	margin: 0;
	position: absolute;
	background: transparent url(images/wybooksellers.gif) no-repeat;
	width: 197px;
	height: 24px;
	display: block;
	}

#barrows {
	background: transparent url(images/booksellerarrows.gif) no-repeat;
	width: 193px;
	height: 253px;
	left: 40px;
	top: 60px;
	position: absolute;
	padding: 0;
	border: 0;
	margin: 0;
	display: block;
	}
	
#wyoming {
	background: transparent url(images/wyoming_button.gif) no-repeat;
	width: 72px;
	height: 57px;
	left: 226px;
	top: 96px;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	cursor: pointer;
	}
	
#wyoming:hover {
	background: transparent url(images/wyoming_button_o.gif) no-repeat;
	width: 72px;
	height: 57px;
	left: 226px;
	top: 96px;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	cursor: pointer;
	}
	
#utah {
	background: transparent url(images/utah_button.gif) no-repeat;
	width: 58px;
	height: 73px;
	left: 185px;
	top: 135px;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	cursor: pointer;
	}
	
#utah:hover {
	background: transparent url(images/utah_button_o.gif) no-repeat;
	width: 58px;
	height: 73px;
	left: 185px;
	top: 135px;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	cursor: pointer;
	}

#california {
	background: transparent url(images/california_button.gif) no-repeat;
	width: 87px;
	height: 146px;
	left: 80px;
	top: 110px;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	cursor: pointer;
	}
	
#california:hover {
	background: transparent url(images/california_button_o.gif) no-repeat;
	width: 87px;
	height: 146px;
	left: 80px;
	top: 110px;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	cursor: pointer;
	}

/*____________ CLASSES ____________*/

.nobg
	{
	margin: 0px;
	padding: 0px;
	background: transparent;
	outline: none;
	cursor: pointer;
	border: 0px;
	}
	
	
  	#hardcoverimage {
	background: transparent url(newcardimages/coversoft.jpg) no-repeat;
	width: 200px;
	height: 200px;
	left: 335px;
	top: 60px;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	
	}
	
		#softcoverimage {
	background: transparent url(newcardimages/coversoft.jpg) no-repeat;
	width: 200px;
	height: 200px;
	left: 85px;
	top: 60px;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	}
	
	#hardbuttons1 {
  position:absolute; left: 110px; top: 200px; height: 20px;   width: 95px;
  }
  #hardbuttons2 {
  position:absolute; left: 254px; top: 227px; height: 20px;   width: 87px;
  }
  #softbuttons1 {
  position:absolute; left: 330px; top: 250px; height: 20px;  width: 95px;
  }
	#softbuttons2 {
  position:absolute; left: 434px; top: 250px; height: 20px;  width: 87px;
  }
	
  #book-storebutton {
	background: transparent url(images/book_storebutton.gif) no-repeat;
	width: 179px;
	height: 179px;
	left: 120px;
	top: 30px;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	cursor: pointer;
	}
	
#book-storebutton:hover {
	background: transparent url(images/book_storebutton_o.gif) no-repeat;
	width: 179px;
	height: 179px;
	left: 120px;
	top: 30px;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	cursor: pointer;
	}
	
#card-storebutton {
	background: transparent url(images/card_storebutton.gif) no-repeat;
	width: 179px;
	height: 179px;
	left: 320px;
	top: 30px;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	cursor: pointer;
	}
	
#card-storebutton:hover {
	background: transparent url(images/card_storebutton_o.gif) no-repeat;
	width: 179px;
	height: 179px;
	left: 320px;
	top: 30px;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	cursor: pointer;
	}
	
#storedesc-book {
   width: 179px;
   left: 120px;
   top: 220px;
   display: block;
   position: absolute;
}

#storedesc-card {
   width: 179px;
   left: 320px;
   top: 220px;
   display: block;
   position: absolute;
}
#buybook {
	width: 250px;
	padding-left: 15px;
}
#main-contentTHANKS {

	padding: 0;
	border: 0;
	left: 65px;
	top: 20px;
	width: 525px;
	margin: 0;
	position: absolute;
}