/* CSS Document */

/* CSI Control Systemation Website - Stylesheet Vesion 1.0 */
/* ------------------------------------------------------- */

/* Excel Technology Lanka - Author Description */
/* ------------------------------------------- */

/*

Author 	: Dinesh Kanagaratnam
Title	: Interaction . UI Engineer
Project	: CSI Control Systemation - Official Website
Company	: Excel Technology - Lanka

*/

/* CSS Main Element List */
/* --------------------- */

BODY
{
	Margin				: 0px;
	Font-Family			: arial;
	Font-Size			: 11px;
	Color				: #323232;
	Text-Align			: justify;
	Line-Height			: 16px;
	/*Background-Color	: #DBDAD6;*/
	Text-Decoration		: none;
	padding				: 0;
	background-image: url(../images/Effects/bgcheck.gif);
	
}
.thumb_box_bg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: underline;
	background-color: #D7D8DA;
	color: #535353;
	border: 1px none #FFFFFF;
}


TABLE
{
Font-Family			: arial;
Font-Size			: 11px;
Color				: #323232; /* Text Colour Can be changed to #000000 / #494646 / #6A6A6A */
Text-Align			: left; /* Text Align can be changed to LEFT / JUSTIFY */
Line-Height			: 16px;	   /* Line height can be changed to 13px / 14px / 15px / 16px / 17px */
/*Background-color	: #FFFFFF;*/
}

/* CSS Effect Class List */
/* --------------------- */

.Top_Banner_Effect	{	Background-image	: url("../images/effects/Top_Banner_Effect.jpg");				}
.App_Center_Effect	{	Background-image	: url("../images/effects/App_Center_Effect.jpg");				}
.About_us_Effect	{	Background-image	: url("../images/effects/About_Us_Effect.jpg");					} 
.home_banner_Effect	{	Background-image	: url("../images/Effects/Home_Effect.gif");						} 
.Menu_effect		{	Background-image	: url("../images/effects/Menu_Effect.jpg");						} 
.Product_Bar_Effect	{	Background-image	: url("../images/effects/Product_Bar_Effect.jpg");				}
.Footer				{	Background-color	: #9DBDE3;
						Font-Family			: arial;
						Font-Size			: 9px;
						Text-Align			: left;
						Color				: #FFFFFF;
					}
