/*  @@@@@[  Wrappers  ]@@@@@ */
/* The percentage in the body tag takes care of earlier versions of IE using the percentages (base font size is 16px for IE 6, 16 x 62.5 = 10)... ems should be used in most other style declarations */

body {
	background:url(images/bg_main.jpg) repeat center top;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000; 
	line-height: 19px;
	margin: 0px;
	text-align: left;
}
#wrapper {
	text-align: left;
	width: 960px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}

/*  @@@@@[  Navigation  ]@@@@@ */
#nav {
	width: 938px;
	height: 30px;
	background:url(images/bg_nav.gif) no-repeat;
	margin-left: 6px;
	padding-left: 5px;
	padding-right: 5px;
}
/*  @@@@@[  Sub Nav  ]@@@@@ */
/* Note that there are styles applied to all "a" tags in .subnav (such as display: block) and then specific styles for "a" tags in .sub1 */
#subnav {
	width: 227px;
	background:url(images/bg_subnav.gif) repeat-y;
}
#subnav img{
	display:block;
	margin:0;
	padding:0;
	}
#subnav_in {
	border-bottom: 1px solid #302F23;
}
#subnav_search {
	color: #CCC792;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 10px;
}


#subnav div.NavLevel1{
	font-size: 14px;
	font-weight:bold;
	color: #ccc792;
	padding: 2px 20px;
	border-top: 1px solid #302f23;
}
#subnav div.NavLevel1 a:active {
	color:#ccc792;
	text-decoration:none;
}
#subnav div.NavLevel1 a:visited {
	color:#ccc792;
	text-decoration:none;
}
#subnav div.NavLevel1 a:link {
	color:#ccc792;
	text-decoration:none;
}
#subnav div.NavLevel1 a:hover {
	color:#8e3a1b; 
	text-decoration:none;
}
#subnav div.NavLevel1 a.current {
	color:#8E3A1B; 
	text-decoration:none;
}
.space{padding-bottom:8px;}
#subnav div.NavLevel2, #subnav div.NavLevel3{ 
	font-weight: bold;
}
#subnav div.NavLevel2{font-size: 12px;	line-height:14px;	}
#subnav div.NavLevel3{font-size: 11px;	line-height:11px;	}
#subnav div.NavLevel2 a, #subnav div.NavLevel2 span{
	margin-left: 20px;
}
#subnav div.NavLevel3 a, #subnav div.NavLevel3 span{
	margin-left: 37px;
}
#subnav div.NavLevel2 a, #subnav div.NavLevel3 a, #subnav div.NavLevel2 span, #subnav div.NavLevel3 span{	
	display:block;
	color: #CCC792;
	text-decoration: none;
	padding: 3px 0px 3px 19px;
}
#subnav div.NavLevel2 a, #subnav div.NavLevel2 span{
	background:url(images/_arrow2.gif) no-repeat 9px 5px;
	}
#subnav div.NavLevel3 a, #subnav div.NavLevel3 span{
	background:url(images/_line.gif) no-repeat 9px 7px;
	}
#subnav div.NavLevel2 a:hover, #subnav div.NavLevel3 a:hover {
	display:block;
	color: #8e3a1b;
	text-decoration: none;
}
#subnav div.NavLevel2 a.current, #subnav div.NavLevel3 a.current {
	color: #8e3a1b;
	text-decoration: none;
	display:block;
}
/* @@@@@[  Header / Footer  ]@@@@@ */

#header {
	width: 960px;
	height: 150px;
	background:url(images/bg_banner.jpg) no-repeat top;
}
#logo {
	padding-top: 12px;
	padding-left: 20px;
	padding-bottom: 12px;
}
#footer {
	width: 960px;
	color: #504f3c;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 10px;
	font-size: 11px;
	font-weight:bold;
}
#footer a:active {
	color: #504f3c; 
	text-decoration: none;
}
#footer a:visited {
	color: #504f3c; 
	text-decoration: none;
}
#footer a:link {
	color: #504f3c; 
	text-decoration: none;
}
#footer a:hover {
	color: #504f3c; 
	text-decoration: underline;
}
#footer .seo a:hover {
	color: #504f3c; 
	text-decoration: none;
}
#footer .seo a:active {
	color: #504f3c; 
	text-decoration: none;
}
#footer .seo a:visited {
	color: #504f3c; 
	text-decoration: none;
}
#footer .seo a:link {
	color: #504f3c; 
	text-decoration: none;
}
#footer a.seo:link {
	text-decoration: none;	
	color: #504f3c;
}
#footer a.seo:active {
	text-decoration: none;	
	color: #504f3c;
}
#footer a.seo:visited {
	text-decoration: none;	
	color: #504f3c;
}
#footer a.seo:hover {
	text-decoration: none; cursor: text;
}

