/* CSS Document */
body, html {
	padding:0;
	margin:0;
	width:100%;
	height:100%;
   	background-color:#016FD5;

}

img {border:none}
p img {margin:3px}
p {margin:0;}

hr {
        height:1px;
        border:0;
        color:#ddd;
        background:#ddd;

}

.EditorTable {
	empty-cells:show;
	border-collapse:collapse;
	width:100%;
	font-size:12px;
	margin: 9px 0px 9px 0px;
	border-top:1px solid #C2D3FF;
	border-right:1px solid #C2D3FF;


}
.EditorTable td {
	border-bottom:1px solid #C2D3FF;
	border-left:1px solid #C2D3FF;

	padding:4px 5px 4px 5px;
	vertical-align:middle;
	text-align:left;
}

/* Text styles */
font {padding-left:0px;}

.HTML_Editor, p, td, #Desctop, li, body{
	line-height:120%;
	font-family:Tahoma, Verdana;
	font-size:12px;
	color:#252443;
}
.HTML_Editor {
   	background-color:white;
}

a, a:visited {color:#039AD7}
a:hover {text-decoration: none}

ul {
	list-style: none;
	padding: 5px 0px 5px 30px;
	margin:0;

}
li {
	margin: 0 0 12px 0;
	padding:0 0 0 16px;
	background:url(../img/li.gif) no-repeat left 3px;
	list-style: none;
}



h1 {
	font-family:Tahoma, Verdana;
	font-size:28px;
	color:#FF470A;
	margin:9px 0 0 0;
	font-weight:500;
	line-height:130%;
}

h2 {
	font-family:Arial Narrow;
	font-size:22px;
	color:#242EB9;
	margin:0px;
	font-weight:500;
	line-height:130%;
}

.EnlargedText {
	font-size:14px;
	font-weight:bold;
	color:#039AD7;
}

.ReducedText {
	font-size:11px;
	color:#666666;
}

small {
	font-size:10px;
	color:#808080;
}


.WorkSpaceWidth {
	width:768px;
	text-align:left;
}

/*HEADER */
@media print  { #PageHeader {display:none}}
@media screen {
#PageHeader {
	width:100%;
	border:0;
	border-collapse:collapse;
	border-spacing:0;
	background-image:url(../img/header-back.gif);
	background-repeat:repeat-x;
	background-position:0 100%;
	background-color:#69DAFF;
}
}
#PageHeader td {padding:0}



/* Collage */
#Collage {
	white-space:nowrap;
}



/* Main menu */

#MainMenu {
	white-space:nowrap;
	background-image:url(../img/menu_back.jpg);
	background-repeat:repeat-x;
}

@media print { #Print {display:none} }
@media screen {
#Print {
	float:right;
	display:block;
	width:59px;
	height:18px;
	background-image:url(../img/print.gif);
	background-repeat:no-repeat;
	margin:16px 21px 9px 7px;
}
}

/* Middle Part */
#MiddleArea {
	width:100%;
    background-color:white;
}

#CenterArea {
	clear:both;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}


/* Left Column */
@media print { #ColumnLeft {display:none} }
@media screen {
#ColumnLeft {
	width:192px;
	vertical-align:top;
}

#ColumnLeftMargin {
	width:21px;
	height:270px; /*Minimal Page Height */
}
}


/* Desctop */
#Desctop {
	vertical-align:top;
	padding:0px 21px 27px 0;
}
#RightColumn {
	background-color: #68DAFF;
}



/* Footer */
@media print {#Footer {display:none}}
@media screen {
#Footer {
	width:100%;
	background-color:#016FD5;
	background-image: url(../img/footer-ground.gif);
	background-repeat:repeat-x;
	background-position:0 0;
}}

#FooterContent {padding:33px 36px 12px 33px}
#FooterContacts {
	color:#63D9FF;
	float:left;
}
#FooterRightCol {float:right}
#FooterCopyrights, #FooterDeveloper, #FooterDeveloper a, #FooterDeveloper a:visited {
	color:#63C1FF;
	font-size: 11px;
	text-align:right;
}
#FooterCopyrights {font-family: Verdana}
#FooterDeveloper {margin-bottom:7px;}
#FooterDeveloper, #FooterDeveloper a, #FooterDeveloper a:visited {font-family: Arial}
#FooterDeveloper {margin-top:30px;}
#FooterDeveloper a, #FooterDeveloper a:visited {text-decoration: none;}
#FooterDeveloper span{text-decoration: underline;}

#FooterCounters {
	clear:both;
	text-align:center;
	margin-top:7px;
}

