/* Page Structure
----------------------------------------------- */
body	{
	margin: 10px;
	padding:0px;
	background-color: #798957;
	font:12px trebuchet ms, verdana, arial, helvetica, sans-serif;
	color: #333333;
	text-align: center; /* IE w */
	}
	
p {	font:13px trebuchet ms, verdana, arial, helvetica, sans-serif;	color: #585858; display: inline-block; margin:0; padding:5px 0 0 0;}
h1 {font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:20px; margin:0; padding:5px 0 0 0; display:none;}
h2 {font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:20px; margin:0; padding:5px 0 0 0; color: #000055;}
h3 {font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:18px; margin:0; padding:5px 0 0 0; color: #111155;}
h4 {font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:13px; display: inline-block; line-height: 13px; margin:0; padding:5px 0 0 0; color: #a9052a;}
.clicker {font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px; margin:0; padding:5px 0 0 0; color: #9e9e9e;}

#home_container {
	width:987px;
	height:621px;
	margin:0 auto 0 auto;
	margin-top:10px;
	text-align:left;
	}
	
	
#header {
	position: relative;
	width:987px;
	height:137px;
	background: url(../images/bg/b_header.gif) no-repeat top left;
	margin:0 auto 0 auto;
	}

#header_sun {
	position:absolute;
	width: 47px;
	height: 87px;
	margin: 10 0 0 8;
	z-index:9;
	}

#header_text 	{
	position:absolute;
	width:418px;
	height:87px;
	top:10px;
	left:55px;	
	z-index:8;
  }
	
#header_books {
	position:absolute;
	width:504px;
	height:87px;
	top:10px;
	left:473px;	
	z-index:7;
	}
	
#nav {
	position: relative;
	width:968px;
	height:35px;
	top:98px;
	left:9px;	
	}
	
#footer {
	position:relative;
	width:987px;
	height:62px;
	background: url(../images/bg/b_footer.gif) no-repeat top left;
	margin:0 auto 0 auto;
	clear: both;
	}
	
#footer_text {
	position:absolute;
	width: 225px;
	height: 41px;
	margin: 13 0 0 22;
	font:11px trebuchet ms, verdana, arial, helvetica, sans-serif;
	color: #bec3c9;
	z-index:12;
	}

#footer_links 	{
	position:absolute;
	width: 460px;
	height: 41px;
	margin: 14 0 0 263;
	font:12px trebuchet ms, verdana, arial, helvetica, sans-serif;
	line-height:11pt;
	color: #81a1dd;
	z-index:11;
	}
	
#footer_echidna {
	position:absolute;
	width: 35px;
	height: 28px;
	margin: 14 0 0 934;
	z-index:10;
	}
	
/* Home Page Structure
----------------------------------------------- */

#home_main {
	position: relative;
	width:987px;
	height:419px;
	background: url(../images/bg/b_main.gif) repeat top left;
	margin:0 auto 0 auto;
	}
	
#home_display {
	position:relative;
	width:699px;
	height:217px;
	margin:0 15 0 9;
	z-index:3;
	}

#home_search {
	position:absolute;
	width:262px;
	height:79px;
	top:0px;
	right:10px;	
	background: url(../images/bg/b_search.gif) no-repeat top left;
	z-index:2;
  }
  
#search {
	position:absolute;
	width:240px;
	height:36px;
	top:34px;
	left:12px;
	font:12px trebuchet ms, verdana, arial, helvetica, sans-serif;
	font-weight:bold;
	color:#ffffff;
	line-height:10pt;
  }
	
#home_login  {
	position:absolute;
	width:262px;
	height:131px;
	top:86px;
	right:10px;	
	background: url(../images/bg/b_login.gif) no-repeat top left;
	z-index:1;
}

#int_login  {
	position:relative;
	width:262px;
	height:131px;
	top:0px;
	right:1px;	
	background: url(../images/bg/b_login.gif) no-repeat top left;
	z-index:1;
}

#order_info{
    position:relative;
	width:262px;
	height:131px;
	top:5px;
	right:1px;	
	background: url(../images/bg/b_hto.gif) no-repeat top left;
	z-index:1;
	padding:0px 0px 0px 10px;
 }

