/**
*    CSS for Blue themed template for Root
*
* @author		murugesan_70ag08
 * @copyright 	Copyright (c) 2009 - 2010 {@link http://www.agriya.com Agriya Infoway}
* @license 		http://www.agriya.com Agriya Infoway Licence
* @version 		SVN: $Id: screen_grey.css 6487 2007-04-27 07:39:02Z murugesan_70ag08 $
* @since 		2006-06-10
*/

body{
	background:#fff;
	margin:2px 0 0 0;
	padding:0;
}
.clsBodyBackground{
}
.clsImporterHeader{
	margin:0 auto;
	width:980px;
}
/* ---------------------  Header starts --------------------- */
* html .trcheader{
	height:1%
}
* html .lbheader{
	width:100%
}
.trcheader,.lbheader,.tlcheader{
	zoom:1
}
.trcheader{
	background:transparent url(../../images/screen_red/header/trcheader.gif) no-repeat right top;
}
.tlcheader{
	background:transparent url(../../images/screen_red/header/tlcheader.gif) no-repeat;
}
.blcheader{
	background:transparent url(../../images/screen_red/header/blcheader.gif) no-repeat left bottom;
}
.brcheader{
	background:transparent url(../../images/screen_red/header/brcheader.gif) no-repeat right bottom;
}
.tbheader{
	background:transparent url(../../images/screen_red/header/tbheader.gif) repeat-x;
}
.bbheader{
	background:transparent url(../../images/screen_red/header/bbheader.gif) repeat-x center bottom;
}
.rbheader{
	background:transparent url(../../images/screen_red/header/rbheader.gif) repeat-y right top;
}
.lbheader{
	background:#620112 url(../../images/screen_red/header/lbheader.gif) repeat-y left bottom;
}
/* ---------------------  Header starts --------------------- */
* html .trcheader_popup_popup{
	height:1%
}
* html .lbheader_popup{
	width:100%
}
.trcheader_popup,.lbheader_popup,.tlcheader_popup{
	zoom:1
}
.trcheader_popup{
	background:transparent url(../../images/screen_red/header/trcheader_popup.gif) no-repeat right top;
}
.tlcheader_popup{
	background:transparent url(../../images/screen_red/header/tlcheader_popup.gif) no-repeat;
}
.blcheader_popup{
	background:transparent url(../../images/screen_red/header/blcheader_popup.gif) no-repeat left bottom;
}
.brcheader_popup{
	background:transparent url(../../images/screen_red/header/brcheader_popup.gif) no-repeat right bottom;
}
.tbheader_popup{
	background:transparent url(../../images/screen_red/header/tbheader_popup.gif) repeat-x;
}
.bbheader_popup{
	background:transparent url(../../images/screen_red/header/bbheader_popup.gif) repeat-x center bottom;
}
.rbheader_popup{
	background:transparent url(../../images/screen_red/header/rbheader_popup.gif) repeat-y right top;
}
.lbheader_popup{
	background:#090909 url(../../images/screen_red/header/lbheader_popup.gif) repeat-y left bottom;
}
.clsPopUpBodyBackground #header {
	height:67px;
}
.clsPopUpBodyBackground #header h1{
	background:url(../../images/screen_red/header/popup-logo.jpg) no-repeat left top;
	height:45px;
	margin-top:10px;
	width:138px;
}
.clsPopUpBodyBackground #header h1 a{
	height:45px;
	width:138px;
}
.clsThemeMangeBgLicenceErr #header .clsLienceH1{
	margin:1em 0 0 0!important; padding:0!important;
}
/* logo starts */
#header{
	height:106px;
}
	#header h1{
		background:url(../../images/screen_red/header/logo.jpg) no-repeat;
		float:left;
		width:210px;
		height:77px;
		margin:3px 0 0 12px;
		padding:0;
		display:inline;
	}
	#membersselectUsernames #header h1{
		margin:25px 0 0 12px;
	}
		#header h1 a{
			width:210px;
			height:77px;
			text-indent:-2000em;
			overflow:hidden;
			display:block;
		}
		.clsNoHeader{
			margin-bottom:50px;
		}