/* @@@@@[  Home Page  ]@@@@@ */
#mid_col {
	width: 948px;
	height: 236px;
	background:url(images/bg_mid.gif) no-repeat top;
	margin-top: 10px;
	padding: 6px 6px 0px;
	font-size: 11px;
	line-height: 16px;
}
#mid_col a {
	color:#752609;
}
#mid_col a:hover {
	color:#752609;
}
#flash {
	width: 424px;
	float:left;
}
#mid_nav {
	width: 158px;
	padding-left: 6px;
	padding-right: 6px;
	float:left;
}
.col1 {
	float:left;
	margin-right: 6px;
	margin-bottom: 6px;
	padding-left: 12px;
	padding-right: 15px;
	width: 100px;
	height: 112px;
	background:url(images/bg_col1.jpg) no-repeat top;
}
.col2 {
	float:right;
	width: 203px;
	height: 230px;
	background:url(images/bg_col2.jpg) no-repeat top;
	padding-left: 18px;
}
#main_content {
	width: 960px;
	margin-top: 10px;
	background:url(images/bg_con.jpg) repeat-y;
}
#content_top {
	width: 960px;
	background:url(images/bg_con_top.jpg) no-repeat top;
}
#content_bot {
	width: 960px;
	background:url(images/bg_con_bot.jpg) no-repeat bottom;
}
#left_col {
	float:left;
	width: 623px;
	padding-right:54px;
	padding-left: 30px;
	padding-top: 18px;
	padding-bottom: 18px;
}
#left_col.wide {
	width: 892px;
	padding-right: 34px;
	padding-left: 34px;
	margin: 0px;
	padding-top: 18px;
	padding-bottom: 18px;
}

#right_col {
	float:left;
	width: 227px;
	padding-top: 18px;
	padding-right: 18px;
	padding-bottom: 18px;
}
#evolution {
	width: 106px;
	height: 74px;
	padding-left: 16px;
	padding-right: 105px;
	margin-top: 5px;
	background:url(images/bg_evolution.jpg) no-repeat top;
	line-height: 14px;
	font-size: 11px;
}
#evolution p {
	padding-left: 10px;
}
#right_col #callout{
	width: 211px;
	padding-left: 16px;
	margin-top: 5px;
	background:url(images/bg_callout.jpg) no-repeat top;
	line-height: 18px;
	font-size: 11px;
	height:112px;
	font-size:15px;
}
#right_col #callout { padding-top:15px;}
#right_col #callout li{ background:url(images/_arrow.gif) 0 6px no-repeat;}
#right_col #callout2{
	width: 227px;
	margin-top: 10px;
	background:url(images/bg_callout2.jpg) no-repeat top;
	line-height: 18px;
	font-size: 11px;
	height:92px;
	font-size:11px;
	line-height:14px;
}
#right_col #callout2 p{padding-left: 23px; padding-right:60px;}
#quote{ color:#66623D; font-size:17px; font-family:Georgia, "Times New Roman", Times, serif; line-height:22px; border-top:1px solid #AEAC92; margin:10px 16px 40px 10px; border-bottom:1px solid #AEAC92; padding:7px;}
#nav_bot {
	width: 960px;
	height: 25px;
	text-align:center;
	text-transform:uppercase;
	background:url(images/bg_bot.gif) no-repeat;
	margin-top: 10px;
	color: #dfdbb6;
	padding-top: 8px;
	font-size: 10px;
}
#nav_bot a {
	color:#dfdbb6;
	text-decoration:none;
	margin-left:4px;
	margin-right: 4px;
}
#nav_bot a:hover {
	color:#752609;
	text-decoration:none;
}

