/**
*    CSS for bluestyle for bluetheme template for Root
*
* @author		murugesan_042at09
* @copyright 	Copyright (c) 2009 {@link http://www.agriya.com Agriya Infoway}
* @license 		http://www.agriya.com Agriya Infoway Licence
* @version 		SVN: $Id: header.css murugesan_042at09 $
* @since 		2009-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_blue/header/trcheader.gif) no-repeat right top;
}
.tlcheader{
	background:transparent url(../../images/screen_blue/header/tlcheader.gif) no-repeat;
}
.blcheader{
	background:transparent url(../../images/screen_blue/header/blcheader.gif) no-repeat left bottom;
}
.brcheader{
	background:transparent url(../../images/screen_blue/header/brcheader.gif) no-repeat right bottom;
}
.tbheader{
	background:transparent url(../../images/screen_blue/header/tbheader.gif) repeat-x;
}
.bbheader{
	background:transparent url(../../images/screen_blue/header/bbheader.gif) repeat-x center bottom;
}
.rbheader{
	background:transparent url(../../images/screen_blue/header/rbheader.gif) repeat-y right top;
}
.lbheader{
	background:#080808 url(../../images/screen_blue/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_blue/header/trcheader_popup.gif) no-repeat right top;
}
.tlcheader_popup{
	background:transparent url(../../images/screen_blue/header/tlcheader_popup.gif) no-repeat;
}
.blcheader_popup{
	background:transparent url(../../images/screen_blue/header/blcheader_popup.gif) no-repeat left bottom;
}
.brcheader_popup{
	background:transparent url(../../images/screen_blue/header/brcheader_popup.gif) no-repeat right bottom;
}
.tbheader_popup{
	background:transparent url(../../images/screen_blue/header/tbheader_popup.gif) repeat-x;
}
.bbheader_popup{
	background:transparent url(../../images/screen_blue/header/bbheader_popup.gif) repeat-x center bottom;
}
.rbheader_popup{
	background:transparent url(../../images/screen_blue/header/rbheader_popup.gif) repeat-y right top;
}
.lbheader_popup{
	background:#090909 url(../../images/screen_blue/header/lbheader_popup.gif) repeat-y left bottom;
}
.clsPopUpBodyBackground #header {
	height:67px;
}
.clsPopUpBodyBackground #header h1{
	background:url(../../images/screen_blue/header/popup-logo.jpg) no-repeat left top;
	height:45px;
	width:138px;
	margin-top:10px;
}
.clsThemeMangeBgLicenceErr #header .clsLienceH1{
	margin:1em 0 0 0!important; padding:0!important;
}
.clsPopUpBodyBackground #header h1 a{
	height:45px;
	width:138px;
}

/* logo starts */
#header{
	height:106px;
}
	#header h1{
		background:url(../../images/screen_blue/header/logo.gif) no-repeat;
		float: left;
		width:297px;
		height:107px;
		position: absolute;
		top: 2px;
		margin:0px 0px 0px 5px;
		padding:0;
		display:inline;
		z-index: 999999;
	}
	#membersselectUsernames #header h1{
		margin:25px 0 0 12px;
	}
		#header h1 a{
			width:297px;
			height:107px;
			text-indent:-2000em;
			overflow:hidden;
			display:block;
		}
		.clsNoHeader{
			margin-bottom:20px;
		}
/* logo ends */
/* clsHeaderContents starts */
/*-- status checker for iframe --*/
#dynamicStatusChanger, #selMyProfileQuickLinks{
	background-color:#535C5F;
	margin:0 0 0 -5em;
	width:220px !important;
	border:1px solid #777D7F !important;
	margin-top:1px;
	padding:5px;
}

#dynamicStatusChanger, #selMyProfileQuickLinks{
	*margin:2px 0 0 -70px;
}
#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_blue/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:#3EC5F5;
		}