/* logo ends */
/* clsHeaderContents starts */
/*-- status checker for iframe --*/
#dynamicStatusChanger, #selMyProfileQuickLinks{
	background-color:#2a2828;
	margin:0 0 0 -5em;
	width:220px !important;
	border:1px solid #555 !important;
	margin-top:2px;
	padding:5px;
	*margin:4px 0 0 -10em;
}
* html #dynamicStatusChanger, * html #selMyProfileQuickLinks{
	margin:0 0 0 -10em;
}

#dynamicStatusChangerIFrame, #dynamicStatusChangerIFrame2{
	background-color:#F7F7F7;
	position:absolute;
	width:220px !important;
	margin:0 0 0 -5em;
}
#dynamicStatusChangerIFrame, #dynamicStatusChangerIFrame2{
	*margin:0 0 0 -8em;
}
	#userStatusPicker li, #selMyProfileLinks li{
		background:url(../../images/screen_red/header/bg-topheaderlink.gif) no-repeat scroll left center;
		color:#CCCCCC;
		display:block;
		font-weight:normal;
		margin:0 7px 0 0;
		padding:0 0 0 12px;
		text-align:left;
	}
		#userStatusPicker li a, #selMyProfileLinks li a{
			color:#CCCCCC;
			line-height:17px;
			text-decoration:none;
		}
		#userStatusPicker li a:hover, #selMyProfileLinks li a:hover{
			color:#934E4E;
		}
