/* CSS Document */

body{
	padding:0; 
	margin:0; 
	background:#ffffff url(../images/bbg.jpg) no-repeat center top; 
/*	font:10px/12px Arial, Helvetica, sans-serif; color:#333333;*/
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
}
.siteWidth {
	background: #ffffff url(../images/mainpod_b.jpg) center; margin: auto; width: 996px;
	border:0px #000000 solid;
}

div, p, h1, h2, h3, ul, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

a {
	text-decoration: underline;
	color: #444462;
	outline:none;
}

a:link {
	text-decoration: underline;
	color: #444462;
}

a:hover {
	text-decoration: underline;
	color: #7973C2;
}

p {
	font-weight: normal;
	margin: 5px 0px 10px 0px;
	font-size: 9pt;
	line-height: 18px;
}

ol, li {
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 5px;
}

ul, li {
	margin: 4px 0px 3px 0px;
	padding: 0px 0px 0px 5px;
}

li {
	list-style-image: url("../images/bullet.gif"); 
	font-size: 9pt;
	margin-bottom: 2px;
	margin-left: 20px;
	line-height: 18px;
}

li:hover	 {
	list-style-image: url("../images/bullet_hover.gif");
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 21pt;
	color: #444462;
	line-height: 22px;
	}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt; 
	color: #444462;
	font-weight: bold;
	line-height: 22px;
}

h3 {
	font-weight: lighter;
	font-size: 10pt; 
	color: #5D5D99;
	font-weight: bold;
}

h4 {
	font-size: 10pt; 
	font-weight: bold;
	color: #024364;
	margin: 0px;
	padding: 0px;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 21pt; 
	color: #5D5D99;
	line-height: 22px;
	margin: 6px 0px 6px 0px;
}

.tracker {
	font-weight: normal; font-size: 9pt; COLOR: #000; background:#F1E4F5; line-height:20px; vertical-align:middle;
}
.price {
	FONT-SIZE: 12px; COLOR: #006633; FONT-FAMILY: verdana
}
.thumbprice {
	FONT-SIZE: 12px; COLOR: #4c4c4c; FONT-FAMILY: verdana
}

#top-menu-space{ position:relative; margin:auto; padding:0; background:#FFFFFF;}
#top-menu-space ul{display:block; position:absolute; top:-23px; right:0px; margin:0; padding:0;}
#top-menu-space ul li{float:left; width:104px; display:block; text-align:center;}
#top-menu-space ul li a{width:104px; height:26px; display:block; font:12px/14px Arial,"Trebuchet MS",Helvetica, sans-serif; color:#333333; background:url(../images/top_menu_bg.gif) 0 0 no-repeat; text-decoration:none; margin:0; padding:10px 0 0 0; font-weight:bold;}
#top-menu-space ul li a:hover{ width:104px; height:40px; display:block; background:url(../images/top_menu_bg_hover.gif) 0 0 repeat-x ; color:#46006B; text-decoration:none; font-weight:bold;}


/*other Styles */
.bcbutton
{
	background-color:#ffffff;
	color:#673866;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	border-top:1px solid #673866;
	border-left:1px solid #673866;
	border-right:2px solid #666666;
	border-bottom:2px solid #666666;
}
.txtbox
{
	background-color:#ffffff;
	border:1px solid #673866;
}
a.bofc {
	text-decoration: none;
	color: #444462;
	outline:none;
}
a.bofc:link {
	text-decoration: none;
	color: #444462;
	font-weight:bold;
	outline:none;
}

a.bofc:hover {
	text-decoration: none;
	color: #7973C2;
	font-weight:bold;	
	outline:none;
}

.bomdiv{
width:500px;
height:20px;
top:-50px; 
background-color:#fff; 
color:#330033;
position:relative;
padding:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
-moz-opacity: 0.6;
opacity:.60;
filter: alpha(opacity=60);

}
	#babythumb
	{
		width:920px;
		height:100%;
		border:1px dashed #ccc;
		text-align:center;
		vertical-align:top;
		/*overflow:visible;
		overflow-x:hidden;
		overflow-y:visible;
		*/
	}
	#babylarge
	{
		width:765px;
		height:1000px;
		position:relative;
		float:left;
	}
	#babyvote
	{
		width:700px;
		height:120px;
		border:1px dashed #ccc;
	}
	
