body
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 69%;
	color: #000000;	
	background:#ffffff;
}

p 
{	
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;	
	padding: 0px;					
	font-size: 100%;
}

table, td 
{	
	padding: 0px;
	margin: 0px;
	font-size: 100%;	
}

.form
{
	padding: 0px;
	margin: 0px;		
}

.img
{
	padding: 0px;
	margin: 0px;		
}

img
{
   border: 0px;
}



h1 
{	
	font-size: 16px;	
	margin-top: 46px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 12px;
	padding: 0px;

}

h2 
{	 

	font-size: 16px;	
	margin: 10px 0px 15px 0px;
	padding: 0px;
}

h3,h4,h5,h6
{
	font-size: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 7px 0px;
	color: #74747b;	
}

h3.spec
{
	padding: 0px 0px 7px 0px;
	border-bottom: 1px solid #CCCCCC;
}

a
{	 
	color: #3e6da7;
	text-decoration: none;
}

a:hover
{
	color: #3e6da7;
	text-decoration: none;
}

a.link_arrow_yellow
{
 font-size:11px; color:#3B7AB2; height:11px; background:url("/bitrix/templates/vw/images/arrow_orange.gif") no-repeat right;
 background-position:left;
 padding-left:10px; /* Damit der Text nicht ueber der Grafik liegt */
 
 font-family: Arial, Helvetica;
 text-decoration: none;
}


a.link_arrow_yellow:hover
{
 font-size:11px; color:#3B7AB2; height:11px; background:url("/bitrix/templates/vw/images/arrow_orange.gif") no-repeat right;
 background-position:left;
 padding-left:10px; /* Damit der Text nicht ueber der Grafik liegt */
 font-family: Arial, Helvetica;
 text-decoration: underline;
}

a.link_arrow_yellow1
{
	font-size:11px;
	color:#3B7AB2;
	height:11px;
	background:url("images/btn_arrow_2.gif") no-repeat right;
	background-position:left;
	padding-left:10px; /* Damit der Text nicht ueber der Grafik liegt */
	font-family: Arial, Helvetica;
	text-decoration: none;
	margin-left: 6px;
}

a.link_arrow_yellow1:hover
{
 font-size:11px; color:#3B7AB2; height:11px; background:url("images/btn_arrow_2.gif") no-repeat right;
 background-position:left;
 padding-left:10px; /* Damit der Text nicht ueber der Grafik liegt */
 font-family: Arial, Helvetica;
 text-decoration: underline;
 margin-left: 6px;
}

a.link_arrow_yellow2
{
	font-size:11px;
	color:#3B7AB2;
	height:11px;
	background:url("images/btn_arrow_3.gif") no-repeat right;
	background-position:left;
	padding-left:10px; /* Damit der Text nicht ueber der Grafik liegt */
	font-family: Arial, Helvetica;
	text-decoration: none;
	margin-left: 6px;
}

a.link_arrow_yellow2:hover
{
 font-size:11px; color:#3B7AB2; height:11px; background:url("images/btn_arrow_3.gif") no-repeat right;
 background-position:left;
 padding-left:10px; /* Damit der Text nicht ueber der Grafik liegt */
 font-family: Arial, Helvetica;
 text-decoration: underline;
}

.logo
{
	margin: 20px 0px 0px 36px;
}


.top
{
	border-right:1px #FFFFFF solid;	
	width: 780px;
}

.dark
{
	background:#a0a0a4;
	height: 20px;	
}

.darkmain
{
	background:#9999a3;
	height: 20px;
	padding: 0px 0px 0px 0px;
	font-size: 2px;	
}

.dealername 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;	
	font-weight: bold;	
	padding: 0px 10px 0px 0px;	
}

.dealerimage
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;	
	padding: 0px 0px 0px 15px;	
}

.allright
{
	margin: 0px;
	padding: 0px 0px 0px 15px;	
}

.left
{
	width: 180px;	
	padding: 7px 0px 0px 15px;	
	font-size: 100%;	
}

.tdleft
{
	padding: 5px 0px 5px 10px;		
}

.tdright
{
	padding: 5px 10px 5px 0px;	
}

.left ul,
.right ul 
{	
	list-style-type: none;	
	list-style-image: none;		
	padding: 0px;	
	margin: 0 0 0 0px;	
	
}

.left ul li,
.right ul li
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background-image: url(/bitrix/templates/vw/images/bul01.gif);
	background-repeat: no-repeat;
	background-position:  0 3;	
}

.orange,
.content .orange
{	
	list-style-type: none;	
	list-style-image: none;		
	padding: 0px;	
	margin: 0 0 0 0px;	
	
}

.orange li,
.content .orange li
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background-image: url(/bitrix/templates/vw/images/bul01.gif);
	background-repeat: no-repeat;
	background-position:  0 3;	
}

.right
{
	width: 190px;
	padding: 0px 0px 0px 10px;	
	border-left: 1px solid #9A999F;	
	font-size: 100%;
}

