* { 
	padding: 0; 
	margin: 0;
}
body {
	font-size: 100%;
	font-family: Arial, Helvetica, verdana, sans-serif;
	background-color: #8D559C;
	background-image: url(../image-files/purple-gradient-light.gif);
	background-repeat: repeat-x;
}
		
	h1 {
	padding-top:10px;
	color: #64087b;
	text-align: center;
	font-size: 18pt;
		}

h2 {
	font-size: 16pt;
	text-align: center;
	color: #64087b;
}
h3 {
	font-size: 14pt;
	color: #64087b;
}

h4
{
	font-size: 12pt;
	color: #64087b;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #8c5d91;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

hr {
	color: #692C79;
}
.leftalign
{
	text-align: left;
}
.fltlft {
	float: left;
	margin-right: 5px;
}
.fltlft_no_margin {
	float: left;
}

.fltrt {
	float: right;
	margin-left: 5px;
}
.fltrt_no_margin {
	float: right;
}
.tiny_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #692C79;
	text-align: center;
}
#wrapper {
	background-color: #FFFFFF;
}
#content p {
	margin-bottom: 10px;
}
#container {
	font-size: 14px;
	margin: 0 auto;
	padding: 15px;
	overflow: hidden;
	min-width: 800px;
	max-width: 1000px;
	font-family: Arial, Helvetica, sans-serif;
}
* html #container {
	width:expression(((document.compatMode && 
	document.compatMode=='CSS1Compat') ? 
	document.documentElement.clientWidth : 
	document.body.clientWidth) 
	> 1100 ? "1000px" : (((document.compatMode && 
	document.compatMode=='CSS1Compat') ? 
	document.documentElement.clientWidth : 
	document.body.clientWidth) < 805 ? "800px" : "auto"));
}
#header {
	background-image: url(http://www.babies-and-sign-language.com/image-files/mid-logo3.gif);
	background-repeat: repeat-x;
}
#content {
	margin-left: 242px;
	background-color: #FFF;
	margin-right: 242px;
	padding-right: 15px;
	padding-left: 15px;
}
#content-posters {
	margin-left: 120px;
	background-color: #FFF;
	margin-right: 120px;
	padding-right: 15px;
	padding-left: 15px;
}
table.posters  {
	text-align: center;
	border: 1px solid #999;
}
#footer {
	background-color: #E6DAE7;
	padding: 10px;
	border: 1px solid #000;
	margin-top: 20px;
	text-align: center;
}
#footer table {
	text-align: center;
}

#additional {
	float: right;
	width: 180px;
	background-color: #FFFFFF;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #692C79;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #692C79;
	margin-top: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #692C79;
	margin-right: 10px;
}
#additional ul {
	list-style-image: url(../image-files/hand-bullet.jpg);
}



.menuright {
	FONT-WEIGHT:normal;
	FONT-SIZE:13px;
	LINE-HEIGHT:normal;
	padding: 3px;
	height: auto;
	margin-top: 5px;
	margin-right: 2px;
	margin-bottom: 10px;
	margin-left: 2px;
	vertical-align: text-top;
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.emphasize_with_color {
	color: #692C79;
}

.xo-whiteyellow-175px-font12px {
	background-color: #FFFFFF;
	border: thin solid #692C79;
	width: 175px;
	text-align: center;
	color: #FFFF7D;
	font-size: 12px;
}
.box-whitepurple-175px-font12px {
	background-color: #FFFFFF;
	border: thin solid #692C79;
	width: 175px;
	text-align: center;
	color: #692C79;
	font-size: 12px;
	float: left;
	margin-top: 4px;
	margin-right: 8px;
	margin-bottom: 4px;
	margin-left: 4px;
}
.box-whitepurple-90percent {
	background-color: #FFFFFF;
	border: thin solid #692C79;
	width: 90%;
	text-align: left;
	color: #692C79;
	float: center;
	margin-top: 4px;
	margin-right: 8px;
	margin-bottom: 4px;
	margin-left: 4px;
}
.box-whitepurple-100percent-leftalign {
	background-color: #FFFFFF;
	border: thin solid #692C79;
	width: 100%;
	text-align: left;
	color: #692C79;
	float: left;
	margin-top: 4px;
	margin-right: 8px;
	margin-bottom: 4px;
	margin-left: 4px;
	padding: 5px;
}

.box-whiteblack-100percent-leftalign {
	background-color: #FFFFFF;
	border: thin solid #692C79;
	width: 100%;
	text-align: left;
	color: #000000;
	float: left;
	margin-top: 4px;
	margin-right: 8px;
	margin-bottom: 4px;
	margin-left: 4px;
	padding: 5px;
}

.box-whiteblack-100percent-leftalign li {
	line-height: 1.5em
}

#goog_right {
	margin: 0px;
	padding: 0px;
}
.rightnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFF7D;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	background-color: #692C79;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-bottom: 2px;
	padding-top: 2px;
}
.rightnav-emphasized-link {
	color: #FF0;
}

