@import url(http://maksoft.net/css/standart_classes.css);
	/* predefine here*/
body {
SCROLLBAR-BASE-COLOR: #dce2e5;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #3a495b; font-size: 10px;
background-image: url(http://www.maksoft.net/Templates/alsystems/images/bg.jpg);
background-position: 50% 0%;
background-repeat: no-repeat;
background-color: #959fae;
}

.t1 { background-color: #79889b; color: #FFFFFF;}
	.t1 a{color: White;}
.t2 { background-color: #909eb1; color: #FFFFFF;}
	.t2 a{color: White;}
.t3 { background-color: #e8e8e8; color: #320a04;}
	.t3 a{color: #320a04;}
.t4 { background-color: transparent;}
	.t4 a{color: Black;}
	
hr{border: none; border-bottom : dashed 1px #e8e8e8; height: 0px;}
li{list-style : disc; margin-left: 25px;}
p { font-size: 10px; color: #3a495b;}
table{color: #3a495b;}


#head_text
{
	display: block;
	width: 820px;
	height: 50px;
	background-image: url(http://www.maksoft.net/Templates/alsystems/images/head_text_bg.jpg);
	background-position: 0% 0%;
	background-repeat: repeat-x;
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 15px;
	margin-top: 1px;
}

.date
{
	font-size: 10px;
}
	
@import url(http://maksoft.net/css/text_classes.css);
	/* predefine here*/

h1 { font-size: 18px; color: #3a495b;} /* relative to h4 bgcolor or use extra color */
h2 { font-size: 16px; color: #3a495b;} /* relative to h3 bgcolor or use extra color */
h3 { font-size: 14px; color: #3a495b;} /* relative to h2 bgcolor or use extra color */
h4 { font-size: 12px; color: #3a495b;} /* relative to h1 bgcolor or use extra color */

@import url(http://maksoft.net/css/link_classes.css);
	/* predefine here*/
/* LINK CLASSES */


/* navigation links */
.nav_links{font-size:12px; font-family: inherit; color: #FFFFFF}

/* main link != A, text-decoration, hover color */	
.main_link {font-size: inherit; font-family:inherit; color: inherit; text-decoration: none;}
	.main_link:hover {color: #3a495b; text-decoration: underline;}	

/* bordered link, color, border */	
.border_link {border: none; border-bottom: solid 1px #859bb4; color: #224f80; font-size: 15px;}
	.border_link:hover {border: none; border-bottom: solid 1px #dce2e5; color: #FF0000;}	

/* difernet color link */
.color_link {color: #79889b; text-decoration: none; font-size: 10px;}
	.color_link:hover {color: #f00;}	

.next_link {display: block; float: right; clear: both; }
	
@import url(http://maksoft.net/css/image_classes.css);
	/* predefine here*/

/*@import url(http://maksoft.net/css/table_classes.css);*/

.border_table	{background: #FFFFFF; border: 1px solid #A0AAAE; color: #FFFFFF;}
.border_table th 		{background-color: #79889b; border-bottom: solid 2px #909eb1; color: #FFFFFF; text-transform: uppercase;}
.border_table td	 	{border: none; padding: 5px; background-color: #e8e8e8; color: #3a495b;}

@import url(http://maksoft.net/css/block_classes.css);
	/* predefine here*/
	
/* message blocks, width, bgcolor, color */
.message_normal 	{display: block; background: #e8e8e8; color: #000000; font: 10px inherit; padding: 10px; border: dashed 1px #d3d3d3; margin: 5px; clear: both;}
	.message_normal a{color: #000000;}
	.message_normal a:hover{color: #000000;	text-decoration: underline;}

.message_warning 	{display: block; background: #a63401; color: #fff8e9; font: 10px inherit; padding: 10px; border: dotted 1px #fff8e9; margin: 5px;}
	.message_warning a{color: #fff8e9;}
	.message_warning a:hover{color: Yellow;	text-decoration: underline;}

.message_error 	{display: block; background: #FF0000; color: #FFFFFF; font: 10px inherit; padding: 10px; border: solid 1px #D70000; margin:5px}
	.message_error a{color: White;}
	.message_error a:hover{color: White;	text-decoration: underline;}
	
@import url(http://maksoft.net/css/form_classes.css);
	/* predefine here*/

@import url(http://maksoft.net/css/menu_classes.css);
	/* predefine here*/

@import url(http://maksoft.net/css/extra_classes.css);
	/* predefine here*/

#header
{
	display: block;
	width: 820px;
	/*border: 1px solid red;*/
}

#main_container
{
	width: 837px;
	padding-top: 0px;
	dispaly: block;
	margin-top: 30px;
	/*border: 1px solid Red;*/ 
	background-color: #FFFFFF;
}
#main
{
	display: block;
	width: 820px;
	background-color: #FFFFFF;
	position: relative;
	text-align: left;
	margin: 8px;
	margin-bottom: 0px;
	margin-top: 0px;
}


#menu
{
	display: block;
	width: 286px;
	background-color : transparent;
	text-align :left;
	margin-top: 18px;
}

#menu a.menu_button
{
	display: block;
	width: 280px;
	height: 40px;
	background-image: url(http://www.maksoft.net/Templates/alsystems/images/menu_button_bg.jpg);
	background-position: 0% 100%;
	background-repeat: no-repeat;	
	background-color: transparent;
	border: 0.1px solid transparent;
	text-transform : lowercase;
	font-size: 12px; 
	font-weight : normal;
	text-align: left;
	font-family: Verdana;
	margin-left: 5px;
	color: #224f80;
}

#menu a.menu_button:hover
{
	background-image: url(http://www.maksoft.net/Templates/alsystems/images/menu_button_hover.jpg);
	background-position: 100% 50%;
	background-repeat: no-repeat;
	background-color: #525d6b;
	color: #FFFFFF;
	text-align: left;
}


#menu a.menu_button .number
{
	display: block;
	/*width: 40px;
	height:25px;
	*/
	color: #FFFFFF;
	background-color: #e82d34;
	margin:5px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: right;
	float: left;
}

#menu a.menu_button .text
{
	display: block;
	margin-top: 15px;
}

#menu a.menu_button:hover .number
{
	background-color: #e82d34;
	color: #FFFFFF;
	text-align: right;

}

#footer
{
	width: 836px;
	text-align: center;
	font-size : 10px;
	color : White;
	/*text-transform : capitalize;*/
	margin-bottom: 50px;
}

#footer a
{color: #FFFFFF; text-decoration:underline;}
#footer a:hover
{color: #FFFFFF; text-decoration:none;}

#top_menu
{
	display: block;
	height: 70px;
	width: 265px;
	margin-right: 8px;
}

#top_menu a
{
	margin-top: 25px;
	display: block;
	width: 88px;
	font-size: 10px;
	color: #657984;
	float: left;
	text-align: center;
}

#top_menu a:hover
{
	display: block;
	font-size: 10px;
	color: #849daa;
	font-weight: bold;
}

#site_search
{
	display: block;
}

#site_search input
{
	background-color: #e8e8e8;
	border: none;
	color: #657984;
}

#site_search .button_search
{
	background-color: transparent;
	border: none;
	color: #01b8c6;
	font-weight: bold;
	cursor: hand;
	font-size: 12px;
}

#nav_bar
{
	padding:10px;
	text-align:left;
	background-color: #FFFFFF; 
	color: #224f80;
	font-size: 10px;
}

#nav_bar a
{
	color: #647883;
	text-transform: lowercase;
	font-size: 10px;
}

#nav_bar a:hover
{
	color: #224f80;
	text-decoration: underline;
}

#products
{
	display: block;
	border: 0px solid red;
	clear: both;
	width: 785px;
}

#products .product
{
	display: block;
	width: 145px;
	height: 300px;
	float: left;
	margin: 5px;
	border: 1px solid #f1f1f1;
	text-align: left;
	cursor: hand;
}

#products .product_hover
{
	display: block;
	width: 145px;
	height: 300px;
	float: left;
	margin: 5px;
	border: 1px solid #f1f1f1;
	background-color: #f1f1f1;
	text-align: left;
	cursor: hand;
	
}

#products .product .preview, #products .product_hover .preview
{
	display:block; 
	height: 133px;
	width: 133px;
	text-align: center;
	background-color: #b3c1cd;
	margin:5px;
	color: #FFFFFF;
	border: 0px;
	clear: both;
}

#products .product .text, #products .product_hover .text
{
	display:block; 
	width: 133px;
	height: 75px;
	text-align: left;
	margin:5px;
}

#products .product a.color_link, #products .product_hover a.color_link
{
	
	color: #FF0000;
	font-size: 10px;
	font-weight: bold;
}

#other_links
{
	display: block;
	background-color: #f1f1f1;
	width: 800px;
	text-align: left;
	clear: both;
	margin-top: 30px;
	margin-bottom: 10px;
}

#other_links .head_text
{
	background-color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	color: #224f80;
	border-bottom: 5px solid #c10d12;	
	text-align: left;
	padding-left: 50px;
	margin-bottom: 10px;
	display: block;
}

#other_links a
{
	display: block;
	width: 300px;
	float: left;
	font-size: 12px;
	font-family: Verdana;
	color: #224f80;
	margin: 1px;
	margin-left: 50px;
}

#other_links a:hover
{
	text-decoration: underline;
}

#box_news
{
	color: #909eb1;
	text-align: left;
	font-size: 10px;
}

#box_news a
{
	display: block;
	clear: both;
	color: #79889b;
	font-size: 12px;
	text-decoration: underline;
	margin-bottom: 5px;
}


@import url(http://maksoft.net/css/admin_classes.css);
	/* predefine here*/