@charset "utf-8";
/* CSS Document */

/****************************************************************************************************
*	Filename: layout.css
*	Purpose:  CSS for layout 

// How to find a partcular selector ...?
**search the id (HEADING ID) to get css related / applied to partcular html tag**
	
	HTML TAGS/MODULES			HEADING ID		DESCRIPTION
	----------------------------------------------------------------------------------------------------
	body/common						GENERIC				All common effects..where in you do need to apply css
	Text									TEXTALL				Text effects, font sizes, hover effects
	input									INPUTALL			All form tags such as buttons, input boxes, combo boxes
	UL/LIs								MENUS					All types of menus, tabs structure..
	Header								HEADER				Header
	

Please keep this css sequence:
**************************************************************************************************** please start over now/

/* BODY, FONT AND COLOR, GLOBAL	(id=GENERIC)
**********************************************************/
body 				{font:normal 12px Arial; color:#676767; text-align:left; background:url(../images/pageBg.png) top repeat-x;}
body,form,h1,h2,h3,h4,h5,h6,p	{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6,label,a			{text-transform:capitalize; text-decoration:none; font-size:100%;}
a 					{color:#676767; font-weight:bold; text-decoration:none;}
a:hover 		{color:#378bcc; text-decoration:underline;}
a:active, a:focus {outline:0} /* to avoid link borders on new browsers */
img					{border:none;}

/* HEADER ELEMENTS STYLING */

/* FORM ELEMENTS STYLING */
label				{color:#676767; font-weight:bold;}
p 					{line-height:150%;}
textarea		{border:1px solid #c7c7c7; padding:1px;}
.textfield:hover, textarea:hover {border:1px solid #378bcc; background:#e4e4e4;}
.textfield:focus, textarea:focus {border-color:#000; background:none !important;}
/* ONLY FOR BROWSERS OTHER THAN IE-6 */
input[type=submit]					{background:#2e2d2e url(../images/button.png) repeat-x top; color:#FFF; cursor:pointer; text-transform:uppercase; padding:3px; border:1px solid #979797; font:bold 12px Arial;}	
input[type=button]					{background:#2e2d2e url(../images/button.png) repeat-x top; color:#FFF; cursor:pointer; text-transform:uppercase; padding:3px; border:1px solid #979797; font:bold 12px Arial;}	
input[type=submit]:hover		{background:#2e2d2e;}
input[type=text]						{background:#FFF; color:#000; border:1px solid #c7c7c7; padding:3px;}
input[type=password]				{background:#FFF; color:#000; border:1px solid #c7c7c7; padding:3px;}
select.one									{background:#fbfbfb url(../images/input2.png) bottom repeat-x !important; border:1px solid #c7c7c7; width:165px; padding:1px;}  
.btnbg            {background:#2e2d2e url(../images/button.png) repeat-x top; color:#FFF; cursor:pointer; text-transform:uppercase; padding:3px; border:1px solid #979797; font:bold 12px Arial;}    
/* div					{border:1px solid #0000FF;} */

/* 	BODY WRAPPER / HEADER / TOP MENU (id=header)
**********************************************************/
#mainWrapper	{margin:0 auto; width:903px;}
#header				{width:100%;}
#logo					{float:left; width:275px; height:60px; margin:15px 0 0 25px; display:inline;}
#loginBox			{float:right; width:60%; margin:15px 25px 0 0; text-align:right; display:inline;}
#mkheadBox			{float:right; width:60%; height:75px;  text-align:right; display:inline;}


/* 	MAIN CONTENT  (to position the content)
**********************************************************/
#maincont			{width:96%; clear:both; padding:10px 2%;}
.containerOne	{float:left; width:32.5%; margin-right:10px;}
.containerTwo	{float:left; width:32.5%; margin-right:10px;}
.containerThr	{float:left; width:32.5%;}


/* 	RESUBALE UL LI / MENUS / 	(id=menus)
**********************************************************/
#menuOne				{width:88.90%; float:left; clear:both; margin-top:12px;}
#menuOne ul			{padding:0; margin:0; float:left; background:url(../images/menuBg.png) top repeat-x; width:100%;}
#menuOne ul li	{display:inline;}
#menuOne ul li a	{color:#FFF; padding:8px 24px; float:left; display:block; text-transform:uppercase; font-size:13px; background:url(../images/divider.png) right top no-repeat; text-align:center} 
#menuOne ul li a[title] { background:#FF0000;}
#menuOne ul li a.left	{background:url(../images/menuLeft.png) left top no-repeat; padding-left:45px; float:left;} 
#menuOne ul li span	{background:url(../images/divider.png) right top no-repeat; float:left;} 
#menuOne ul li a.right	{background:url(../images/menuRight.png) right top no-repeat; padding-right:45px; float:left;} 


/* menu home page */

#menutwo		{width:100%; float:left; clear:both; margin-top:12px;}
#menutwo ul		{padding:0; margin:0; float:left; background:url(../images/menuBg.png) top repeat-x; width:100%;}
#menutwo ul li	{display:inline;}
#menutwo ul li a	{color:#FFF; padding:8px 24px; float:left; display:block; text-transform:uppercase; font-size:13px; background:url(../images/divider.png) right top no-repeat; text-align:center} 
#menutwo ul li a.left	{background:url(../images/menuLeft.png) left top no-repeat; padding-left:45px; float:left;} 
#menutwo ul li span	{background:url(../images/divider.png) right top no-repeat; float:left;} 
#menutwo ul li a.right	{background:url(../images/menuRight.png) right top no-repeat; padding-right:45px; float:left;} 
.left_main              {background: url(../images/menuLeft.png) no-repeat left top; width:26px; height:2px;}
.right_main              {background: url(../images/menuRight.png) no-repeat left top; width:26px; height:32px;}

#menuthree		{width:100%; float:left; clear:both; margin-top:6px;}
#menuthree ul		{padding:0; margin:0; float:left; background:url(../images/menuBg.png) top repeat-x; width:100%;}
#menuthree ul li	{display:inline;}
#menuthree ul li a	{color:#FFF; padding:8px 24px; float:left; display:block; text-transform:uppercase; font-size:13px; background:url(../images/divider.png) right top no-repeat; text-align:center} 
#menuthree ul li a.left	{background:url(../images/menuLeft.png) left top no-repeat; padding-left:45px; float:left;} 
#menuthree ul li span	{background:url(../images/divider.png) right top no-repeat; float:left;} 
#menuthree ul li a.right	{background:url(../images/menuRight.png) right top no-repeat; padding-right:45px; float:left;} 



/* menu two */
ul.info					{margin:0; padding:0; list-style:none;}
ul.info li			{background:url(../images/arrowOne.png) 0% 10px no-repeat; padding:5px 0 5px 15px; margin-bottom:5px; border-bottom:1px solid #FFF;}
ul.info li:hover{background:#e9f5ff url(../images/arrowOne.png) 0% 10px no-repeat; border-bottom:1px solid #76c5f1;}


/* 	RESUBALE PURE BACKGROUNDS
**********************************************************/
.bgWht				{background:#FFF;}
.bggrey				{background:#e5e5e5;}
.icn_magni		{background:url(../images/icn_finder_big.png) bottom right no-repeat;}

/* 	RESUBALE GRADIENTS
**********************************************************/ 
.greyGradOne	{background:url(../images/greyGradOne.png) bottom repeat-x;}

/* 	MAKE ME ROUND
**********************************************************/
/* background image */
.roundOnetopLeft,.roundOnetopRight,.roundOnebtmLeft,.roundOnebtmRight,.roundTwotopLeft,.roundTwotopRight,.roundTwobtmLeft,.roundTwobtmRight,.roundThrtopLeft,.roundThrtopRight,.roundThrbtmLeft,.roundThrbtmRight,.roundFourtopLeft,.roundFourtopRight,.roundFourbtmLeft	,.roundFourbtmRight{background: url(../images/rounds.png) no-repeat;}
/* background image position for wht module */
.roundOnetopLeft			{background-position:0px 0px; height:6px; overflow:hidden;}
.roundOnetopRight			{background-position:100% 0px;}
.roundOnebtmLeft			{background-position:0px -6px; height:6px; overflow:hidden;}
.roundOnebtmRight			{background-position:100% -6px;}
/* background image position for orange module */
.roundTwotopLeft			{background-position:0px -12px; height:33px;}
.roundTwotopRight			{background-position:100% -12px;}
/* background image position for blue module */
.roundThrtopLeft			{background-position:0px -45px; height:33px;}
.roundThrtopRight			{background-position:100% -45px;}
/* background image position for grey module */
.roundFourtopLeft			{background-position:0px -78px; height:6px; overflow:hidden;}
.roundFourtopRight		{background-position:100% -78px;}
.roundFourbtmLeft			{background-position:0px -84px; height:6px; overflow:hidden;}
.roundFourbtmRight		{background-position:100% -84px;}
/* text inside */
.roundTwotopLeft,.roundThrtopLeft			{font-size:14px; color:#2f3030; font-weight:bold; padding-left:13px; text-transform:uppercase;}

/* 	ALL TEXT CSS	(id=textAll)
**********************************************************/
/* font weights */
.strongTxt		{font-weight:bold;}
.smlTxt			  {font-size:11px;}
.para					{font-size:12px;}
.normTxt		 	{font-weight:normal;}
.largeText		{font-size:15px;}
.bigText		 	{font-size:18px;}
.redText		 	{font-size:12px; font-weight:bold; color:#FF0000;}
.redsText		 	{font-size:12px; color:#FF0000;}
/* text transform */
.allCaps			{text-transform:capitalize;}
.textU				{text-decoration:underline;}
/* text align & content align inside a particular element */
.centerall		{text-align:center;}
.alignLeft		{text-align:left;}
.alignRight		{text-align:right;}
/* colored text */
.blueTxt			{color:#378bcc;}
.orgTxt				{color:#f15b01;}
/* others */


/* 	ALL INPUT & FORM CLASSES	(id=inputAll)
**********************************************************/
.username		{background:#FFF url(../images/icn_user.gif) left no-repeat !important; padding-left:18px !important; }
.password		{background:#FFF url(../images/icn_password.gif) left no-repeat !important; padding-left:18px !important; }
.input-2		{background:#fbfbfb url(../images/input2.png) bottom repeat-x !important;}

/* 	ALL BORDER CSSs
**********************************************************/
.anyPic img				{border:1px solid #5d5d5d;}
.brdGreyLnR				{border-left:1px solid #5d5d5d; border-right:1px solid #5d5d5d;}
.bordGreyBtm			{border-bottom:1px dashed #999999;}

/* 	REQUIRED PADDINGS / MARGINS 
**********************************************************/
.marginTop			{margin-top:10px;}
.padOne					{padding:10px;}

/* 	FOOTER 
**********************************************************/
#footer					{margin-top:10px; font-size:11px;}
#footer a, #footer a:hover	{font-weight:normal;}

/* 	MISCELLANEOUS
**********************************************************/
.clr	{clear:both; margin:0px !important;}
.minHeightOne				{min-height:225px;}
*html .minHeightOne {height:190px;}
.thibr  {border:thin solid #999999; padding:3px;}
.newd	{width:96%;} 	
.thibrn  {padding:3px;}
.thibrn1  {padding:3px; background:#92BFED; color:#FFFFFF; font-size:10px;}


/* Modified By Mukesh Shukla   Dated 6th June 2008  
*******************************************************************
#cal_prod {padding:0px; text-align:left;}
#cal_model {padding:0px; text-align:left;}***/