* {
	margin: 0; 
	padding: 0;
}
img {
	border: 0;
}
table {
	border: 0px; 
	border-collapse: collapse;
}
body {
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	font-size: 13px;
	background: #fef8da;
}

a, .aslink {
	color: #0068c4;
	cursor: pointer;
	text-decoration: underline;
}
a:hover, .alink:hover {
	color: #007eed;
}
p, h1, h2, h3 {	
	margin-bottom: 5px;
}
h1 {
	font-weight: normal;
	font-size: 18px;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
}
/* Structure */
.mainFrame {
	max-width: 1050px;
	min-width: 900px;
	width: 95%;
	margin: auto; 	 
}
.Left {
	margin-right: 305px;
}
.Right {
	float: right;
	width: 300px;
}
.L50, .C50 {
	width: 50%;
	float: left;
}
dl.L50 dd {
	padding-right: 10px;
}

/* Settings */
.clear:after {
  content: ".";
  display: block;
	margin: 0;
	padding: 0;
  clear: both;
  visibility: hidden;
	font-size: 0;
  height: .1px;
	line-height: .1px;
}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block; clear:both;}
/* End hide from IE-mac */
.drop {clear: both; height: 1px; width: 100%}

.floatleft {float: left;}
.floatright {float: right;}
.nofloat {float: none;}
.separator {float: left; width: 100%;}

.margin0 {margin: 0 ! important;}
.marginT0 {margin-top: 0 ! important;}
.marginB0 {margin-bottom: 0 ! important;}
.marginL0 {margin-left: 0 ! important;}
.marginR0 {margin-right: 0 ! important;}
.margin02 {margin: 3px ! important;}
.marginT02 {margin-top: 3px ! important;}
.marginB02 {margin-bottom: 3px ! important;}
.marginL02 {margin-left: 3px ! important;}
.marginR02 {margin-right: 3px ! important;}
.margin05 {margin: 5px ! important;}
.marginT05 {margin-top: 5px ! important;}
.marginB05 {margin-bottom: 5px ! important;}
.marginL05 {margin-left: 5px ! important;}
.marginR05 {margin-right: 5px ! important;}
.margin1 {margin: 10px ! important;}
.marginB1 {margin-bottom: 10px ! important;}
.marginT1 {margin-top: 10px ! important;}
.marginR1 {margin-right: 10px ! important;}
.marginL1 {margin-left: 10px ! important;}

.padding0 {padding: 0 ! important;}
.paddingT0 {padding-top: 0 ! important;}
.paddingB0 {padding-bottom: 0 ! important;}
.paddingR0 {padding-right: 0 ! important;}
.paddingL0 {padding-left: 0 ! important;}
.padding02 {padding: 3px ! important;}
.paddingT02 {padding-top: 3px ! important;}
.paddingB02 {padding-bottom: 3px ! important;}
.paddingR02 {padding-right: 3px ! important;}
.paddingL02 {padding-left: 3px ! important;}
.padding05 {padding: 5px ! important;}
.paddingT05 {padding-top: 5px ! important;}
.paddingB05 {padding-bottom: 5px ! important;}
.paddingR05 {padding-right: 5px ! important;}
.paddingL05 {padding-left: 5px ! important;}
.padding1 {padding: 10px ! important;}
.paddingT1 {padding-top: 10px ! important;}
.paddingB1 {padding-bottom: 10px! important;}
.paddingR1 {padding-right: 10px ! important;}
.paddingL1 {padding-left: 10px ! important;}

.width1p {width: 1% ! important;}
.width5p {width: 5% ! important;}
.width10p {width: 10% ! important;}
.width15p {width: 15% ! important;}
.width20p {width: 20% ! important;}
.width25p {width: 25% ! important;}
.width30p {width: 30% ! important;}
.width33p {width: 33% ! important;}
.width35p {width: 35% ! important;}
.width40p {width: 40% ! important;}
.width45p {width: 45% ! important;}
.width50p {width: 50% ! important;}
.width55p {width: 55% ! important;}
.width60p {width: 60% ! important;}
.width67p {width: 67% ! important;}
.width70p {width: 70% ! important;}
.width75p {width: 75% ! important;}
.width80p {width: 80% ! important;}
.width85p {width: 85% ! important;}
.width90p {width: 90% ! important;}
.width95p {width: 95% ! important;}
.width99p {width: 99% ! important;}
.width100p {width: 100% ! important;}
input.width100p, select.width100p, textarea.width100p {width: 96% ! important;}

