/*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
{
	font-family:Verdana;	
	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;
}*/



.producteffect a
{	
	text-decoration:none;
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); border:0px solid red; margin:0px; padding:0px;
	
}
.producteffect a:hover
{	
	text-decoration:none;
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);  border:0px solid red; margin:0px; padding:0px;
}
.news1
{	
	color:black;
	font-family:Verdana;
	font-size:11px;
	text-align:center;
	text-decoration:none;
	background-color:black;
}
.news1 a
{
	color:black;
	font-family:Verdana;
	font-size:11px;
	text-align:center;
	text-decoration:none;
	background-color:black;
}
.news1 a:hover
{
	color:white;
	font-family:Verdana;
	font-size:11px;
	text-align:center;
	text-decoration:none;
	background-color:gray;
} 
/*----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:14px;font-weight:bold;color:#000000;background-color:#D2D2D2;text-decoration:none;}
.TblHeading A{font-size:14px;font-weight:bold;color:Blue;background-color:#D2D2D2;text-decoration:none;}
.TblHeading	A:hover{font-size:14px;font-weight:bold;color:#000000;background-color:#D2D2D2;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 */
.Copyright{ COLOR: #797979;FONT-SIZE: xx-small;TEXT-DECORATION: none;}
.Copyright A{COLOR: #797979;FONT-SIZE: xx-small;TEXT-DECORATION: none;}
.Copyright A:hover{COLOR: Blue;FONT-FAMILY: verdana;FONT-SIZE: xx-small;TEXT-DECORATION: none;}
.Copyright A:visited{COLOR: Maroon;FONT-FAMILY: verdana;FONT-SIZE: xx-small;TEXT-DECORATION: none}


.leftpane{font-family:tahoma;font-size:11px;color:#888888;text-decoration:none;}
.leftpane A{font-family:tahoma;	font-size:11px;	color:#888888;	text-decoration:underline;}
.leftpane A:hover{font-family:tahoma;	font-size:11px;	color:#888888;	text-decoration:none;}
.leftpane A:visited{color:Teal;font-size:11px;	font-weight:normal;	font-style:normal;}

/*----------------------L-A-Y-O-U-T- -R-E-L-A-T-E-D-----------*/
/*LAYOUT RELATED CLASSSES CAN VARY PROJECT TO PROJECT*/
/*-------------------------------------------------------------*/
.LayoutTextBox
{
	font-family:Tahoma;
	font-size:9px;
	color:#000000;
}

/*News Class is used for dispayimg the news into Header*/
.newsdate
{
	
	COLOR: #BBB9BD;
    FONT-FAMILY: verdana;
    vertical-align:middle;
    text-align:left;
    left:27px;
    FONT-SIZE: 10pt;
    background-image:url(../images/newsarrow2.jpg);
    background-repeat: no-repeat;
}
.news
{
	
	COLOR: #BBB9BD;
    FONT-FAMILY: verdana;
    FONT-SIZE: 10pt;
    TEXT-DECORATION: none
}
.news A
{
	
	COLOR: #BBB9BD;
    FONT-FAMILY: verdana;
    FONT-SIZE: 10pt;
    TEXT-DECORATION: none
}
.news A:hover
{
	COLOR: #BBB9BD;
    FONT-FAMILY: verdana;
    FONT-SIZE: 10pt;
    TEXT-DECORATION:underline;
} 

.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:#278F55;
	font-size:10px;
}

.forgetpass A
{
	font-family:Tahoma;
	color:#278F55;
	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;
}


.newstxt
{
font-family:Arial;
font-style:normal;
font-size:14px;
color:#5E8E73;
font-weight:bold;
text-decoration:none;
}

/*------------------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;}
}

/*-------------- layout style sheet --------------------------*/


/* CSS Document 
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;
background-color:#020202;
}*/

body
{
margin:0px 0px;
padding:0px;
background-color:#000000;
background-image:url(../images/bg.jpg);
background-repeat:repeat-xy;

}
#master
{
width:100%;
position:relative; 
padding:0px;
margin:0px 0px;
}
#layout
{
position:relative;
border:0px solid green;
width:986px;
background-color:#000000;
margin:0px;
padding:0px;
border:0px solid red;
}
#row1
{
position:relative;
width:986px;
height:7px;
margin:0px;
padding:0px;
border:0px solid red;
background-image:url(../images/row1.jpg);
background-repeat: no-repeat;
}
#row2
{
position:relative;
width:986px;
height:125px;
margin:0px;
padding:0px;
border:0px solid red;
}
#row2 #row2col1
{
position:relative;
width:338px;
height:125px;
margin:0px;
padding:0px;
float:left;
background-image:url(../images/row2col1.jpg);
background-repeat: no-repeat;
border:0px solid red;
}
#row2 .row2col2
{
position:relative;
width:648px;
height:125px;
margin:0px;
padding:0px;
float:left;
background-image:url(../images/row2col2.jpg);
background-repeat: no-repeat;
border:0px solid red;
}
#row3
{
position:relative;
width:986px;
height:39px;
margin:0px;
padding:0px;
background-color:Black;
border:0px solid red;
}
#row4
{
position:relative;
width:986px;
height:4px;
margin:0px;
padding:0px;
background-color:#444444;
border:0px solid red;
}
#row5
{
position:relative;
width:986px;
min-height:431px;
height:expression(document.body.text< 431? "431px" : "auto" );
margin:0px;
padding:0px;
background-color:#000000;
border:0px solid red;
}
#row5 .row5inside
{
position:relative;
width:986px;
min-height:431px;
height:expression(document.body.text1< 431? "431px" : "auto" );
margin:0px;
padding:0px;
background-color:#000000;
border:0px solid red;
overflow:hidden;
}
#row5 .row5col1
{
position: absolute;
width:438px;
height:431px;
margin:0px;
padding:0px;
left:0px;
background-color:#000000;
border:0px solid red;
}
#row5 .row5col1 .row5col1inside
{
position: absolute;
width:377px;
height:367px;
margin:0px;
padding:0px;
left:25px;
top:32px;
right:37px;
background-color:#000000;
border:0px solid red;
}
#row5 .row5col2
{
position:relative;
width:548px;
min-height:431px;
height:expression(document.body.text < 431? "431px" : "auto" );
margin:0px;
padding:0px;
float:right;
background-color:#000000;
border:0px solid red;
}
.text
{
}
#row5 .row5col2 .row5col2row1
{
position:relative;
width:548px;
min-height:254px;
height:expression(document.body.text1 < 254? "254px" : "auto" );
margin:0px;
padding:0px;
background-color:#000000;
border:0px solid red;
}
#row5 .row5col2 .row5col2row1 .row5col2row1col1
{
position:relative;
width:326px;
height:254px;
/*min-height:254px;
height:expression(document.body.text < 254? "254px" : "auto" );*/
margin:0px;
padding:0px;
float:left;
background-color:#000000;
border:0px solid red;
}
#row5 .row5col2 .row5col2row1 .row5col2row1col1 .row5col2row1col1inside
{
position:relative;
width:315px;
height:250px;
/*min-height:254px;
height:expression(document.body.text < 254? "254px" : "auto" );*/
overflow:auto;
scrollbar-3dlight-color:#000000; 
scrollbar-arrow-color:9C9C9C; 
scrollbar-base-color:#000000; 
scrollbar-darkshadow-color:#999999; 
scrollbar-face-color:#000000; 
scrollbar-track-color:#9C9C9C;
scrollbar-highlight-color:#999999; 
scrollbar-shadow-color:#000000;
margin:0px;
padding:0px;
float:left;
top:13px;
background-color:#000000;
border:0px solid red;
}
#row5 .row5col2 .row5col2row1 .row5col2row1col2
{
position:relative;
width:222px;
min-height:254px;
height:expression(document.body.text < 254? "254px" : "auto" );
margin:0px;
padding:0px;
float:left;
background-color:#000000;
border:0px solid red;
}
#row5 .row5col2 .row5col2row1 .row5col2row1col2 .row5col2row1col2row1
{
position:relative;
width:222px;
height:28px;
margin:0px;
padding:0px;
text-align:right;
right:25px;
border:0px solid green;
}
#row5 .row5col2 .row5col2row1 .row5col2row1col2 .row5col2row1col2row2
{
position:relative;
width:222px;
height:13px;
margin:0px;
padding:0px;
text-align:left;
border:0px solid green;
}
#row5 .row5col2 .row5col2row1 .row5col2row1col2 .row5col2row1col2row3
{
position:relative;
width:222px;
height:228px;
margin:0px;
padding:0px;
border:0px solid green;
}
#row5 .row5col2 .row5col2row2 
{
position:relative;
width:508px;
height:131px;
margin:0px;
padding:0px; 
float:left;
background-color:#000000;
border:0px solid red;
}
#row5 .row5col2 .row5col2row3
{
position:relative;
width:548px;
height:20px;
margin:0px;
padding:0px;
background-color:#000000;
border:0px solid red;
}
#row6
{
position:relative;
width:986px;
height:9px;
margin:0px;
padding:0px;
background-color:#292929;
border:0px solid red;
}
#row7
{
position:relative;
width:986px;
height:28px;
margin:0px;
padding:0px;
background-color:#212121;
border:0px solid red;
}
#row7 .row7row1
{
position:relative;
width:986px;
height:9px;
margin:0px;
padding:0px;
background-color:#212121;
border:0px solid red;
}
#row7 .row7row2
{
position:relative;
width:986px;
height:12px;
margin:0px;
padding:0px;
background-color:#212121;
border:0px solid red;
}
#row7 .row7row3
{
position:relative;
width:986px;
height:7px;
margin:0px;
padding:0px;
background-color:#212121;
border:0px solid red;
}
#row8
{
position:relative;
width:986px;
height:4px;
margin:0px;
padding:0px;
background-color:#000000;
border:0px solid red;
}
.copy
{
	COLOR: #888888;
    FONT-FAMILY: verdana;
    FONT-SIZE: 11px;
	background-color:#212121;
    TEXT-DECORATION: none;
}
.copy A
{
	COLOR: #888888;
    FONT-FAMILY: verdana;
    FONT-SIZE: 11px;
	background-color:#212121;
    TEXT-DECORATION: none;
}
.copy A:hover
{
	COLOR: #FFFFFF;
    FONT-FAMILY: verdana;
    FONT-SIZE: 11px;
	background-color:#212121;
    TEXT-DECORATION: none;
}
.newstexttop
{
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}
.langText
{
font-family:Tahoma;font-weight:bold;font-size:14px;color:#FFFFFF;text-decoration:none;
}
.langText_pro
{
font-family:Tahoma;font-weight:bold;font-size:14px;color:Black;text-decoration:none;
}
.langText a
{
font-family:Tahoma;font-weight:bold;font-size:14px;color:#FFFFFF;text-decoration:none;
}
.langText a:hover
{
font-family:Tahoma;font-weight:bold;font-size:14px;color:#FFFFFF;text-decoration:underline; 
}
#flag
{
	position:relative;
	margin:0px;
	padding:0px;
	text-align:right;
	right:34px;
	}

/*----MAINTEXT IS USED FOR DISPAYIMG THE CONTENT*/
.maintext{font-family: Verdana;font-size:11px;color:#F3F4F2;text-decoration:none;}
.maintext A{font-family:Verdana;	font-size:11px;	color:F3F4F2;text-decoration:underline;}
.maintext A:hover{font-family:Verdana;font-size:11px;color:white;text-decoration:none;}
.maintext A:visited{ color:Silver; font-family:Verdana; font-size:11px;}

.maintext_link{font-family:tahoma;font-size:11px;color:#888888;text-decoration:none;}
.maintext_link A:hover{font-family:tahoma;	font-size:11px;	color:#888888;	text-decoration:underline;}
.maintext_link A{font-family:tahoma;	font-size:11px;	color:#888888;	text-decoration:none;}
.maintext_link A:visited{color:Maroon;font-size:11px;	font-weight:normal; font-family:tahoma;	font-style:normal;}



-------------- layout style sheet --------------------------*/

.products9
{
	width:131px; 
	height:131px;
	border:1px solid red;
}

.catname1  table 
{
	color:black;
	font-family:Verdana;
	font-size:11px;	
	text-decoration:none;
	background-color:black;
	text-decoration:none;
	cursor:hand;
	
}
.catname1 a table 
{
	color:black;
	font-family:Verdana;
	font-size:11px;
	text-decoration:none;
	background-color:black;
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); border:0px solid red; 
	cursor:hand;
	
}
.catname1 A:hover table 
{
	color:White;	
	font-family:Verdana;
	font-size:11px;
	text-decoration:none;
	background-color:gray;
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0); border:0px solid red; 
	cursor:hand;
		
}