/* box layout */

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #8C8C8C;
	font-size:11px;
	margin: 0px 0px 5px 0px;	
	padding: 0px;
	background-color: #fff;
}

a{	
	color: #006699;
	text-decoration: underline;
}

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

a:visited{
	color: #006699;
	text-decoration: underline;
}

a:hover{
	color: #006699;
	text-decoration: none;
}

.boxwrap   { 
	background:url(../images/bg.gif) repeat-y top left;
	width: 779px; margin-left: auto; margin-right: auto;
}

.boxbody   { width: 594px; float: left;}
.boxcenter { width: 432px; float: right;}
.boxleft   { width: 162px; float: left; }
.boxright  { width: 185px; float: right;}
.boxheader { width: 100%;  clear: both; }

/* top nav style */

#topnav { 
	width: 100%;  
	clear: both;
	color:#000033;
	background-image:url(../images/index_02.jpg);
	background-repeat:no-repeat;
	font-weight:bold;
	color:#000033;
	padding-top:3px;
	padding-bottom:3px;
}

#topnav a {
	font-size: 100%;
	font-weight:bold;
	color:#000033;
	padding: 0 4px 0 0;
	text-decoration:none;
}

#topnav a:hover {
	font-size: 100%;
	font-weight:bold;
	color:#000033;
	padding: 0 4px 0 0;
	text-decoration:underline;
}


/* Left nav style */


#leftnav{
	position: relative;
	margin-left: -1px;
	padding-left: 0px;
	/* border-bottom: 1px solid #cccccc; */
	font-size: 110%;
	background: #C3DD1C;
}

.leftnav-img{
	width:163px;
	height:36px;
	background-image:url(../images/index_03.jpg);
	background-repeat:no-repeat;
}


#leftnav a {
	display: block;
	border-bottom: 1px solid #FFFFFF;
	font-size:110%;	
	font-weight:bold;
	padding: 5px 2px 5px 4px;
	text-decoration:none;
}

#leftnav a:hover{
	background-color: #EBF2AC;
	text-decoration:none;	
}

.left-banner{
	margin: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
	width: 155px;
	height: 325px;
	text-align:center;
}


/*********** #leftnav link styles ***********/

#leftnav ul a:link, #leftnav ul a:visited {display: block;}
#leftnav ul {list-style: none; margin: 0px; padding: 0px;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#leftnav li {border-bottom: 1px solid #C3DD1C;} 

/* fix for browsers that don't need the hack */
html>body #leftnav li {border-bottom: none;} 

/************** content styles ***************/

.content-top-image{
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 0px; 
}

.content-top{
	padding: 0px; 
	margin: 0px 2px 0px 2px; 
	text-align:justify;
	width:427px;	
}

.content-bottom-image{
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 3px 0px; 
}

.content-bottom{
	border: 1px solid #FFD563;
	padding: 3px;
	margin: 0px 2px 0px 2px;
	text-align:justify;
	width:420px;
}

.feat-rcp-image{
	padding: 3px 3px 3px 5px;
	margin: 0px; 
	background-color:#FDFFD8;
	border: 1px solid #E5E67B;
	width:149px;
}

.feat-rcp-text{
	float:right;
	padding: 3px 3px 3px 5px;
	margin-top: -295px; 
	width:250px;
	vertical-align:top;	
}

.feat-rcp-text h1{
	font-size:120%;
	color:#EE0000;
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 0px;
	text-align:left;
}

.draw-line {
	margin:5px 0px 5px 0px;
	border: 1px solid #E5E67B;
}

.all-rcp {
	padding-left: 15px; 
	margin: 0px 2px 0px 2px;  
	text-align:justify;
	width:400px;	
	background-color:#FFFFFF;
}

.all-rcp-alphabet {
	width: 100px;
    margin-bottom: 25px;
	float: left;
}

.all-rcp-alphabet ul a:link, .all-rcp-alphabet ul a:visited {display: block;}
.all-rcp-alphabet ul {list-style: none; margin: 0px; padding: 15px;}

.all-rcp-alphabet a {
	font-size:150%;
	text-align: center;
	background: #E7ECD0;
	font-weight:700;
	padding: 15px;
	margin-top: 10px;
	margin-bottom: 10px;	
	text-decoration:none;
}

.all-rcp-alphabet a:hover {
	text-align: center;
	background: #EBF2AC;
	text-decoration:none;
}

.all-rcp-alphabet a:visited {
	text-decoration:none;
}


.intro{
	padding: 3px 3px 3px 5px;
	vertical-align:top;	
	text-align:justify;
}

.intro strong{
	font-size:200%;
	color:#EE0000;
	margin-left:30px;
	text-align:left;
}


.intro h1{
	font-size:120%;
	color:#EE0000;
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 0px;
	text-align:left;
}

.content{
	padding: 3px 3px 3px 5px;
	vertical-align:top;	
	text-align:justify;	
}

.content p{
	text-align:justify;
	font-size:100%;
}

.content li {
	list-style-image:url(../images/bullet_mirchi.gif);
	padding: 5px 5px 5px 15px;
	font-size:110%;
}

.content h1 {
	font-size:120%;
	color:#EE0000;
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 0px;
}

.content h2 {
	font-size:100%;
	color:#006699;
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 0px;
	text-align:left;
}

.content h3 {
	float:right;
	font-size:100%;
	color:#EE0000;
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 0px;
	text-align:left;
}

.auth-details {
	width: 414px;
	/*height:200px;*/
	padding:5px;
}

.auth-image {
	width:110px;
	height:98px;
	float:left;
}

