/* ==================================================================
 *
 *	������� (������, ������, ��������...)
 *
 * ================================================================== */


HR						{ clear: both; }

UL.ModelsList			{ list-style-type: none; }
UL.ModelsList LI		{ float: left; margin-right: 2em; margin-bottom: 2em; text-align: left; font-size: 86%; width: 180px; height: 12em;}
UL.ModelsList LI IMG	{ width: 60px; height: 90px; margin-bottom: 0.3em; }

#SearchInfo, #SearchComment		{ margin: 0em 0em 3em 40px; }


.ModelContent .Disabled	{ float: left; margin-right: 1em; display: none; }
.ModelContent .Enabled	{  float: left; margin-right: 1em; display: block; }
.ModelContent P			{ margin-left:0px; }

#ColoredTileImages		{ float: left;  }
#ColorData				{ margin-top: 20px;}
#ColorData DIV			{ display: none; }
#ColorData DIV.Enabled	{ display: block; }

#DemandOnSquare SPAN			{ display: none; color: #000000;}
#DemandOnSquare SPAN.Enabled	{ display: inline;  }

#Weight SPAN			{ display: none; color: #000000;}
#Weight SPAN.Enabled	{ display: inline;  }
#Angulation SPAN			{ display: none; color: #000000;}
#Angulation SPAN.Enabled	{ display: inline;}

.OneTile				{ width: 60px; height: 90px; }
.RoofTile				{ width: 140px; height: 115px; border-top: 0px solid #ABABAB; }

.ModelContent .TextContent { padding-left: 250px; }

#DemandOnSquare			{ font-size: 90%; }
#Weight      			{ font-size: 90%; }
#Angulation      		{ font-size: 90%; }
#PriceDate				{ font-size: 90%; }


#Price		 			{ margin: 0.2em 0em 1em 0em; font-size: 90%; }
#Price SPAN				{ display: none; font-size: 100%; color: #000000; margin-right: 0.2em; }

#PriceForOne			{ margin: 2em 0em 1em 0em; }
#PriceForOne SPAN		{ display: none; font-size: 180%; color: #000000; margin-right: 0.2em; }

#PriceDate DIV			{ display: none; }		
#PriceDate DIV SPAN		{ color: #A34823; }		




#Price SPAN.Enabled			{ display: inline; }
#PriceForOne SPAN.Enabled	{ display: inline; }

#PriceDate DIV.Enabled	{ display: inline; }



#ModelSearch			{ margin-left: 40px; padding-bottom: 2em;}
#ModelSearch SELECT		{ width: 180px; margin-bottom: 0.5em; }


#ChooseByForm				{ margin-bottom: 2em; margin-left: 40px; }
#ModelColors, #ModelForms	{ white-space: nowrap; padding: 10px 0px; clear: both; }
#DoChooseForm				{ clear: both; margin-top: 20px; }
#ModelForms					{ margin-left: -15px; }
#ModelColors				{ margin-left: 0px; clear: both; }
#ModelColors DIV	 	{ float: left; margin: 4px 20px 4px 0px; }
#ModelColors SPAN	 	{ font-size:80%; }
#ModelColors IMG		 	{ margin: 4px; width: 34px; height: 34px; border: 1px solid #999999; cursor: pointer; }
#ModelColors IMG.Choosed 	{ margin: 0; border: 5px solid #D86D42; }
#ModelColors IMG.Flashed 	{ margin: 0; border: 5px solid #999999; }

#ModelForms DIV				{ float: left; padding: 1em 15px 1em 0px; font-size: 86%; text-align: center; }
#ModelForms IMG		 		{ width: 82px; height: 82px; display: inline; cursor: pointer; }
#ModelForms IMG.Choosed 	{ }
#ModelForms IMG.Flashed 	{ }


#TechSpec					{ margin-left: 40px; }
#TechSpec TABLE TD			{ padding: 0em 1em 0.5em 0em; }
#TechSpec TABLE TD.title	{ }
#TechSpec TABLE TD.value	{ }
#TechSpec DL DT				{ clear: both; float: left; width: 20em; }
#TechSpec DL DD				{ margin: 0.5em 0px 1em 40px; }

.angulation_error {
	font-weight: bold;
	margin-top: 15px;
	padding-top: 10px;
	display: none;
}