.menuright img {
	border:none;
}

.menuright a:link {
	color: #5C006D;
	text-decoration: none;
}
.menuright a:hover {
	color: #5C006D;
	text-decoration: underline;
}
.menuright a:visited {
	color: #000000;
	text-align: center;
}
.rightnav-single-line a:visited{
	color: #FF0;
	background-color: #8D559C;
}



#container #wrapper #additional .menuright li {
	list-style-type: disc;
	margin-left: 15px;
}
.right-side-nav-180180 {
	font-size: medium;
	text-align: center;
	width: 180px;
	height: 180px;
}

.right-side-nav-180-width {
	font-size: medium;
	text-align: center;
	width: 180px;
}
.rightnavbtn {
	-moz-box-shadow: inset 0px 1px 0px 0px #eca6ff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #eca6ff;
	box-shadow: inset 0px 1px 0px 0px #eca6ff;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #aa2ad1), color-stop(1, #761a8f) );
	background: -moz-linear-gradient( center top, #aa2ad1 5%, #761a8f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa2ad1', endColorstr='#761a8f');
	background-color: #58146D;
	-webkit-border-top-left-radius: 13px;
	-moz-border-radius-topleft: 13px;
	border-top-left-radius: 13px;
	-webkit-border-top-right-radius: 13px;
	-moz-border-radius-topright: 13px;
	border-top-right-radius: 13px;
	-webkit-border-bottom-right-radius: 13px;
	-moz-border-radius-bottomright: 13px;
	border-bottom-right-radius: 13px;
	-webkit-border-bottom-left-radius: 13px;
	-moz-border-radius-bottomleft: 13px;
	border-bottom-left-radius: 13px;
	text-indent: 0;
	border: 1px solid #be2ee6;
	display: inline-block;
	color: #ffffff;
	font-family: Arial;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	height: 40px;
	line-height: 40px;
	width: 170px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #9b22bd;
	margin-left: 5px;
}
.rightnavbtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #761a8f), color-stop(1, #aa2ad1) );
	background:-moz-linear-gradient( center top, #761a8f 5%, #aa2ad1 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#761a8f', endColorstr='#aa2ad1');
	background-color:#761a8f;
}.rightnavbtn:active {
	position:relative;
	top:1px;
}
/* This button was generated using CSSButtonGenerator.com */

#container #wrapper #content h1 {
	font-size: 18pt;
	color: #692C79;
	background-repeat: no-repeat;
}
#navigation {
	float: left;
	width: 200px;
	background-color: #FFFFFF;
	list-style: none;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 200px;
	text-align: left;
	background-color: #FFFFFF;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #692C79;
	border-top-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: thin;
	border-bottom-color: #692C79;
	padding-right: 0px;
	margin-right: 0px;
	margin-top: 10px;
}
#navigation ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
	padding: 0px;
	font-size: 15px;
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(../images/hand-bullet.jpg);
}
#navigation li {
	display: list-item;
	font-family: Arial, Helvetica, sans-serif;
}
#navigation li a {
	color: #5C006D;
	background-color: #FFFFFF;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-bottom: 2px;
	padding-left: 0px;
}
#navigation  li  a:hover {
	color: #5C006D;
	text-decoration: underline;

}
#container  #wrapper  #navigation   h4  {
	border-bottom-style: none;
}
.googad {
	height: 15px;
	width: 468px;
	float: left;
	margin-left: 200px;
}

