/*CSS STYLESHEET FOR VIALITE 2.0 PRODUCT COPYRIGHT V---Systems 2007

------ IMPORATNT INSTRUCTIONS-----
1. MENTION THE FONT NAME IN BODY TAG. DO NOT MENTION IN CLASS NAME UNTILL ITS NECESSARY
2. USE RELATIVE FONT SIZING
3. ALWAYS USE A, A:hover; A:visited

THIS STYLESHEET IS DIVIDED INTO THREE MAJOR PORTION PRINT, VITAL AND LAYOUT RELATED....
LAYOUT RELATED CAN BE ELIMINATED
VITAL VALUES CAN BE CHAGED 
*/


/*---------V-I-T-A-L--------------------------------------------------*/
/*REQUIRED CLASSSED CAN NOT BE ELIMINATED, Just change the attribute*/
/*----------------------------------------------------------------*/
body {
scrollbar-face-color: #DCDCDC; 
scrollbar-shadow-color: #ffffff; 
scrollbar-3dlight-color: #BBBBBB;
scrollbar-arrow-color: #626262; 
scrollbar-track-color: #EFEFEF;
scrollbar-highlight-color: #ffffff;
scrollbar-darkshadow-color: #bbbbbb;
scrollbar-darkshadow-color: #bbbbbb;
margin:0px;
background-image:url(../images/bg.jpg);
background-repeat:repeat-x;
background-color:#ffffff;
}
/*----MAINTEXT IS USED FOR DISPAYIMG THE CONTENT*/
.maintext
{
font-family:Tahoma;font-size:11px;color:#024999;text-decoration:none;
}
.maintext A
{
font-family:Tahoma;font-size:11px;color:#024999;text-decoration:none;
}
.maintext A:hover
{
font-family:Tahoma;font-size:11px;color:#4688C7;text-decoration:none;
}

/*----MAINHEADING IS USED FOR DISPAYIMG THE HEADING IN CONTENT*/
.mainheading{ font-size:medium; color:Gray;}
.mainheading A{ font-size:medium; color:Blue; text-decoration:none;}
.mainheading A:hover{ font-size:medium; color:Gray;text-decoration:underline;}
.mainheading A:visited{ font-size:medium; color:Maroon;text-decoration:underline;}

/* THIS CLASS IS USED FOR DISPLAYING LABELS FOR THE INFORMATION */
.ErrorDisp{	color:Red;font-size:12px;font-weight:bold;font-family:Verdana;}

