/*** styles for http://www.japanichiban.ru ***/
/*** coder - Dmitry Ivanov [mamay] ***/

/*************************************************/
/**************   Common styles  ***************/
/*************************************************/
p, td, li, ul, ol, h1, h2, h3, h4, h5, h6 { font-family: Arial, Lucida, Verdana, sans-serif;}
h1 {font-size: 1em; color: #0e0e0e; font-weight: bolder; margin: 0 0 4px 0; text-shadow: #ccc 1px 1px; text-align: center;}
h2 {font-size: 1em; color: #666; font-weight: bolder; margin: 0;}
h3 {font-size: 1em; color: #111; font-weight: bolder;}
img { border: 0;}
a:link { color:#c33; text-decoration: none; background: transparent;}
a:visited { color:#c33; text-decoration: none; background: transparent;}
a:hover { color:#f00; text-decoration: underline; background: transparent;}
a:active { color:#f00; text-decoration: none; background: transparent;}
ul, ol {  margin-bottom: 1em; line-height: 1.5em; font-size: 12px;}
li { list-style-position: outside; list-style-type: disc !important; margin:0px 0px 0px 15px;}
td { margin: 0 0 0 0; font-size: 12px; text-indent: 0; text-align: justify; }
p { margin: 0 0 1em 0; font-size: 12px; text-indent: 1em; text-align: justify; }
p+p {text-indent: 2em; margin-top: -1em;}
strong { font-weight: bolder;}

HTML {margin:0px; padding:0px; width:100%; height:100%;}
body {
	background-color:#fff;
	color: #2D2D2D;
	font-family: Arial, Lucida, Verdana, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
}

#page {
	margin:0 auto;
	text-align:left;
	vertical-align:top;
	width:990px;
	}
	
/*************************************************/
/**************   Top Bar  ***************/
/*************************************************/
#header 
{
	background: transparent url(/i/banner_bgr.jpg) no-repeat scroll right 0;
	height:60px;
	margin:0 0px 0 7px;
	position:relative;
	width:990px;
}
#header_text 
{
	margin:0 0 0 40px;
	padding:9px 0 0;
	width:200px;
	}
	#header_text #company-name 
	{
		display: block;
		margin: 0 0 10px 5px;
		text-align: left;
	}
	#header_text #slogan 
	{
	background:transparent url(/i/slogan.gif) no-repeat scroll 0 0;
	display:block;
	font-size:6px;
	height:16px;
	text-indent:-2500px;
	width:185px;
	}

#company_logo 
{
	display:block;
	float:left;
	height:57px;
	padding:4px 0 0;
	width:30px;
}

/*
#topnav
{
	background:transparent url(/i/navlinestart.gif) no-repeat scroll 0 21px;
	display:block;
	float:left;
	font-size:11px;
	height:35px;
	list-style:none;
	margin:-27px 0 0 240px;
	padding:0 0 0 55px;
	position:relative;
	width:100%; //width:auto;
}
*/
#topnav
{
	background:transparent url(/i/navlinestart.gif) no-repeat scroll 0 21px;
	display:block;
	float:right;
	font-size:11px;
	height:35px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:-27px 0 0;
	padding:0 0 0 55px;
	position:relative;
	width:690px;
	//margin:-30px 0 0;
	//width: 740px;
}

	#topnav li 
	{
		display:inline;
		float:left;
		list-style-type:none !important;
		margin:0;
		min-width:79px; //width:79px;
		padding:0;
	}
	#topnav a 
	{
		display:block;
		padding:5px 10px;
		text-align:center;
		text-decoration:none;
	}
	#topnav li a
	{
		background:transparent url(/i/nav_line.gif) no-repeat scroll 0 bottom;
		color:#c33;
		font-size:11px;
		font-weight:bold;
		padding:0 0 16px;
		white-space:nowrap;
	}
	#topnav li a:hover
	{
		background:transparent url(/i/nav_line_a.gif) no-repeat scroll 0 bottom;
		color:#f00;
		font-size:11px;
		font-weight:bold;
		padding:0 0 16px;
		white-space:nowrap;
	}

#topnav li a, 
#topnav li:hover li a, 
#topnav li.jshover li a, 
#topnav li:hover li:hover li a, 
#topnav li.jshover li.jshover li a, 
#topnav li:hover li:hover li:hover li a, 
#topnav li.jshover li.jshover li.jshover li a, 
#topnav li:hover li:hover li:hover li:hover li a, 
#topnav li.jshover li.jshover li.jshover li.jshover li a, 
#topnav li:hover li:hover li:hover li:hover li:hover li a, 
#topnav li.jshover li.jshover li.jshover li.jshover li.jshover li a 
{
	color:#c33;
	font-weight:bold;
}
#topnav a 
{
	display:block;
	padding:5px 10px;
	text-align:center;
	text-decoration:none;
}
/* change nav links */
	#main #topnav li a#link_main,
	#about #topnav li a#link_#about,
	#catalog #topnav li a#link_catalog,
	#contacts #topnav li a#link_contacts,
	#zakaz #topnav li a#link_zakaz,
	#article #topnav li a#link_article
	{
		background:transparent url(/i/nav_line_a.gif) no-repeat scroll 0 bottom;
		color:#404040;
	}
	
/*************************************************/
/**************   Main Block  ***************/
/*************************************************/
.mBlock {
	margin: 0px;
	padding: 20px 0px 0 10px;
	width: 982px;
	//width: 1020px; 
	}
		
	/*************************************************/
	/**************   Left Bar  ***************/
	/*************************************************/
	#leftbar {
		float: left;
		width: 230px;
		}
	
		#leftbar h1  {
			text-align: center;
		}
	
		#leftbar .tel {
			width: auto;
			height: 60px;
			padding: 0;
			margin: 0 0 1px 0;
			text-align: center;
		}
		html>body #leftbar .tel {margin: 0;}
		
		#leftbar .menu {
			background: #fff url(/i/leftbarbgr.jpg) no-repeat bottom right;
			height: 300px;
			padding: 10px 10px 20px 20px;
			margin: 0 0 10px 0;
			border: #666 1px solid;
			width: 198px;
			//width: 230px;
			}
			#leftbar .menu ol {
				margin: 0 20px 1em 10px;
			}
			#leftbar .menu img {
				margin: 0 0 10px 0;
				text-align: center;
			}
			#leftbar .menu li a {
				font-weight: bolder; 
				font-style: italic; 
				color: #c33; 
				text-decoration: none;
			}
			#leftbar .menu li:hover {
				color:#cc3333;
			}
			#leftbar .menu li a:hover {
				color: #f00; 
			}
		#leftbar .newsline {
			width: auto;
			padding: 0;
			margin: 0 0 10px 0;
		}
		#leftbar .topnews {
			width: auto;
			padding: 0;
			margin: 0 0 10px 0;
		}
		#leftbar .promotesite {
			width: auto;
			padding: 0;
			margin: 0 0 10px 0;
		}
		#leftbar .partners {
			width: auto;
			padding: 0;
			margin: 0 0 10px 0;
			}
			#leftbar .partners h3 {
				color:#0E0E0E;
				font-size:1em;
				font-weight:bold;
				margin:0 0 20px;
				text-align:center;
				text-shadow:1px 1px #CCCCCC;
			}
			#leftbar .partners div {
				border:1px solid #CAD6E8;
				margin:0 0 20px;
				}
				#leftbar .partners img {
					display:block;
					margin:0 auto;
				}
	/*************************************************/
	/**************   Right Bar  ***************/
	/*************************************************/
	#rightbar {
		float:right;
		width: 230px;
		padding: 0px 0px 0px 0px;
		font-size:1em;
		}
		#rightbar h1  {
			text-align: center;
		}
		#rightbar .rbheader {
			display: block;
			float: left;
			height: 60px;
			padding: 0;
			margin: 0px 0px 10px 0px;
		}
				
		#rightbar .searchform {
			margin:0px; _margin:0px 0px -14px 0px;
			height:60px;
		}
	
		#rightbar form input.searchinput {
			padding:2px;
			width:200px;
			border: 1px solid #c33;
			float:left;
		}
		#rightbar form input.searchbutton {
			background:transparent url(http://www.japanichiban.ru/templates/global/images/dot.gif) no-repeat scroll 0 0;
			position:relative;
			cursor:pointer;
			float:right;
			width:20px;
			height:20px;
			margin:0px 5px 0px 0px;
			border:0px none;
			//margin:-2px 0px 0px -5px;
			_margin:-2px 0px 0px 0px;

		}
		
		#rightbar .articles {
			background: #0e0e0e;
			width: auto;
			padding: 10px;
			margin: 0 0 30px 0;
			border: #666 1px solid; 
			color: #ededed;
			text-align: left;
			//position:relative;
			//top:13px;
			}
			#rightbar .articles h1 {
				font-size: 1em; 
				color: #f00; 
				font-weight: bolder; 
				margin: 0 0 4px 0;
				text-align: center;
				text-shadow: none;
			}
			#rightbar .articles div {
				text-align: center;
				padding:0 0 10px;
			}
			.p_center {
				text-align: center;
			}

		#rightbar div.news {
			float:none;
			margin:0 auto;
			text-align:center;
			width:150px;
		}
		#rightbar .japan_cat img {
			border:1px solid;
			margin:0 0 20px;
			width:200px;
		}

	/*************************************************/
	/**************   Main Content  ***************/
	/*************************************************/
	#content {
		float:left;
		width: 512px; //width:522px;
		padding: 0px 0px 0px 10px;
		}
	#content p { margin: 0 1em 1em 0;}
	#content .anons {
		clear: both;
		height: 60px;
		vertical-align: top;
		width: 500px;
		}
		#content .anons h1 {
			color: #f00;
			font-size:16px;
			margin:0;
			padding:10px 0 0;
		}
	#content .newsbig {
		display: block;
		clear: both;
		overflow: hidden;
		background: transparent top center no-repeat;
		width: 500px;
		_width: 502px;	/* ie6 */
		height: 330px;
		border: 1px #666 solid;
		}
		#content .newsbig img {
			height: 333px;
			width: 500px;
			}
			
	#content .allnews {
		clear: both;
		width: 522px;
		}
		#content h1 {
			font-size:16px;
			margin:20px 0 10px;
		}
		div.news {
			float:left;
			margin:0 20px 20px 0; //margin-right:15px;
			text-align:center;
			width:150px;
			}
			div.news h3 {
				display: block;
				font-size: 12px;
				font-weight: bold;
				height: 30px;
				margin: 0 0 0px 0;
				}
				div.news h3 a {
					color: #f00;
				}
				div.news h3 a:hover {
					color: #f00;
					text-decoration: underline;
				}
		div.news img {
			border: 1px #666 solid !important;
			width: 150px;
			height: 100px;
			vertical-align: bottom;
			margin:0 0 10px;
		}
		#japan_cat div.news img {height: 210px;}

	.info {
		width:500px;
		font-family:verdana;
		font-size:11px;
		border:1px solid grey;
		border-left:1px solid grey;
		border-top:1px solid grey;
		}
		.info th {
			font-weight:bolder;
			padding:10px;
			border-left:1px solid grey;
			border-top:1px solid grey;	
		}
		.info td {
			padding:10px;
			border-left:1px solid grey;
			border-top:1px solid grey;
			vertical-align:top;
			white-space:nowrap;
		}
	.supinfo {
		width:500px;
		font-family:verdana;
		font-size:11px;
		color:grey;
		margin:20px 0px 0px 0px;

		}
		.supinfo b {
			display:block;
			font-weight:bolder;
			margin:-12px 0 0 140px;
		}