.clsHeaderContents{
	float:right;
	text-align:right;
	width:750px;
	margin-top:4px;
}	
	#selTopHeaderLinks{
		text-align:right;
		margin:2px 0 0 0;
		height:21px;
		zoom:1;	
	}
	* html #selTopHeaderLinks{
		height:1%;
		overflow:visible;
	}
		#selWelcomeLinks{
			font:normal 8pt Arial,Helvetica,sans-serif;
		}
			#selWelcomeLinks ul{
				padding:0 0 5px 2.5em;
				margin:0;
			}
				/*#selWelcomeLinks li{
					display:inline;
					color:#fff;
					background:url(../../images/screen_red/header/bg-topheaderlink.gif) no-repeat left center;
					padding:0 0 0 12px;
					font-weight:normal;
				}
				#selMyProfileLinks li,#selWelcomeLinks li li{
					background:url(../../images/screen_red/header/bg-topheaderinnerlink.gif) no-repeat left center;
				}
				#selWelcomeLinks .clsNoBg{
					background:none;
				}
						#selWelcomeLinks li img{
							cursor:pointer;
							vertical-align:middle;
						}
						#selWelcomeLinks li a{
							color:#fff;
							text-decoration:none;	
							line-height:17px;		
							padding-right:7px;		
						}	
						.clsNoPadding a{
							padding-right:0 !important;
						}
						#selWelcomeLinks li a:hover,#selWelcomeLinks li a.clsActiveLink{
							color:#FAA3AB;			
						}	
				#selWelcomeLinks li.clsNewMail{
					background:none;
					padding-left:0;
				}	
				#selWelcomeLinks .clsNewMail a{
					background:url(../../images/screen_red/header/icon-mailcount.gif) no-repeat 0 0.2em;
					padding:0 7px 0 1.5em;
				}		
				.clsUserStatusIcon{
					background:url(../../images/screen_red/header/icon-status-select.gif) no-repeat  center center;
					width:10px;
					height:10px;
					cursor:pointer;
				}	
					.clsInputMemberStatus{
						width:60px;
						border:0;
						height:15px;
						font:normal 11px tahoma;
					}			*/
		#selWelcomeLinks li{
			display:block;
			float:left;
			color:#abb9be;
			background:url(../../images/screen_red/header/bg-topheaderlink.gif) no-repeat left center;
			padding:0px 7px 0 7px;
			font-weight:normal;
			
		}
		#selWelcomeLinks .clsNoBg{
			background:none;
		}
		#selWelcomeLinks .clsHome{
			margin-top:-2px;
			_padding:0!important;
		}
		*html #selWelcomeLinks .clsHome{
			margin-right:5px;
		}
		#selWelcomeLinks .clsHome a{
			background:url(../../images/screen_red/header/home.gif) no-repeat left center;
			height:20px;
			width:16px;
			text-align:center;
			text-indent:-999em;
		}
		#selWelcomeLinks li p{
			height:17px;
		}
			#selWelcomeLinks li p, #selWelcomeLinks li span, #selWelcomeLinks li a{
				display:block;
				float:left;
				color:#fff;
			}
			#selWelcomeLinks li a{
				color:#fff;
				text-decoration:none;	
				line-height:17px;			
			}	
				.clsUserStatusIcon{
					background:url(../../images/screen_red/header/icon-status-select.gif) no-repeat  center center;
					width:14px;
					height:10px;
					cursor:pointer;
					padding-top:10px;
					*padding-top:8px;
				}	
				*html .clsUserStatusIcon{
					padding-top:5px;
				}
				.clsHello{
					padding:2px 2px 0 0;
				}
				.clsMatureLink{
					padding:0 2px;
				}
				.clsMatureWrng{
					margin-top:2px;
				}
			#selWelcomeLinks li.clsNewMail{
					background:none;
					padding-left:0;
				}	
				#selWelcomeLinks .clsNewMail a{
					background:url(../../images/screen_red/header/icon-mailcount.gif) no-repeat left;
					padding:0 0 0 1.5em;
				}	
			.clsQuickMixLink{
				background:#be0143 url(../../images/screen_red/header/bg-quickmixlink.gif) repeat-x left top;
				border:1px solid #282828;
				float:left;
				padding:0px 3px;
			}	
				.clsQuickMixLink a{
					color:#fff !important;
					padding:0 !important;
				}	
				.clsQuickMixLink a:hover{
					color:#ffd9e2 !important;
				}	
			.clsViewCart a{
				background:transparent url(../../images/screen_red/header/shoppingcart.gif) no-repeat scroll left 1px;
				height:20px;
				width:19px;
				text-align:center;
				text-indent:-999em;
			}
			#selMyProfileLinks li,#selWelcomeLinks li li{
					background:url(../../images/screen_red/header/bg-topheaderinnerlink.gif) no-repeat left center;
					display:inline;
					font-weight:normal;
					padding:0 10px 0 12px;
				}
				#selWelcomeLinks .classDashBoardLinks li p, #selWelcomeLinks .classDashBoardLinks li span, #selWelcomeLinks .classDashBoardLinks li a{
					display:inline;
					float:none;
				}
			#selWelcomeLinks li a:hover,#selWelcomeLinks li a.clsActiveLink{
				color:#FAA3AB;			
			}		
			#userStatusPicker li{
					background:url(../../images/screen_red/header/bg-topheaderinnerlink.gif) no-repeat left center!important;
				}
				#userStatusPicker .clsStatusSeprator{
					background:none!important;
				}
					.clsStatusSeprator p{
						background:transparent url(../../images/screen_red/header/bg-statusseperator.gif) repeat-x scroll center center!important;
						height:2px !important;
						margin-bottom:4px;
						margin-top:2px !important;	
					}
			
			
			
			
			
		#selLeftTopHeaderLinks{
			/*float:left;
			width:750px;*/
		}
		#selTopHeaderCurve{
			float:right;
			padding:0 2px 0 0;
		}
		#selMiddleTopHeaderLinks{
		}

				.clsQuickMixLink{
					background:#be0143 url(../../images/screen_red/header/bg-quickmixlink.gif) repeat-x left top;
					border:1px solid #282828;
					display:inline;
					padding:0px 3px!important;
				}	
				.clsQuickMixLink a{
					color:#fff !important;
					padding:0 !important;
				}	
				.clsQuickMixLink a:hover{
					color:#ffd9e2 !important;
				}	
