/*(C)2007 - 2009; partially based on the ideas of: (C)2004 by Tantek Celik. Some Rights Reserved. License - CC v.2.0; (C)July 2005 by Paul Pomeroy*/
* {font-size:1em;text-indent: 0;}
body {margin:0;padding:0;}
ul,ol,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0;}
ul,ol,dl {list-style:none;text-indent:0;padding: 0;}
:link,:visited {text-decoration:none;}
a, a:link, a:visited, a:hover, a:focus, a:active {border:none;}
a img,:link img,:visited img {border:none;}
body {font-size: 75%;line-height:137%;}
html>body {font-size: 12px;}
p {font-size: 1em;}
body,h1,h2,h3,h4,h5,h6,input,select,textarea{font-family:Arial,sans-serif;}
h1,h2,h3,h4,h5,h6 {font-size: 1em;}
a, a:hover{text-decoration: none;}
table {font-size: 1em;}
strong{font-weight: bold;}
p{padding: 1px 3px;}
img{vertical-align: middle;}

.left{float: left;}
.right{float:right}
.cl{clear: both;}

body{
	text-align: center;
}
#w1{
	width: 848px;
	margin: 0 auto 10px auto; 
	text-align: left;
	background: url("footer.png") no-repeat 100% 100%;
	padding-bottom: 130px;
	overflow:auto;
}
.w2{
	width: 100%;
	margin-left: -200px;
	background: url("bg_w1.gif") repeat-y 0 0;
}
.lc{
	position: relative;
	z-index: 1;
	width: 192px;
}
.ic, .mc{
	width: 100%;
}
.mc{
	margin-right: -210px;
}
.ic .it{
	margin: 0 0 0 192px;
	padding-left: 10px;
}
.mc .it{
	margin: 0 200px 0 192px;
	padding: 0 10px;
}
.rc{
	position: relative;
	z-index: 1;
	width: 200px;
}
/* header */
.header{
	height: 115px;
	background: url("bg_hdr.gif") repeat-x 0 0;
	position: relative;
}
#logo{
	width: 122px;
	height:82px;
	background: url("logo.gif") no-repeat 0 0;
	display: block; 
}
.header div{ position: absolute; right: 0; top: 50px; color: #0072AE; font-weight: bold; font-size: 0.9em;}
.header div a{color: #0072AE; padding: 0 5px;}
#mainmenu{
	clear: both;
	background: #0079B9;
	color: #FFFFFF;
	font-weight: bold;
}
#mainmenu a{color: #FFFFFF;}
#mainmenu li{
	display: inline;
	line-height: 2;
	padding:0 8px;
}
#ifr{height: 22px; width: 165px; vertical-align: middle;}
/* footer */
.footer{
	background: #DDEBED;
	text-align: center;
	line-height:4;
	font-size: 0.9em;
}
.footer a{
	color:#807E83;
	padding: 0 3px 0 5px;
	text-decoration: underline;
}
/* lc */
.lc{padding-top:30px;}
/* rc */
.rc{ background: #FFFFFF; }
/* universal */
h1{color: #0072AE; padding: 0 5px 10px 5px;}
a.go{
	display: block;
	line-height: 1.7;
/*	background: url(arrow-blue.gif) no-repeat 99% 50%; */
	background: url(arrow-blue2.gif) no-repeat 170px 0;
	color: #00608F;
	font-weight: bold;
	padding: 0 12px 0 3px;
	font-size: 1em;
	width: 170px;
	margin: 2px;
	text-align: right
}
/*
a.go{
	display: block;
	line-height: 1.7;
	background: #3C78B4 url("go.gif") no-repeat 99% 50%;
	color: #FF9900;
	font-weight: bold;
	padding: 0 9px 0 3px;
	font-size: 0.9em;
	width: 170px;
	margin: 2px;
}
*/
.p40 li, .lrank dd, .lfull dd {display: -moz-inline-stack; display: inline-block; vertical-align: top; *display: inline; zoom: 1;}
.p40 li div, .lrank dd div, .lfull dd div{
	position: relative;
}
/* p40 + l3*/
.p40 h2, .l3 h2{color: #807E83; text-align: center;}
.p40 .image, .l3 .image{ display: block; text-align: center;}
.p40 .image img, .l3 .image img{
	max-width: 200px;
	width: expression(this.width>=201?'200px':true);
	max-height: 125px;
	height: expression(this.height>=126?'125px':true);
}
.p40 .descr, .l3 .descr{ padding: 5px;}
.p40 a.go, .l3 a.go{ margin: 2px auto;}
.p40 li, .l3 li  { 
	border-bottom: 1px solid #0072AE;
}
/* p40 */
.p40{overflow: auto;}
.p40 li{
	position: relative;
	width: 200px; 
	margin: 5px;
}
.p40 h2{
	position: absolute;
	top: 130px;
	width: 100%;
}
.p40 .image{height: 125px; padding-bottom: 30px;}
/* l3 */
.l3{}
/* lrank + lfull */
.lrank , .lfull{ position: relative; zoom: 1; overflow: hidden; background: #FFFFFF;}
.lrank dt, .lfull dt{width: 100%;line-height: 2; padding: 0 3px; background: #0072AE; color: #FFFFFF;}
.lrank dt a, .lfull dt a{ color: #FFFFFF;}
.lrank dd, .lfull dd{ width: 47%; padding: 5px 1%; border-bottom: 1px solid #3C78B4;}
.lrank dd .title, .lfull dd .title{ text-decoration: underline; color: #0072AE;}
/* lrank */
.lrank{}
/* lfull */
.lfull{}
div.lfull h1{
	font-size: 1.2em;
	padding: 10px 5px;
}
div.lfull ul {
	overflow: auto;
	padding-bottom: 5px;
	color: #0072AE;
}
div.lfull ul li{
	float: left;
	margin-right: 5px;
}
div.lfull a{
	color: inherit;
}
/* prod */
h1#main{ color: #0072AE; padding-bottom: 10px; font-size: 1.2em;  }
.prod{ overflow: hidden;}
.prod .image{ float: left; margin: 0 5px 5px 0; max-width: 240px;}
.prod .image img{
	max-width: 240px;
	width: expression(this.width>=241?'240px':true);
	max-height: 300px;
	height: expression(this.height>=301?'300px':true);
}
.prod .descr{
	clear:both;
}
.prod .descr, .prod .descr a, .prod .descr  b{ color: #00608F;}
.prod .descr  b{
	display: block;
	padding-top: 1em;
}
.prod .descr br{
	display: none; height: 0;
}
.prod .pricebox{ float: right;}
.prod .pricetop{ border-bottom: 1px solid #3C78B4; margin-bottom: 3px;}
/*-- short -- */
.shortme{min-height: 200px;}
.shortened { overflow: hidden;}
.shortened.short {height: 200px;}
.shortened .spacer{float: right; width: 1px; height: 160px;}
.shrt_btn{
	float: right;
	clear: right;
	width: 20px;
	height: 20px;
	background: url("arrow-blue2.gif") no-repeat 0 -60px;
	border: 10px solid #ffffff;
	border-right: 0;
}
.short .shrt_btn{ background-position: 0 -40px}

/* lrel */
.lrel{
	overflow: auto;
}
.lrel dt{}
.lrel dd{}
/* l1 */
.l1{margin-top: 5px !important;}
.l1 dt{line-height: 2; background: #0072AE; color: #FFFFFF; padding: 0 3px;}
.l1 dt a{ color: inherit;}
.l1 dd{clear: both; margin: 5px 0; padding: 1px; overflow: auto; border-bottom: 1px solid #0072AE; }
.l1 h2{ color: #0072AE;}
.l1 .image {float: left;margin: 0 5px 1px 0;}
.l1 .image img{
	max-width: 100px;
	width: expression(this.width>=101?'100px':true);
	max-height: 100px;
	height: expression(this.height>=101?'100px':true);
}
.l1 .pricebox{ float: right;}
/* l2 */
.l2{}
.l2 .title, .l2 .title a{font-weight: bold; color: #0072AE;}
/* cl */
.descr, .descr a{text-decoration: none; color: #0072AE;}
.descr a{border-bottom: 1px dashed;}
.descr a:hover{border-bottom: 1px solid;}