/*========================================*/
/* CSS by Andrus Roosaare; URL: fie.pri.ee */
/*========================================*/

/*===============================*/
/* GENERAL */
/*===============================*/

body {
	background-color:white;
	margin:0;
	padding:0;
}
body,td,th,p,div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	line-height:160%;
}
h1, h2, h3 {
	font-weight:bold;
}
h1 {
	font-size:18px;
	color:#ff0000;
	margin:0;
	padding:0 0 12px 0;
}
h2 {
	font-size:12px;
	color:#C10000;
	margin:0 0 12px 0;
	padding:12px 0 2px 0;
	border-bottom:1px solid #ccc;
}
h3 {
	font-size:12px;
	color:#666;
	margin:0 0 12px 0;
	padding:12px 0 2px 0;
}
a:link, a:visited {
	color:#ff0000;
	text-decoration:underline;
}
a:hover, a:active {
	text-decoration:none;
}
a img {
	border:none;
}
p {
	text-align:justify;
	margin:0;
	padding:6px 0 6px 0;
}
ul {
	padding:6px 0 6px 25px;
	margin:0;
	list-style-type:circle;
}
input,textarea, a.button:link, a.button:visited {
	background-color:white;
	color: #888;
	border:1px solid #ccc;
	margin:0;
	padding:0 2px 0 2px;
	text-decoration:none;
}
option, select {
	color:#888;
	padding:0;
}

/*===============================*/
/* LAYOUT */
/*===============================*/
#main_layout {
    width:790px;
    margin:auto;
}
#main_bg {
    width:790px;
    margin:auto;
    background-image:url(gfx/main_bg.png);
    float:left;
}
#main {
    width:750px;
    margin:auto;
}
#header {
	width:377px;
	padding:0 0 0 18px;
	float:left;
	background-color:white;
}

/* IE 6 */		#header a img {margin:4px 0 0 0;} 
/* IE 7 */ 		#header img {margin:6px 0 0 0;} 
/* Browsers */	#header > a > img {margin:6px 0 0 0;}

#middle {
	clear:both;
	width:750px;
	float:left;
	background-image:url(gfx/fire_g.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}