@media screen {#PrintMessage {display:none}}



@media print {#PrintMessage {border-top:2px solid #7f7f7f}}/* Main menu */
@media screen {
.MainMenu {
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}
}
.MainMenu td{padding:0}
.MainMenu tr{
	background-image:url(../img/menu-ground.jpg);
/*	background-repeat:repeat-x; */
	background-repeat:no-repeat; 
	background-position:510px; /*offset*/
}

@media print { .MainMenu {display:none} }

.FAQ_Q_Specific, .FAQ_Q_Common {
	margin:14px 0 8px 0;
	font-size:14px;
	background-repeat:repeat-y;
}

.FAQ_A_Specific, .FAQ_A_Common {
	background-repeat:no-repeat;
	background-position:13px 0;
	padding-left:24px;
	margin-bottom:21px;
}
.FAQ_Q_Specific div, .FAQ_Q_Common div {
	padding:9px 7px 9px 24px;
	background-repeat:no-repeat;
	background-position:0 50%;
}

.FAQ_Q_Specific {
	background-image:url(http://www.variant.kiev.ua/sites/variant/inc/FAQ/img/q_ground.gif);
	background-color:#E5EDFF;
}
.FAQ_Q_Specific div{
	background-image:url(http://www.variant.kiev.ua/sites/variant/inc/FAQ/img/q.gif);
	color:#242EB9;
}
.FAQ_A_Specific {background-image:url(http://www.variant.kiev.ua/sites/variant/inc/FAQ/img/a.gif);}

.FAQ_Q_Common {
	background-image:url(http://www.variant.kiev.ua/sites/variant/inc/FAQ/img/q_spec_ground.gif);
	background-color:#D9FAFF;
}
.FAQ_Q_Common div {
	background-image:url(http://www.variant.kiev.ua/sites/variant/inc/FAQ/img/q_spec.gif);
	color:#008596;
}
.FAQ_A_Common {background-image:url(http://www.variant.kiev.ua/sites/variant/inc/FAQ/img/a_spec.gif);}
/* Main menu */
@media screen {
.MainMenu {
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}
}
.MainMenu td{padding:0}
.MainMenu tr{
	background-image:url(../img/menu-ground.jpg);
/*	background-repeat:repeat-x; */
	background-repeat:no-repeat; 
	background-position:510px; /*offset*/
}

@media print { .MainMenu {display:none} }
.Product {
	margin-top:18px;
	margin-bottom:18px;
}

.ProductImage {width:237px}
.ProductDescription {
	vertical-align:middle;
	padding-left:7px;
}
.ProductDescription, .ProductDescription p{color:#4C4C4C;}

.ProductHeader {
	font-weight:bold;
	font-size: 14px;
}

.ProductReadMore {
	text-align:right;
	color:#999999;
}
.Form {
	border:1px solid #E1E1E1;
	padding:9px 0 0 0;
	margin-bottom:40px;
    width:534px;
}

td.FormInputCaption {
	width:36%;
	padding:10px 5px 12px 30px;
	background-color:#C9F3FF;
	border-bottom:10px solid white;
	text-align:right;
	font-weight:bold;
	vertical-align:middle;
}
td.FormInput {
	width:64%;
	padding:10px 68px 10px 0px;
	background-color:#C9F3FF;
	border-bottom:10px solid white;
	vertical-align:middle;
	text-align:right;
}
td.FormInput input, td.FormInput textarea {
	width:270px;
}
.FormInputSphere {
	text-align:left;
	padding-left:69px;
}
.FormCheckboxes td {
	vertical-align:top;
	text-align:left;
	padding:0 0 0 30px;
	width:50%;
}

.FormCheckboxes input {
	float:left;
	clear:left;
}
.FormCheckboxes div{
	padding:2px 0px 16px 7px;
	float:left;
	width:87%;
}

#FormOtherCheckbox {
	width:70px;
	padding-left:30px;
	text-align:left;
	border-bottom:10px solid white;
	vertical-align:middle;
}
#FormOtherCheckbox input{margin-right:7px;}
#FormOtherInput {
	padding-right:68px;
	text-align:right;
	border-bottom:10px solid white;
}
#FormOtherInput input{width:330px}

#FormSubmit button, #FormSubmit img {
	background:white;
	border:0;
	width:134px;
	height:38px;
	cursor:pointer;
}
#FormSubmit{
	text-align:left;
	margin-left:60px;
	margin-top:20px;
	float:left;
}

#FormStarDescription {
	text-align:left;
	font-size:11px;
	float:left;

}
#DownloadFormHeader {
	background:url(http://www.variant.kiev.ua/sites/variant/inc/DownloadSoft/Form/header-ground.gif) repeat-x;
	height:70px;
	text-align:center;
	color:#242EB9;
	font-size:14px;
	padding-top:16px;
}
.DownloadFormFields .FormInputCaption, .DownloadFormFields .FormInput {background-color:#E0E9FF}
.DownloadForm {
	padding:0px 0 21px 0;
	background-color:white;
}

#DownloadFormSubmit{
	text-align:center;
	margin-top:20px;
}

#DownloadFormStarDescription {
	text-align:center;
	font-size:11px;
}
#DownloadFormSubmit button, #DownloadFormSubmit img {
	background:white;
	border:0;
	width:134px;
	height:38px;
	cursor:pointer;
}.Download {
	margin-bottom:27px;
	margin-top:12px;
}

.Download div {margin-bottom:7px;}

.DownloadInfoLine {
	color:#808080;
	cursor:pointer;
}

.DownloadInfoLine img {
	vertical-align:middle;
	margin-right:7px
}/* Left Menu */

#MenuLeft {
	border-top:8px solid #64DAFF;
	border-bottom:8px solid #64DAFF;
	margin-bottom: 24px;
	padding-bottom:1px;
}

#MenuLeft div, #MenuLeft a, #MenuLeft a:visited{
        padding:6px 7px 6px 17px;
	    border-bottom:1px solid #b4b4b4;
        text-align:left;
        display:block;
}
#MenuLeft a:hover {
        background-color: #DFE8FF;
}
#MenuLeft div, #MenuLeft a, #MenuLeft a:visited{
        color: black;
        font: bold 12px Tahoma, Verdana;
        text-decoration: none;
}/* Context Products */
.ContextProducts {margin-bottom:24px;}
.ContextProducts a, .ContextProducts a:visited {
	color:#039AD7;
/*	text-decoration:none;
	border-bottom:1px solid #039AD7;*/
	padding-bottom:-2px;
}
.ContextProducts ul {
	list-style: none;
	padding: 5px 0px 5px 15px;
	margin:0;
}
.ContextProducts div{
	color:black;
}
.ContextProducts div, .ContextProducts a, .ContextProducts a:visited{
    line-height:90%;
}
.ContextProducts li {
	margin: 0 0 0.4em 0;
	padding:0 0 0 26px;
	background:url(http://www.variant.kiev.ua/sites/variant/inc/ProductsContext/li.gif) no-repeat left 0;
	list-style: none;
	font-family:Arial Narrow;
	font-size:16px;
}
.HLine {
	height:8px;
	width:100%;
	background-image:url(http://www.variant.kiev.ua/sites/variant/inc/visBlocks/hl/ground.gif);
	background-repeat:repeat-x;
	margin-top:9px;
	margin-bottom:6px;
}
.New {margin:7px 0 7px 0}
.TwoColLeft  { 
	padding-right:7px;
	padding-left:14px;
	vertical-align:top;
	width:50%;
}
.TwoColRight {
	padding-left:7px;
	padding-right:14px;
	vertical-align:top;
	width:50%;

}
.TwoCol {width:100%; margin: 10px 0px 10px 0px}
/* Logo */
#Logo {
	display:block;
	float:left;
/*	background-image:url(#); */
	background-repeat:no-repeat;
}
.LogoHeight {height:30px}
.LogoWidth  {width:90px}

/* Top service menu */
@media print { .TopService {display:none} }
@media screen {
#TopService {
	text-align:right;
	white-space:nowrap;
	background-color:white;
	padding-right:7px;
}
}
#TopServiceMenu,  #TopServiceMenu a,  #TopServiceMenu a:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7f7f7f;
}
#TopServiceMenu {line-height:240%;}
/* Status bar */
#StatusBar {
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color: #666666;
	margin:16px 3px 9px 16px;
}

#StatusBar a, #StatusBar a:visited{
	font-weight:100;
	color:#666666;
	margin:0;
	padding:0;
}/* Bottom menu */
@media print {#BottomMenu {display:none}}
@media screen {
#BottomMenu {
	font: bold 12px Tahoma, Verdana;
	color:#B2B2B2;
	text-align:center;
	padding:3px 7px 3px 7px;
	line-height: 160%;

}
}
#BottomMenu span, #BottomMenu a, #BottomMenu a:visited {
	text-decoration:none;
	color: #013B62;
}
#BottomMenu a:hover {text-decoration:underline}