.clsHeaderContents{
	float:right;
	text-align:right;
	width:663px;
	margin-top:4px;
}	
	#selTopHeaderLinks{
		text-align:right;
		margin:2px 0 0 0;
		height:15px;
		zoom:1;	
		float:right;
	}
	* html #selTopHeaderLinks{
		height:1%;
		overflow:visible;
	}
		#selWelcomeLinks{
			font:normal 8pt Arial,Helvetica,sans-serif;
		}
			#selWelcomeLinks ul{
				padding:0 0 0 2.5em;
				margin:0;
				overflow:hidden;
				margin-bottom:5px;
			}
				/*#selWelcomeLinks li{
					display:inline;
					color:#abb9be;
					background:url(../../images/screen_blue/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_blue/header/bg-topheaderinnerlink.gif) no-repeat left center;
				}
				#selWelcomeLinks .clsNoBg{
					background:none;
				}
						#selWelcomeLinks li img{
							cursor:pointer;
							vertical-align:middle;
						}
						#selWelcomeLinks li a{
							color:#abb9be;
							text-decoration:none;	
							line-height:17px;		
							padding-right:7px;		
						}	
						.clsViewCart a{
							background:transparent url(../../images/screen_blue/header/shoppingcart.gif) no-repeat scroll left bottom;
							font-size:0;
							height:20px;
							line-height:0 !important;
							padding:9px 16px;
							width:16px;
							vertical-align:middle;
							_padding:10px 16px;
							color:#2C2C2C!important;
						}
						.clsNoPadding a{
							padding-right:0 !important;
						}
						#selWelcomeLinks li a:hover,#selWelcomeLinks li a.clsActiveLink{
							color:#3EC5F5;			
						}	
				#selWelcomeLinks li.clsNewMail{
					background:none;
					padding-left:0;
				}	
				#selWelcomeLinks .clsNewMail a{
					background:url(../../images/screen_blue/header/icon-mailcount.gif) no-repeat 0 0.2em;
					padding:0 7px 0 1.5em;
				}		
				.clsUserStatusIcon{
					background:url(../../images/screen_blue/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_blue/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;
		}
		#selWelcomeLinks .clsHome a{
			background:url(../../images/screen_blue/header/home.gif) no-repeat left center;
			height:20px;
			width:16px;
			text-align:center;
			text-indent:-999em;
		}
			#selWelcomeLinks li p, #selWelcomeLinks li span, #selWelcomeLinks li a{
				display:block;
				float:left;
				}
			#selWelcomeLinks li p{
				height:17px;
			}
			#selWelcomeLinks li a{
				color:#abb9be;
				text-decoration:none;	
				line-height:17px;			
			}	
				.clsUserStatusIcon{
					background:url(../../images/screen_blue/header/icon-status-select.gif) no-repeat  center center;
					width:10px;
					cursor:pointer;
					padding-top:6px;
					*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_blue/header/icon-mailcount.gif) no-repeat left;
					padding:0 0 0 1.5em;
				}	
			.clsQuickMixLink{
				background:#be0143 url(../../images/screen_blue/header/bg-quickmixlink.gif) repeat-x left top;
				border:1px solid #282828;
				float:left;
				padding:0px 3px!important;
			}	
				.clsQuickMixLink a{
					color:#fff !important;
					padding:0 !important;
				}	
				.clsQuickMixLink a:hover{
					color:#ffd9e2 !important;
				}	
			.clsViewCart a{
				background:transparent url(../../images/screen_blue/header/shoppingcart.gif) no-repeat scroll left 1px;
				height:20px;
				width:20px;
				text-align:center;
				text-indent:-999em;
			}
			#selMyProfileLinks li,#selWelcomeLinks li li{
					background:url(../../images/screen_blue/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:#3EC5F5;			
			}		
				#userStatusPicker li{
					background:url(../../images/screen_blue/header/bg-topheaderinnerlink.gif) no-repeat left center!important;
				}
				#userStatusPicker .clsStatusSeprator{
					background:none!important;
				}
					.clsStatusSeprator p{
						background:transparent url(../../images/screen_blue/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{
		}

				
/* TopHeader starts */
		.clsTopHeader{
			clear:left;
		}
		.clsTopHeader,#selNav {
			overflow:hidden;
			zoom:1;
		}
		* html .clsTopHeader,* html #selNav {
			overflow:visible;
			height:1%;
		}
		* html .clsTopHeader{
			margin-top:5px;
		}
			#selBanner{
				float:left;
				width:470px;
				text-align:left;
				padding-top:5px;
			}
			#selRightHeader{
				float:right;
				margin-right:10px;			
				display:inline;	
			}
			* html #selRightHeader .clsPaddingTop9{
				display:inline;
			}
	.clsHeaderLeft{
		overflow:hidden;
		width:990px;
	}
	.clsHeaderRight{
		overflow:hidden;
	}
	.clsIePadding{
		*padding-bottom:0px;
	}
	/* 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;
	margin:21px 0 0 0;
	right:10px;
}
*html #selDashBoard{
	margin:18px 0 0 0;
}
#selDashBoard{
	*margin-top:17px;
}
.clsDashBoardHeading{
	float:left;
	width:150px;
	padding:0;
	text-align:left;
	padding-left:5px;
}
.clsCloseButton{
	float:right;
	cursor:pointer;
}
	.clsCloseButton p{
		background:url(../../images/screen_blue/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_blue/header/bg-nav-middle.gif) repeat-x left top;
	height:31px;
	margin-top:6px;
}
	.clsNavigationRight{
		background:url(../../images/screen_blue/header/bg-nav-right.gif) no-repeat right top;
		height:31px;
	}
		.clsNavigationLeft{
			background:url(../../images/screen_blue/header/bg-nav-left.gif) no-repeat left top;
			height:31px;
		}
.clsAbsoluteNavImage{
	width:5px;
	height:32px;
	background:url(../../images/screen_blue/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_blue/header/bg-navigation.gif) no-repeat right top;
			line-height:31px;
			color:#000;
			font-weight:bold;
			font-size:11px;
			margin-left:0;
		}
			.clsMenu li a,
			.clsMenu li a span{
				display:block;
				float:left;
				color:#000;
				line-height:31px;
				text-decoration:none;
			}
			.clsMenu li a span{
				padding:0 10px;
			}
			.clsMenu li a:hover,
			.clsMenu li.clsActiveMenu a{
				color:#fff;
				background:url(../../images/screen_blue/header/bg-navlinkright-hover.gif) no-repeat right top;
			}
			.clsMenu li.clsActiveMenu a.clsMore{
				color:#fff;
				/*background:url(../../images/screen_blue/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_blue/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_blue/header/bg-navigationhover-left.gif) no-repeat left top;
				color:#fff;
			}
				.clsMenu li.clsActiveFirstMenu a{
					background:url(../../images/screen_blue/header/bg-navlinkright-hover.gif) no-repeat right top;
					color:#fff;
				}
			li.clsMoreMenus a{
				/*background:url(../../images/screen_blue/header/bg-more.gif) no-repeat right center;*/
			}
			li.clsMoreMenus a:hover{
				/*background:url(../../images/screen_blue/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:#3d4a52; 
				border:1px solid #4d4d4d; 
				border-top:0; 
				border-bottom:0;
			}
				.clsSubMenuList li{
					_display:inline;
				}
					.clsSubMenuList li a{
						color:#B4B4B4;
						text-decoration:none;
						font:15px/30px "Lucida Grande", Arial, sans-serif;
						background:url(../../images/screen_blue/header/bg-subnavigation.gif) repeat-x left bottom;
						padding:0 10px;
						display:block;
						width:180px;
						width:200px;
					}
					.clsSubMenuList li a:hover{
						color:#07a3d6;
						text-decoration:none;
						background:#000 url(../../images/screen_blue/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: 15px/24px "Lucida Grande", Arial, sans-serif;
				background:url(../../images/screen_blue/header/bg-searchlist.gif) repeat-x left bottom;
				padding:0 10px;
				display:block;
				width:120px;
				_width:140px;
			}
			.clsSearchListMenu li a:hover{
				color:#07a3d6;
				text-decoration:none;
				background:#383838 url(../../images/screen_blue/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:0px;
	}
	.clsLangSwitcher h3{
		color:#ccc;
		font-weight:normal;
	}
		a.language{
			background:url(../../images/screen_blue/header/bg-language.gif) no-repeat left top;
			width:36px;
			height:19px;
			display:block;
			float:right;
		}
		a.language:hover{
			/*background:url(../../images/screen_blue/header/bg-languageover.gif) no-repeat left top;*/
		}
		a.language img{
			border:1px solid #00A4FF;
			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:#424242;
			border:1px solid #6f6f6f;
			margin-top:20px;
			padding:5px;
			z-index:99999;
			width:100px;
			margin-left:-76px;
			*margin-left:-63px;
		}
		.clsLanguageThemePopup li{
			padding:2px 0 3px 0;
			text-align:left;
		}
		.clsLanguageThemePopup li a{
			color:#ccc;
			text-decoration:none;
		}
		.clsLanguageThemePopup li a:hover{
			color:#07A3D6;
		}
		.clsLanguageThemePopup li img{
			margin-top:2px;
			border:1px solid #000;
		}
	.clsCornerPopUp{
		margin-left:-115px;
		width:140px;
	}
	.clsThemeHeading{
		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:#3EC5F5;
		}
/*--------   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");
}