/*	-------------------------------------------------------------
	Mahindra Retail, Common Style Sheet (for all browsers)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	.autor			www.bcwebwise.com [Vishal Kinikar]
	.version		1.0
	.url			www.
	.timestamp		19/11/2008 .. 17/12/2008
	-------------------------------------------------------------
	Mahindra Retail, Table of Contents
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	1. Import CSS File
	2. Common CSS
	3. RIGHT SIDE
	4. Inner Left
	5. Breadcrumb
	6. Tab Content
	7. 12345
	8. Article
	9. Sub Category

	
*/


/*	-------------------------------------------------------------
	1. IMPORT CSS FILE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	@import url(headerFooter.css);
	@import url(layout.css);
	
/*	-------------------------------------------------------------
	2. COMMON CSS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.newT{font-size:14px; color:#ff0000; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif;}
/*  Rounded Box
	------------------ */
	.rdBox{background: transparent url('../images/rd-left.gif') no-repeat top left;display: block;float: left;line-height: 16px; 
	height: 18px;padding-left: 8px; font-family:Georgia, arial, "Times New Roman", Times, serif; font-size:12px;}
	.rdBox a{ color:#d49daa; text-decoration:none;}
	
	.rdBox b{background: transparent url('../images/rd-right.gif') no-repeat top right;display: block;padding-right:8px;
	padding-left:3px; padding-bottom:2px;}

/*  Other LINK
	------------------ */	
	.tLink{font-size:10px; color:#ff8426;}
	.tLink a{color:#ff8426;}
	.tLink a.readMore{padding-right:8px;background:url(../images/plus.gif) right no-repeat;}
	.tLink a.viewAll{padding-right:8px;padding-left:18px;background:url(../images/narrow.gif) right no-repeat;}

/*	-------------------------------------------------------------
	3. RIGHT SIDE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
/*  Coffee Morning
	------------------ */
	#coffeeMorn{width:234px; height:144px;
	/*background:url(../images/coffeeMorn.gif) top left no-repeat;*/}
/*  Baby Development
	------------------ */
	#babyDevelopment{width:232px; border:#d6d6d6 1px solid; background:url(../images/baby-dev-bg.jpg) left top no-repeat;
	float:right; margin-top:7px;}
	#Container #rightSide #babyDevelopment .title{width:227px; float:right; height:18px; padding:8px 0 0 5px;}
	#Container #rightSide #babyDevelopment .title b{color:#9072b6;}
	#Container #rightSide #babyDevelopment .freeNews{width:94px; float:right; height:110px; padding-left:138px;
	background:url(../images/free-news-bg.gif) top left no-repeat; font-size:11px; color:#333333; padding-top:13px;}
	#Container #rightSide #babyDevelopment .freeNews strong{font-size:12px; color:#9072b6;}
	#Container #rightSide #babyDevelopment .freeNews a{font-size:10px; color:#9072b6; line-height:24px; padding-left:15px;}
	#Container #rightSide #babyDevelopment .search{width:218px; float:right; padding:7px; font-size:11px;}
	#Container #rightSide #babyDevelopment .search .select{border:1px #9e9e9e solid; font-size:11px; color:#333333;}
	#Container #rightSide #babyDevelopment .search .input{border:1px #9e9e9e solid; font-size:11px; color:#333333; height:16px;
	padding-top:4px; width:140px; padding-left:4px;}
	#Container #rightSide #babyDevelopment .search .hg{height:30px;}