/* @@@@@[  Secondary Page  ]@@@@@ */
#main_content_sec {
	width: 960px;
	margin-top: 10px;
	background:url(images/bg_con_sec.jpg) repeat-y;
}
#content_top_sec {
	width: 960px;
	background:url(images/bg_con_top_sec.jpg) no-repeat top;
}
#content_bot_sec {
	width: 960px;
	background:url(images/bg_con_bot_sec.jpg) no-repeat bottom;
	/*padding: 18px 18px 18px 34px;*/
}
#content_bot_sec ul {
	margin: 0px;
	padding: 0px;
	padding-bottom: 8px;
}
#content_bot_sec ul li {
	list-style: none;
	padding-left: 10px;
	padding-bottom: 10px;
	background:url(images/bullet.gif) no-repeat 0px 8px;
}
#content_bot_sec .tabcontent_right li {background:url(images/_arrow3.gif) no-repeat 0px 4px; padding-bottom:0; margin-left:8px;}
#content_bot_sec .mid_col1 li{background:url(images/_arrow3.gif) no-repeat 0px 4px; padding-bottom:0; margin-left:8px;}
#content_bot_sec .mid_col2 li{background:url(images/_arrow3.gif) no-repeat 0px 4px; padding-bottom:0; margin-left:8px;}
.mid_col2 {
	width:175px;
	display:inline;
	float:left;
	margin:2px 0 20px 15px;
}
#content_bot_sec ul ul {
	padding-bottom: 0px;
}
#content_bot_sec .box_list h5{ font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;}
#content_bot_sec .box_list {float:left;margin:2px 0 20px 32px; width:160px; display:inline;}
#content_bot_sec .box_list ul{margin-left:8px;}
#content_bot_sec .box_list li {padding-bottom:0px; background:url(images/_arrow3.gif) no-repeat 0px 4px; padding-left:12px;}
.space2{margin-top:30px; margin-left:5px;}
.space3{padding-top:20px;}
.space4{padding-top:10px;}
.space5{margin-top:30px;}
.space7{margin-top:20px;}
.space6{margin-bottom:20px; margin-left:5px;}
#content_right {
	width: 352px;
	float:right;
}
.callout1 {
	width: 160px;
	margin-top: 35px;
	margin-bottom: 35px;
	margin-left: 36px;
	border-top: solid 1px #aea78e;
	border-bottom: solid 1px #aea78e;
	font-size: 17px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #66623d;
	line-height: 22px;
	padding: 5px 5px 5px 10px;
}
.callout2 {
	width: 160px;
	margin-top: 35px;
	margin-bottom: 35px;
	margin-left: 36px;
	padding: 5px 5px 5px 10px;
}
.callout2 img {
	margin-bottom: 10px;
}
.space {
	margin-bottom: 5px;
}
.note{
	padding: 7px 25px;
	margin-bottom: 22px;
	border-top: 1px solid #aeac92;
	border-bottom: 1px solid #aeac92;
	font: italic 13px/18px Georgia, "Times New Roman", Times, serif;
}
/* @@@@@[  Contact Page  ]@@@@@ */
#bg_contact {
	width: 884px;
	background:url(images/bg_contact_bot.jpg) no-repeat right bottom;
	padding: 18px 42px 18px 34px;
	min-height:350px;
}
#bg_resources{
	width: 960px;
	background:url(images/_bg-resource.jpg) no-repeat right bottom;
	padding: 0px 0px 18px 0px;
	min-height:350px;
}
#bg_resources_evolution{
	width: 960px;
	background: url(images/_bg-resource-evolution.jpg) no-repeat right bottom;
	padding: 0px 0px 18px 0px;
	min-height:350px;
}
#bg_resources_genetics{
	width: 960px;
	background: url(images/_bg-resource-genetics.jpg) no-repeat right bottom;
	padding: 0px 0px 18px 0px;
	min-height:350px;
}
#bg_resources_research{
	width: 960px;
	background: url(images/_bg_research_bot.jpg) no-repeat right bottom;
	padding: 0px 0px 18px 0px;
	min-height: 400px;
	position: relative;
}
#phone {
	float:right;
}
.required {
	color:#972708;
}
#bg_contact td {
	padding-top: 5px;
}
/* @@@@@[  Care Page  ]@@@@@ */
#snake_info{ width:623px; border-top:1px solid #AEAC92; margin-top:10px;}
#snake_colleft {
	float:left;
	width: 312px;
	border-right: solid 1px #AEAC92;
	padding-bottom:10px;
	padding-top:24px;	
}
#snake_colright {
	float:left;
	width: 270px;
	padding:24px 17px 0 23px;
}
.clip{ float:left; margin-right:10px; margin-top:-12px;}
#care_colleft {
	float:left;
	width: 425px;
	border-right: solid 1px #b7b69b;
}
#care_colright {
	float:left;
	width: 168px;
	padding-left:25px;
}
#care_colright h1 {
	border:none;
}
.carecol {
	float:left;
	width: 190px;
	padding-right: 20px;
}
#care_colleft ul {
	margin-left: 5px;
}
#care_colleft  ul li{
	margin: 0px;
	padding-bottom: 0px;
}
#sheet_bg{
	width: 226px;
	background:url(images/sheet_mid.gif) repeat-y;
	margin-top: 10px;
}
#sheet_top{
	width: 226px;
	background:url(images/sheet_top.gif) no-repeat top;
}
#sheet_bot{
	width: 226px;
	background:url(images/sheet_bot.gif) no-repeat bottom;
}
#sheet_bot h2 {
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#6c260d;
	font-weight:bold;
	font-style:italic;
	height: 29px;
	padding-top: 10px;
	padding-left: 15px;
}
#sheet {
	width: 207px;
	height: 194px;
	overflow:scroll;
	overflow-x:hidden;
	margin: 3px 7px;
	padding-right:5px;
}
#sheet ul {
	margin: 0px;
	padding: 0px;
}
#sheet ul li {
	padding: 0px;
	list-style: none;
	background:none;
	border-bottom: solid 1px #ddd9c0;
	padding-left:10px;
}
#sheet_but {
	margin: 8px 64px 7px 66px;
}
/* @@@@@[  Collection Page  ]@@@@@ */
.collection {
	width: 623px;
}
.collec1 {
	width: 245px;
	padding-top:10px;
	padding-left: 17px;
	padding-right: 96px;
	float:left;
}
.collec2 {
	padding-top:10px;
	width: 245px;
	float:left;
}
.collection img {
	width: 223px;
	height: 146px;
	padding: 7px 14px 17px 8px;
	background:url(images/bg_imgcol.jpg) no-repeat;
}
/* @@@@@[  Collection sub Page  ]@@@@@ */
.collection_sub {
	width: 615px;
	font-size: 11px;
	color:#675615;
	text-align:center;
	padding-left: 8px;
}
.collection_sub img {
	width: 156px;
	height: 100px;
	padding: 7px 14px 16px 8px;
	background:url(images/bg_imgcol_sub.jpg) no-repeat;
}
.collec3 {
	width: 178px;
	float:left;
}
.collec4 {
	width: 178px;
	float:left;
	padding-left: 39px;
	padding-right: 39px;
}
/* @@@@@[ Resources Page  ]@@@@@ */
.resources {
	width: 623px;
	margin-left: 8px;
	background:url(images/bg_resources.gif) repeat-y 305px 0px;
}
.resources .imgLeft{
	margin: -5px 10px 10px -15px;
	float: left;
	background: none;
	border: none;
}
.resources_left {
	width: 270px;
	float:left;
	padding: 0 35px 5px 0;
}
.resources_right {
	width: 283px;
	float:left;
	padding: 0 0 5px 35px;
}
.line {
	clear:both;
	margin: 0px;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	padding-top: 20px;
	border-top: solid 1px #adab90;
}
.img_resources {
	float:left;
	padding-right: 15px;
}
#left_resources {
	float:left;
	width: 631px;
	padding: 0 42px 18px 34px;
}
#left_resources.wide{
	width: 892px;
	padding-right: 34px;
	padding-left: 34px;
	margin: 0px;
	padding-top: 18px;
	padding-bottom: 18px;
}
#left_resources h1, h1.special_h1{
	border-bottom: 1px solid #aba98f;
	padding: 18px 0 5px 0;
	margin: 0 0 20px 0;
	color: #140000;
	font-size: 12px;
	font-weight: bold;
	text-transform: capitalize;
	font-family: Arial, Helvetica, sans-serif;
}
#left_resources h1 a:link, #left_resources h1 a:active, #left_resources h1 a:visited{
	color: #140000;
	text-decoration: none;
}
#left_resources h1 a:hover{
	color: #140000;
	text-decoration: underline;
}
#left_resources h2{
	margin: 0;
	color: #752609;
	font-size: 20px;
	padding: 0 0 8px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#left_resources h3 {
	color: #6c260d;
	font-size: 17px;
	line-height: 19px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding: 0 0 3px 0;
	margin: 0;
}
#left_resources h4 {
	color: #6c260d;
	font-size: 17px;
	line-height: 19px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding: 5px 0 5px 43px;
	margin: 0;
	display: block;
}
.bg_reviews{
	background: url(images/icon-reviews.gif) no-repeat top left;
}
.bg_academic{
	background: url(images/icon-academic.gif) no-repeat top left;
}
.bg_useful{
	background: url(images/icon-useful.gif) no-repeat top left;
}
.bg_bookstore{
	background: url(images/icon-bookstore.gif) no-repeat top left;
}
.bg_print{
	background: url(images/icon-print.gif) no-repeat top left;
}
.bg_resources{
	position: absolute;
	left: 365px;
	top: 466px;
}