#middle_bg {
	float:left;
	background-image:url(gfx/content.png);
	background-repeat:no-repeat;
	background-position:bottom right;
}
#content {
	width:530px;
	float:left;
	padding:10px 0 10px 0;
	line-height:150%;
}
#main_menu {
	width:396px;
	padding:63px 0 0 0;
	height:27px;
	background-image:url(gfx/bg_menu.png);
	background-repeat:repeat-y;
	float:left;
	text-transform:uppercase;
}
#main_menu a:link, #main_menu a:visited {
    color:white;
    text-decoration:none;
    padding:0 10px 0 10px;
    font-size:10px;
    font-weight:bold;
}
#main_menu a:hover, #main_menu a:active {
    text-decoration:underline;
}
#main_menu ul {
    margin:0;
    padding:0;
}
#main_menu ul li {
    display:inline;
}
#illust {
	width:354px;
	height:176px;
	float:right;
	margin:32px 0 0 0;
	background-image:url(gfx/bg_bottom_menu.png);
	background-repeat:repeat-x;
	background-position:bottom;
}
#side_menu {
	width:170px;
	float:left;
	line-height:190%;
	font-size:11px;
	background-image:url(gfx/side_menu_img.jpg);
	background-repeat:no-repeat;
	padding:0 0 90px 20px;
}
#side_menu ul {
	list-style-type: none; 
    padding:0 0 0 0; 
    margin:18px 0 0 0;
}
#side_menu ul ul {
	list-style-type: none; 
    padding:0 10px 0 0; 
    margin:3px 0 4px 20px;
}
#side_menu li a, #side_menu li a:visited {
    color:#999;
    text-decoration: none;
	padding:0 0 0 18px;
	font-weight:bold;
	background-image:url(gfx/side_menu_link.png);
	background-repeat:no-repeat;
	background-position:left;
}
#side_menu li a:hover {
    color:#ff0000;
}
#side_menu ul ul a, #side_menu ul ul a:visited  {
	background-image:none;
	color:#ccc !important;
	font-weight:normal;
}
#shop_menu {
	width:170px;
	line-height:190%;
	font-size:11px;
	position:fixed;
	left:auto;
	right:10px;
	top:230px;
}
#shop_menu ul {
	list-style-type: none; 
    padding:5px; 
    margin:18px 0 0 0;
	background:white;
	border:1px solid #ff0000;
}
#shop_menu ul ul {
	list-style-type: none; 
    padding:0 10px 0 0; 
    margin:3px 0 4px 20px;
}
#shop_menu li a, #shop_menu li a:visited {
    color:#999;
    text-decoration: none;
	padding:0 0 0 18px;
	font-weight:bold;
	background-image:url(gfx/side_menu_link.png);
	background-repeat:no-repeat;
	background-position:left;
}
#shop_menu li a:hover {
    color:#ff0000;
}
#shop_menu ul ul a, #shop_menu ul ul a:visited  {
	background-image:none;
	color:#ccc !important;
	font-weight:normal;
}
a.selected, a.selected:visited, .active_sub a, .active_sub a:visited {
	background-image:url(gfx/illust_menu.gif);
	background-repeat:no-repeat;
	background-position:left;
	color:#ff0000 !important;
}
#home {
	margin:0;
}
#footer {
	float:right;
	padding:5px 10px 0 10px;
	margin:4px 20px 0 0;
	border-top:1px solid #EBEBEB;
	width:510px;
	text-align:right;
	font-size:10px;
}
#footer a, #footer a:visited {
	color:#ccc;
	text-decoration:none;
}
#bg_top {
	width:790px;
	height:31px;
	background-image:url(gfx/bg_top.png);
	float:left;
}
#bg_bottom {
	width:790px;
	height:31px;
	background-image:url(gfx/bg_bottom.png);
	float:left;
}
#bg_top_menu {
	background-image:url(gfx/bg_top_menu.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:396px;
	height:13px;
	float:left;
}
#bg_bottom_menu {
	background-image:url(gfx/bg_bottom_menu.png);
	background-repeat:repeat-x;
	width:396px;
	height:48px;
	float:left;
}
#flashcontent {
	width:40px;
	height:55px;
	background-image:url(gfx/fire.png);
	background-repeat:no-repeat;
	float:left;
}
/* E-shop */
.product {
	width:100%;
	clear:both;
	float:left;
	margin:0 0 10px 0;
}
.product img {
	border:1px solid #FF0000;
	padding:4px;
}
.product h2 {
	margin:0 0 12px 0;
	padding:0;
}
.prodimg {
	width:130px;
	float:left;
	clear:left;
	padding:0 5px 0 0;
}
.product-description {
	float:left;
	width:390px;
}
.product-description p {
	margin:0 !important;
	padding:0 !important;
}
.bod_bottom {
	width:100%;
	clear:both;
	float:left;
	margin:10px 0 10px 0;
}
.price {
	width:25%;
	float:left;
	font-weight:bold;
}
.add2basket {
	float:right;
	width:70%;
	text-align:right;
}
.broduct_separator {
	margin:0;
	padding:0;
	width:100%;
	clear:both;
	float:left;
	height:10px;
	line-height:90% !important;
}
.add {
	border:none !important;
	font-weight:bold;
}
.cart_row {
	width:530px;
}
.cart_row td, .cart_row th {
	padding:3px 0 3px 0;
	border-bottom:1px solid #ccc;
}
/* News */
.message-date {
	font-size:10px;
	padding:0;
	margin:0;
	float:left;
	clear:both;
	width:120px;
        visibility:hidden;
}
#news_box, message-not-found {
	width:130px;
	float:left;
	margin:30px 0 0 0;
	padding:5px;
	border:1px solid #EBEBEB;
}
.message {
	overflow:auto;
}
.message-body {
        font-size:11px !important;
}
#news_box h2 {
	padding:0;
	margin:0;
	color:#999;
	border:none;
}
.navigation {
	font-size:10px;
	padding:10px 0 0 0;
	clear:both;
	width:120px;
}