/* BuilderBooks CSS */

/*
COLORS:
light green: 80baba
  mid green: 547a7a
 dark green: 2e4e4e
        red: cb2228
*/

/* global */
form { margin: 0; }

#content {
/* defined in the head for ns4 compatibility */
	position:absolute; left:0px; top:0px;
}

body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #ffffff; }
/* body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #666666; } */
td   { font-family: Verdana, Arial, Helvetica, sans-serif; 
	     font-size: 10px; line-height: 12px; 
	     color: #666666; 
	     font-style: normal; font-weight: normal; text-decoration: none; }
td a:link    { color: #2e4e4e; font-style: normal; font-weight: bold; text-decoration: none; }
td a:visited { color: #547a7a; font-style: normal; font-weight: bold; text-decoration: none; }
td a:hover   { color: #cb2228; font-style: normal; font-weight: bold; text-decoration: none; }
td a:active  { color: #2e4e4e; font-style: normal; font-weight: bold; text-decoration: none; } 

/* ============================================================================================== */
/* (use these templates to create new style: change/add/remove any appropriate elements) */

/* style */
.style { font-family: Verdana, Arial, Helvetica, sans-serif; 
				 font-size: 10px; line-height: 12px;
				 color: #ffffff; 
				 font-style: normal; font-weight: normal; text-decoration: none; }
.style a:link    { color: #ffffff; font-style: normal; font-weight: normal; text-decoration: none; }
.style a:visited { color: #ffffff; font-style: normal; font-weight: normal; text-decoration: none; }
.style a:hover   { color: #000000; font-style: normal; font-weight: normal; text-decoration: none; }
.style a:active  { color: #000000; font-style: normal; font-weight: normal; text-decoration: none; }

/* style2 (never a link) */
.style2 { color: #333333; text-decoration: none; }
/* ==================================================================================================================== */

/* background colors */
.lightBg { background-color: #80baba; }
.midBg   { background-color: #547a7a; }
.darkBg  { background-color: #2e4e4e; }
/* ==================================================================================================================== */

/* 10 pixel padding around TD cell */
.padTenCell { padding-left: 10px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; } 
/* ==================================================================================================================== */

.alert {
	color: #ff0000;
	font-style: normal;
	font-weight: bold; 
	text-decoration: none; 
}

/* browse books links */
.bb { font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-size: 10px; line-height: 12px;
			color: #2e4e4e; background-color: #ffffff;
			padding-left: 6px; padding-top: 6px; 
			font-style: normal; font-weight: bold; text-decoration: none; }
.bb a:link    { color: #2e4e4e; font-style: normal; font-weight: bold; text-decoration: none; }
.bb a:visited { color: #547a7a; font-style: normal; font-weight: bold; text-decoration: none; }
.bb a:hover   { color: #ffffff; background-color:#cb2228; font-style: normal; font-weight: bold; text-decoration: none; }
.bb a:active  { color: #ffffff; background-color:#cb2228; font-style: normal; font-weight: bold; text-decoration: none; }

.bb2 { font-family: Verdana, Arial, Helvetica, sans-serif; 
			 font-size: 10px; line-height: 12px;
			 color: #2e4e4e; background-color: #ffffff;
			 padding-left: 6px; padding-top: 6px; 
			 font-style: normal; font-weight: normal; text-decoration: none; }
.bb2 a:link    { color: #2e4e4e; font-style: normal; font-weight: bold; text-decoration: underline; }
.bb2 a:visited { color: #547a7a; font-style: normal; font-weight: bold; text-decoration: none; }
.bb2 a:hover   { color: #ffffff; background-color:#cb2228; font-style: normal; font-weight: bold; text-decoration: none; }
.bb2 a:active  { color: #ffffff; background-color:#cb2228; font-style: normal; font-weight: bold; text-decoration: none; }

.bb2_bold{ font-family: Verdana, Arial, Helvetica, sans-serif; 
			 font-size: 12pt; line-height: 14pt;
			 color: #2e4e4e; background-color: #ffffff;
			 font-style: normal; font-weight: bold; text-decoration: none; }

.bb3 { font-family: Verdana, Arial, Helvetica, sans-serif; 
			 font-size: 10px; line-height: 12px;
			 color: #2e4e4e;
			 font-style: normal; font-weight: normal; text-decoration: none; }
.bb3 a:link    { color: #2e4e4e; font-style: normal; font-weight: bold; text-decoration: underline; }
.bb3 a:visited { color: #547a7a; font-style: normal; font-weight: bold; text-decoration: none; }
.bb3 a:hover   { color: #ffffff; background-color:#cb2228; font-style: normal; font-weight: bold; text-decoration: none; }
.bb3 a:active  { color: #ffffff; background-color:#cb2228; font-style: normal; font-weight: bold; text-decoration: none; }

.bb4 { font-family: Verdana, Arial, Helvetica, sans-serif; 
			 font-size: 12px; line-height: 14px;
			 color: #2e4e4e; background-color: #ffffff;
			 font-style: normal; font-weight: bold; text-decoration: none; }
.bb4 a:link    { color: #2e4e4e; font-style: normal; font-weight: bold; text-decoration: underline; }
.bb4 a:visited { color: #547a7a; font-style: normal; font-weight: bold; text-decoration: none; }
.bb4 a:hover   { color: #ffffff; background-color:#cb2228; font-style: normal; font-weight: bold; text-decoration: none; }
.bb4 a:active  { color: #ffffff; background-color:#cb2228; font-style: normal; font-weight: bold; text-decoration: none; }

.label_good { font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-size: 10px; line-height: 12px;
			color: #2e4e4e; background-color: #ffffff;
			font-style: normal; font-weight: normal; text-decoration: none; }
.label_bad { font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-size: 10px; line-height: 12px;
			color: #FF0000; background-color: #ffffff;
			font-style: normal; font-weight: bold; text-decoration: underline; }
/* ==================================================================================================================== */

/* "Search" */
.sHead { font-family: Helvetica, Arial, sans-serif; 
				 font-size: 13px;
				 color: #ffffff;
				 font-style: normal; font-weight: bold; text-decoration: none; }
/* search background */
.searchBg {
	background-image: url(../images/search_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* search background (sub-pages) */
.searchBg2 {
	background-image: url(../images/search_bg2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/* ==================================================================================================================== */

/* middle links */
.mLinks { font-family: Verdana, Arial, Helvetica, sans-serif; 
				  font-size: 10px; line-height: 10px;
				  color: #ffffff; background-color: #80baba;
				  font-style: normal; font-weight: normal; text-decoration: none; }
.mLinks a:link    { color: #2e4e4e; font-weight: bold; text-decoration: none; }
.mLinks a:visited { color: #2e4e4e; font-weight: bold; text-decoration: none; }
.mLinks a:hover   { color: #cb2228; font-weight: bold; text-decoration: none; }
.mLinks a:active  { color: #cb2228; font-weight: bold; text-decoration: none; }
/* ==================================================================================================================== */

/* bottom links */
.bLinks { font-family: Verdana, Arial, Helvetica, sans-serif; 
				  font-size: 10px; line-height: 13px;
				  color: #80baba; background-color: #2e4e4e;
					padding-top: 20px; padding-bottom: 20px;
				  font-style: normal; font-weight: normal; text-decoration: none; }
.bLinks a:link    { color: #80baba; font-weight: normal; text-decoration: none; }
.bLinks a:visited { color: #80baba; font-weight: normal; text-decoration: none; }
.bLinks a:hover   { color: #ffffff; font-weight: normal; text-decoration: none; }
.bLinks a:active  { color: #ffffff; font-weight: normal; text-decoration: none; }
/* ==================================================================================================================== */

/* welcome box */
.wHead { font-family: Helvetica, Arial, sans-serif; 
				 font-size: 13px;
				 color: #2e4e4e;
				 font-style: normal; font-weight: bold; text-decoration: none; }

.welcome { font-family: Verdana, Arial, Helvetica, sans-serif; 
				   font-size: 10px; line-height: 12px;
				   color: #ffffff; background-color: #80baba;
					 padding-left: 10px; padding-top: 10px; padding-right: 10px;
				   font-style: normal; font-weight: normal; text-decoration: none; }
.welcome a:link    { color: #2e4e4e; font-weight: bold; text-decoration: none; }
.welcome a:visited { color: #2e4e4e; font-weight: bold; text-decoration: none; }
.welcome a:hover   { color: #cb2228; font-weight: bold; text-decoration: none; }
.welcome a:active  { color: #cb2228; font-weight: bold; text-decoration: none; }

.welcomeSub { font-family: Verdana, Arial, Helvetica, sans-serif; 
				      font-size: 10px; line-height: 11px;
				      color: #ffffff;
				      font-style: normal; font-weight: normal; text-decoration: none; }
.welcomeSub a:link    { color: #2e4e4e; font-weight: bold; text-decoration: none; }
.welcomeSub a:visited { color: #2e4e4e; font-weight: bold; text-decoration: none; }
.welcomeSub a:hover   { color: #cb2228; font-weight: bold; text-decoration: none; }
.welcomeSub a:active  { color: #cb2228; font-weight: bold; text-decoration: none; }

.welcomeSub2 { font-family: Verdana, Arial, Helvetica, sans-serif; 
				      font-size: 10px; line-height: 11px;
				      color: #ffffff;
				      font-style: normal; font-weight: normal; text-decoration: none; }
.welcomeSub2 a:link    { color: #ffffff; font-weight: bold; text-decoration: none; }
.welcomeSub2 a:visited { color: #ffffff; font-weight: bold; text-decoration: none; }
.welcomeSub2 a:hover   { color: #80BABA; font-weight: bold; text-decoration: none; }
.welcomeSub2 a:active  { color: #cb2228; font-weight: bold; text-decoration: none; }
/* ==================================================================================================================== */

/* ==================================================================================================================== */

/* "featured" box */
.fHead { font-family: Helvetica, Arial, sans-serif; 
				 font-size: 11px;
				 color: #ffffff;
				 font-style: normal; font-weight: bold; text-decoration: none; }

.fGreen { font-family: Verdana, Arial, Helvetica, sans-serif; 
				  font-size: 10px; line-height: 12px;
				  color: #80baba;
				  font-style: normal; font-weight: normal; text-decoration: none; }

.fWhite { font-family: Verdana, Arial, Helvetica, sans-serif; 
				  font-size: 10px; line-height: 12px;
				  color: #ffffff; background-color: #2e4e4e;
					padding-left: 10px; padding-top: 10px; padding-right: 5px;
				  font-style: normal; font-weight: normal; text-decoration: none; }
.fWhite a:link    { color: #80baba; font-weight: bold; text-decoration: none; }
.fWhite a:visited { color: #80baba; font-weight: bold; text-decoration: none; }
.fWhite a:hover   { color: #547a7a; font-weight: bold; text-decoration: none; }
.fWhite a:active  { color: #547a7a; font-weight: bold; text-decoration: none; }

.fWhite2 { font-family: Verdana, Arial, Helvetica, sans-serif; 
				  font-size: 10px; line-height: 12px;
				  color: #ffffff; background-color: #80BABA;
					padding-left: 10px; padding-top: 10px;
				  font-style: normal; font-weight: normal; text-decoration: none; }
.fWhite2 a:link    { color: #2e4e4e; font-weight: bold; text-decoration: none; }
.fWhite2 a:visited { color: #2e4e4e; font-weight: bold; text-decoration: none; }
.fWhite2 a:hover   { color: #547a7a; font-weight: bold; text-decoration: none; }
.fWhite2 a:active  { color: #547a7a; font-weight: bold; text-decoration: none; }
/* ==================================================================================================================== */

/* book display cells */
.books { font-family: Verdana, Arial, Helvetica, sans-serif; 
				 font-size: 10px; line-height: 12px;
				 color: #666666; background-color: #ffffff;
				 font-style: normal; font-weight: normal; text-decoration: none; }
				 
.redHead { font-family: Helvetica, Arial, sans-serif; 
				   font-size: 13px;
				   color: #cb2228;
				   font-style: normal; font-weight: bold; text-decoration: none; }
/* ==================================================================================================================== */

/* "MORE" pages */
/* book title */
.moreTitle { font-family: Helvetica, Arial, sans-serif; 
	     			 font-size: 13px; line-height: 14px;
	     			 color: #2e4e4e;
  	     		 font-style: normal; font-weight: bold; text-decoration: none; }

/* author name */
.moreBy { font-family: Helvetica, Arial, sans-serif; 
          font-size: 11px; line-height: 14px;
	  			color: #547a7a;
          font-style: normal; font-weight: bold; text-decoration: none; }

/* prices */
.morePrice { font-family: Helvetica, Arial, sans-serif; 
             font-size: 11px; line-height: 14px;
	     			 color: #80baba;
 	     			 font-style: normal; font-weight: bold; text-decoration: none; }
/* ==================================================================================================================== */
					 
/* Watchlist */
.watch { font-family: Verdana, Arial, Helvetica, sans-serif; 
	 			 font-size: 10px; line-height: 12px;
         color: #80baba;
 	 			 font-style: normal; font-weight: normal; text-decoration: none; }
/* ==================================================================================================================== */

/* form stuff */
/* SEARCH box */
.sBox { font-family: Verdana, Arial, Helvetica, sans-serif; 
	      font-size: 10px; line-height: 14px; 
	      color: #333333; background: #ffffff; 
	      width: 100%; height: 14px; 
	      border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px }
/* SEARCH button */		  
.sBut { font-family: Verdana, Arial, Helvetica, sans-serif; 
	   		font-size: 10px; line-height: 14px; font-weight: bold; 
	   		color: #2e4e4e; background: #80baba;
	   		width: 60px; height: 14px; 
	   		border: #2e4e4e; border-style: solid; 
	   		border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }
/* SEARCH button (subpages) */		  
.sButSub { font-family: Verdana, Arial, Helvetica, sans-serif; 
	   		   font-size: 10px; line-height: 14px; font-weight: bold; 
	   		   color: #2e4e4e; background: #80baba;
	   	   	 width: 40px; height: 18px; 
	   		   border: #2e4e4e; border-style: solid; 
	   	   	 border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.box { font-family: Verdana, Arial, Helvetica, sans-serif; 
	   	 font-size: 10px; line-height: 12px; 
	   	 color: #888888; background: #eeeeee; 
	   	 width: 100%; height: 14px; 
	   	 border: #999999; border-style: solid; 
	   	 border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.box2 { font-family: Verdana, Arial, Helvetica, sans-serif; 
	   	  font-size: 10px; line-height: 12px; 
	   		color: #888888; background: #eeeeee; 
	   		width: 100px; height: 14px; 
	   		border: #999999; border-style: solid; 
	   		border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.box3 { font-family: Verdana, Arial, Helvetica, sans-serif; 
	   		font-size: 10px; line-height: 12px; 
	   		color: #888888; background: #eeeeee; 
	   		width: 300px; height: 14px; 
	   		border: #999999; border-style: solid; 
	   		border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.box_city { font-family: Verdana, Arial, Helvetica, sans-serif; 
	   		font-size: 10px; line-height: 12px; 
	   		color: #888888; background: #eeeeee; 
	   		width: 150px; height: 14px; 
	   		border: #999999; border-style: solid; 
	   		border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.box_cc { font-family: Verdana, Arial, Helvetica, sans-serif; 
	   		font-size: 10px; line-height: 12px; 
	   		color: #888888; background: #eeeeee; 
	   		width: 150px; height: 16px; 
	   		border: #999999; border-style: solid; 
	   		border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.box_state { font-family: Verdana, Arial, Helvetica, sans-serif; 
	   		font-size: 10px; line-height: 12px; 
	   		color: #888888; background: #eeeeee; 
	   		width: 30px; height: 14px; 
	   		border: #999999; border-style: solid; 
	   		border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.box_zip { font-family: Verdana, Arial, Helvetica, sans-serif; 
	   		font-size: 10px; line-height: 12px; 
	   		color: #888888; background: #eeeeee; 
	   		width: 75px; height: 14px; 
	   		border: #999999; border-style: solid; 
	   		border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.field { font-family: Verdana, Arial, Helvetica, sans-serif; 
		 		 font-size: 10px; line-height: 12px; 
		 		 color: #888888; background: #eeeeee; 
		 		 width: 100%; height: 76px; 
		 		 border: #999999; border-style: solid; 
		 		 border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.field2 { font-family: Verdana, Arial, Helvetica, sans-serif; 
		 		 font-size: 10px; line-height: 12px; 
		 		 color: #888888; background: #eeeeee; 
		 		 width: 300px; height: 76px; 
		 		 border: #999999; border-style: solid; 
		 		 border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

/* drop-down */
.dd { font-family: Helvetica, Arial, sans-serif; 
	  	font-size: 11px; line-height: 14px; font-weight: bold;
	  	color: #2e4e4e; background: #ffffff; 
	  	width: 178px; height:18px; 
		border: #2e4e4e; border-style: solid;
	  	border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

	  /* below had	width: 150px; height:14px;  */
.dd_country { font-family: Helvetica, Arial, sans-serif; 
	  	font-size: 10px; line-height: 12px; font-weight: bold;
	  	color: #888888; background: #eeeeee; 
	  	height:14px; 
		border: #999999; border-style: solid;
	  	border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.dd_month { font-family: Helvetica, Arial, sans-serif; 
	  	font-size: 10px; line-height: 12px; font-weight: bold;
	  	color: #888888; background: #eeeeee; 
	  	width: 125px; height:14px; 
		border: #999999; border-style: solid;
	  	border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.dd_year { font-family: Helvetica, Arial, sans-serif; 
	  	font-size: 10px; line-height: 12px; font-weight: bold;
	  	color: #888888; background: #eeeeee; 
	  	width: 50px; height:14px; 
		border: #999999; border-style: solid;
	  	border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

/* button */		  
.but { font-family: Verdana, Arial, Helvetica, sans-serif; 
	   	 font-size: 10px; line-height: 14px; font-weight: bold; 
	   	 color: #ffffff; background: #ff7d00;
	     width: 100%; height: 16px; 
	     border: #35271a; border-style: solid; 
	     border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.but2 { font-family: Verdana, Arial, Helvetica, sans-serif; 
	   		font-size: 10px; line-height: 14px; font-weight: bold; 
	   		color: #ffffff; background: #ff7d00;
	   		width: 200px; height: 16px; 
	   		border: #35271a; border-style: solid; 
	   		border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.but3 { font-family: Verdana, Arial, Helvetica, sans-serif; 
	   		font-size: 10px; line-height: 14px; font-weight: bold; 
	   		color: #ffffff; background: #ff7d00;
	   		width: 100px; height: 16px; 
	   		border: #35271a; border-style: solid; 
	   		border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.but4 { font-family: Verdana, Arial, Helvetica, sans-serif; 
	   		font-size: 10px; line-height: 14px; font-weight: bold; 
	   		color: #ffffff; background: #ff7d00;
	   		width: 160px; height: 16px; 
	   		border: #35271a; border-style: solid; 
	   		border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.smallBut { font-family: Verdana, Arial, Helvetica, sans-serif; 
	   		font-size: 9px; line-height: 9px; font-weight: bold; 
	   		color: #ffffff; background: #ff7d00;
	   		width: 60px; height: 15px; 
			padding-bottom: 5px;
	   		border: #35271a; border-style: solid; 
	   		border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.sBut2 { font-family: Verdana, Arial, Helvetica, sans-serif; 
	   		 font-size: 10px; line-height: 14px; font-weight: bold; 
	   		 color: #2e4e4e; background: #80baba;
	   		 width: 100px; height: 18px; 
	   		 border: #2e4e4e; border-style: solid; 
	   	 	 border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

/* used for TOP logout button on sub-pages */
.sBut3 { font-family: Verdana, Arial, Helvetica, sans-serif; 
	   		 font-size: 10px; line-height: 14px; font-weight: bold; 
	   		 color: #2e4e4e; background: #80baba;
	   		 width: 60px; height: 18px; 
	   	   border: #2e4e4e; border-style: solid; 
	   	   border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.sBut4 { font-family: Verdana, Arial, Helvetica, sans-serif; 
	   		 font-size: 10px; line-height: 14px; font-weight: bold; 
	   		 color: #2e4e4e; background: #80baba;
	   		 width: 225px; height: 18px; 
	   	   border: #2e4e4e; border-style: solid; 
	   	   border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.sBut5 { font-family: Verdana, Arial, Helvetica, sans-serif; 
	   		 font-size: 10px; line-height: 14px; font-weight: bold; 
	   		 color: #2e4e4e; background: #80baba;
	   		 width: 160px; height: 18px; 
	   	   border: #2e4e4e; border-style: solid; 
	   	   border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }

.popup { font-family: Verdana, Arial, Helvetica, sans-serif; 
				 font-size: 12px; line-height: 14px;
				 color: #000000; 
				 font-style: normal; font-weight: normal; text-decoration: none; }
.popup a:link    { color: #2e4e4e; font-style: normal; font-weight: bold; text-decoration: none; }
.popup a:visited { color: #2e4e4e; font-style: normal; font-weight: bold; text-decoration: none; }
.popup a:hover   { color: #cb2228; font-style: normal; font-weight: bold; text-decoration: none; }
.popup a:active  { color: #000000; font-style: normal; font-weight: bold; text-decoration: none; }

.admin { font-family: Verdana, Arial, Helvetica, sans-serif; 
				 font-size: 12px; line-height: 20px;
				 color: #000000; 
				 font-style: normal; font-weight: normal; text-decoration: none; }
.admin a:link    { color: #547A7A; font-style: normal; font-weight: bold; text-decoration: underline; }
.admin a:visited { color: #547A7A; font-style: normal; font-weight: bold; text-decoration: underline; }
.admin a:hover   { color: #cb2228; font-style: normal; font-weight: bold; text-decoration: underline; }
.admin a:active  { color: #000000; font-style: normal; font-weight: bold; text-decoration: underline; }