html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

table	{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}



/* Remember to define focus styles! */
:focus {
	outline: 0;
}

html {
	height:100%;
}
body {
	line-height: 1;
	color: black;
	background: white;
/*	height:100%;*/
	z-index=0;
}

ol, ul {
	list-style: none;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* -------------------------------------------------------------- */   

body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,
caption,pre,p,blockquote,input,textarea {
  font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 18px; /* Baseline here at 150%. This is set multiple places. */
  color: #333;
}
h1,h2,h3,h4,h5,h6 { 
  font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
  margin: 0; 
  padding: 9px 0;
  color:#111; 
  clear:both; 
}
h1 { font-size: 24px; line-height: 24px; padding: 0 0 18px 0; }
h2 { font-size: 18px; line-height: 16px; padding: 0 0 12px 0; }
h3 { font-size: 16px; color: #000; padding: 0 0 9px 0; }
.box h3 { font-size: 16px; color: #868686; padding: 0 0 9px 0; }
h4 { font-size: 14px; }
h5 { font-size: 13px; font-weight:bold; }
h6 { font-size: 12px; font-weight:bold; }
ul, ol      { margin: 0px 0 18px 18px; list-style-type:disc; }
li          { line-height:18px; }
ol          { list-style-type: decimal; }
dl          { margin: 18px 0; }
dl dt       { font-weight: bold; }

a           { color: #125AA7; text-decoration: underline; outline: none; }
a:hover     { color: #000; }
blockquote  { margin: 18px 0 18px 23px; font-size: 0.9em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 18px; line-height:18px; background: #eee; padding:8px; border:1px solid #ddd; }
code        { font:0.9em Monaco, monospace; }
.small, .small p  { font-size: 10px; }
.large, .large p  { font-size: 14px; }
.quiet, .quiet p  { color: #666; }
.hide             { display: none; }
.amp { 
  color: #666; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", serif; 
  font-size: 1.1em;
  line-height:10%; /* Fix to maintain correct baseline */
  font-style: italic;
}

/* For great looking quote marks in titles, replace "asdf" width:
   <span class="dquo">“</span>asdf”
   (That is, when the title starts with a quote mark). */  

.dquo { margin-left: -.7em; } 
/* (You may have to change this value depending on your font size). */

.cl {
	clear: both;
}
.txt {
	background: #e6e6e6 url(/images/txt.gif) repeat-x left top;
	border: 1px solid #000;
	font-size: 11px;
	padding: 2px;
	margin: 0 2px;
}
/* -------------------------------------------------------------- */   
body {
	background-color: #fff;
}
#site {
	width: 760px;
	margin: 0 auto;
position:relative;  min-height:100%;
}

#header {
	height: 91px;
	background: #2e2e2e url(/images/topbg.gif) repeat-x left top;
	overflow: hidden;
}
#toplogo1 {
	width: 68px;
	height: 91px;
	float: left;
	background: url(/images/toplogo1.gif) no-repeat left top;
	overflow: hidden;
}
#toplogo1 a {
	display: block;
	width: 68px;
	height: 91px;
	text-indent: -3000px;
}
#toplogo2 {
	width: 244px;
	height: 91px;
	float: left;
	background: url(/images/toplogo2.gif) no-repeat left top;
	overflow: hidden;
}
#toplogo2 a {
	display: block;
	width: 244px;
	height: 91px;
	text-indent: -3000px;
}
#topright {
	float: right;
	padding: 20px 20px 0 0;
}
#topright .searchbox {
	height: 21px;
	text-align: right;
	float: left;	
}
#topright #servicelinks {
	color: #a9a9a9;
	font-size: 10px;
	text-align: right;
}
#topright #servicelinks a, #topright #servicelinks a:VISITED, #topright #servicelinks a:HOVER {
	color: #fff;
	text-decoration: none;
}
#topright #servicelinks a:HOVER {
	text-decoration: underline;
}
#lang_ru {
	background: url(/images/flag_ru.gif) no-repeat left center;
	padding-left: 18px;
}
#nav {
	height: 30px;
	background: url(/images/navbg.gif) no-repeat left top;
	overflow: hidden;
	margin-bottom: 10px;
}
#navbg2 {
	background: url(/images/navbg2.gif) no-repeat right top;
	height: 30px;
	text-align: center;
	overflow: hidden;
	padding-left: 19px;
}
#navbg2 div {
	background: url(/images/navsep.gif) no-repeat right top;
	float: left;
	height: 30px;
	overflow: hidden;
}
#navbg2 div#selected {
	background: url(/images/navselected.gif) no-repeat right top;
}
#navbg2 div a {
	display: block;
	padding: 5px 15px 6px 15px;
	text-decoration: none;
	color: #000;
	font-size: 11px;
	font-weight: bold;
}
#navbg2 div a:HOVER {
	background: url(/images/navhover.gif) no-repeat right top;
}
#navbg2 div#selected a:HOVER {
	background: none;
}

.box {
	background: #f1f1f1 url(/images/box1.gif) no-repeat left top;
}
.box2 {
	background: url(/images/box2.gif) no-repeat right top;
}
.box3 {
	background: url(/images/box3.gif) no-repeat left bottom;
}
.box4 {
	background: url(/images/box4.gif) no-repeat right bottom;
	padding: 15px;
}
.box5 {
	background: url(/images/box4.gif) no-repeat right bottom;
	padding: 10px;
}
.box6 {
	background: url(/images/box4.gif) no-repeat right bottom;
	padding: 10px;
}

#footer {
	background: #393939 url(/images/footer1.gif) no-repeat left top;
	position: absolute;
	left: 0px;
	width: 760px;
	visibility: hidden;
}
#footer2 {
	background: url(/images/footer2.gif) no-repeat right top;
	padding: 15px 55px 20px 15px;
	color: #a9a9a9;
}
#footer2 a {
	color: #fff;	
}
#footer2, #footer2 * {
	font-size: 11px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#footercontacts {
	float: right;
}
.column {
	float: left;
	width: 240px;
	margin-bottom: 20px;
	overflow: hidden;
}
.mcolumn {
	float: left;
	width: 140px;
	margin-bottom: 20px;
	overflow: hidden;
}
.widecolumn {
	float: left;
	width: 500px;
	margin-bottom: 20px;
	height: 100%;
}
.mwidecolumn {
	float: left;
	width: 600px;
	margin-bottom: 20px;
	height: 100%;
}
.columnsep {
	float: left;
	width: 20px;
}
.mcolumnsep {
	float: top;
	width: 20px;
}
#splash {
	margin-bottom: 20px;
}

ul.sidemenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.sidemenu li {
	display: block;
	border-bottom: 1px solid #ddd;
	margin: 0;
	padding: 0;
}
ul.sidemenu li a {
	display: block;
	padding: 5px 10px;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background-color: #fff;
}
ul.sidemenu li a:HOVER {
	background-color: #f1f1f1;
}
ul.sidemenu li.selected a {
	background-color: #b5d9f6;
}


table.formtable {
	border: 0;
	width: 95%;
}
table.formtable th, table.formtable td {
	padding: 5px 10px;
	}
table.formtable th {
	text-align: left;
	color: #868686;
	font-weight: bold;
}

table.product, table.product td{
	border: 1px solid #97b7e0;
	border-collapse: collapse;
	padding: 2px;
}

#main p {
	margin-bottom:15px;
	margin-top:15px;
}