a.leftlinck
{
	font-weight: bold;
	color: #a0a0a4;
	text-decoration: none;
	padding: 0px 0px 6px 0px;	
	margin: 0px 0px 0px 0px;
	display: block;
}

a.leftlinck:hover {
	font-weight: bold;
	color: #000000;
}

.content
{
	margin: 0px;
	padding: 0px 15px 0px 0px;	
}

.content table
{
	padding: 0 0 0 0px;	
	margin: 0 0 0 0px;		
	border: none;	
	empty-cells: show;
	border-collapse: collapse;
}

.content td,
.content th
{
	padding: 5px;
	font-weight: normal;			
}

.content ul
{
	padding: 0px 0px 0px 10px;
	margin:  0px 0px 0px 0px;
}

.content ul li
{
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 10px;
}

.content table.clear,
.content table.clear table
{
	padding: 0px;	
	margin: 0px;	
	font-weight: normal;
	border: none;	
	background-color: transparent;
}

.content table.clear td
{
	background-color: transparent;
	border: none;	
	padding: 0px;
	margin: 0px;	
}

.content table.formtable
{
	padding: 0px;	
	margin: 0px;	
	font-weight: normal;
	border: none;	
	background-color: transparent;
}

.content table.formtable td
{
	background-color: transparent;
	border: none;	
	padding: 3px 10px 3px 0px;
	margin: 0px;
	vertical-align: top;	
}

.content table.clear td table.spec
{
	padding: 0px;	
	margin: 0px;	
	font-weight: normal;
	border: none;	
	background-color: transparent;		
}

.content table.clear td table.spec td
{
	padding: 4px 0px 0px 4px;	
	margin: 0px;	
	font-weight: normal;
	border: 1px solid #B0B0B0;	
	background-color: transparent;
}

.sep
{
	margin: 10px 0px 10px 0px;
}

#footer td 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #a19f9d;
}

#footer td a 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #a19f9d;
}

#footer td div.mar 
{
	margin: 0px 0px 0px 15px;
}

.date 
{
	font-size: 10px;
	color: #a0a0a4;
}

.leftten
{
	margin: 5px 0px 5px 10px;
}/*Image margin left 10px*/

.rightten
{
	margin: 5px 10px 5px 0px;
}/*Image margin left 10px*/

.main
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	border: none;	
}

.main td
{
	width: 25%;	
	vertical-align: top;
	padding: 10px 10px 0px 0px;	
}

.main td.no
{
	width: 25%;
	padding: 10px 0px 0px 0px;
	vertical-align: top;	
}

a.page
{	 
	color: #3e6da7;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	margin: 0px;
	padding: 0px 3px 0px 3px;
}

a.page:hover
{
	color: #3e6da7;
	text-decoration: none;
	border: 1px solid #74747B;
	border-bottom: 1px solid #74747B;
	margin: 0px;
	padding: 0px 3px 0px 3px;
}

span.inpage
{	 
	color: #000000;	
	border: 1px solid #FFFFFF;
	margin: 0px;
	padding: 0px 3px 0px 3px;
	font-weight: bold;
}

div.outpage
{
	padding: 5px 0px 5px 0px;
}

.error
{
	color: #FF6501;
}

.notice
{
	color: #162E6E;
}

.red
{
	color: red;
	padding: 0px 0px 0px 0px;
}

.model
{
	padding: 0px 2px 0px 14px;
	margin: 0px 0px 0px 0px;
	border: 0px;	
}

/**************************************/ 
/*GALERIE*/ 
/**************************************/ 
.galerie 
{ 
    POSITION: relative; 
    WIDTH: 570px; 
    HEIGHT: 280px; 
    MARGIN-BOTTOM: 20px; 
    BACKGROUND: #E6E6EB; 
    OVERFLOW: visible; 
    DISPLAY: block; 
} 
.galerie_le 
{ 
    POSITION: relative; 
    WIDTH: 130px; 
    PADDING-TOP: 15px; 
    FLOAT: left; 
    DISPLAY: block;     
} 

.galerie_ri 
{ 
    POSITION: relative; 
    WIDTH: 440px; 
    MARGIN: 0px; 
    PADDING: 0px; 
    FLOAT: left; 
    DISPLAY: block;     
} 
.galerie_largepic 
{ 
    MARGIN-TOP: 0px; 
    MARGIN-LEFT: 0px;     
    BORDER: 0; 
} 
.galerie_smallpic_le 
{ 
    MARGIN-BOTTOM: 1px;     
    MARGIN-LEFT: 10px; 
    BORDER: 0; 
} 
.galerie_smallpic_ri 
{     
    MARGIN-BOTTOM: 1px;     
    MARGIN-LEFT: 1px; 
    BORDER: 0; 
} 

/*END galerie at the content area*/ 
/*====================================*/

/*icon PLUS over pictures*/ 
/*************************/ 
.icon_plus_area 
{ 
    POSITION: relative; 
} 
.icon_plus 
{ 
    POSITION: absolute; 
} 
.clickimg 
{ 
    BORDER: 0; 
    CURSOR: pointer;     
} 