/*  pregnancy & deu date calendar 
	------------------ */
	.pregnancyCal{width:234px; float:right; background:url(../images/pregnancy-calendar.gif) no-repeat; height:30px;margin-top:7px;}
	.pregnancyCal .title{float:right;width:180px; padding-top:6px; padding-left:54px;}
	.pregnancyCal .title b, .pregnancyCal .title b a{color:#858585;}
	.deudateCal{width:234px; float:right; background:url(../images/duedate-cal.gif) no-repeat; height:30px;margin-top:7px;}
	.deudateCal .title{float:right;width:180px; padding-top:6px; padding-left:54px;}
	.deudateCal .title b, .deudateCal .title b a{color:#858585;}

/*	-------------------------------------------------------------
	4. INNER LEFT SIDE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#Container #leftSide #leftCol{float:left; width:227px; padding-right:7px;}
	#Container #leftSide #contentDiv{float:right; width:487px;}
	
/*  Inner Left Menu
	------------------ */
	#Container #leftSide #leftCol .ileftMenu{width: 190px; padding:0 0 15px 8px;}
	#Container #leftSide #leftCol .ileftMenu .title{color:#e77721;margin-bottom:6px;font-size:13px; font-weight:bold;}
	#Container #leftSide #leftCol .ileftMenu .title a{color:#e77721;font-size:13px; font-weight:bold;}
	#Container #leftSide #leftCol .ileftMenu .headerbar{color:#9e9e9e;margin-bottom: 0;padding: 4px 0 4px 2px; font-size:11px;
	border-bottom:#e4e4e4 1px solid;}
	#Container #leftSide #leftCol .ileftMenu .headerbar span{ margin-left:10px;}
	
	#Container #leftSide #leftCol .ileftMenu .headerbar a{color:#9e9e9e;display: block;}
	#Container #leftSide #leftCol .ileftMenu ul{list-style-type: none;margin: 0;padding: 0;margin-bottom: 0;}
	#Container #leftSide #leftCol .ileftMenu ul li{display:inline;}
	#Container #leftSide #leftCol .ileftMenu ul li a{font-size:11px;color:#9e9e9e;display: block;padding-left: 6px; 
	line-height:16px;}
	
/*  Banner Box
	------------------ */
	#Container #leftSide #leftCol .bannerBox{width:213px; border:#d6d6d6 1px solid; float:left; color:#9a9999; 		
	font-size:11px; margin-top:10px; cursor:pointer;}
	#Container #rightSide .bannerBox{width:232px; border:#d6d6d6 1px solid; float:right; color:#9a9999; 		
	font-size:11px; margin-top:10px; cursor:pointer;}
	
	#Container #leftSide #leftCol .hover, #Container #rightSide .hover {border-color: #919191;}

/*	-------------------------------------------------------------
	5. Breadcrumb
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#Container #leftSide #contentDiv .breadcrumb{height:20px; float:left;width:487px; border-bottom:#d6d6d6 1px solid;
	color:#656566; font-size:11px;}
	#Container #leftSide #contentDiv .breadcrumb a{color:#e77721; text-decoration:underline; font-weight:bold; padding-right:10px;
	background:url(../images/breadcumb-arrow.gif) bottom right no-repeat; margin-right:4px;}
	#Container #leftSide #contentDiv .breadcrumb a:hover{text-decoration:none;}
	
	.breadcrumb{height:20px; float:left;  border-bottom:#d6d6d6 1px solid; color:#656566; font-size:11px;}
    .breadcrumb a{color:#e77721; text-decoration:underline; font-weight:bold; padding-right:10px; background:url(../images/breadcumb-arrow.gif) bottom right no-repeat; margin-right:4px;}
    .breadcrumb a:hover{text-decoration:none;}
/*	-------------------------------------------------------------
	6. Tab Content
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	.tabs{float:left;width:100%;font-size:80%;line-height:normal;}
	.tabs ul{list-style-type: none;margin:0;margin-left: 5px;padding:0;}
	.tabs li{display:inline;margin:0;padding:0;}
	.tabs a{float:left;margin:0;margin-right: 5px;padding:0 0 0 9px;text-decoration:none; color:#fff;}
	.tabs a span{float:left;display:block;padding: 4px 12px 2px 3px;font-weight:bold;color:#fff;}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	.tabs a span {float:none;}
	/* End IE5-Mac hack */
	.tabs a:hover span {color: white;}
	.tabs li a.selected{position: relative;}
	.tabs li a.selected span {color: white;}
	.tabcontent{display:none;}
	@media print {.tabcontent {display:block !important;}
	}

	.clear{clear:both; height:1px;}	