/* article */
#article {}
		#article .news {
			clear:both;
			margin:0 20px 20px 0;
			width:100%;
			text-align: left;
			}
			#article .news h3 {
				display: block;
				font-size: 12px;
				font-weight: bold;
				height: 30px;
				margin: 0 0 0px 0;
				}
				#article .news h3 a {
					color: #f00;
				}
				#article .news h3 a:hover {
					color: #f00;
					text-decoration: underline;
				}
		#article .news img {
			border:1px solid #666666 !important;
			float:left;
			height:100px;
			margin:5px 10px 10px 0;
			width:150px;
		}

.japCatBlock {
	border:1px solid #666666;
	margin:20px 0 0;
	padding:10px 0 0;
	text-align:center;
	width:230px;
	}
	.japCatBlock h2 {
		text-align: center;
	}
	.japCatBlock .news h3 {
		padding: 20px 0 0;
		font-weight:normal;
	}
	.japCatBlock .news img {
		height:210px;
		margin:0 auto 20px;
		width: 150px;
	}

/*** footer ***/					
#footer {
	border-top: 1px solid #666;
	clear: both;
	color: #666;
	font-size: 12px;
	padding: 20px 0;
	position: relative;
	text-align: center;
	top: 10px;
	}

/* banners */
.jap-shop {
		background:#FCFCFF none repeat scroll 0 0;
		border:1px solid #CAD6E8;
		margin:1em 0 0.5em;
		padding:1em 1em 0;
		position:relative;
		width:auto !important;
	}
	.jap-shop h1 a {
		background:transparent url(http://www.jap-shop.ru/i/logo_Jap-Shop.gif) no-repeat scroll 0 0;
		display:block;
		height:50px;
		padding:7px 0 0 50px;
	}
	.jap-shop p {
		text-align:center;
		padding: 0 0 5px 0;
		text-indent: 0;
	}
	.jap-shop #header_text {
		background:transparent url(http://www.jap-shop.ru/i/name_Jap-Shop.gif) no-repeat scroll 0 center;
		height:50px;
		margin:0 0 0 60px;
		text-indent:-2000px;
	}
	.jap-shop #header_text h1 {
		background: none;
	}
	