/* TopHeader starts */
		.clsTopHeader{
			clear:left;
		}
		.clsTopHeader,#selNav {
			overflow:hidden;
			zoom:1;
		}
		* html .clsTopHeader,* html #selNav {
			overflow:visible;
			height:1%;
		}
			#selBanner{
				float:left;
				width:470px;
				text-align:left;
				padding-top:5px;
			}
			#selRightHeader{
				float:right;
				width:255px;
				margin-right:10px;			
				display:inline;	
			}
			* html #selRightHeader .clsPaddingTop9{
				display:inline;
			}
			.clsHeaderLeft{
		overflow:hidden;
		width:990px;
	}
	.clsHeaderRight{
		overflow:hidden;
	}
	.clsIePadding{
		*padding-bottom:5px;
	}
	/* TopHeader ends */
/* clsHeaderContents ends */

/* style for dashboard */
#selDashBoard{
	position:absolute;
	width:350px;
	width:374px;
	background:#1F1D1D;
	border:1px solid #3F3F3F;
	padding:1em;
	z-index:10500;
	overflow:auto;
	right:15px;
	*margin-top:22px;
}
.clsDashBoardHeading{
	float:left;
	width:90px;
	padding:0;
}
.clsCloseButton{
	float:right;
	cursor:pointer;
}
	.clsCloseButton p{
		background:url(../../images/screen_red/header/icon-dashclose.gif) no-repeat right center;
		padding:0.5em 2.5em 0.5em 0;
		width:47px;
		display:inline;
	}

.clsHeadingClose{
	height:25px;
	zoom:1;
	margin:0 0 0.2em 0;
}
* html .clsHeadingClose{
	height:1%;
	overflow:visible;
}
.classDashBoardLinks{
	border:1px solid #6F6F6F;
	background:#424242;
	text-align:left;
	text-transform:capitalize;
}
	.classDashBoardLinks h3{
		padding:0 0 0 1em;
	}
	.clsDashLink{
		overflow:auto;
		zoom:1;
		background:none !important;
	}
	* html .clsDashLink{
		height:1%;
		overflow:visible;
	}
		.clsDashLink li{
			padding:0 ;
			margin:0;
			float:left;
		}
			.clsDashLink li a{
				color:#FFF;
			}
/* end of style for dashboard */

/*--------------------- Header ends ---------------------*/

/*--------------------- selNavigation --------------------- */
.clsNavigationMiddle{
	background:url(../../images/screen_red/header/bg-nav-middle.gif) repeat-x left top;
	height:31px;
	margin-top:6px;
}
	.clsNavigationRight{
		background:url(../../images/screen_red/header/bg-nav-right.gif) no-repeat right top;
		height:31px;
	}
		.clsNavigationLeft{
			background:url(../../images/screen_red/header/bg-nav-left.gif) no-repeat left top;
			height:31px;
		}