.limg_black_overlay{
  display: none;
  position:absolute;
  top:0%;
  left:0%;
  width: 100%;
  height:4400px;
  background-color:#ffffff;
  z-index:1001;
  -moz-opacity: 0.9;
  opacity:.90;
  filter: alpha(opacity=90);
}
.limg_white_overlay {
  display: none;
  position: absolute;
  width:100%;
  height:100%;
  top:20%;
  left:30%;
  background-color:#ffffff;
  color:#ffffff;
  font-size:12px;
  font-weight:bold;
  z-index:1002;
  overflow:visible;
}
.slide_black_overlay{
  display: none;
  position:absolute;
  top:0%;
  left:0%;
  width: 100%;
  height:1000px;
  #width:1200px;
  #height:1200px;
  background-color:#ffffff;
  z-index:1001;
  -moz-opacity: 0.9;
  opacity:.90;
  filter: alpha(opacity=90);
}
.slide_white_overlay {
  display: none;
  position: absolute;
  width:900px;
  height:900px;
  top:2%;
  left:17%;
  _top:5;
  _left:25%;
  background-color:#ffffff;
  color:#ffffff;
  font-size:12px;
  font-weight:bold;
  z-index:1002;
  overflow:visible;
}
.stepbgimg{
background-image:url(../images/stepbanner.gif);
background-repeat:no-repeat;
color:#FFFFFF;
width:890px;
height:27px;
padding-top:3px;
padding-left:5px;
font-weight:bold;
}
.largeframe{
	/*width:620px;
	height:460px;*/
	width:470px;
	height:355px;
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
	background-position:center; 
	background-repeat:no-repeat;
}
/*Information about babies of the month - home page frame*/
#outer_frame{
width:990px;
float:left;
position:relative;
text-align:center;
}
#frame0{
background-image:url(../images/topheaderframe.jpg);
background-repeat:no-repeat;
width:990px;
height:70px;
float:left;
position:relative;
padding-top:20px;
padding-bottom:10px;
text-align:justify;
color:#ffffff;
}
#frame1{
background-color:#F1E4F5;
width:986px;
float:left;
position:relative;
text-align:center;
}
				#l_menu {
					width:97%;
					background-color:#F1E4F5;
					color:#42425F;
					float:left;
					position:relative;
					padding-top:1px;
					text-align:left;
					z-index:2;
					}
				#l_menu li{
					display:inline;
					list-style: none;
					font-size: 18px;
					float:left;
					position:relative;
					text-align:left;
					padding-right:4px;
					}
				#l_menu li a{
					width:250px;
					height:100%;
					background-color:#F1E4F5;
					color:#42425F;
					padding-right:1px;
					padding-top:5px;
					padding-bottom:5px;
					float:left;
					position:relative;
					text-align:left;
					text-decoration:none;
					}
				#l_menu li a:hover, #l_menu li a:focus ,#l_menu li a:active{
					width:250px;
					height:100%;
					background-color:#42425F;
					color:#ffffff;
					padding-left:7px;
					padding-top:7px;
					padding-bottom:7px;
					float:left;
					position:relative;
					cursor:pointer;
					text-align:left;
					margin-left:10px;
					text-decoration:none;
					}
				#l_menu li a.selected{
					width:250px;
					height:100%;
					background-color:#42425F;
					color:#ffffff;
					padding-left:7px;
					padding-top:7px;
					padding-bottom:7px;
					float:left;
					position:relative;
					cursor:pointer;
					text-align:left;
					margin-left:10px;
					text-decoration:none;
					}
#frame2{
width:98%;
float:left;
position:relative;
text-align:justify;
padding-left:0px;
padding-right:7px;
padding-top:10px;
}					

/*club css style*/
/* For main menu*/
.ball{
background-repeat:no-repeat;
font-family:comic sans Ms;
font-size:24px;
font-weight:bold;
width:42px;
padding:8px 0px 8px;
padding-left:17px;
color:#ffffff;
cursor:pointer;
}
.emptyball{
background-image:url(../images/club/space.jpg);
background-repeat:repeat-x;
width:59px;
height:50px;
}
a.balls{
	text-decoration: none;
	color: #ffffff;
	outline:none;
}
a.balls:hover{
	text-decoration: none;
	color: #ffffff;
	outline:none;
}

/*For Baby Names*/
#namelist{
	width:784px;
	height:250px; 
	overflow-y:scroll;
}
#srchname{
	width:380px;
	height:178px;
	float:left;
	position:relative;
}
#errmsg{
color:#990000;
height:25px;
padding-left:60px;
}
.srchnametxtcls{
	width:400px;
	height:30px;
	border:1px dotted #ccc;
	cursor:hand;
	font-size:16px;
	vertical-align:middle;
	color:#CCCCCC;
}
p.terms{
	font-weight: normal;
	margin: 5px 0px 10px 0px;
	font-size: 8pt;
	line-height: 18px;
	color:#666666;
}
.floatleft{
float:left;
position:relative;
}
.floatright{
float:right;
position:relative;
}