.greenbg {background-color: #6daf04; padding: 0px; width: 100%; height: auto;}
.greenbgtypo {color: #fff; font-size: 0.9em; font-family: Arial; padding: 10px;}

.orangebg {background-color: #e1640a; padding: 0px; width: 100%; height: auto; float: left;}
.orangebgtypo {color: #fff; font-size: 0.9em; font-family: Arial; padding: 10px;}


.orangebgshop { position:relative; top:0px; left: 0px; background-color: #e1640a; padding: 0px; margin: 0px 0px 10px 0px; width:776px; height:40px; float: left;}
.orangebgtyposhop {color: #fff; font-size: 0.9em; font-family: Arial; padding: 10px;}
.orangebgtyposhop a {color: #fff; font-size: 1em; font-family: Arial; padding: 10px; text-decoration: none;}
.orangebgtyposhop a:hover {text-decoration: underline;}


.greenbgshop { position:relative; top:0px; left: 0px; background-color: #6daf04; padding: 0px; margin: 0px; width:776px; height:40px; float: left;}
.greenbgtyposhop {color: #fff; font-size: 0.9em; font-family: Arial; padding: 10px;}
.greenbgtyposhop a {color: #fff; font-size: 1em; font-family: Arial; padding: 10px; text-decoration: none;}
.greenbgtyposhop a:hover {text-decoration: underline;}



.gen-info { margin-left: 137px;  padding: 6px 6px 4px 9px; border-left: 1px solid #ccc; width: 600px;}


 ul.other-info2 { margin-left: 137px; border-left: 1px solid #ccc; width: 540px;}
h4 {padding-left: 20px;}
img {float: left; padding: 8px;}
img.small {float: left; padding: 15px 8px 8px 20px;}
img.small2 {float: left; padding: 20px 8px 8px 25px;}

.ruler {border-bottom: 1px solid #ccc; width: 100%; height: auto; margin: 0; padding: 0;}


/* program-guide styling*/
.shop {
	color: #E76540;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;}


.blue_title {
	font-family: Arial;
	font-size: 1em;
	color: #333; padding: 5px; margin-top: 10px;
}

.blue_title a
{
  color : teal;}


.blue_link a
{
   color: teal; padding-left: 0px;
}



/* shop styling*/
#space {position: relative; top: 0px; left: 0px; width: 94%; height: 3em; margin: 0px 20px; padding: 0px;}





.bookarea {position: relative;   top: 0px; left: 0px; width: 194px; height: 310px; padding: 0px; margin: 0px 0px 25px 0px; float: left;
}
.dnaarea {position: relative;   top: 0px; left: 0px; width: 194px; height: 194px; padding: 0px; margin: 0px; float: left;
}
.booktitles   { width: 192px; height:40px; border: 1px solid #ccc; padding: 10px 0px; margin: 0px; background-color: #f6c787;}
p.titles {	font-family: Arial; font-size: 0.9em; color: #000; padding: 0px; margin: 0px;}
span.titles {font-family: Arial; font-size: 0.9em; color: #666; padding: 0px; margin: 0px;}	
.bookpics  {margin: 0px; padding: 0px; width: 192px; height: 260px; background-color: #e76540; border: 1px solid #dbdfe0;}
iframe.bookpics    {position: relative; top: 7px; left: 35px;}

.geararea {position: relative; top:0px; left:0px; width:194px; height: 194px; padding: 0px; margin: 0px 0px 50px 0px; float:left;
}
.geartitles   { width: 192px; height:40px; border: 1px solid #ccc; padding: 10px 0px; margin: 0px; background-color: #fff;}	
.gearpics  {margin: 0px; padding: 0px; width: 192px; height: 192px; background-color: #fff; border: 1px solid #dbdfe0;}
.gearpicspos    {position: relative; top: 18.5px; left: 18.5pxpx;}

.dnapicspos    {position: relative; top: 25px; left: 30px;}

.gen-info3    {margin: 0; padding: 0px; font-size: 0.9em; color: #333;}
.gen-info3 a  {margin: 0; padding: 0px; font-size: 1em; color: #333; text-decoration: none;}
.gen-info3 a:hover {text-decoration: underline; color: #1283ad;}