@charset "utf-8";
/* Style ver 2.0.1 */

div, span, object, h1, h2, h3, h4, h5, h6, p, em, font, img, small, strong, b, u, i, center, ol, ul, li, fieldset, label, 
table, caption, tbody, tr, th, td, dl, dt, form, body, html { margin: 0; padding: 0; border: 0; outline: 0; font-size: 1em; }

h1 { padding: 0 0 9px 0; font: normal 24px "Trebuchet MS", Arial, sans-serif; color: #333; }
h2,h3,h4,h5,h6 { padding: 10px 0 0 0; font-family: "Trebuchet MS", Arial, sans-serif; color: #333; }
h2 { font-size: 19px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5,h6 { font-size: 12px; }
ul { padding: 0 0 9px 0}
a { color: #3ea215; }
a:hover { color: #e15000; }

body {
	font-size: 100%;
    line-height: 1.125em;
	font-family: Arial;
}

body, html {
	height: 100%;
	min-width: 990px;
    	}

p, ul, ol, div
{
color: #333;
}

p
{
text-align: justify;
}

#m_box {
	position: relative;
	min-height: 100%;
	_height: 100%;
}

#box {
	max-width: 1024px;
	margin: 0 auto;
	padding-bottom: 100px;
}

#header {
	position: relative;
	height: 193px;
	background: url(img/header.jpg) center top no-repeat;
}

.logo { position: absolute; width: 280px; height: 33px; top: 58px; left: 50%; margin-left: -358px; }
	.logo a { display: block; width: 280px; height: 33px; }

.navi { position: absolute; left: 0; bottom: 0 !important; bottom: -1px; width: 100%; height: auto !important; height: 22px; min-height: 22px; background: url(img/navi-x.png) left top repeat; }
	.navi ul { list-style: none; height: auto !important; height: 22px; min-height: 22px; }
	.navi li { float: left; width: 20%; //width: 19.9%; height: 22px; text-align: center; font: normal 14px/22px Arial, Helvetica, sans-serif; background: url(img/navi-d.gif) left top no-repeat; }
	.navi li:first-child { background: none; }
	.navi li a { float: left; display: block; width: 100%; text-align: center; font: normal 14px/22px Arial, Helvetica, sans-serif; text-decoration: none; text-transform: lowercase; color: #000; }
	.navi li a:hover { text-decoration: underline; }

#main { width: 100%; background: url(img/midx.gif) left top repeat-x; }
	.left { vertical-align: top; width: 222px; padding: 40px 0 0 11px; background: url(img/sidetop.jpg) left top no-repeat;  }
	.right { vertical-align: top; width: 219px; height: 600px; padding-top: 19px; background: url(img/rightx.gif) left top repeat-x; }
	.content { vertical-align: top; color: #666; font: normal 12px Arial, Helvetica, sans-serif; background: url(img/cl.jpg) left top no-repeat; }
	.contenti { height: auto !important; height: 560px; min-height: 560px; padding: 40px 28px 0 28px; background: url(img/cr.jpg) right top no-repeat; }
	.contenti p { padding: 7px 0; }
	.contenti ul, .contenti ol { padding-left: 28px; }

#menu { width: 222px; }
	#menu td { vertical-align: middle; height: 56px; padding: 0 10px 0 25px; }
	#menu td.tabblue { background: url(img/bluetab.png) 0 0 no-repeat; }
	#menu td.tabgreen { background: url(img/greentab.png) 0 0 no-repeat; }
	#menu td.tabpink { background: url(img/pinktab.png) 0 0 no-repeat; }
	#menu td.taborange { background: url(img/orangetab.png) 0 0 no-repeat; }
	#menu td span { position: relative; top: -5px; left: 0; font: normal 11px Arial, Helvetica, sans-serif; }
	#menu td a { color: #000; font: normal 11px Arial, Helvetica, sans-serif; text-decoration: none; }
	#menu td a:hover { text-decoration: underline; }

.auth { margin-left: 13px; width: 185px; }
	.authtt { margin-left: 7px; background: url(img/greenarrow.jpg) left top no-repeat; padding-left: 70px; font: normal 14px/34px Arial, Helvetica, sans-serif; }
	.authtt a { color: #000; text-decoration: underline; }
	.authtt a:hover { text-decoration: none; }
	.login { width: 185px; height: 63px !important; height: 82px; padding-top: 19px; margin-top: 10px; background: url(img/authbg.jpg) left top no-repeat; }
	.login .infofield { display: none; }
	.login .inptext { margin: 8px 0 0 19px; width: 120px !important; width: 140px; height: 15px !important; height: 17px; padding: 1px 10px; border: 0; font: normal 12px Arial, Helvetica, sans-serif; background: none; }
	.login .intbutton, .login .login-reminding, .login .login-registration { display: none; }

.basket-block { width: 150px !important; width: 217px; height: auto !important; height: 50px; min-height: 34px; padding: 16px 0 0 67px; font: normal 12px/14px Arial, Helvetica, sans-serif; background: url(img/cart.jpg) 19px 11px no-repeat; }
	.basket-block a { color: #000; font-size: 14px; text-transform: lowercase; }
	.basket-block a:hover { text-decoration: none; }

.news { margin-top: 14px; background: url(img/news.jpg) 19px 0 no-repeat; }
	.newsz { padding: 5px 0 0 67px; font: normal 14px/34px Arial, Helvetica, sans-serif; }
	.newsz a { color: #000; text-decoration: underline; }
	.newsz a:hover { text-decoration: none; }
	.newsblock { width: 200px; margin-top: 9px; background: url(img/newsy.gif) left top repeat-y; }
	.newsblocki { width: 200px; background: url(img/newstop.jpg) left top no-repeat; }
	.news-block { width: 200px; height: auto !important; height: 366px; min-height: 366px; padding: 0 0 10px 0; background: url(img/newsbot.jpg) left bottom no-repeat; }
	.news-block h2 { display: none; }
	.news-date { width: 151px; padding: 10px 0 0 20px; text-align: center; text-decoration: underline; font: normal 12px/14px Arial, Helvetica, sans-serif; }
	.news-name { width: 151px; padding: 0 0 0 20px; font: bold 12px/14px Arial, Helvetica, sans-serif;  }
	.news-name a { color: #333; text-decoration: none; }
	.news-name a:hover { text-decoration: underline; }
	.news-anons { width: 151px; padding: 0 0 8px 20px; color: #3c3d37; font: normal 12px/14px Arial, Helvetica, sans-serif; }

#footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 51px; font: normal 12px Arial, Helvetica, sans-serif; }
#fi { position: relative; max-width: 1024px; margin: 0 auto; }
#footer a { color: #666; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

.ftele { position: absolute; width: 15%; left: 5%; color: #666; padding-top: 7px; }
.fmail { position: absolute; width: 15%; left: 25%; }
	.fmail a { display: -moz-inline-box; display: inline-block; padding: 17px 0 17px 44px; background: url(img/mail.jpg) left center no-repeat; }
.uparrow { position: absolute; width: 20%; left: 40%; text-align: center; }
	.uparrow a { display: -moz-inline-box; display: inline-block; padding-top: 24px; background: url(img/uparrow.jpg) center top no-repeat; }
.add2fav { position: absolute; width: 20%; left: 60%;  background: url(img/fav.jpg) left center no-repeat;}
	.add2fav a { display: -moz-inline-box; display: inline-block; padding: 17px 0 6px 40px; }
.fcart { position: absolute; width: 20%; right: 0; }
	.fcart a { display: -moz-inline-box; display: inline-block; padding: 7px 0 6px 36px; background: url(img/cart2.jpg) left center no-repeat; }
.counter { position: absolute; margin-left: 1000px; margin-top: -10; }