/* @@@@@[  Redefined Tags / Classes  ]@@@@@ */
a:active, a:visited, a:link{
	outline: none;
	color: #7f2301; 
	text-decoration: underline;
}
a:hover {
	outline: none;
	color: #7f2301; 
	text-decoration: none;
	}
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 19px;
	color: #752609;
	font-weight: normal;
	margin-top: 8px; 
	margin-bottom: 13px;
	padding-bottom: 3px;
	border-bottom: solid 1px #aeac92;
	text-transform:uppercase;
}

#left_col h1 span{text-transform:capitalize;}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	color: #752609;
	font-weight: normal;
	margin-top: 0px; 
	margin-bottom: 2px;
}
#subnav_in h2{ font-size:17px; line-height:25px; letter-spacing:4px; text-transform:uppercase; color:#CCC792; padding-top:0px; padding-left:20px; font-family:Georgia, "Times New Roman", Times, serif; font-style:normal; padding-bottom:3px; margin-top:0; display:block;}
h3 {
	font-weight: bold;
	color: #161616;
	margin: 0px;
	margin-bottom: 2px;
	font-size: 15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #752609;
	font-weight: normal;
	margin-top: 0px; 
	margin-bottom: 2px;
}
h5 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #752609;
	margin: 0 0 7px 0;
	padding: 0;
}
h6 {
	color:#020201;
	font-size: 12px;
	margin: 0px; 
}

