/* Body & Header */

body {
		margin: 0px;
		font-family: Verdana;
		font-size: 12px;
		color: #000000;
		text-align:center;
	}

body a:hover { color: #666666;}

.blackBg
	{
		background-color: #000000;
	}

.centerContent
	{
		width: 968px;
		padding: 2px;
		margin: 0px 0px 0px 10px;
		overflow: hidden;
		color: #ffffff;
	}

#header #logo
	{
		padding: 0px 2px;
		margin-top: 3px;
		margin-left: 0px; 
	}

#header
	{
		height:66px;
		width: 100%;
		margin: 0px;
		color: #ffffff;
		padding-top: 0px;
	}

#header a
	{
		color: #ffffff;
		text-decoration: none;
	}

#header a:hover { color: #666666;}

#taskNav
	{
		width: 100%;
		background: #181818 url(http://www.panache.co.in/sitedata/bg_sprite.gif) 0px -261px repeat-x;
		height: 5px;
		font-family: Verdana;
		font-size: 12px;
		text-align:left;
	}
#taskNav a {color: #ffffff; text-decoration:none;}

/* Generic classes */

.normalFont { font-size: 90%; }

.bold { font-weight: bold; }

.small { font-size: 85%; }

.linkColor { color: #666; }

.grayButton 
	{
		font-size: 95%;
		font-weight: bold;
		color: #FFF;
		background-color: #666666;
		border: 1px solid #FFFFFF;
		padding: 2px 0 0 0;
		margin: 1px 0 0 0;
		cursor: pointer;
		font-family:Verdana;
	}

h1 {font-size: 160%; font-weight: normal; margin:2px 0;}
h2 {font-size: small; font-weight: normal; margin:1px 0 0 0;}
h3 {font-size: small; font-weight: normal; margin:1px 0 0 0;}
h4 {font-size: small; font-weight: normal; margin:1px 0 0 0;}

#prdNarrowColumn
	{
		position: relative;
		margin: 10px 10px 10px 0px;
		width: 200px;
		float:left;
	}

#slideInArea 
	{
		position: relative;
		overflow: hidden;
		width: 680px;
		height: inherit;
		left: 0px; 
		top: 0px;
		color:#000000;
		text-align:left;
	}

/* Block accordion */

.menu_block
	{
		border:1px solid #AAA;
		border-top: 0;
		height:340px;
		width: 180px;
		margin:0;
		padding:0;
		list-style-type:none;
	}

.menu_block ul
	{
		padding-left:10px;
		overflow:hidden;
		line-height: 20px;
		height:304px;
	}

.menu_block li
	{
		margin:0;
		padding:0;
		list-style-type:none;
	}

.menu_block li.topListSpacer
	{
		margin:0 !important;
		line-height:5px !important;
	}

.menu_block li h3
	{
		margin: 0;
		padding: 0;
	}

.menu_block li h3 a
	{
		border-top:1px solid #AAA;
		display:block;
		color:#000;
		font-size:90%;
		font-weight:bold;
		padding:4px;
		margin:0;
		text-decoration: none;
		background:url(http://www.panache.co.in/sitedata/accordion_off.gif) repeat-x;
		height:15px;
	}

.menu_block li h3 a.opened
	{
		background-image:url(http://www.panache.co.in/sitedata/accordion_on.gif);
		color:#FFFFFF;
	}

.menu_block li h3 a.closed
	{
		color:#000000 !important;
		background-image:url(http://www.panache.co.in/sitedata/accordion_off.gif) repeat-x !important;
	}

.menu_block ul li
	{
		text-indent:-0.9em;
		margin: 4px 0;
		line-height: 15px;
	}


/* Main Content & Center Content */

.mainContentArea
	{
		width: 100%;
		background-color: #FFFFFF;
		font-size: 12px;
		color:#000000;
	}

.mainContentArea a
	{
		color:#000000;
		text-decoration:none;
	}

#dynamicArea
	{
		width: 910px;
		padding: 5px 5px;
		margin: 10px 10px 10px 10px;
	}


/* Footer Content */

#footerResources
	{
		position:relative;
		background:url(http://www.panache.co.in/sitedata/footer_bg.gif) repeat-x;
		width: 910px;
		margin:10px 10px 10px 10px;
		padding:5px 5px 5px 5px;
		overflow:hidden;
		line-height:1.4;
	}

.footerDivider 
	{
		float:left;
		margin-top:7px;
		border-left:1px solid #333;
		width:20px;
		height:7.2em;
	}

#footerResources h2 {margin-bottom:3px;}

.footerBlock
	{
		float:left;
		color:#fff;
		text-align:left;
	}

#footerBlockA { width:210px;}
#footerBlockB { width:210px;}
#footerBlockC { width:210px;}
#footerBlockD { width:210px;}

.footerBlock a:hover { color: #999;}

.footerBlock a { color: #fff; text-decoration:none;}

#footerLinks
	{
		float: left;
		text-align:center;
		width: 930px;
		margin-top: 25px;
		color: #999;
		font-size: 85%;
	}

#footerLinks a, #footerLinks a:active, #footerLinks a:link, #footerLinks a:visited
	{
		color: #999;
		text-decoration: none;
	}

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

#copyrightArea
	{
		float: left;
		width: 930px;
		margin-top: 3px;
		color: #999;
		font-size: 85%;
		text-align:center;
	}