.transferProduct
{
	border: 2px dashed #142e4b;
	z-index:auto;
}


#login {
	position:absolute;
	width:240px;
	height:36px;
	top:36px;
	left:12px;
	font:12px trebuchet ms, verdana, arial, helvetica, sans-serif;
	font-weight:bold;
	color:#27557c;
	line-height:10pt;
  }
  
.login_text {
	font:12px trebuchet ms, verdana, arial, helvetica, sans-serif;
	font-weight:bold;
	color:#ffffff;
	line-height:10pt;	
  }

#home_clicker {
	position:absolute;
	width:966px;
	height:197px;
	top:222px;
	margin:0 15 0 9;
	background: url(../images/bg/b_clicker.gif) repeat;
	z-index:4;
}

#clear { clear: both; }

/* Internal Page structure
----------------------------------------------- */

#container { 
	width:987px;
	margin:0 auto 0 auto;
	margin-top:10px;
	text-align:left;

	background: url(../images/bg/b_main.gif) repeat-y;
	}
	
#main {
	position:relative;
	width:987px;
	margin:0px auto 0px auto;
	background: url(../images/bg/b_main.gif) repeat-y;
	}
	
#internal {
	position: relative;
	width:969px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:9px;
	}
	
#heads {
	position:relative;
	width:429px;
	height:79px;
	margin:0 0 0 0;
	z-index:13;
	}

#int_search {
	position:absolute;
	width:262px;
	height:79px;
	top:0px;
	right:270px;	
	background: url(../images/bg/b_search.gif) no-repeat top left;
	z-index:14;
  }
  
#content {
	position: relative;
	width:665px;
	margin-top:0px;
	margin-left:15px;
}

#blog {
	position: relative;
	width:665px;
	margin-top:15px;
	margin-left:0px;
}

#product_page_content {
	position: relative;
	width:698px;
	margin-top:0px;
	margin-left:3px;
	}
	
#product_content {
	position: relative;
	width:968px;
	margin-top:0px;
	margin-left:0px;
	clear:both;	
}

#product_content_closeup {
   position: relative;
	width:698px;
	margin-top:0px;
	margin-left:0px;
	/*top:260px;*/
	clear:none;
}
	
#product_head_shell {
	position:relative;
	width:698px;
	/* height:232px; */
	margin-top:10px;
	margin-bottom:10px;
	/*top:87px;
	right:266px;*/
	z-index:20;
  }
	
#product_head {
	position:relative;
	width:698px;
	/* height:232px; */
	z-index:21;
	}
	
.productsBorders {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font:12px trebuchet ms, verdana, arial, helvetica, sans-serif;
	color: #5d7eba;
}	

.productsBorders p {
	font:12px trebuchet ms, verdana, arial, helvetica, sans-serif;
	color: #5d7eba;
}	
	
.productBordersLeft {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	font:12px trebuchet ms, verdana, arial, helvetica, sans-serif;
	color: #5d7eba;
}

.productBordersLeft p {
	font:12px trebuchet ms, verdana, arial, helvetica, sans-serif;
	color: #5d7eba;
}

.products1 {
	font:12px trebuchet ms, verdana, arial, helvetica, sans-serif;
	color: #5d7eba;
}	

.products1 p {
	font:12px trebuchet ms, verdana, arial, helvetica, sans-serif;
	color: #5d7eba;
}

.search_by {
	font:12px trebuchet ms, verdana, arial, helvetica, sans-serif;
	color: #5d7eba;
	line-height:14pt;
	margin: 0 0 0 16;
	}
	
#quotes {
  float:right;
  width:262px;
  height:348px;
  top:5px;
  right:0px;
  z-index:30;
}
	
#shopping {
	float:right;
	width:262px;
	height:668px;
	top:10px;
	right:0px;	
	z-index:15;
  }
  
#shopping_small {
	float:right;
	width:262px;
	height:332px;
	top:10px;
	right:0px;	
	z-index:15;
  }
  
#shopping_header {
	width:262px;
	height:29px;
	top:0px;
	right:0px;	
	background: url(../images/gen/shop_header.gif) no-repeat top left;
	z-index:16;
  }
  