.clsAbsoluteNavImage{
	width:5px;
	height:32px;
	background:url(../../images/screen_red/header/bg-navigationleft.gif) no-repeat left top;
	position:absolute;
	display:none;
}
#selNavigation{
	width:970px;
	height:31px;
	clear:left;
	position:relative;
}
	#selNav ul{
		float:left;	
	}
	.clsMenu ul{
		padding:0;
		margin:0;
	}
		.clsMenu li{
			float:left;
			background:url(../../images/screen_red/header/bg-navigation.gif) no-repeat right top;
			line-height:31px;
			color:#e5e5e5;
			font-weight:bold;
			font-size:11px;
			margin-left:0;
		}
			.clsMenu li a,
			.clsMenu li a span{
				display:block;
				float:left;
				color:#e5e5e5;
				line-height:31px;
				text-decoration:none;
			}
			.clsMenu li a span{
				padding:0 10px;
			}
			.clsMenu li a:hover span{
				color:#fff;
			}
			.clsMenu li a:hover,
			.clsMenu li.clsActiveMenu a{
				color:#fff;
				background:url(../../images/screen_red/header/bg-navlinkright-hover.gif) no-repeat right top;
			}
			.clsMenu li.clsActiveMenu a.clsMore{
				color:#fff;
				/*background:url(../../images/screen_red/header/bg-navlinkmoreright-hover.gif) no-repeat right top !important;*/
			}
			.clsMenu li ul{
				display:none;
			}
			.clsMenu li.clsHoverMenu,
			.clsMenu li.clsHoverMenu a{
				color:#fff;
				/*background:url(../../images/screen_red/header/bg-navlinkmoreright-hover.gif) no-repeat right top;*/
			}
			.clsMenu li.clsShowSubMenu a span,
			.clsMenu li.clsActiveMenu a span,
			.clsMenu li.clsHoverMenu a span{
				color:#fff;
			}
			.clsMenu li.clsShowSubMenu a:hover span,
			.clsMenu li.clsActiveMenu a:hover span,
			.clsMenu li.clsHoverMenu a:hover span{
				color:#fff;
			}
			.clsMenu li.clsFirstNav a:hover span,
			.clsMenu li.clsActiveFirstMenu a span{
				background:url(../../images/screen_red/header/bg-navigationhover-left.gif) no-repeat left top;
				color:#fff;
			}
				.clsMenu li.clsActiveFirstMenu a{
					background:url(../../images/screen_red/header/bg-navlinkright-hover.gif) no-repeat right top;
					color:#fff;
				}
			li.clsMoreMenus a{
				/*background:url(../../images/screen_red/header/bg-more.gif) no-repeat right center;*/
			}
			li.clsMoreMenus a:hover{
				/*background:url(../../images/screen_red/header/bg-navlinkmoreright-hover.gif) no-repeat right top !important;*/
			}
			.clsMoreMenus span{
				/*padding-right:18px !important;*/
			}
			
			.clsSubMenuList{
				text-align:left;
				position:absolute; 
				z-index:999999;
				background:#55010e; 
				border:1px solid #40010c; 
				border-top:0; 
				border-bottom:0;
			}
				.clsSubMenuList li{
					_display:inline;
				}
					.clsSubMenuList li a{
						color:#e5e5e5;
						text-decoration:none;
						font:bold 11px/30px Tahoma;
						background:url(../../images/screen_red/header/bg-subnavigation.gif) repeat-x left bottom;
						padding:0 10px;
						display:block;
						width:180px;
						width:200px;
					}
					.clsSubMenuList li a:hover{
						color:#FAA3AB;
						text-decoration:none;
						background:#000 url(../../images/screen_red/header/bg-subnavigation.gif) repeat-x left bottom;
					}
					#selBackgroundIframe{
						background:white; 
						border:0; 
						z-index:999990; 
						position:absolute;
						width:200px;
					}
					li.clsNoBorderBackground,.clsNoBorderBackground,.clsNoBorderBackground span,li.clsNoBorderBackground span,.clsNoBorderBackground a,.liclsNoBorderBackground a{
						background:none !important;
						border:none !important;
					}
/* --------------------- selNavigation ends --------------------- */
/* --------------------- Search drop down menu starts --------------------- */
	.clsSearchListMenu{
		text-align:left;
		position:absolute; 
		z-index:999999;
		background:#424242; 
		border:1px solid #4d4d4d; 
		border-bottom:0;
	}
	.clsSearchListMenu ul{
		float:left
	}
		.clsSearchListMenu li{
			_display:inline;
			border-right:1px solid #4d4d4d;
		}
		.clsSearchListFinalMenu li{	
			border-right:0 !important;
		}
			.clsSearchListMenu li a{
				color:#B4B4B4;
				text-decoration:none;
				font:bold 11px/24px Tahoma;
				background:url(../../images/screen_red/header/bg-searchlist.gif) repeat-x left bottom;
				padding:0 10px;
				display:block;
				width:120px;
				_width:140px;
			}
			.clsSearchListMenu li a:hover{
				color:#fe8ca5;
				text-decoration:none;
				background:#383838 url(../../images/screen_red/header/bg-searchlist.gif) repeat-x left bottom;
			}
