body, a, p, h1, h2, h3, table, td, th, ul, ol, textarea, input { font-family: Verdana,Arial,Helvetica;}

html{height:100%}
body { margin:0;height:100%;background-color:#fff; font-size:12px;font-weight:normal; letter-spacing: 0pt}
p{ color:#000000;font-size:12px;font-weight:normal; letter-spacing: 0pt}



/* ------------------------------------------------------------------------
	LAYOUT: Styles for the static content
------------------------------------------------------------------------ */

/*
.heading1{color:#666;font-size:20px;font-weight:bold; font-family: Arial, Helvetica, sans-serif;}
.heading2{ color:#666;font-size:16px;font-weight:bold; font-family: Arial, Helvetica, sans-serif;}
*/
.heading3{ color:#ff0000;font-size:12px;font-weight:bold;margin-top:20px;margin-bottom:10px;}

.heading {font-size:16; line-height:15px;position:relative;left:-15; COLOR:black; background-image:url(/layout/heading1.gif); background-position : left top; background-repeat:no-repeat; padding:2 10 2 10; font-weight:bold; width:100%; border:0; margin: 0 0 3 0;}
.heading1{font-size:16; line-height:15px;position:relative;left:-15; COLOR:black; background-image:url(/layout/heading1.gif); background-position : left top; background-repeat:no-repeat; padding:2 10 2 10; font-weight:bold; width:100%; border:0; margin: 0 0 3 0;}
.heading2 {font-size:14; line-height:16px;position:relative;left:-15; COLOR:black; background-image:url(/layout/heading2.gif); background-position : left top; background-repeat:no-repeat; padding:2 10 2 10; font-weight:bolder; width:100%; border:0; margin: 0 0 3 0;}

strong{ color:#666; font-weight:bold;}

/*------------------------------------------------------------------------
	LAYOUT: Style for the top header
------------------------------------------------------------------------*/

div.topheader{
	height:122px; 
	width:100%; 
	margin:0; padding:0;
	background-image:url(/layout/bg_verh_c.gif); 
	background-repeat:repeat-x;
}
table.topheader{
	height:122px; 
	width:100%; 
	margin:0; padding:0;
	background-position:right top;
	background-image:url(/layout/bg_verh_r.gif); 
	background-repeat:no-repeat;
}

table.topheader td{
	vertical-align:middle;
}

/*
img { border-width: 0px 0px 0px 0px; }
*/

table.topheader td.bgHeadLeft{
	vertical-align:top;
	padding-left:20px; padding-right:10px;padding-top:10px;
	width:274px;
	background-image:url(/layout/bg_verh_l.jpg);  
	background-position:left top; 
	background-repeat:no-repeat;
}
table.topheader td.bgHeadCenter{
	width:100%;
	vertical-align:baseline;
	color:#0033ff;
	font-family: arial;
	font-size: 20px;  
	font-weight:bold;
	text-align:center;
}
table.topheader td.bgHeadRight{
	text-align:right;
	
}
td.bgHeadRight table{
	margin:0; padding:0;
}
td.bgHeadRight form{
  margin-left:20px;
  margin-right:20px;
}

/* ------------------------------------------------------------------------
	LAYOUT: Style for the common design
------------------------------------------------------------------------ */

.ButtSearch{cursor:hand;text-indent: 0px;width:79px; height:22px; color:blue;  font-size:11px; 

		font-weight:bold;text-decoration:none; 
		border:none;
		background-image:url(/layout/search_button.gif);
		background-position:center;
		background-repeat:no-repeat;
		background-color:transparent;
		}

div.EDodescrShow{
/*
  padding-left:2em;
*/
  padding-left:10pt;
/*  padding-right:10%; */
}

div.EDodescrShow span.floatframeRightTrans{
  vertical-align:bottom;
  float:right;
}


  /* --------- right box area ----------------------*/

.rightboxLinksArea a {
	color:blue;
	text-align:left;
	font-size:85%;
	padding:0;
	margin:0;
	margin-bottom:10pt;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
}

.rightboxLinksArea a div{
	text-align:left;
	display:block;margin:0px; padding:0px; 
	
}

.rightboxLinksArea a div div{
	white-space:nowrap; text-align:center;
	display:block; padding:0; margin:0;
	margin-bottom:4px;
}


  /* ---- leftMenuCell is style of the cell wich contains leftMenuTable ---- */

.leftMenuCellTopPart { 
	width: 200px;height:100%;
	background-image:url(/layout/bg_knopki.jpg); background-repeat:no-repeat;
}
.leftMenuCell { width: 200px; 
		background-color:#f8f8f8;
		background-image:url(/layout/bgleftarea.jpg);
		vertical-align:top; 
}

.leftMenuTable {width: 180px; vertical-align:top; }
.menuLink {font-size:12px;}

table.leftMenuTable td{
		cursor:hand;text-indent: 14px;
/*
		height:22px; width:182px;
		color:blue;  font-size:12px; 
		text-decoration:none; 
		border:none;
		background-image:url(/layout/leftMenuBg2.gif);
		background-position:center;
		background-repeat:no-repeat;
		height:24px; width:182px;
*/
		
		height:20px; 
        cursor:hand;
		background-image:url(/layout/leftMenuBg2.gif); 
		background-repeat:repeat-y; 
		background-position : 0px 1px;
}

table.leftMenuTable td.leftMenuTDactive{
	background-image:url(/layout/leftMenuBg2.gif);
}

table.leftMenuTable td a {
		font-family: Helvetica,Verdana,Arial;
		TEXT-DECORATION:none; 
		font-size:65%;
		font-weight:bold;
		text-transform: uppercase; color:#333;
		line-height:20px;
		text-decoration:none;
}

td.leftMenuTD a {
}

td.leftMenuTDactive a.menuLinkActive{
		color:#f60;
/*
		color:#00f; 
		font-weight:600; 
*/
/*		background-image:url(/layout/lm_button_selected.gif); 
letter-spacing:0.1em; 
*/
		text-decoration: none;
}

td.leftMenuTD a:hover {color: #930;}



  /*Footer and links in it: Next Page, previous page*/

A.NavPageLinks{color: #333333;font-size:12px;font-weight:bold;font-family: Arial,Helvetica;vertical-align:top; text-decoration: underline}
A.NavPageLinks:visited {color: #333333;text-decoration: underline}

A.NavPageLinks:hover{color:#f00;text-decoration: underline}
 .NavPageTable{height:22px;}

.footer {color: #333333; font-size:12px; font-weight:normal;font-family: Arial,Helvetica;padding:0 0 0 10;}
.footerDownload {color: #333333;font-size:80%;font-weight:bold;font-family: Arial,Helvetica;padding:0 0 0 25;}
.footerA, a.footerA:visited {color: #333333;}
a.footerA:hover {color: #666666;}



/*------------------------------------------------------------------------
	Styles for the Order application
------------------------------------------------------------------------*/
body.order{
	height:100%;
	background-color:#f8f8f8;
}

div.order_Layout{
/*	padding-top:1em; */
	display:block;
}

h1.order_pageHeader{
	display:block;
letter-spacing:0.1em; color:#00f;font-size:20px;font-weight:bold; 
	width:80%;
	text-align:left;
/*
	color:#00099;font-size:20px;font-weight:bold; 
	padding-top:1em; padding-bottom:1em;
	padding-left:2em;
*/
}

.order_wrongData{
}
div.order_wrongData{
/*	width:80%;
*/
float:none;
top:0; position:relative;
	text-align:left;
	color:#c00;
	font-size:12px;
	vertical-align:middle;
	padding:0.2em;
	padding-left:2em;
/*
	padding:0.5em;

	padding-left:2em;
*/
	background-color:#fff8d0;
	border-width:1px;
	border-color:#900;
	border-style:solid;
	border-left-width:1px;
	border-top-width:1px;
}

.order_goodData{
}

.order_messageError{
}
.order_message{
}
.order_descrShow{
}
.order_tabHeading{
}
.order_infoStyle{
}
.order_td‘ommonL{
}



table.order_FirmTable[rules=rows] th.order_wrongFieldV{
	color:#990000;
	text-align:left;
	padding-left:1em;
	padding-right:1em;
}

table.order_FirmTable[rules=rows] th.order_validFieldV{
	text-align:left;
	padding-left:1em;
	padding-right:1em;
}


table.order_FirmTable tr td.order_productNameV{
	text-align:left;
	color:#990000;
	font-size:12px;
	font-weight:bold; 
}

.order_FirmTable{
	font-size:12px;
/*
	padding:8px;
*/
	border-collapse:collapse;
	empty-cells:show;
}

table.order_FirmTable{
	width:80%;
	background-color:white;
	border-width:2px;
	border-color:#666;
	border-style:solid;
	border-left-width:1px;
	border-top-width:1px;
}
table.order_FirmTable caption{
	text-align:left;
	color:#000099;
	font-size:12px;
	font-weight:bold; 
}
table.order_FirmTable thead tr{
	background-color:#cccccc;
/*
	border-width:1px;
	border-color:black;
	border-style:solid;
*/
}
table.order_FirmTable th{
	text-align:left;
	margin:0;
	padding:4;
}
table.order_FirmTable td{
	margin:0;
	padding:4;
	border-width:1px;
	border-color:gray;
	border-style:solid;
}
table.order_FirmTable[rules=rows] td{ border-bottom-style:none; }
table.order_FirmTable[rules=rows] td:first-child{ border-left-style:none; }
table.order_FirmTable[rules=rows] td:last-child{ border-right-style:none; }





.order_FormTable{
}
.order_tableHeadL{
	text-align:left;
}
.order_tableHeadR{
	text-align:center;
}
.order_tableHeadC{
	text-align:right;
}

.order_td‘ommon{
}
.order_td‘ommonL{
	text-align:left;
}
.order_td‘ommonR{
	text-align:right;
}
.order_td‘ommonC{
	text-align:center;
}
.order_tdHighlighted{
}
.order_tdHighlightedL{
}
.order_tdHighlightedR{
}
.order_tdHighlightedC{
}

.order_input{
}

.order_midButt,
.order_midlongButt,
.order_longButt,
.order_longlongButt{
	  cursor:hand;color:#000099;
	  background-color:#ff0000; background:url(/layout/grad1.gif); padding:0;
	  font-size:12px; font-weight:bold; text-decoration:none; 
	  border-width:1px; border-style:solid;
	  border-top-color: #cccccc;
	  border-right-color: #666666;
	  border-bottom-color: #666666;
	  border-left-color: #CCCCCC;
	}

.order_midButt{
	width:130px; height:26px;
}
.order_midlongButt{
	width:200px; height:26px;
}
.order_longButt{
	width:250px; height:26px;
}

.order_longlongButt{
	width:280px; height:26px;
}

.order_inlineLink{
}
.order_toolLink{
}
.order_logOffLink{
}



/* ------------------------------------------------------------------------
	Design specific styles 
------------------------------------------------------------------------ */


.bg1 {background-image:url(/layout/bg1.gif);background-position : top right;background-repeat : no-repeat;}
.bg2 {background-image:url(/layout/bg2.gif);background-position : 0px 0px;background-repeat : repeat-y;line-height:22px;}
.bg3 {background-image:url(/layout/bg3.gif);background-position : -7px -5px;background-repeat : no-repeat;}

.edBut {background-color:#f0f0ff;border-color: #CCCCFF;font-weight:bold;color:#5656BE;cursor:hand;}
.edArea {background-color: #f0f0ff;border-color:black; overflow:auto;border-width:1;border-style:solid;}
.edText {font-weight:bold;color:#5656BE;}

.simpleHead {color: #FF6600; font-size: 24px; font-weight:bold;line-height:26px;padding: 40 0 0 0;  }
.home {color: #FF6600; font-size: 24px; font-weight:bold;line-height:26px;background-image: url(/layout/earth.gif); background-repeat: no-repeat; background-position : 3px 16px; padding: 30 0 0 70; border:0;  }
.book {color: #FF6600; font-size: 24px; font-weight:bold;line-height:26px;background-image: url(/layout/book.gif); background-repeat: no-repeat; background-position : 0px 16px; padding: 35 0 0 70; border:0;  }
.cd {color: #FF6600; font-size: 24px; font-weight:bold;line-height:26px;background-image: url(/layout/cd.gif); background-repeat: no-repeat; background-position : 0px 7px; padding: 34 0 0 45; border:0;  }
.headerSC {color: #FF6600; font-size: 24px; font-weight:bold;line-height:26px;background-image: url(/layout/headerSC.gif); background-repeat: no-repeat; background-position : 0px 10px; padding: 34 0 0 30; border:0;  }

.searchInput {color:#CC3300;font-size: 12px; letter-spacing:0.3mm;width: 160px;height:16px;line-height:14px; border: 1px solid #FF6600;padding:0 0 5 3;margin:0 0 2 0;}
.ButtSearch{color:#CC3300;letter-spacing:1px;margin:0 0 0 0;padding:0 15 4 5;border-width:0;width:78px;height:22px;font-size: 11px; line-height:12px;
		background-image: url(/layout/ButtonSearch3.gif); background-repeat:no-repeat; background-position : center center;background-color: transparent;}