@import "ShoppingCart.css";

body,div,span,p,ul,li,td,th,input,select,textarea,button 
{
	font: 12px Arial, Verdana, Tahoma;
	line-height: 150%;
}
body
{
	margin: 4px 0px 0px 0px;
}
table#main
{
	background-color: white;
}

a{color:navy;}

a:hover{color:gray;}




.TopMenuItem {
  color:white; 
  font-family:tahoma; 
  font-weight: bold;
  font-size:12px; 
  cursor:default;
}
.TopMenuItemHover {
  color: yellow; 
  font-family:tahoma; 
  font-weight: bold;
  font-size:12px; 
  cursor:default; 
}
.MenuItem
{
  background-color: #D4D4D4; 
  color: #00025C; 
  font-family:tahoma; 
  font-size:11px; 
  cursor:default; 
  width: 100px;
  border: 1px solid #AADAED; 
}

.MenuItemHover 
{
  background-color:#E4F1F7; 
  
  color:#00025C;
  border: 1px solid #AADAED; 
  font-family:tahoma; 
  font-size:11px; 
  cursor:default; 
}

.MenuBreak
{
	background-image:url(../images/TopMenu/break_bg.gif);
	width:100%;
	height:2px;
}

#mainContent {
	text-align: left;
}

h2.pageTitle {
	font-size: 14px;
	color: #3F0080;
	font-weight: bold;
	margin-top: 10px;
}

h2.subHeading, div.subHeading {
	font-size: 12px;
	color: navy;
	font-weight: bold;
}

.modalBackground {
	background-color: #E9E9E9;
	filter: alpha(opacity=70);
	opacity: 0.7;
	z-index:300;
}

.modalPopup 
{
	width:540px;
	border: 1px solid black;
}
.modalAudioPopup {
	width:350px;
	height:380px;
	
}
.PopupAudioHeader {
	height: 20px;
	}
.PopupHeader {
	background-color: ActiveCaption;
	height: 25px;
	color: CaptionText;
	font-weight: bold;
	font-size: 15px;
	padding: 0px 0px 0px 0px;
}
.PopupBody {
	background-color: ThreedFace;
}
.PopupInnerBody {
	padding:8px;
	text-align: center;
}
#PopupAudioFormBody {
	background-color: white;
	text-align: left;
	border: 1px solid;	
	width: 95%;
	height: 100%;
}
#PopupFormBody {
	background-color: white;
	text-align: left;
	border: 1px solid ThreedDarkShadow;
	padding:15px;
	width: 95%;
	height: 100%;
}

.ChildSelectorHeading {
	font-weight: bold;
	color: red;
	font-size:14px;
}
.ProcessingHelp {
	font-size:10px;
	text-decoration:underline;
}

div.ProcessingHelpText {
	position: absolute;
	top:1em;
	left:0;
	background-color: #CCFFFF;
	border: 6px solid #ffcc33
}
.over {
	display:block;
	position: absolute;
	background-color: #cccccc;
	border:1px solid black;
	width: 250px;
	padding:4px;
}
.off {	
	display:none;
}
.HelpHeader {
	font-size: 12px;
	color: black;
	font-weight: bold;
	padding: 5px;
}
#content {
	padding: 0px 0px 0px 15px;	
}



.imageBox {
	width: 100px;
	text-align: center;
	float: left;
}

.NormalBoldFont {
	font-weight: bold;
}

.FAQTopic {
	margin-top: 25px;
	font-size: 1.3em;
	font-weight: bold;
}
.FAQQuestion {
	margin-top: 15px;
	font-size: 1.1em;
	font-weight: bold;
}
.FAQAnswer {
	
}

.KideoButton
{
	color: #663300;
	font-weight: bold;
	background-color: #99CCFF;
	font-size: 13px;
	margin-bottom: 5px;
}
.ChildSelectorHeading {
	
}
.PersonalizationLink
{
	background-color: #ffff66;
	border: #ffcc66 thin solid;	
	font-weight: bold;
	color: #0066ff;
	font-size:15px;
	font-family: Arial, Verdana, Calibri;
}

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : #CCFFFF;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 70px;
    text-align : left; 
    list-style-type : none;
}

.autocomplete_listItem 
{
	background-color : #CCFFFF;
	color : windowtext;
	padding : 1px;	
}

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}