#shopping_cart {
	width:262px;
	height:253px;
	top:0px;
	right:0px;	
	background: url(../images/bg/b_shopping.gif) no-repeat bottom left;
	z-index:18;
  }
  
#shopping_contents {
	top:0px;
	right:0px;	
	background: url(../images/bg/b_shopping.gif) no-repeat bottom left;
  }


#shopping_footer {
	width:262px;
	height:36px;
	top:0px;
	right:0px;	
	background: url(../images/gen/shop_footer.gif) no-repeat top left;
	z-index:17;
  }
	
	

/* Links and Forms
----------------------------------------------- */

A.footlink { font-family: trebuchet ms, Arial, sans-serif; color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:12px; line-height:11pt;}
A.footlink:hover { color:#d2ddf1; text-decoration:underline;}
A.footlink:active { color:#d2ddf1; text-decoration:underline;}
A.footlink:visited { color:#FFFFFF; text-decoration:none;}
A.footlink:visited:hover { color:#d2ddf1; text-decoration:underline;}

A.panellink { font-family: trebuchet ms, Arial, sans-serif; color:#ffffff; text-decoration:underline; font-weight:none; font-size:12px; line-height:11pt;}
A.panellink:hover { color:#a8cbf0; text-decoration:underline;}
A.panellink:active { color:#a8cbf0; text-decoration:underline;}
A.panellink:visited { color:#ffffff; text-decoration:underline;}
A.panellink:visited:hover { color:#a8cbf0; text-decoration:underline;}

A.clicklink { font-family: trebuchet ms, Arial, sans-serif; color:#9e9e9e; text-decoration:none; font-weight:none; font-size:12px; line-height:11pt;}
A.clicklink:hover { color:#7f7f7f; text-decoration:underline;}
A.clicklink:active { color:#7f7f7f; text-decoration:underline;}
A.clicklink:visited { color:#9e9e9e; text-decoration:none;}
A.clicklink:visited:hover { color:#7f7f7f; text-decoration:underline;}

A.smallBlue { font-family: trebuchet ms, Arial, sans-serif; color:#000055;; text-decoration:underline; font-weight:none; font-size:12px; line-height:11pt;}
A.smallBlue:hover { color:#a8cbf0; text-decoration:underline;}
A.smallBlue:active { color:#a8cbf0; text-decoration:underline;}
A.smallBlue:visited { color:#000055; text-decoration:underline;}
A.smallBlue:visited:hover { color:#a8cbf0; text-decoration:underline;}

.form {
	height: 20px;
	font-size: 11px;
	background-color: #fff;
	color: #27557c;
	border: 1px solid #9bb8d8;
	font-family: Trebuchet MS, Arial, sans-serif;
}

.form2 {
	font-size: 11px;
	background-color: #fff;
	color: #27557c;
	border: 1px solid #9bb8d8;
	font-family: Trebuchet MS, Arial, sans-serif;
}

/* ---- =scrollamatic ---- */
/* ----------------------- */

.scrollamatic {
	 margin: 0px;
	 overflow: hidden; 
	 width: 966px; 
	 height:197px;
}
.scrollleft {position: absolute}
.scrollright {float: right}
.scrollleft {cursor: pointer}
.scrollright {cursor: pointer}
.scrollamatic IMG {
    border-top-style: none;
	border-right-style: none; 
	border-left-style: none; 
	border-bottom-style: none;
}

.scrollpromos {
     margin-left: 35px;
	 margin-top: 9px;
	 overflow: hidden;
	 width: 898px;
	 position: absolute; 
	 height:197px;
}
.scrollcontent {position: absolute}
.scrollcontent TD {padding-right: 4px}

.scrollcontent .smallPromoBox {
     width: 222px; 
	 height:197px;
	 
}

 html .scrollcontent .smallPromoBox {
     width: 222px; 
	height:197px;
}

#carousel
{
				background-color: #111;
				position: absolute;
				top: 200px;
				left: 100px;
				margin: 0px;
	 			overflow: hidden; 
	 			width: 966px; 
	 			height:197px;
}
