/*-- COMMON RULES --*/

body
	{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
	
body,
h1, h2, h3,
p, div,
td, a,
li, ol, ul,
input, select, textarea,
pre 
	{
	font-family: Arial, Helvetica, sans-serif, verdana, times new roman;
	font-size: 12px;
	color: #333333;
	}


input, select, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; z-index: 1}
a {color: #A80000; text-decoration: none}
a:hover {text-decoration: underline}

a img
	{
	border: 0;
	}

pre {color: #0000ff; font-weight: normal}
h3
	{
	font-size: 20px;
	color: #A80000;
	text-align: left;
	padding: 0px;
	font-weight: normal;
	}

h4 {font-size: 14px; color: #A80000; font-weight: bold; padding: 0px;}

/*-- TOP RULES --*/

table#hat
	{
	width: 100%;
	height: 35px;
	background-image: url('eshop/hat_bg.gif');
	}

table#hat td
	{
	width: 11%;
	padding: 8px 2px 0px 2px;
	vertical-align: middle;
	text-align: center;
	}
	
table#hat td.separator
	{
	width: 4px;
	background-image: url('eshop/menu/separator.gif');
	background-repeat: no-repeat;
	background-position: center 0px;
	text-align: center;
	}	

table#hat td a
	{
	font-size: 10px;
	font-weight: bold;
	}

table#hat td a,
table#hat td a:hover,
table#hat td a:visited
	{
	color: #3B3B3B;
	text-decoration: none;
	}
	
/*-- MIDDLE RULES --*/

table#middle
	{
	width: 100%;
	height: 104px;
	background-image: url('eshop/middle.jpg');
	}
	
table#middle div
	{
	float: left;
	text-align: center;
	width: 150px;
	margin: 0px 0px 0px 12px;
	}

table#middle div p
	{
	font-size: 10px;
	margin-bottom: -1px;
	margin-top: 0px;
	}

table#middle img
	{
	margin-left: 8px;
	}
	
table#middle td.welcome
	{
	padding-right: 15px;
	text-align: right;
	vertical-align: middle;
	font-size: 20px;
	color: white;
	background-image: url('eshop/welcome_bg.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
	}

	

/*-- CONTENT RULES --*/

table#content
	{
	width: 100%;
	}

table#content td.left
	{
	width: 189px;
	padding: 0px;
	vertical-align: top;
	height: 100%;
	}

table#content td.left table
	{
	margin: 0px 0px 0px 0px;
	border: 0px;
	height: 100%;
	}

table#content td.left td
	{
	padding: 0px 0px 0px 0px;
	border: 0px;
	vertical-align: top;
	}
	
table#content td.left a img
	{
	margin: 0px 0px 0px 0px;
	border: 0;
	}

table#content td.left td.left_1
	{
	background-color: #153442;
	min-height: 170px;
	height: expression('200px');
	}
	
table#content td.left td.left_2
	{
	background-color: #A0B8C4;
	background-image: url('eshop/left_2.jpg');
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-top: 60px;
	}
	
table#content td.left td.left_3
	{
	height: 107px;
	}

table#content td.left div.leftmenu
	{
	height: auto;
	}

table#content td.left_1 div.leftmenu div.descr
	{
	margin-bottom: 36px;
	}


table#content td.left_1 div.leftmenu div.descr h3,
table#content td.left_1 div.leftmenu div.descr p,
table#content td.left_1 div.leftmenu div.links p,
table#content td.left_1 div.leftmenu div.links a,
table#content td.left_1 div.leftmenu div.links a:hover,
table#content td.left_1 div.leftmenu div.links a:visited,
table#content td.left_2 h3
	{
	color: #E6E6E6;
	text-decoration: none;
	}

table#content td.left_1 div.leftmenu div.links
	{
	margin-bottom: 0px;
	}
	
table#content td.left_1 div.leftmenu div.links a,
table#content td.left_1 div.leftmenu div.links a:link,
table#content td.left_1 div.leftmenu div.links a:hover,
table#content td.left_1 div.leftmenu div.links a:visited
	{
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 3px 5px 2px 20px;
	background-image: url('eshop/arrow1-off.gif');
	background-repeat: no-repeat;
	background-position: left;
	}

table#content td.left_1 div.leftmenu div.links a:hover
	{
	color: #ffff00;
	background-image: url('eshop/arrow1-on.gif');
	text-decoration: underline;
	}

table#content td.left_1 div.leftmenu div.descr h3,
table#content td.left_2 h3
	{
	margin: 20px 0px 5px 19px;
	font-size: 15px;
	}

table#content td.left_1 div.leftmenu div.descr p,
table#content td.left_1 div.leftmenu div.links p
	{
	font-size: 12px;
	}

table#content td.left_1 div.leftmenu div.descr p
	{
	margin: 0px 0px 2px 30px;
	word-spacing: 10px;
	}

table#content td.left_1 div.leftmenu div.links p
	{
	margin: 0px 0px 5px 10px;
	}

table#content td.left_2 p,
table#content td.left_2 a,
table#content td.left_2 a:hover,
table#content td.left_2 a:visited
	{
	color: black;
	text-decoration: none;
	}
	
table#content td.left_2 p
	{
	margin: 0 10px 20px 20px;
	font-size: 10px;
	}

table#content td.left_2 a
	{
	display: block;
	padding-left: 20px;
	background-image: url('eshop/left_href_bg_2.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	}

table#content td.content
	{
	background-color: #F0F0F0;
	padding: 0px 10px 10px 10px;
	vertical-align: top;
	}

table#content td.content div.container
	{
	margin-top: 22px;
	}

table#content td.content h1
	{
	margin: 0px 0px 15px 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid #153442;
	color: #153442;
	font-size: 11px;
	font-weight: normal;
	}

table#content td.content h2
	{
	margin: 35px 0px 35px 0px;
	font-size: 20px;
	font-weight: normal;
	color: #A8006D;
	}

table#content td.content h2.low
	{
	margin: 0px 0px 15px 0px;
	color: #A80000;
	}

table#content td.content h3
	{
	padding-left: 21px;
	margin: 0 0 0 0;
	font-size: 14px;
	font-weight: bold;
	color: #153442;
	background-image: url('eshop/h3_content_bg.gif');
	background-repeat: no-repeat;
	background-position: 0 1;
	}
	
table#content td.content p
	{
	font-size: 12px;
	margin: 0px 0px 20px 0px;
	width: 565px;
	}

table#content td.content p.small
	{
	font-size: 11px;
	padding-left: 21px;
	}

table#content td.content div.small
	{
	margin-bottom: 10px; 
	}


/*-- BOTTOM RULES --*/


table#bottom
	{
	width: 100%;
	height: 32px;
	background-image: url('eshop/bot_bg.gif');
	}
	
table#bottom td
	{
	vertical-align: middle;
	padding: 0px 11px 0px 18px;
	}
	
table#bottom td.first
	{
	text-align: left;
	}
	
table#bottom td.last
	{
	text-align: right;
	color: #FFFF00;
	font-size: 9px;
	font-weight: bold;
	line-height: 13px;
	}
	
table#bottom td.last strong
	{
	background-color: white;
	color: #39237E;
	}
	
table#bottom a,
table#bottom a:hover,
table#bottom a:visited,
table#bottom td.first
	{
	color: white;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	}




body, td, a, li, ol, ul, input, select, textarea, pre {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;}
input, select, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; z-index: 1}
a {color: #A80000; text-decoration: none}
.Logo {padding : 14px 0px 0px 9px;}
pre {color: #0000ff; font-weight: normal}

.Welcome {
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	padding: 20px 10px 0px 0px;
}

.copyright {font-size: 10px; color: #FFFF00; text-decoration: none; text-align: right; padding-right: 10px;}
.bottomMenu {font-size: 10px; color: #FFFFFF; text-align: center}
.bottomMenu a{font-size: 10px; color: #FFFFFF; text-decoration: none;}
.bottomMenu a:hover {color: #FFFF00;}

.leftHeader {font-size: 15px; font-weight: bold; color: #E6E6E6; text-transform: uppercase; padding: 0 0 5px 0px;}
.leftHeader2 {font-size: 15px; font-weight: bold; color: #E6E6E6; text-transform: uppercase; padding: 0 0 5px 10px; color: #F0F0F0}
.Header {font-size: 20px; color: #A80000;}
.subHeader {font-size: 13px; color: #000000; font-weight: bold;}
.textFrame {background-color: #F0F0F0; padding: 0px 10px 10px 10px}

div.PopUp1, div.PopUp2 {display: none; position: absolute; z-index: 10; border: solid #A0A0A0 1px; border-width: 1px 0px 0px 0px;margin-left: -3px}
div.PopUp2 {margin-left: -1px}

a.subMenu:link, a.subMenu:visited, a.subMenu:hover, a.subMenu2:link, a.subMenu2:visited, a.subMenu2:hover, a.subMenu3:link, a.subMenu3:visited, a.subMenu3:hover
 {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 5px 30px 5px 8px;
	border: solid #A0A0A0 1px;
	border-width: 0px 1px 1px 1px;
	background-color: #D8D8D8;
 }
a.subMenu3:link, a.subMenu3:visited, a.subMenu3:hover
{
background-color: #EFEFEF;
}
a.subMenu:hover, a.subMenu2:hover, a.subMenu3:hover
{
background-color: #EFEFEF;
color: #A80000;
}
a.subMenu2:link, a.subMenu2:visited, a.subMenu2:hover
 {
background-image : url(/images/eshop/arrow2-off.gif);
background-repeat : no-repeat;
background-position : right;
 }
a.subMenu2:hover
{
background-image : url(/images/eshop/arrow2-on.gif);
}

/*
div.PopUp1, div.PopUp2
	{
	display: none;
	position: absolute;
	top: -1000px;
	left: -1000px;
	border: 1px solid #A0A0A0;
	border-width: 1px 0px 0px 0px;
	}

div.PopUp2 {margin-left: -1px}

a.subMenu, a.subMenu:link, a.subMenu:visited, a.subMenu:hover
	{
	display: block;
	margin: 0px;
	border: 1px solid #A0A0A0;
	border-width: 0px 1px 1px 1px;
	padding: 5px 30px 5px 8px;
	
	background-color: #D8D8D8;
	
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	}
*/
	
a.subMenu2, a.subMenu2:link, a.subMenu2:visited, a.subMenu2:hover
	{
	display: block;
	margin: 0px;
	border: 1px solid #A0A0A0;
	border-width: 0px 1px 1px 1px;
	padding: 5px 30px 5px 8px;
	
	background-color: #D8D8D8;
	
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	
	background-color: #D8D8D8;
	
	background-image : url("eshop/arrow2-off.gif");
	background-repeat : no-repeat;
	background-position : right;
	
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	}

a.subMenu3, a.subMenu3:link, a.subMenu3:visited, a.subMenu3:hover
	{
	display: block;
	margin: 0px;
	border: 1px solid #A0A0A0;
	border-width: 0px 1px 1px 1px;
	padding: 5px 30px 5px 8px;
	
	background-color: #D8D8D8;
	
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	
	background-color: #EFEFEF;

	font-size: 11px;
	color: #000000;
	text-decoration: none;
	}

a.subMenu:hover, a.subMenu2:hover, a.subMenu3:hover
	{
	background-color: #EFEFEF;
	color: #A80000;
	}

a.subMenu2:hover
	{
	background-image : url("eshop/arrow2-on.gif");
	}




a.leftMenu:link, a.leftMenu:visited, a.leftMenu:hover
 {
font-size: 12px;
color: #ffffff;
text-decoration: none;
display: block;
margin: 0px;
padding: 3px 5px 2px 20px;
background-image : url(/images/eshop/arrow1-off.gif);
background-repeat : no-repeat;
background-position : left;
 }
a.leftMenu:hover
{
color: #ffff00;
background-image : url(/images/eshop/arrow1-on.gif);
}

.Categories a:link, .Categories a:visited, .Categories a:hover
 {
font-size: 12px;
color: #ffffff;
text-decoration: none;
display: block;
margin: 0px;
padding: 3px 5px 2px 20px;
background-image : url(/images/eshop/arrow1-off.gif);
background-repeat : no-repeat;
background-position : left;
 }
.Categories a:hover
{
color: #ffff00;
background-image : url(/images/eshop/arrow1-on.gif);
}

.leftNews
 {
font-size: 11px;
color: #0C2835;
text-decoration: none;
display: block;
width: 150;
margin: 0px 0px 10px 0px ;
padding: 0px 10px 0px 20px;
background-image : url(/images/eshop/arrow3-off.gif);
background-repeat : no-repeat;
 }
a.leftNews:hover {text-decoration: underline;}

.leftTable {margin: 0px 0px 0px 30px}
.leftTable td {color: #ffffff}
.Path{font-size: 10px; color: #153442}
.Path a {font-size: 11px; color: #153442}
.Path a:hover {text-decoration: underline}

.catLink a {
font-size: 14px; 
color: #153442; 
font-weight: bold;
text-decoration: none;
margin: 0px;
padding: 0px 0px 0px 20px;
background-image : url(/images/eshop/arrow3-off.gif);
background-repeat : no-repeat;
background-position : left;
}
.CatLink a:hover
{
color: #A80000;
background-image : url(/images/eshop/arrow3-on.gif);
}
.catDescr {font-size: 11px; padding: 0px 0px 10px 20px;}

.adminLink {
font-size: 12px; 
color: #153442;
font-weight: bold;
text-decoration: none;
display: block;
white-space: nowrap;
width: 1px;
margin: 0px;
padding: 2px 0px 2px 20px;
background-image : url(/images/eshop/arrow3-off.gif);
background-repeat : no-repeat;
background-position : left;
}
.adminLink:hover
{
color: #A80000;
background-image : url(/images/eshop/arrow3-on.gif);
}
.adminCat {
font-size: 12px; 
color: #153442;
font-weight: bold;
white-space: nowrap;
padding: 2px 0px 2px 20px;
background-image : url(/images/eshop/arrow3-off.gif);
background-repeat : no-repeat;
background-position : left;
}

h3, .shopHeader {font-size: 20px; color: #A80000; text-align: left; padding: 0px; font-weight: normal;}
h4 {font-size: 14px; color: #A80000; font-weight: bold; padding: 0px;}
.shopDescr {font-size: 11px}
.smallFont td {font-size: 10px}
.shopProduct {font-size: 17px; color: #153442; font-weight: bold; text-decoration: none;}
.shopProduct:hover {color: #A80000;}
.link {font-size: 11px; color: #A80000; font-weight: normal; text-decoration: none}
.link:hover {color: #000000; text-decoration: none}
.tbg {background-color: #9FB8C4}
.error {
font-weight: bold;
color: #ffffff;
background-color: #A80000;
width: 100%;
margin: 0px;
padding: 2px 2px 2px 5px;
}
.error a {font-weight: bold; color: #ffffff;}
.error a:hover {text-decoration: underline}

.tableHead td {background-color: #688FA1; color: #ffffff; font-weight: bold;}
.tableHead td a {color: #ffffff; font-weight: bold; text-decoration: underline}
.tableColor {padding: 0px; background-color: #9FB8C4}
.tableLine {padding: 0px; background-color: #153442}
.tableHeader {font-size: 20px; color: #A80000; background-color: #F0F0F0;}
.tableWhite td {background-color: #ffffff;}

.small { font-size: 11px}
.title {  font-size: 14px; color: #ff6600; font-weight: bold; text-decoration: none}
.result {  color: #000000; font-weight: bold; text-decoration: none}
.descr {  color: #000000; font-weight: bold; text-decoration: none}
.totop {  font-size: 10px; font-weight: bold; color: #FFFFFF; text-decoration: none}
.totop:hover { color: #ff9900}
.headerbg { background-image: url(/images/eshop/headerbg.gif)}
.required { color: #FF3300}
.red  { color: #ff0000; font-weight: bold}
.black  { color: #000000; font-weight: bold; font-size: 14px}
.smallblack  { color: #000000; font-weight: bold; font-size: 10px}
.buttonbg {  background-image: url(images/button-bg.jpg)}
.menubg {  background-image: url(/images/eshop/menu-bg.gif)}
.tborder {  background-color: #CFC891}
.tbglite {  background-color: #F7F5E7}
.tbgwhite {  background-color: #FFFFFF}
.itemscost { font-weight: bold; color: #656500}
.itemscost:hover { color: #000000}
.catalog {  color: #BEB25D; font-weight: bold; text-decoration: none; font-size: 12px}
.catalog:hover {  color: #656500; text-decoration: none}
.catalogmark {  color: #656500; font-weight: bold; text-decoration: none; font-size: 12px}
.white {  color: #ffffff; font-weight: bold; font-size: 12px}
.orange, .blue  { color: #BEB25D; font-weight: bold}
.orange:hover  { color: #656500}
.titlecat2 {  font-size: 14px; color: #656500; font-weight: bold; text-decoration: none}
.titlecat2lite {  font-size: 14px; color: #BEB25D; font-weight: bold; text-decoration: none}
.titlecat2lite:hover { color: #656500 }
.product {  font-size: 18px; color: #BEB25D; font-weight: bold; text-decoration: none}
.product:hover { color: #656500 }
.alert {	font-family : "Arial Narrow";}