.googad2 {
	height: 60px;
	width: 468px;
	margin-right: auto;
	margin-left: auto;
}.glosstable td {
	border-right-color: #C9B0CC;
	border-bottom-color: #C9B0CC;
	border-left-color: #C9B0CC;
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C9B0CC;
}
.alignleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	text-align: left;
	font-weight: bold;
}
.forceEverythingNextLine {
	display: block;
	float: none;
	text-align: center;
}
learnbabysigninglink a:hover {
	color: #8D559C;
	text-decoration: underline;
}
#learnbabylink {
	font-size: 24px;
}


#container #wrapper #content #calloutGraphic {
	position: relative;
	left: 55px;
}
li {
	margin-left: 15px;
}
blockquote {
	margin-left: 15px;
}
.text_color_backgrnd {
	background-color: #D7FFD7;
}
.nothingshowing {
	display: none;
}
.subscriptionBox {
	background-color: #F8F2F9;
	width: 175px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding: 3px;
	border: 1px solid #8D559C;
}
.subscriptionBoxWide {
	background-color: #F8F2F9;
	width: 350px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding: 3px;
	border: 1px solid #8D559C;
}




.c2Form {
	padding:8px;
	border:1px solid #541564;
	color: #8D559C;
  	}
  
  .InvShelp {
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	background-color: #ffc;
  }

  .InvShelpT {
  	background:#ddd; 
  	padding:0px;
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	margin:0px;
  	padding:0px;
  	text-align:left;
  }

  a:link.InvShelp {text-decoration:none; color:#000;}

  .InvShelpbox {
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	background-color: #ffc;
  	padding: 2px;
  	border: 1px solid #666;
  }

  .InvSquestions {
  	font-weight:bold;
  	font-size:14px;
  	margin:0;
  }
  
  .titleInput {
  	width:80%; 	
  	padding-top:4px;
  	margin:0;
  	}

  
  .storyInput {
  	width:98%;
  	padding-top:4px;
  	margin:0;
	height:15em;
  	}
  
  .otherText {
  }
  
  .dividerRule {
  border-top:1px solid #ddd;
  }
  .promo {
	width: 110px;
	height: 175px;
	float: right;
	padding: 5px;
	margin: 0px;
	background-color: #FFF;
	border:hidden;
	border:0px;
}

.promo-div {
width: 78px;
height: 75px;
margin-left:auto;
margin-right:auto;
}


.af-form-wrapper {
	width: 160px;
	background-color: #FFFFFF;
}
.af-form-wrapper-page {
	width: 350px;
	background-color: #FFFFFF;
}
.af-form-wrapper-page-narrow {
	
}
.basl-ebook-in-content {
	width: 165px;
	background-color: #FFFFFF;
	float: right;
	border: 1px solid #8E599C;
	padding: 3px;
	margin: 3px;
}
.mama-signs-contributors-box {
	background-color: #FFF6CA;
	padding: 5px;
	border: 1px solid #6D317D;
	margin-right: 5px;
	margin-left: 5px;
}
	.external-link-image {
	background-image: url(../image-files/icon-external-link.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-right: 10px;
	white-space: nowrap;
}
.fltlft-more-padding {
	float: left;
	padding-right: 25px;
	padding-bottom: 25px;
}

.comments {
	min-width: 300px;
	width: 350px;
	color: #8D559C;
}
.red-emphasis-text {
	color: #F00;
}
.promo-text {
	display: block;
	width: 75%;
	margin-right: 10px;
	margin-left: 10px;
}

/* Hoverbox code, used in gallery */
.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: 20px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 125px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 200px;
	height: 259px;
}
	
.h1-promo {
	width: 390px;
	margin-right: auto;
	margin-left: auto;
}
.sales-top-wrapper {
	margin: 0px;
	padding: 0px;
	width: 450px;
}
.sales-top-img {
	border: 1px solid #CCC;
	float: left;
	padding: 5px;
}

.sales-top-desc {
	float: left;
	padding-left: 15px;
	width: 200px;
}
.sales-bullets {
	list-style-type: disc;
	margin-left: 15px;
}
.sales-price {
	font-size: x-large;
	font-weight: bold;
}

.rbroundbox-dk {
	background-color: #F7F6E8;
	padding: 10px;
	border-top-left-radius: 17px;
}
.rbroundbox {
		background-color: #F7EEFA;
	padding: 10px;
	border-top-left-radius: 17px;
}