.auth-text {
	width:304px;
	font-size:100%;
	margin-top:10px;
	margin:0px 0px 0px 0px;
	float:left;
}

.auth-text p{
	padding:0px 0px 8px 0px;
}

.search-content{
	padding: 3px 3px 3px 5px;
	vertical-align:top;	
	text-align:justify;	
}

.search-content p{
	text-align:justify;
	font-size:100%;
}

.search-content li {
	padding: 5px 5px 5px 15px;
	font-size:100%;
}

.search-content h1 {
	font-size:120%;
	color:#EE0000;
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 0px;
	text-align:left;
}

.search-content a {
	font-size:110%;
	line-height:20px;
}

.search-content a:visited {
	font-size:110%;
	line-height:20px;
}

.makebox {
	float:right;
	font-size:300%;
	text-align: center;
	background: #E7ECD0;
	font-weight:700;
	color:#EE0000;	
	padding: 5px;
	margin-bottom:5px;
	text-transform:capitalize;
	font-family:"Courier New", Courier, mono;
	width:30px;
	height:30px;
	border: 1px solid #D5E755;
}

/********** Right nav style **********/

.whitespace {background-color:#FFFFFF;height:2px;font-size:10%;}

/* font size to fix spacing height problem in IE */

.rightnav-top-content{
	margin-top:-230px;
	margin-left:20px;
	padding: 2px 2px 2px 2px;
	border: 1px solid #B0C225;
	background-color:#D5E755;
	width:146px;
	height:200px;
}

.rightnav-top-content ul{
	margin-top:2px;
}


.rightnav-top-content li{
	padding-left: -2px;
	margin-left:-40px;
	list-style:none;
}

.rightnav-top-content a {
	display: block;
	font-size:120%;
	font-weight:bold;
	padding: 5px 2px 5px 4px;
	text-decoration:none;
}

.rightnav-top-content a:visited {
	text-decoration:none;
}

.rightnav-top-content a:hover{
	text-decoration:underline;	
}


#rightnav-top{
	margin: 2px;
	padding: 2px 2px 2px 2px;
	border: 1px solid #FFFFFF;
	width:175px;	
	height:230px;		
}

.top-rcp-img{
	width:14px;
	height:230px;
	background-image:url(../images/top-recipes.jpg);
	background-repeat:no-repeat;
}

.mirchi-img{
	float:right;
	margin-top:-87px;
	width:74px;
	height:92px;
	background-image:url(../images/mirchi.jpg);
	background-repeat:no-repeat;	
	vertical-align:bottom;
}

.search-box-bg{
	float:right;
	margin-right:2px;
	width:180px;
	height:83px;
	background-image:url(../images/search_gifts_bg.jpg);
	background-repeat:no-repeat;	
	vertical-align:bottom;
}

.search-box {
	margin-top:25px;
	border-top-width:1px;
	border-bottom-width:2px;
	border-left-width:1px;
	border-right-width:2px;	
}

.advsearch {
	position:relative;
	margin-top:-5px;
	margin-bottom:-10px;
	font-size:90%;
	font-weight:bold;
	text-align:center;
}


.right-banner{
	float:right;
	margin: 0px 2px 2px 2px;
	padding: 0px 2px 2px 2px;
	width:175px;
	height:175px;
	text-align:center;	
}


/********** Footer nav style **********/

.boxfooter { 
	color:#FFFFFF;
	width: 100%;  
	clear: both;  
	height:20px;
	vertical-align:middle;
	padding-top:2px;
	padding-bottom:2px;
}

/* created ID foot to fix padding and link problem in IE */

#foot { 
	color:#FFFFFF;
	padding-top: 3px;
	padding-left:3px;
	padding-bottom: 3px;
	font-weight:700;
}

.google-ad {
	width:778px;
	height:105px;
	text-align:center;
	background-color:#FFF;
	float:left;
}

#foot a { 
	color:#FFFFFF;
	text-decoration:underline;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top:5px;
	margin-bottom:5px;
	font-weight:700;
}

#foot a:hover { 
	color:#FFFFFF;
	text-decoration:none;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top:5px;
	margin-bottom:5px;
}


.boxclear  { clear: both; line-height: 0px }

/* ie hack: */
     .iehackwrap { text-align: center;  }
     .boxwrap    { text-align: justify; }     
     
/* box style */

/*
.boxwrap   { background: #C3DD1C; } 
*/


.boxheader { background: #ffc; }
.boxfooter { background: #00B8CC; }
/*.boxcenter   { background: #fff;}
.boxleft   { background: #C3DD1C;}
.boxright  { background: #C3DD1C }
*/

div { margin: 0px; padding: 0px; }

/* formatting */

.boxwrap { text-align: justify; margin-bottom: 2em; }

h1 { padding: 2px 10px; margin: 0px;}
p  { padding: 5px 10px; margin: 0px;}


h1 { font-size: 1.3em; }
p, li  { font-size: 0.8em; }

.comment { border: 1px solid red; margin: 1em; padding: 0.5em; background: #fff; }
h1 span  { font-weight: normal; }

#scrolling div.boxleft, #scrolling div.boxright
   { overflow: auto; height: 4em;}
   
.FormInputs  {
	color: #333333;
	border-top-width:1px;
	border-bottom-width:2px;
	border-left-width:1px;
	border-right-width:2px;
}

.FormButton	{
	border-style:solid;
	color:#333333;
	border-color:#999999;
	border-left-width:2px;
	border-right-width:2px;
	border-top-width:2px;
	border-bottom-width:2px;
	background-color:#FFFFFF;
}