/*  12345
	------------------ */
	#Container #leftSide #contentDiv .mostLink{overflow: hidden;height:22px;}
	#Container #leftSide #contentDiv .mostLink a {display: block;float:left;height:21px;width:22px;}
	#Container #leftSide #contentDiv .mostLink a.one {background: transparent url('../images/bt_01.gif') no-repeat top left;}
	#Container #leftSide #contentDiv .mostLink a.two {background: transparent url('../images/bt_02.gif') no-repeat top left;}
	#Container #leftSide #contentDiv .mostLink a.three {background: transparent url('../images/bt_03.gif') no-repeat top left;}
	#Container #leftSide #contentDiv .mostLink a.four {background: transparent url('../images/bt_04.gif') no-repeat top left;}
	#Container #leftSide #contentDiv .mostLink a.five {background: transparent url('../images/bt_05.gif') no-repeat top left;}
	#Container #leftSide #contentDiv .mostLink a:hover{background-position: bottom right;}
	#Container #leftSide #contentDiv .mostLink a b {display:none;}


/*	-------------------------------------------------------------
	8. Article page
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#Container #leftSide #contentDiv .article{float:left; width:487px;margin-top:5px;border-bottom:#d6d6d6 1px solid;}
	#Container #leftSide #contentDiv .article .selected{font-weight:bold;}
	
	/*  Article Icon
	------------------ */
	#Container #leftSide #contentDiv .article .eps{padding-right:15px; float:right;}
	#Container #leftSide #contentDiv .article .eps p{font-size:11px; color:#828689; padding-top:2px;}
	/*  Changed by Ibrahim
	------------------ */
	#Container #leftSide #contentDiv .article .eps p a{font-size:11px;color:#828689;text-decoration:underline; line-height:18px;}
	#Container #leftSide #contentDiv .article .eps p a:hover{text-decoration:none;}
	#Container #leftSide #contentDiv .article .eps p a.email{background:url(../images/email.gif) right no-repeat;
	padding:3px 20px 5px 0;}
	#Container #leftSide #contentDiv .article .eps p a.print{background:url(../images/print.gif) right no-repeat;
	padding:3px 22px 5px 0;}
	#Container #leftSide #contentDiv .article .eps p a.back{background:url(../images/back.gif) right no-repeat;
	padding:5px 22px 5px 0; color:#e77721;}
	#Container #leftSide #contentDiv .article .eps p a.share{background:url(../images/share.gif) right no-repeat;
	padding:3px 20px 5px 0;}
	
	/*  Title BG
	------------------ */
	#Container #leftSide #contentDiv .article .title{padding:20px 15px 15px 8px;float: left; width:404px;}
	#Container #leftSide #contentDiv .article .title .rdBox{background:#e77721 url('../images/art_left.gif') no-repeat top 
	left;display: block;float: left;line-height: 16px; height: 18px;padding-left: 8px; font-family:Georgia, arial, 
	"Times New Roman", Times, serif; font-size:13px; color:#fff;}
	#Container #leftSide #contentDiv .article .title .rdBox b{background: transparent url('../images/art_right.gif') no-repeat top 
	right;display: block;padding-right:8px; padding-left:3px; padding-bottom:2px;}
	
	/*  Article Information
	------------------ */
	#Container #leftSide #contentDiv .article .articleInfo{padding:10px 15px 40px 15px;width:457px;font-size:11px;
	color:#7f7b78; clear:both;}
	#Container #leftSide #contentDiv .article .articleInfo p{padding-bottom:6px; text-align:justify;}
	#Container #leftSide #contentDiv .article .articleInfo h3{color:#7f7b78; font-size:13px; font-weight:bold; padding-bottom:6px;}
	#Container #leftSide #contentDiv .article .articleInfo h4{color:#e77721; font-size:11px; font-weight:bold; padding-top:10px;
	line-height:16px; padding-bottom:6px;}
	/*  Rating
	------------------ */
	#Container #leftSide #contentDiv .article .rating{width:180px;font-size:11px;color:#7f7b78; padding-left:15px; float:left;}
	#Container #leftSide #contentDiv .article .rating a.sign{color:#7f7b78; padding-left:15px; text-decoration:underline;}
	#Container #leftSide #contentDiv .article .rating a.sign:hover{text-decoration:none;}
	/*  Paging
	------------------ */
	#Container #leftSide #contentDiv .article .paging{width:275px;font-size:11px;color:#7f7b78;float:right; text-align:right;
	padding-right:15px;color:#e77721;}
	#Container #leftSide #contentDiv .article .paging a{color:#e77721;}
	#Container #leftSide #contentDiv .article .paging a.active{ font-weight:bold;}
	#Container #leftSide #contentDiv .article .clear{clear:both; float:left; height:20px; width:487px;}
	
	/*  Related Article
	------------------ */
	#Container #leftSide #contentDiv .related{float:left; width:467px;padding:15px 10px 20px 10px;border-bottom:#d6d6d6 1px solid;
	font-size:11px; color:#7f7b78; margin-bottom:4px;}
	#Container #leftSide #contentDiv .related .title{padding-left:4px; font-weight:bold; text-decoration:underline;
	padding-bottom:8px;}
	#Container #leftSide #contentDiv .related .link{margin-bottom:5px;color:#7f7b78;background:#fcede2; width:212px; 
	padding-bottom:2px;}
	#Container #leftSide #contentDiv .related .link a{color:#7f7b78; background:url(../images/arrow_link.gif) left no-repeat;
	padding-left:20px;}
		
	/*  Quick Access
	------------------ */
	#Container #leftSide #contentDiv .qheight{clear:left; width:485px; height:20px;}
	#Container #leftSide #contentDiv .quickAccess{clear:left; width:485px; border:#dbddf0 1px solid;
	background:url(../images/quickAccess-bg.jpg) top center no-repeat; height:54px;}
	#Container #leftSide #contentDiv .quickAccess .title{width:460px; text-align:right;
	background:url(../images/quickAccess.jpg) top left no-repeat; height:22px; margin-left:13px;}
	#Container #leftSide #contentDiv .quickAccess .look{font-size:12px; color:#7f7b78; padding-top:8px;}
	#Container #leftSide #contentDiv .quickAccess .input{padding-top:8px;}
	#Container #leftSide #contentDiv .quickAccess .input input{font-size:12px; color:#333; border:#d6d6d6 1px solid; width:180px;}	