.verticalmiddle {vertical-align: middle ! important;}
.verticaltop {vertical-align: top ! important;}
.verticalbottom {vertical-align: bottom ! important;}
.textleft {text-align: left ! important;}
.textright {text-align: right ! important;}
.textcenter {text-align: center ! important;}

.largest {font-size: 20px ! important; font-weight: normal;}
.larger {font-size: 16px ! important;}
.large {font-size: 14px ! important;}
.medium {font-size: 13px ! important;}
.small {font-size: 11px ! important;}
.smaller {font: 10px Tahoma, sans-serif ! important;}

.border {border: 1px solid #777;}

.nodecoration {text-decoration: none ! important;}
.noborder, tr.noborder td {border: 0 ! important;}
.nowrap {white-space: nowrap ! important;}
.bold {font-weight: bold ! important;}
.normal {font-weight: bold ! important;}
.italic {font-style: italic ! important;}

.green {color: #336633 ! important;}
.black {color: #000 ! important;}
.grey {color: #777 ! important;}

/* Decoration */
img.icon, img.ico14 { 
	background: #FFF; 
	vertical-align: middle;
	padding-right: 5px;
}
.input {
	border-width: 1px; 
	border-style: solid; 
	border-color: #a9a9a9 #d8d8d8 #d8d8d8 #a9a9a9; 
	padding: .1em;
}
.button {
	padding: 0 5px;
}
.checkbox, .checkLeft {
	margin: 0 3px 0 0;
	padding: 0;
	vertical-align: middle;	
}

.comment, .dateList dt, .date {
	color: #777;
	font-size: 11px;
	line-height: 18px;
}

.simpleList {
	overflow: hidden;
}
.simpleList dd {
	padding: 5px 0;
	border-bottom: 1px dotted #d8d8d8;
	margin-bottom: -1px;
}

/* Blocks */
.Body, .blockContainer, .bannerRight {
	margin-bottom: 5px;	
}	

.Body .blockContent, .blockTitle b b, .blockSubTitle, .blockSubFooter {
	padding-left: 10px;
	padding-right: 10px;	
}
.Body .blockContent {
	padding-top: 5px;
	padding-bottom: 5px;	
}

.blockTitle, .asTitle {
	font-size: 14px; 
	font-weight: normal;
}
.blockTitle {
	background: url('../img/uni-block.png') repeat-x 0 -84px;
	color: #fff;
	line-height: 24px;
}
.blockTitle b {
	background: url('../img/uni-block.png') no-repeat 0 -12px;
	display: block; 
	font-weight: normal; 
}
.blockTitle b b {
	background-position: 100% -36px; 
}
.blockTitle .subMenu {
	line-height: 24px;
}
.blockTitle .subMenu a {
	color: #000;
}
.blockContent { 
	border-left: 1px solid #eadfb8;
	border-right: 1px solid #eadfb8;	
	background-color: #fff;
	overflow: hidden;
}
.blockSubTitle, .blockSubFooter {
	border-left: 1px solid #eadfb8;
	border-right: 1px solid #eadfb8;
	background: #e9e9e9;	
}
.blockSubTitle {
	border-bottom: 1px solid #d8d8d8;
	padding-top: 3px;
	padding-bottom: 3px;	
}
.blockSubFooter {
	border-top: 1px solid #d8d8d8; 
	font-size: 11px;	
	line-height: 24px;
	text-align: right;
}
.blockSubFooter a {
	text-decoration: none;
}
.blockFooter {
	background: url('../img/uni-block.png') repeat-x 0 -8px;
	margin-top: -3px;
	position: relative;
}
.blockFooter b {
	background: url('../img/uni-block.png') no-repeat 0 0;
	display: block;
	font-size: 0;
	height: 4px;
}
.blockFooter b b {
	background-position: 100% -4px; 
}
.important .blockTitle {
	background-position: 0 -60px;
	color: #000;
}

.catalog dt {
	font-size: 16px;
	margin: 0 10px 0 0;
}
.catalog dt a {
	color: #000;
}
.catalog dd {
	margin: 0 10px 10px 0;
}

.dateList dt {
	float: left; 
}
.dateList dd  {
	padding-left: 35px;
}

.blockContent .siteList {
	margin: -5px -10px -5px 0;
	position: relative;
}
.blockContent  .siteList dd {
	background: url('../img/uni-block.png') repeat-x 0 100%;
 	border-left: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	padding: 5px 10px;
}

.subMenu {
	overflow: hidden;
	margin: 0 -5px;
}
.subMenu a, .subMenu span {
	padding: 0 5px;
	border-left: 1px solid #777;
	margin: 0 1px 0 -1px;	
}
.subMenu span {
	font-weight: bold;
}

.Paging a, .Paging .curent {
	padding: 0 5px; 
	text-decoration: none; 
	border: 1px solid #ddd;
	display: inline-block;
}
.Paging .curent {
	background: #777; 
	font-weight: bold; 
	color: #fff;
	border-color: #777;		
}
.Paging a:hover {
	background: #fef8da;
}

.Clouds a, .Clouds a:visited {
	text-decoration: none;
}

.blockContent .Form {
	 width: 75%; 
	 margin: 10px auto;
}
.blockContent .Form  p {
	margin-bottom: 15px;
}

table.weather {
	width: 100%;
}
table.weather td {
	text-align: center;
	font-size: 11px;
	border: 1px solid #e9e9e9;
	padding-bottom: .5em;
	vertical-align: top;
}
table.weather .trHeader td {
	font-size: 13px;
	border: 0;
	font-weight: bold;
	padding-top: 1em;
}
table.weather td div {
	margin-bottom: .3em;
	font-weight: bold;
	padding: .3em 0; 
}
table.weather .bg1, table.weather .bg3 {background: #F0F0F0;}
table.weather .bg2 {background: #F6F6F6;}
table.weather .bg4 {background: #EAEAEA;}

.needElement {
	background: url(http://i.i.ua/need_element.gif) no-repeat 0 0;
	padding-left: 10px;
	margin-left: -10px;
	line-height: auto;
}

.error {
	display: block;
}
.error span {
	display: inline-block;
	background: #feb;
	font-size: 11px;
	padding: 2px 5px;
}

/* Local settings */
.Header .blockContent {
	position: relative;
	background: #fff url('../img/art-back.png') bottom center no-repeat; 
	height: 75px;
}
.Header .Logo {
	padding: 15px 0 0 30px;
	font-size: 10px; 
  color: #777;
}
.Header .Logo img {
	vertical-align: top;
}
.Header .menuTop {
	position: absolute; 
	top: 0; 
	right: 0;
	font-size: 11px;
}
.Header .menuTop a {
	float: left;
	line-height: 22px; 
	text-decoration: none; 
	padding: 0 5px;
}
.Header .menuTop div {
	float: left;
	overflow: hidden;
	background: url('../img/uni-block.png') repeat-x 0 -318px;
	font-size: 13px;
}
.Header .menuTop div a {
	border-right: 1px solid #c6e0f7;
	border-left: 1px solid #fff;
	margin: 0 -1px 0 1px;
}
.Header .menuTop div .first {
	background: url('../img/uni-block.png') no-repeat 0 -340px;
	margin-left: -1px;
}
.Header div.weather {
	position: absolute; 
	bottom: 10px; 
	right: 30px;
	font-size: 11px;
	line-height: 25px;
	color: #777;
}
.Header div.weather div {
	color: #000;
	line-height: 15px;
}
.Header div.weather div span {
	font-size: 18px; 	
}

.Footer {
	border-top: 3px solid #ffcc66; 
	padding: 15px 0 30px 0;
}
.Footer .Left {
	float: left;
	width: 160px;
	margin: 0;
}
.Footer .Right {
	width: 100px;	
	text-align: right;
}
.Footer .Center {
	padding: 0 100px 0 160px;
}
.Footer .Center a {
	margin-bottom: 3px;	
	width: 220px;
	float: left;
}

.menuMain {
	background: url('../img/uni-block.png') repeat-x 0 -210px; 
}
.menuMain div {
	background: url('../img/uni-block.png') no-repeat 100% -174px;
	padding-right: 10px;
}
.menuMain div div {
	background: url('../img/uni-block.png') no-repeat 0 -138px;
	padding-left: 10px;
	height: 36px;
}
.menuMain a {
	float: left;
	padding: 0 10px;
	font-size: 14px; 
	color: #fff !important; 
	text-decoration: none; 
	line-height: 33px;
	border-right: 1px solid #11609e; 
}
.menuMain a:hover {
	background: url('../img/uni-block.png') repeat-x right -246px; 
	border-right: 1px solid #59a7dd; 
	border-left: 1px solid #59a7dd; 
	margin-left: -1px;
}

.bannerTop {
	text-align: center;
}
.bannerRight {
	text-align: left;	
}
.user {color: #000;}

/* Styles for I.UA code */
.breadCrumbs {
	padding: 5px 10px; 
	border-bottom: 1px dotted #aaa;	
	margin: -5px -10px;
	position: relative;
	color: #777;
	line-height: 25px;
}
.blockContent .breadCrumbs {
	margin: -5px -10px 5px -10px;
	position: relative;
}
.breadCrumbs b {
	color: #000;
}

.rubricator {
	padding-bottom: 10px;
}
.rubricator dd {
	margin: 0 10px 5px 0;
}

.LineBar {
	margin: -5px -10px 10px -10px;
	padding: 3px 10px;
	position: relative;
	border-bottom: 1px solid #d8d8d8;
	background: #e9e9e9;
	line-height: 20px;	
}
.LineBar h3 {
	margin: 0;
}

.List {
	padding: 0 0 10px 30px;
}
.List li {
	padding-bottom: 10px; 
	color: #777;
}
.List p {
	color: #000;
}
.List p.larger {
	margin-bottom: 3px;
}
table.List .darkgrey {
	color: #777;
	font-size: 11px;
	line-height: 18px;
}	
table.List td {
	padding: 5px 0;
	border-bottom: 1px dotted #d8d8d8;
	margin-bottom: -1px;
	vertical-align: top;
}
table.List td.width100p {
	padding-right: 10px;
}
.avatar, .Preview dd a {
	display: inline-block;
	padding: 6px 11px 11px 6px;
	background: url('http://i.i.ua/avatar_bg.jpg') no-repeat right bottom #fff; 
}
table.List .avatar, .Preview dd a {
	width: 100px;
	height: 100px;
	margin-right: 10px;
} 
.Preview dd {
	float: left;
	width: 19.5%;
	padding-bottom: 5px;
} 

.rateContainer {
	width: 99px; 
	border: 1px solid #ddd; 
	padding: 1px; 
	position: relative;
	float: left;
	margin-right: .5em;
	margin-top: .2em;
	text-align: left;
}
.rateBox {
	width: 100%; 
	background: url('http://i1.i.ua/catalog/rate_bg.gif') repeat-x left bottom #ddd;
}
.rateBar {
	height: 9px; 
	background: url('http://i1.i.ua/catalog//rate2_bg.gif') repeat-x left bottom #595;
}
.rateBarMinus {
	height: 9px; 
	background: url('http://i1.i.ua/catalog//rate3_bg.gif') repeat-x left bottom #c33;
}

.tagsPopup {
	padding: 5px; 
	margin: 5px 0; 
	color: #777;
	background: #fef8da; 
	border: 1px solid #eadfb8;
}  

.cropper {
	position: relative;
	width: auto;
	height: 18px;
	overflow: hidden;
	line-height: 18px;
}
.cropper .crop {
	display: block;
	width: 100%;
	overflow: hidden;
	position: absolute;
}

.Table td {
	padding: 5px 8px;
	vertical-align: top;
	border-top: 1px dotted #aaa;	
}
.Table .breadCrumbs {
	border: 0;
	padding: 0;
}
.Table .textright {
	padding: 0 !important;
	font-weight: bold;
}
.block {
	background: #f6f6f6;
	padding: 5px;
	border: 1px dotted #d8d8d8;
}

/* Float */
.Float {
	position: absolute;
	z-index: 255;
	background: #fff;
	padding: 5px;
	border: 1px solid #333;
	text-align: center;
	display: none;
}
.FloatMask {
	position: absolute;
	z-index: 254;
	background: #fff;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity: 0.6;
	display: none;
}

/* comments */
.comments {
	margin-top: -11px;
}
.comments .Lfixed {
	float: left; 
	width: 130px;
}
.comments .Cfixed, .addComment {
	margin-left: 130px;
}
.comments .Lfixed, .comments .Cfixed {
	border-top: 1px solid #ddd;
}
.comments .Nr {
	width: 30px;
	padding: 0;
	text-align: center;
	display: block;
	background: #ddd;
	margin-right: 5px;
	color: #333;
	float: left;
	font-family: Century Gothic;
}
.addComment {
	font-size: 18px;
}
.comments .Paging {
	border-top: 1px solid #ddd;
	padding-top: 10px;
}