/* --------------------- Search drop down menu ends --------------------- */

/* --------------------- Header Login starts --------------------- */
.clsHeaderMemberLogin *{
color:#999;
}
	.clsHeaderMemberLogin table,.clsHeaderMemberLogin td{
		border:0;
		text-align:left;
	}
	.clsHeaderMemberLogin td{
		padding:6px 0 0 5px;
	}
		.clsHeaderMemberLogin td a{
			color:#ccc;
			padding-left:6px;
			text-decoration:none;
		}
		.clsHeaderMemberLogin td a:hover{
			text-decoration:underline;
		}
		.clsHeaderTextBox{
			background:#282828;
			width:130px;
			height:18px;
			line-height:18px;
			border:1px solid #424242;
		}
/* --------------------- Header Login ends --------------------- */



/* ----------------- Language and themes starts ----------------------*/
.clsOverflow{
	overflow:auto;
	zoom:1;
}
* html .clsOverflow{
	overflow:visible;
	height:1%;
}
	.clsLangSwitcher{
		float:right;
		color:#ccc;
		margin-left:33px;
	}
	.clsLangSwitcher td{
		vertical-align:middle;
	}
	.clsLangSwitcher table{
		margin-top:7px;
	}
	.clsLangSwitcher h3{
		color:#ccc;
		font-weight:normal;
	}
		a.language{
			background:url(../../images/screen_red/header/bg-language.gif) no-repeat left top;
			width:36px;
			height:19px;
			display:block;
			float:right;
		}
		a.language:hover{
			/*background:url(../../images/screen_red/header/bg-languageover.gif) no-repeat left top;*/
		}
		a.language img{
			border:1px solid #36020f;
			margin:3px 17px 3px 3px;
		}
	.clsStyleSwitcher{
		float:right;
		color:#ccc;
	}
	.clsStyleSwitcher table{
		margin-top:11px;
	}
	.clsStyleSwitcher h3{
		color:#ccc;
		font-weight:normal;
	}
		.clsLanguageThemePopup{
			position:absolute;
			background:#2a2828;
			border:1px solid #555;
			margin-top:20px;
			padding:5px;
			z-index:99999;
		}
		.clsLanguageThemePopup li{
			padding:2px 0 3px 0;
			text-align:left;
		}
		.clsLanguageThemePopup li a{
			color:#ccc;
			text-decoration:none;
		}
		.clsLanguageThemePopup li a:hover{
			color:#fe8ca5;
		}
		.clsLanguageThemePopup li img{
			margin-top:2px;
			border:1px solid #000;
		}
	.clsCornerPopUp{
		margin-left:-115px;
		width:140px;
	}
	.clsThemeHeading{
		font-weight:bold;
		color:#fff;
	}
	.clsStyleHeading,li.clsStyleHeading{
		padding-left:10px !important;
	}
/*--------   Top menu My profile link starts  --------*/
	.clsMyProfileLink{
		position: absolute;
		background-color:#424242;
		border:1px solid #979797 !important;
		padding:5px;
		width:170px !important;
		margin-top:4px;
	}
	.clsMyProfileLink ul,#selMyProfileQuickLinks ul{
		background:none;
		margin:0;
		padding:0;
	}
	.clsMyProfileLink ul li,#selMyProfileQuickLinks ul li{
		text-align:left;
		margin:0;
		display:block;
	}
		.clsMyProfileLink ul li.clsActive a,#selMyProfileQuickLinks ul li.clsActive a{
			color:#934E4E;
		}
/*--------   Top menu My profile link ends  --------*/




.clsPopUpHeaderWidth{
	max-width:1000px;
	margin:0 auto;
}
* html .clsPopUpHeaderWidth {
	width: expression(document.body.clientWidth < 470? "472px" : document.body.clientWidth > 1000? "998px" : "auto");
}