.jap-shop_02 {
	border:1px solid #CAD6E8;
	clear:both;
	height:60px;
	margin: 1em 0;
	padding: 0.5em 1em 0;
	position:relative;
	width:auto !important;
	}
	.jap-shop_02 #jap-shop_logo {
		display:block;
		float:left;
		height:57px;
		padding:4px 0 0;
		width:30px;
	}

	.jap-shop_02 p {
		text-align:center;
		padding: 0 0 5px 0;
		text-indent: 0;
	}
	.jap-shop_02 #jap-shop_text {
		background:transparent url(http://www.jap-shop.ru/i/name_Jap-Shop.gif) no-repeat scroll 0 0;
		height:50px;
		margin:0 0 0 60px;
		text-indent:-2000px;
	}
	.jap-shop_02 #jap-shop_text h1 {
		background: none;
		margin: 3px 0;
	}
	.jap-shop_02 #jap-shop_text h1 a {
		background: none;
		display:block;
	}

/* catalog */
.cat_item {
	clear:both;
	margin:0 0 20px;
	overflow:hidden;
	}
	.cat_item .pict {
		float:left;
		width:150px;
		}
		.cat_item .pict img {
			border:1px solid #CCCCCC !important;
		}
	.cat_item .descr {
		float:right;
		padding:0 10px 0 0;
		width:340px;
	}
		.cat_item .descr h3 {
			display:block;
			margin:0;
		}
		.cat_item .descr table {
			border-top:1px solid #CCCCCC;
			width:100%;
			}
			.cat_item .descr table tr {}
				.cat_item .descr table th {
					font-size:10px;
					font-weight:bold;
					padding:0 10px 0 0;
				}
				.cat_item .descr table td {
					font-size:10px;
					padding:0 10px 0 0;
				}