/*END picture elements*/ 
/*====================================*/ 


#noflash_txt_large {
	TEXT-ALIGN: center; WIDTH: 476px; HEIGHT: auto; TOP: 100px; LEFT: 160px
}
#noflash_txt_small {
	TEXT-ALIGN: center; WIDTH: 456px; HEIGHT: auto; TOP: 10px; LEFT: 170px
}
#noflash_txt_normal {
	TEXT-ALIGN: center; VERTICAL-ALIGN: middle
}
.noflash_headline {
	FONT-FAMILY: Arial, Helvetica, Sans Serif; MARGIN-BOTTOM: 5px; COLOR: #000000; FONT-WEIGHT: bold
}
.noflash_paragraph {
	MARGIN-TOP: 0px; FONT-FAMILY: Arial, Helvetica, Sans Serif; MARGIN-BOTTOM: 10px; COLOR: #5c5c61; FONT-WEIGHT: bold
}





/* Form elements */
 .inputtext, .inputtextarea, .inputselect, .inputbutton, .inputbodybutton, .mini, .inputselectmulti 
{
	font-family:Verdana,Arial,Helvetica; 
	width: 395px;	
	border: 1px solid #AEAEB0;	
	font-size: 100%;	
}

 .inputbutton, .inputbodybutton
 { 	 	
 	width: auto;
 	border: 1px solid #AEAEB0;	
 }

 .inputtext,   .inputfile, .mini, .inputselect
 {
 	height: 20px;
 }
 
 .mini 
{	
	width: auto;	
}

.inputtextmini
{
	width: 100px;
	height: 18px;
	font-family:Verdana,Arial,Helvetica; 
	font-size: 10px;
	color: #9999A3;
}

.miniselect
{
	width: auto;
	font-family:Verdana,Arial,Helvetica; 	
	border: 1px solid #aeaeb0;
	height: 18px;
}

.inputcheckbox,  .inputradio
{
	width: auto;
	border: none;	
}


p.cpec_report{
	text-align:left; margin:4px; padding:4px; background-color:#FCC198;
}

p.cpec_report_gray{
	text-align:left; margin:4px; padding:4px; background-color:#F0EFF4;
}

p.cpec_report_yellow{
	text-align:left; margin:4px; padding:4px; background-color:#f9fabf;
}

p.cpec_report_silver{
	text-align:left; margin:4px; padding:4px; background-color:#F0EFF4;
}

p.cpec_report_white{
	text-align:left; margin:4px; padding:4px; background-color:#FFF;
}

p.cpec_report_rose{
	text-align:left; margin:4px; padding:4px; background-color:#d98c95;
}

table.cpec_report{
	background-color:#FCC198;
/*	background-color:#F36F21;*/
}

table.cpec_report th{
	background-color:#F36F21;
	padding:2px;
}
table.cpec_report td{
	background-color:#F68F44;
	padding:2px;
}

table.cpec_report_gray{
	background-color:#F0EFF4;
}

table.cpec_report_gray th{
	background-color:#9999a3;
	padding:2px;
}
table.cpec_report_gray td{
	background-color:#C6C6C6;
	padding:2px;
}

div.calculations {
   background-color: #f0eff4;
   height: auto;
   padding: 9px;
}

div.calculations .clear {
   clear: both;
   height: 0px;
   overflow: hidden;
   font-size: 0px;   
}

div.calculations .fl {
   width: auto;
   float: left;
}

div.calculations .fr {
   width: auto;
   float: right;
}

div.calculations .roundbar {
   float: left;
   width: auto;
   height: 15px;
   background-color: #d1d1d1;
   color: #3e6da7;
}

div.calculations .roundbar_left  {
   width: 20px;
   height: 15px;
   float: left;
   background: #d1d1d1 url(/supply/turnover/images/roundbar_left.gif) 0% 0% no-repeat;
}

div.calculations .roundbar_right  {
   width: 13px;
   height: 15px;
   float: left;
   background: #d1d1d1 url(/supply/turnover/images/roundbar_right.gif) 0% 0% no-repeat;
}

div.calculations .link {
   color: #3e6da7;
   font-weight: bold;
   text-decoration: none;
}

div.calculations .link_selected {
   color: #000000;
   font-weight: bold;
   text-decoration: none;
}

div.calculations .title {
   font-size: 12px;
   padding-top: 20px;
   padding-bottom: 5px;
   height: 30px;
}

div.calculations .table_content td {
   height: 30px;
   padding: 2px;
   background-color: #c6c6c6;
   vertical-align: middle;
}

div.calculations .table_content td.dark_gray {
   background-color: #9999a3;
}

div.calculations .table_content td.yellow {
   background-color: #f9fabf;
}

div.calculations .table_content td.orange {
   background-color: #fcc198;
}

div.calculations .table_content td.red {
   background-color: #d98c95;
}