/* THIS CLASS IS USED FOR DISPLAYING CATEGORY NAMES FOR PRODUCTS STAFFS */
.CatName{font-weight:bold;color:#29559C;font-size:x-small;}
.CatName A{font-weight:bold;color:Blue;font-size:x-small;text-decoration:underline;}
.CatName A:hover{font-weight:bold;color:#29559C;font-size:x-small;text-decoration:none;}
.CatName A:visited{font-weight:bold;color:Maroon;font-size:x-small;text-decoration:none;}

/* THIS CLASS IS USED FOR DISPLAYING SITEMAP PAGES */
.SiteMap{color:Purple;font-size:x-small;text-decoration:none;}
.SiteMap A{color:#29559C;font-size:x-small;font-weight:normal;text-decoration:none;}
.SiteMap A:hover{color:Red;font-size:x-small;font-weight:normal;text-decoration:underline;}
.SiteMap A:visited{color:Maroon;font-size:x-small;font-weight:normal;text-decoration:none;}

/* THIS CLASS IS USED FOR DISPLAYING ERROR MESSAGES IN ERROR PAGES */
.ErrorInfo{	font-size:x-small;color:#000033;background-color:#DFDFDF;border: 1px solid black;}

.center{text-align:center;}

/* THIS CLASS IS USED FOR DISPLAYING TABLE CONTENTS */
.TblMainText{font-size:x-small;	color:#000000;text-decoration:none;}
.TblMainText A{	font-size:x-small;color:#0000FF;text-decoration:none;}
.TblMainText A:hover{font-size:x-small;	color:0000FF;text-decoration:none;}

/* THIS CLASS IS USED FOR DISPLAYING TABLE HEADINGS */
.TblHeading{font-size:x-small;font-weight:bold;color:#FFFFFF;background-color:#89B4D6;text-decoration:none;}
.TblHeading A{font-size:x-small;font-weight:bold;color:Blue;background-color:#89B4D6;text-decoration:none;}
.TblHeading	A:hover{font-size:x-small;font-weight:bold;color:#FFFFFF;background-color:#89B4D6;text-decoration:none;}

/*input{BORDER-RIGHT: activecaption 1px solid; BORDER-TOP: activecaption 1px solid; BORDER-LEFT: activecaption 1px solid; COLOR: buttontext; BORDER-BOTTOM: activecaption 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: window;}*/

/* THIS CLASS IS USED FOR DISPLATING MANDATORY INFORMATION */
.mandatory{color:#ff0000;}

/* THIS CLASS IS USED IN FOOTER COPYRIGHT */
.copy
{
	COLOR: #114481;
    FONT-FAMILY: verdana;
    FONT-SIZE: 7.5pt;
    TEXT-DECORATION: none
}
.copy A
{
	COLOR: #B2B2B2;
    FONT-FAMILY: verdana;
    FONT-SIZE: 7.5pt;
    TEXT-DECORATION: none
}
.copy A:hover
{
	COLOR: #114481;
    FONT-FAMILY: verdana;
    FONT-SIZE: 7.5pt;
    TEXT-DECORATION: none
}


/*----------------------L-A-Y-O-U-T- -R-E-L-A-T-E-D-----------*/
/*LAYOUT RELATED CLASSSES CAN VARY PROJECT TO PROJECT*/
/*-------------------------------------------------------------*/
#toprow
{
  width:779px;
  position:relative;
  height:222px;
}
.classtoprow
{
position:relative; 
height:222px; 
float:left;
}
#toprow11
{
width:150px; 
height:18px;
}
#toprow12
{
width:150px; 
height:150px;
}
#toprow13
{
width:150px; 
height:54px;
}
#rightbg
{
width:230px;
background-image:url(../images/top_05.jpg);
background-repeat:no-repeat;
}
form
{
margin:0px;
padding:0px;
}
.layouttext
{
font-family:Tahoma;
font-size:11px;
font-weight:bold;
color:#024A99;
text-decoration:none;
} 
.layouttext A
{
font-family:Tahoma;
font-size:11px;
font-weight:bold;
color:#024A99;
text-decoration:none;
}
.layouttext A:hover
{
font-family:Tahoma;
font-size:11px;
font-weight:bold;
color:#024A99;
text-decoration:underline;
}
.newusertext
{
font-family:Tahoma;
font-size:11px;
color:#4688C7;
text-decoration:none;
}
.newusertext A
{
font-family:Tahoma;
font-size:11px;
color:#4688C7;
text-decoration:none;
}
.newusertext A:hover
{
font-family:Tahoma;
font-size:11px;
color:#024A99;
text-decoration:none;
}
.inputtext
{
font-family:Tahoma;
font-size:10px;
color:#024A99;
text-decoration:none;
}
#search1
{
position:relative; float:left;  width:40px;   padding:4px;
}
#search2
{
position:relative; float:left; width:140px; padding:2px;
}
#search3
{
position:relative; float:left; width:20px;
}
.secondrow
{
width:779px; 
position:relative;
height:489px;
}
#leftcont
{
width:168px; position:relative; height:489px; 
}
#navigation
{
position:relative; height:215px;
}
#navigationBot
{
position:relative; height:62px; background-image:url(../images/leftc_02.jpg); width:168px;
}
#navigationBotGap
{
position:relative; height:40px;
}
#login1
{
position:relative; height:113px; 
}
#login11
{
padding:0px; height:100px; 
}
#logintitle
{
padding:0px 0px 0px 18px; position:relative; height:22px; 
}
#userbox
{
padding:0px 0px 0px 18px; position:relative; height:21px; 
}
#userboxbot
{
padding:0px 0px 0px 18px; position:relative; height:10px; 
}
#passbox
{
padding:0px 0px 0px 18px; position:relative; height:22px; 
}
#passboxBot
{
padding:0px 0px 0px 18px; position:relative; height:10px; 
}
#newuser
{
padding: position:relative; height:25px;  
}
#newusertext
{
padding:4px 0px 0px 25px; position:relative; float:left; height:25px;
}
#newuserbutton
{
padding:0px 0px 0px 58px; position:relative; float:left; height:25px;
}
#email
{
position:relative; height:57px; background-image:url(../images/email.jpg); width:168px; background-repeat:no-repeat;
}
#emailTitle
{
position:relative; width:150px; height:15px; padding:6px 0px 0px 18px;
}
#emailarea
{
position:relative; height:30px;
}
#emailBox
{
position:relative; float:left; height:30px; width:112px;  padding:5px 0px 0px 18px;
}
#emailButton
{
position:relative; float:left; height:30px; padding:5px 0px 0px 5px ;
}
#maincontent
{
width:429px; position:relative; height:489px; background-image:url(../images/content_bg.jpg); background-repeat:no-repeat;
}
#contantArea
{
padding:50px 10px 10px 15px; width:400px;
}
#rightCont
{
width:182px; position:relative; height:489px;
}
#welImage
{
position:relative; width:182px; height:57px; background-image:url(../images/contr_01.jpg);
}
#maskImg
{
position:relative; width:182px; height:169px;
}
#maskBotGap
{
position:relative; width:182px; height:10px;
}
#newsTitle
{
position:relative; width:182px; height:31px;
}
#newsSection
{
position:relative; width:182px; height:113px;
}
#gallrySection
{
position:relative; width:182px; height:119px;
}
#footerImages
{
width:779px; position:relative; height:39px;
}
#footerImages1
{
width:216px; position:relative; float:left; height:39px; background-image:url(../images/bottImg_01.jpg); background-repeat:no-repeat;
}
#footerImages2
{
width:230px; position:relative; float:left; height:39px; background-image:url(../images/bottImg_02.jpg); background-repeat:no-repeat;
}
#footerImages3
{
width:163px; position:relative; float:left; height:39px; background-image:url(../images/bottImg_03.jpg); background-repeat:no-repeat;
}
#footerImages4
{
width:170px; position:relative; float:left; height:39px; background-image:url(../images/contactImg_04.jpg); background-repeat:no-repeat;
}
#contactUsText
{
width:80px; height:15px; padding:6px;
}
#footernavigation
{
width:779px; position:relative; height:50px; padding:5px;
}
#navigationLeft
{
position:relative; float:left; width:8px; height:215px; background-image:url(../images/nav_01.jpg); background-repeat:no-repeat;
}
#mainNavigation
{
position:relative; float:left; width:124px; height:215px;
}
#navigationRight
{
position:relative; float:left; width:36px; height:215px; background-image:url(../images/nav_03.jpg); background-repeat:no-repeat;
}

/*News Class is used for dispayimg the news into Header*/
.news
{
	
	COLOR: #63350F;
    FONT-FAMILY: verdana;
    FONT-SIZE: 10pt;
    TEXT-DECORATION: none
}
.news A
{
	
	COLOR: #63350F;
    FONT-FAMILY: verdana;
    FONT-SIZE: 10pt;
    TEXT-DECORATION: none
}
.news A:hover
{
	COLOR: #63350F;
    FONT-FAMILY: verdana;
    FONT-SIZE: 10pt;
    TEXT-DECORATION: none
} 

.Login
{
    COLOR: #FFFFFF;
	FONT-FAMILY: verdana;
    FONT-SIZE: 10pt;
    TEXT-DECORATION: none
} 

.loginstrip
{
	font-family:Verdana;
	color:White;
	font-weight:normal;
	background-color :#ACB44C;
	font-size:11px;
}

.forgetpass
{
	font-family:Tahoma;
	font-family:Georgia;
	color:Black;
	font-size:10px;
}

.forgetpass A
{
	font-family:Tahoma;
	color:white;
	font-size:10px;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}

.forgetpass A:hover
{
	font-family:Tahoma;
	color:red;
	font-size:10px;
	font-weight:bold;
	font-style:normal;
}

/*------------------P-R-I-N-T- -M-E-D-I-A-----------------------------*/
/*REQUIRED CLASSSED CAN NOT BE ELIMINATED AS IT IS USEFULL FOR SEO, Just change the attribute*/
/*----------------------------------------------------------------*/
@media print
{
	body{font-family:Verdana;color:Black;background-color:White;}
	.maintext{color:Black; font-size:x-small;}
}