.What_New_Lefts		{	Background-image	: url("../images/effects/Whats_New_Left.jpg");					}
.What_New_Right		{	Background-image	: url("../images/effects/Whats_New_Right.jpg");					}
.Application_Center	{	Background-image	: url("../images/effects/Application_Center_Effect.jpg");		}
.Industries_Served	{	Background-color	: #546881;														}	
.Industry_Bar		{	Background-image	: url("../images/effects/Industries_Served.jpg");				}
.Whats_new_Bar		{	Background-image	: url("../images/effects/whats_new.jpg");						}


/* CSS Sub Menu Class List */
/* ----------------------- */

a:link 				{ 
						Font-Family			: arial;
						Font-Size			: 11px;
						Color				: #1C59A1;
						Text-Align			: Left;
						Text-Decoration		: None;
						Cursor				: hand;
					}

a:visited 
					{ 
						
						Font-Family			: arial;
						Font-Size			: 11px;
						Color				: #1C59A1;
						Text-Align			: Left;
						Text-Decoration		: None;
						Cursor				: hand;
					}

a:hover 
					{
						Font-Family			: arial;
						Font-Size			: 11px;
						Color				: #FC1F00;
						Text-Align			: Left;
						Text-Decoration		: underline;
						Cursor				: hand;
					} 

.NaviSubSelectedText
{
	Font-Family			: arial;
	Font-Size			: 11px;
	Color				: #FC1F00;
	Text-Align			: Left;
	Cursor				: hand;
}										

.linkcontents, .linkcontents a, .linkcontents a:link, .linkcontents a:visited, .linkcontents a:hover, .linkcontents a:active				{ 
						Font-Family			: arial;
						Font-Size			: 11px;
						Color				: #1C59A1;
						Text-Align			: Left;
						Text-Decoration		: None;
						Cursor				: hand;
					}
		
/* CSS Content Headings Class List */
/* ------------------------------- */

.Headings
{
Font-Family			: arial;
Font-Size			: 16px;
Font-Weight			: Bold;
Color				: #1757A4;
Text-Align			: Left;
Text-Decoration		: None;

}

.HeadingsAsh
{
Font-Family			: arial;
Font-Size			: 14px;
Font-Weight			: Bold;
Color				: #535353;
Text-Align			: Left;
Text-Decoration		: None;
}

.HeadingsSubA
{
Font-Family			: arial;
Font-Size			: 14px;
Font-Weight			: Bold;
Color				: #406999;
Text-Align			: Left;
Text-Decoration		: None;
}

.HeadingsSubAB
{
Font-Family			: arial;
Font-Size			: 12px;
Font-Weight			: Bold;
Color				: #406999;
Text-Align			: Left;
Text-Decoration		: None;
}

.HeadingsSubB
{
Font-Family			: arial;
Font-Size			: 11px;
Color				: #074394;
Text-Align			: right;
Text-Decoration		: none;
}

.HeadingsSubC
{
Font-Family			: arial;
Font-Size			: 11px;
Color				: #747171;
Text-Align			: right;
Text-Decoration		: none;
Font-Weight			: Bold;
}

/* Form Styles */

.form2
{
    BORDER-RIGHT: #b3c1d1 1px solid;
    BORDER-TOP: #b3c1d1 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #b3c1d1 1px solid;
    COLOR: #000000! important;
    BORDER-BOTTOM: #b3c1d1 1px solid;
    BACKGROUND-COLOR: #ffffff
}
.formmandotory
{
    BORDER-RIGHT: #b3c1d1 1px solid;
    BORDER-TOP: #b3c1d1 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #b3c1d1 1px solid;
    COLOR: #151515! important;
    BORDER-BOTTOM: #b3c1d1 1px solid;
    BACKGROUND-COLOR: #f0f0f0
}
.astrix
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
    COLOR: red;
    FONT-STYLE: normal;
    FONT-FAMILY: verdana, arial, helvetica, times, 'times new roman';
    TEXT-ALIGN: left;
    FONT-VARIANT: normal
}

.ashtable
{
    BORDER-RIGHT: #c0c0c0 1px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #c0c0c0 1px solid;
    PADDING-LEFT: 4px;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 3px;
    BORDER-LEFT: #c0c0c0 1px solid;
    COLOR: #000000;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #c0c0c0 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif
}

.insideTable
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 3px;
    COLOR: #353535;
    LINE-HEIGHT: 13pt;
    PADDING-TOP: 3px;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}

.Imageborder {
	padding: 2px;
	border: 1px solid #b3c1d1;
}
.rightspacefiller {
	background-color:#CCCCCC;
	/*background-image: url(../images/Effects/homebg.gif);*/
	
}
.dottedseperatorVertical
{
    BACKGROUND-POSITION: left 50%;
    BACKGROUND-IMAGE: url(../images/Effects/dottedseperatorvertical.gif);
    BACKGROUND-REPEAT: repeat-y;
    BACKGROUND-COLOR: #ffffff
}

.tableheader	
{
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 3px;
	COLOR: #ffffff;
	LINE-HEIGHT: 13pt;
	PADDING-TOP: 3px;
	FONT-WEIGHT:bold;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	Background-color	: #546881;
	letter-spacing: 1px;
}

.ad_image_border {
	border: 3px solid #BFBFBF;
}

.thumb_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.thumb_bg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	background-color: #DFDFDF;
	text-decoration: none;
	border: 1px solid #BFBFBF;
}
.main_left_border {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}