/*	-------------------------------------------------------------
	2. SUB CATEGOERY PAGE CSS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#Container #leftSide #contentDiv .subCat{float:left; width:487px;height:158px;  margin-top:5px;
	background:url(../pregnancy_birth/images/pregnancyBirth-bg.jpg) no-repeat;border-bottom:#d6d6d6 1px solid;}
	#Container #leftSide #contentDiv .subCat .subIntro{float:right;height:158px; width:304px;padding:0 15px 0 0;}
	#Container #leftSide #contentDiv .subCat .subIntro .title{padding-top:15px; float:left; width:304px;}
	#Container #leftSide #contentDiv .subCat .subIntro .title .rdBox{color:#e77721;}
	#Container #leftSide #contentDiv .subCat .subIntro .intro{float:left; width:294px; color:#7f7b78;font-size:11px;
	padding:15px 0 10px 10px;} 
	
	#Container #leftSide #contentDiv .subCat .slide{float:left;height:158px; width:168px; background:transparent;}
	
	/*  More Article
	------------------ */
	#Container #leftSide #contentDiv .moreArticle{float:left; width:457px; margin-top:5px; padding:10px 15px 20px 15px;
	background:url(../pregnancy_birth/images/latestUpdate.jpg) no-repeat;border-bottom:#d6d6d6 1px solid; margin-bottom:5px;}
	#Container #leftSide #contentDiv .moreArticle .title{float:left; width:457px;}
	#Container #leftSide #contentDiv .moreArticle .title .rdBox{color:#d491af;}
	#Container #leftSide #contentDiv .moreArticle .intro{float:left; width:457px; color:#7f7b78;font-size:11px; padding-top:8px;} 
	#Container #leftSide #contentDiv .moreArticle .intro p{padding-top:8px;} 
	#Container #leftSide #contentDiv .moreArticle .intro p a{font-weight:normal; padding-left:20px; color:#7f7b78;
	background:url(../images/red-arrow.gif) left no-repeat; font-size:11px;} 
	#Container #leftSide #contentDiv .moreArticle .intro .tLink {padding-top:10px;}
	#Container #leftSide #contentDiv .moreArticle .intro .tLink a.viewAll{padding-right:8px;padding-left:0px;}
		
	/*  Two Article
	------------------ */
	#Container #leftSide #contentDiv .twoArticle{float:left; width:487px; margin-top:3px;border-bottom:#d6d6d6 1px solid;}
	/*  Feature Article ------------------ */
	#Container #leftSide #contentDiv .twoArticle .featureArticle{float:left; width:230px; padding:11px 7px 8px 8px;
	background:url(../pregnancy_birth/images/fueArtBG.gif) top left no-repeat;}
	#Container #leftSide #contentDiv .twoArticle .featureArticle .title{float:left;width:230px;}
	#Container #leftSide #contentDiv .twoArticle .featureArticle .title .rdBox{color:#84a2d3;}
	#Container #leftSide #contentDiv .twoArticle .featureArticle .intro{float:left;width:210px; font-size:11px; color:#7f7b78;
	padding:15px 10px 10px 10px;}
	#Container #leftSide #contentDiv .twoArticle .featureArticle .intro .topic{font-weight:bold; padding-bottom:6px;}
	#Container #leftSide #contentDiv .twoArticle .featureArticle .intro .tLink{padding-left:0;}
	/*  Top Article ------------------ */
	#Container #leftSide #contentDiv .twoArticle .topArticle{float:left; width:227px; padding:11px 7px 8px 8px;
	background:url(../pregnancy_birth/images/topArt.gif) top left no-repeat;}
	#Container #leftSide #contentDiv .twoArticle .topArticle .title{float:left;width:227px;}
	#Container #leftSide #contentDiv .twoArticle .topArticle .title .rdBox{color:#a48ec0;}
	#Container #leftSide #contentDiv .twoArticle .topArticle .intro{float:left;width:207px; font-size:11px; color:#7f7b78;
	padding:15px 10px 10px 10px;}
	#Container #leftSide #contentDiv .twoArticle .topArticle .intro .topic{font-weight:bold; padding-bottom:6px;}
	#Container #leftSide #contentDiv .twoArticle .topArticle .intro .tLink{padding-left:0;}	
	
	#Container #leftSide #contentDiv .back{width:457px; font-size:11px;text-align:right;}
	#Container #leftSide #contentDiv .back a{color:#e77721; text-decoration:underline; font-weight:bold;}

	
/* Rating */
.ratingStar
{
	font-size: 0pt;
	width: 13px;
	height: 12px;
	margin: 0px;
	padding: 0px;
	cursor: crosshair;
	display: block;
	background-repeat: no-repeat;
}

.filledRatingStar
{
    background: url(../pregnancy_birth/images/bluestar.gif) no-repeat; padding:0 5px;
}
.filledRatingStarFemale
{
	background: url(../pregnancy_birth/images/pinkstar.gif) no-repeat; padding:0 5px
}

.emptyRatingStar
{
	background: url(../pregnancy_birth/images/EmptyStar.png) no-repeat; padding:0 5px
}

.savedRatingStar
{
	background: url(../pregnancy_birth/images/SavedStar.png) no-repeat; padding:0 5px
}