/* support 
------------------------------------- */	
.hide { display: none !important;}
.getout { position: absolute; left: -2000px; width:100px;}
.clear { clear: both !important;}
.left { float:left !important;}
.right { float:right !important;}
.cent { text-align:center !important;}
.mid { vertical-align:middle !important;}
.alignL { text-align:left !important;}
.alignR { text-align:right !important;}
.nowrap { white-space:nowrap !important;}

/* colors */
.gr {color:grey !important;}
.grey {color:#666666 !important;}
.red {color:red !important;}
.grn {color:green !important;}
.green {color:green !important;}
.gold {color:#ffcc66 !important;}

/* positioning */
.tm5 { margin-top:5px !important;}
.tm10 { margin-top:10px !important;}
.tm15 { margin-top:15px !important;}
.tm20 { margin-top:20px !important;}
.tm25 { margin-top:25px !important;}
.tm30 { margin-top:30px !important;}

.tp5 { padding-top:5px !important;}
.tp10 { padding-top:10px !important;}
.tp15 { padding-top:15px !important;}
.tp20 { padding-top:20px !important;}
.tp25 { padding-top:25px !important;}
.tp30 { padding-top:30px !important;}

.bm5 { margin-bottom:5px !important;}
.bm10 { margin-bottom:10px !important;}
.bm15 { margin-bottom:15px !important;}
.bm20 { margin-bottom:20px !important;}
.bm25 { margin-bottom:25px !important;}
.bm30 { margin-bottom:30px !important;}

.bp5 { padding-bottom:5px !important;}
.bp10 { padding-bottom:10px !important;}
.bp15 { padding-bottom:15px !important;}
.bp20 { padding-bottom:20px !important;}
.bp25 { padding-bottom:25px !important;}
.bp30 { padding-bottom:30px !important;}

.Lm5 { margin-left:5px !important;}
.Lm10 { margin-left:10px !important;}
.Lm15 { margin-left:15px !important;}
.Lm20 { margin-left:20px !important;}
.Lm25 { margin-left:25px !important;}
.Lm30 { margin-left:30px !important;}

.Lp5 { padding-left:5px !important;}
.Lp10 { padding-left:10px !important;}
.Lp15 { padding-left:15px !important;}
.Lp20 { padding-left:20px !important;}
.Lp25 { padding-left:25px !important;}
.Lp30 { padding-left:30px !important;}

.rm5 { margin-right:5px !important;}
.rm10 { margin-right:10px !important;}
.rm15 { margin-right:15px !important;}
.rm20 { margin-right:20px !important;}
.rm25 { margin-right:25px !important;}
.rm30 { margin-right:30px !important;}

.rp5 { padding-right:5px !important;}
.rp10 { padding-right:10px !important;}
.rp15 { padding-right:15px !important;}
.rp20 { padding-right:20px !important;}
.rp25 { padding-right:25px !important;}
.rp30 { padding-right:30px !important;}