.prodTitleCat h6 {
	float:left;
	font-weight:normal;
}

.prodTitleLabel {
	float:left;
	width:100px;
}
p {
	margin: 0;
	padding-bottom: 16px;
}
blockquote {
	margin: 0px 35px 13px 30px;
	padding: 0px;
}
.clrSolo {
	clear: both; 
 	font-size: 1px; 
 	line-height: 1px; 
 	margin: 0px; 
 	padding: 0px; 
	height: 0px;
 	visibility: hidden;
}
.clr {
 	clear: both;
}
.left {
 	float: left;
}
.right {
 	float: right;
}
img.border{border: solid 1px #9b9572;
	padding:3px;
	background-color:#FFFFFF;
}
.imgRight {
	margin-top: 5px;
 	margin-bottom: 10px; 
 	margin-left: 10px;
 	float: right;
	border: solid 1px #9b9572;
	padding:3px;
	background-color:#FFFFFF;
}
.imgRight2 {
	margin-top: 5px;
 	margin-bottom: 10px; 
 	margin-left: 10px;
 	float: right;
}
.imgLeft {
	margin-top: 5px;
 	margin-bottom: 10px; 
 	margin-right: 10px;
 	float: left;
	border: solid 1px #9b9572;
	padding:3px;
	background-color:#FFFFFF;
}

/* @@@@@[  Form Elements  ]@@@@@ */
select {
	font-size: 12px; 
	color: #000; 
	background: #fff; 
	border: 1px solid #8d8a6f;
	font-family:Arial, Helvetica, sans-serif;
}
textarea {
	font-size: 12px; 
	color: #000; 
	background: #fff; 
	border: 1px solid #8d8a6f;
	font-family:Arial, Helvetica, sans-serif;
}
input {
	font-size: 12px; 
	color: #000; 
	background: #fff; 
	border: 1px solid #8d8a6f;
	font-family:Arial, Helvetica, sans-serif;
}
input.clean {
	border-style: none; 
	background: none;
}
.blog{ font-size:14px; color:#752609;}
.collection h2{ text-align:center; margin-bottom:10px;}

/* new image styles */

.fancyImgCat {
	padding:0px 8px 11px 0px;
	background:url(images/_bg_cat_img.gif) no-repeat right bottom;
}
.fancyImgDetail{
	padding:6px 8px 17px 6px;
	background:url(images/_bg_detail_img.gif) no-repeat right bottom;
}

.fancyImgDetail img {	
	max-width:250px;
}
.bigBorder {
    padding:0px;	
	border:6px solid #fff;
}

.prodInfo {
	padding-bottom:15px;
}
.hack_viewmore{
display:block; width:96px; height:25px;
}
#sitemap ul{
	padding-bottom:20px;
	padding-left:20px;
}
#sitemap ul ul {
	padding-top:10px;
	padding-bottom:0px!important;
}
#sitemap ul.spec{
	padding-bottom:0!important;
}
#sitemap ul.spec ul li{
	padding-bottom:5px!important;
}

