﻿body
{
	margin:0px;
	padding:0px;
	font-family: Tahoma, Verdana, Arial, sans-serif;	
}

h1
{
	margin-top:1em;
	margin-bottom:1em;
	font-weight:bold;
	font-size:140%;
			
	color: #818181;	
}

h2
{
	margin-bottom:1em;
	font-weight:bold;
	font-size:120%;	
	color: #818181;	
}

.autoWidth
{
	clear: both;
	width: 100%;
	min-width: 950px;
}

.topBash
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}

.topBash .pic
{
	margin-left: 49%;
	width: 51%;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../Images/kran_bash.gif);
	height: 179px;
}

.topKoles
{
	position: absolute;
	top: 86px;
	left: 0px;
	z-index: 11;
}

.topKoles .pic
{
	margin-left: 66%;
	width: 34%;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../Images/kran_koles.gif);
	height: 93px;
}

.topGusen
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 12;
}

.topGusen .pic
{
	margin-left: 80%;
	width: 20%;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../Images/kran_gusen.gif);
	height: 179px;
}

#borderTop
{
	float:left;
	clear:both;
	/*max-width:1548px;*/
	height:11px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: White url(/Images/slashed.gif) repeat-x scroll left top;
	overflow:hidden;
}

#borderBottom
{
	float:left;
	clear:both;	
	/*max-width:1548px;*/
	height:11px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: White url(/Images/slashed.gif) repeat-x scroll left top;
	overflow:hidden;
}

#footerPanel
{
	float:left;
	clear:both;	
	/*max-width:1548px;*/
	height:55px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: Gray url(/Images/black_footer.gif) repeat-x scroll left top;
	overflow:hidden;	
	color:Black;
	font-weight:normal;
	font-size:80%;
}

#footerPanel #autoeuroSignature
{
	float:left;
	position:relative;
	left:55px;
	top:10px;
}

#footerPanel #efprogSignature
{
	float:right;
	position:relative;
	right:55px;
	top:10px;
}

/*
div.headerPanel
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	max-width:1548px;
	height:179px;
	background: Blue url('/Images/background_blue.jpg') repeat-x left top;
	overflow:hidden;
}
*/
/*----*/
#headerPanel
{
	/*position:absolute;*/
	/*top:0px;*/
	/*left:0px;*/
	float:left;
	clear:both;
	height:179px;
	/*max-width:1548px;*/
	margin: 0px 0px 0px 0px;
	background: #13316b url('/Images/blue_top.jpg') repeat-x left top;
	padding:0px 0px 0px 0px;	
}

#headerPanelWrapper
{
	margin-left:-490px;
	float:right;
	height:100%;
	width:100%;
	overflow:hidden;	
}


#logoContainer
{
	float:right;
	width:490px;
}


#headerLogo
{
	position:absolute;
	top:37px;
	left:62px;
	width:116px;
	height:116px;		
}

#headerLogoText
{
	position:absolute;
	top:55px;
	left:206px;
	width:275px;
	height:90px;	
}

#headerLogoRedTop
{
	position:absolute;
	top:0px;
	left:206px;
	width:151px;
	height:31px;		
}

#cranContainer
{
	margin-left:490px;
	background: Blue url('/Images/blue_top.jpg') repeat-x left top;
	height:100%;
	width:auto;
	overflow:hidden;
}

#cranContainerWrapper
{
	padding:0px;
	float:left;
	height:100%;
	width:100%;
	position:relative;
	z-index:40;
	overflow:hidden;	
}

#carCrane
{
	padding: 0px;
	margin: 0px 35% 0px 250px;
	height:100%;
	width:auto;
	position:relative;
	z-index:40;   
	top:87px;	
}

#towerCrane
{
	padding:0px;
	float:left;
	margin-left:-100%;
	width:250px;
	height:100%;
	position:relative;
	z-index:20;
	top: 0px;
	left: 0px;	
}

#caterpillarCrane
{
	padding:0px;
	float:left;
	margin-left:-29%;
	width:29%;
	height:100%;
	position:relative;
	z-index:60;
	overflow:hidden;	
}
/*----*/
/*
div.headerLogo
{
	position:absolute;
	top:37px;
	left:62px;
	width:116px;
	height:116px;		
}
div.headingInscription
{
	position:absolute;
	top:55px;
	left:206px;
	width:275px;
	height:90px;		
}

div.europaKranInscription
{
	position:absolute;
	top:0px;
	left:206px;
	width:151px;
	height:31px;		
}

*/



#craneTower
{
	z-index:10;
	position:absolute;
	top:0px;
	left:493px;
	width:439px;
	height:178px;
	overflow:hidden;	
}

#craneCarWrapper
{
	z-index:20;
	position:absolute;
	top:85px;
	margin-left:700px;
	/*margin-left:60%;*/
	height:94px;
	max-width:510px;
	min-width:305px;
	overflow:hidden;
}
	
#craneCarContainer
{
	float:right;
	clear:both;		
	height:100%;
	overflow:hidden;
	width:305px;
	/*max-width:305px;*/
	/*min-width:285px;*/
}

#craneCarImage
{
	float:left;
	width:305;	
	height:94px;	
}

#craneCatterpillarWrapper
{
	z-index:30;
	position:absolute;
	top:0px;
	margin-left:825px;
	/*margin-left:80%;*/
	height:179px;
	max-width:700px;
	min-width:256px;
	overflow:hidden;	
}

#craneCatterpillarContainer
{
	float:right;
	clear:both;	
	height:100%;
	overflow:hidden;
	width:256px;
	/*max-width:256px;*/
	/*min-width:236px;*/
}

#craneCatterpillarImage
{
	float:left;
	width:256px;	
	height:179px;	
}

#content
{
	float:left;
	clear:both;
	/*max-width:1548px;*/
	margin:30px 0px 0px 0px;	
}

#contentColMainAndRightWrapper
{
	float:right;
	margin-left:-200px;
	width:100%;
}

#contentColMainAndRightContainer
{
	margin-left:200px;
}

#contentColLeft
{
	float:left;
	width:200px;
}

#contentColMainContainer
{
	float:left;
	width:70%;
	/*width:68%;*/
	/*border-right:solid 1px #E2E2E2;*/
	/*padding-right:1%;*/
	clear: both;
	margin-right: -1px;
}

#contentColMainInnerContainer
{
	/*width:100%;*/
	margin-right:20px;
}

#contentColRightWrapper
{
	width:30%; 
	float:left; 
	padding: 0px 0px 0px 0%;
	overflow: hidden;
}
#contentColRight
{
	width:100%; 
	float:left;
	border-left: solid 1px #F2F2F2;
	/*margin: 0px 20px 0px 20px;*/
}

#contentColRightInner
{
	margin: 0px 20px 0px 20px;
}

#leftNavigationPanel
{
	width: 150px;
	float:left;
	display:inline; /*IE6*/
	/*height:200px;*/
	padding: 15px 0px 15px 25px;
	margin: 0px 0px 0px 0px;
	background: #F1F1F1;
	overflow:hidden;	 
}

#leftNavigationPanel a
{
	color:Black;
	font-weight:normal;
	font-size:80%;
}

.line
{
	width:20px; 
	float:left; 
	clear:left;
	font-size:80%;
	font-weight:normal;
}

#leftNavigationPanel .link
{
	width:110px; 
	float:left; 
	clear:none; /*В IE7 left работать не будет*/
	margin-bottom:8px;
}

#catalogueContainer
{
	margin: 0px 0px 0px 0px;
	width:350px; 
	float:left; 
	clear:both;
}

#catalogueContainer .link
{
	width:300px; 
	float:left; 
	clear:none;
	margin-bottom:9px;	
}

#catalogueContainer a
{
	color:Black;
	font-weight:normal;
	font-size:80%;
}

#contactInfoContainer
{
	width: 160px;
	/*height:335px;*/
	padding: 15px 0px 20px 25px;
	margin: 0px 0px 0px 0px;
	font-size:80%;	
	float:left;
	display:inline; /*IE 6*/
}

#lbBanner
{
	width:160px;
	/*height:100px;*/
	padding: 15px 0px 15px 25px;
	margin-top: 1.0em; 
	float:left;
	display:inline; /*IE 6*/	
}

#bBanner
{
	float:left;
	clear:both;
	width:100%;
	max-width:1548px;
	/*height:100px;*/
	margin-top: 1.0em;	
}

a.banner
{	
}

img.banner
{
	border: none 0pt;
}

#rightServicesPanel
{
	 width:95%;
	 float:left;
	 clear:both;
}

#rightServicesPanel .line
{
	width:230px; 
	float:left; 
	clear:both;
	font-weight:normal;
	font-size:80%;	
}

#rightServicesPanel .text1
{
	width:50px; 
	color:Black;
	font-weight:normal;
	font-size:80%;	
	float:left; 
	/*clear:right; В IE7 не работает*/
	clear:none;
	margin-bottom:0px;
}
#rightSellYourCranePanel
{
	margin:20px 0px 0px 0px;
	width:85%;
	float:left;
	clear:both;
	background: #F1F1F1;
	padding:15px 15px 10px 15px;	
}

#rightSellYourCranePanel a
{
	color:Black;
	font-weight:normal;
	font-size:110%;	
}

#rightSellYourCranePanel .text
{
	color:Black;
	font-weight:normal;
	font-size:80%;	
}

#newsContainer
{
	width:95%;
	/*height:270px;*/
	float:left;
	clear:both;	
	margin:15px 0px 15px 0px;
}

div.newsContent
{
	font-weight:normal;
	font-size:80%;		
}

div.newsContent a
{
	color:Black;	
}

#latestProductsContainer
{
	width:95%;
	float:left;
	clear:both;	
	margin:15px 0px 15px 0px;
}


div.latestProductsContent
{
	font-weight:normal;
	font-size:80%;		
}

div.latestProductsContent a
{
	color:Black;	
}

div.go2News
{	
	margin: 0em 0em 0.35em 0em;	
}

#go2NewsListContainer
{
	font-weight:bold;
	font-size:90%;		
	margin: 0.75em 0em 0.75em 0em;
}

#categotyList
{
}

#categotyList .category
{
	margin:0px 0px 15px 0px;
	height:65px;
}

#categotyList .imageContainer
{
	float:left;
	clear:left;
	width:110px;
}

#categotyList .descriptionContainer
{
	float:left;
	clear:right;
	width:250px;
	height:65px;
	margin:15px 0px 0px 15px;		
}

#categotyList .descriptionContainer a
{
	color:Black;
	font-weight:normal;
	font-size:90%;	
}

#cranesListContainer
{
	width:500px;
}

#cranesListContainer a
{
	color:Black;
}

#cranesListHeaderContainer
{	
	height:50px;
	font-weight:bold;
	font-size:70%;			
	color: #818181;
	border-bottom: solid 1px #E2E2E2;
}
 
#craneItemContainer
{
	height:35px;
	font-weight:normal;
	font-size:70%;	
	border-bottom: solid 1px #E2E2E2;	
}

#craneItemContainer p
{
}

#cranesListContainer .photo
{	
	width:35px;
	height:28px;
	float:left;
	clear:left;
	padding:0px 0px 0px 0px;
	vertical-align:middle;
	display:table-cell;		
}

#cranesListHeaderContainer .photo
{
	width:35px;
	height:50px;
	float:left;
	clear:left;
	padding:0px 0px 0px 0px;		
}

#cranesListContainer .make
{	
	width:75px;
	height:35px;
	float:left;
	clear:none;
	margin:0px 0px 0px 0px;	
	padding:0px 0px 0px 0px;
	vertical-align:middle;
	display:table-cell;	
}


#cranesListHeaderContainer .make
{	
	width:75px;
	height:50px;
	float:left;
	clear:none;
	margin:0px 0px 0px 0px;	
	padding:0px 0px 0px 0px;
	vertical-align:middle;
	display:table-cell;		
}

#cranesListContainer .model
{	
	width:80px;
	height:35px;
	float:left;
	clear:none;	
	margin:0px 0px 0px 0px;	
	background-color:#F5F5F5;
	padding:0px 0px 0px 0px;
	vertical-align:middle;
	display:table-cell;			
}

#cranesListHeaderContainer .model
{	
	width:80px;
	height:50px;
	float:left;
	clear:none;
	margin:0px 0px 0px 0px;	
	padding:px 0px 0px 0px;
	vertical-align:middle;
	display:table-cell;			
}

#cranesListContainer .year
{	
	width:40px;
	height:35px;
	float:left;
	clear:none;	
	margin:0px 0px 0px 0px;	
	padding:0px 0px 0px 0px;
	vertical-align:middle;
	display:table-cell;		
}

#cranesListHeaderContainer .year
{	
	width:40px;
	height:50px;
	float:left;
	clear:none;
	margin:0px 0px 0px 0px;	
	padding:0px 0px 0px 0px;
	vertical-align:middle;
	display:table-cell;		
}

#cranesListContainer .carryingCapacity
{	
	width:70px;
	height:35px;
	float:left;
	clear:none;	
	margin:0px 0px 0px 0px;	
	background-color:#F5F5F5;
	padding:0px 0px 0px 0px;
	vertical-align:middle;
	display:table-cell;		
}

#cranesListHeaderContainer .carryingCapacity
{	
	width:70px;
	height:50px;
	float:left;
	clear:none;
	margin:0px 0px 0px 0px;	
	padding:0px 0px 0px 0px;
	vertical-align:middle;
	display:table-cell;		
}

#cranesListContainer .comment
{	
	width:190px;
	height:35px;
	float:left;
	clear:right;
	margin:0px 0px 0px 0px;	
	/*vertical-align:middle;
	display:table-cell;*/
}

#cranesListHeaderContainer .information
{	
	width:190px;
	height:35px;
	float:left;
	clear:none;
	margin:0px 0px 0px 0px;	
	padding:0px 0px 0px 0px;
	/*vertical-align:middle;
	display:table-cell;*/	
}

#craneDetails
{
	font-weight:normal;
	font-size:75%;	
}

#craneDetails .modelValue
{
	font-weight:bold;
	font-size:110%;	
	margin:0px 0px 15px 0px;	
}

#craneDetails .caption
{
	width:130px;
	float:left;
	clear:left;
	margin:0px 3px 6px 0px;	
}

#craneDetails .value
{
	float:left;
	clear:none; /*IE7 не позволяет clear right*/
	margin:0px 0px 6px 0px;	
}

#craneDetails .informationCaption
{
	float:left;
	clear:both;
	margin:10px 0px 10px 0px;	
}

#craneDetails .informationValue
{
	width:100%;
	float:left;
	clear:both;
	margin:0px 0px 5px 0px;	
}

#craneDetails .informationValueTodayOffer
{
	width:100%;
	float:left;
	clear:both;
	margin:0px 0px 5px 0px;	
}

div.imageListViewer
{
}

div.imageListViewer div.viewContainer
{
	width:300px;
	height:210px;
	float:left;
	clear:both;
	margin: 0px 0px 8px 0px;
}

div.imageListViewer div.viewContainer img.view
{
	width:100%;
	height:100%;
}

div.imageListViewer div.thumbnailsContiner
{
	width:305px;
	/*height:55px;*/
	float:left;
	clear:both;
	margin: 0px 0px 0px 0px;	
}

div.imageListViewer div.thumbnailsContiner div.thumbnailContainer
{
	width:72px;
	height:55px;
	float:left;
	clear:none;	
	margin: 4px 4px 0px 0px;
	/*overflow:hidden;*/
}

div.imageListViewer div.thumbnailsContiner div.thumbnailContainer img.thumbnail
{
	width:72px;
	height:55px;
	overflow:hidden;
}

#detailsViewContainer
{
	float:left;
	clear:left;
	/*font: normal normal bold 80%;*/	
	margin:0px 25px 0px 0px;	
}

#imageListViewerContainer
{
	width:305px;
	float:left;
	clear:none;	
}

#imageListViewerContainer .hint
{
	margin:0 0 10px 0;
}

#cranesListTable
{
	width:100%;
	font-weight:normal;
	font-size:90%;	
}
#cranesListTable #header
{
	font-weight:normal;
	font-size:70%;	
}

#cranesListTable #photoHeader
{
	width:35px;
	text-align:center;
	vertical-align:middle;
}

#cranesListTable #makeHeader
{
	/*width:75px;*/
	width:15%;
	text-align:left;
	vertical-align:middle;
}

#cranesListTable #modelHeader
{
	/*width:80px;*/
	width:16%;
	text-align:center;
	vertical-align:middle;
	background-color:#F5F5F5;
}

#cranesListTable #yearHeader
{
	/*width:40px;*/
	width:8%;
	text-align:center;
	vertical-align:middle;
}

#cranesListTable #carryingCapacityHeader
{
	/*width:70px;*/
	width:14%;
	text-align:center;
	vertical-align:middle;
	background-color:#F5F5F5;
}


#cranesListTable #commentHeader
{
	/*width:190px;*/
	width:38%;
	text-align:center;
	vertical-align:middle;
}

#cranesListTable .craneItemRow
{
	border-bottom: solid 1px #E2E2E2;	
}

#cranesListTable TH
{
	padding: 8px 3px;
}

.craneItemRow TD
{
 border-top: solid 1px #E2E2E2;
}

#cranesListTable .gray
{
	background-color:#F5F5F5;
}

#cranesListTable .small
{
	font-weight:normal;
	font-size:70%;	
}

#cranesListTable a
{
	color:Black;
}

#cranesListTable td
{
	padding:3px;
}

div.menuContainer
{
	margin: 10px 0px 10px 0px;
	height:25px;
}

div.menuItem
{
	width:150px;
	float:left;
	clear:none;
	padding: 3px 5px 3px 5px;
}

/*News*/
div.newsItemContainer
{
	width:100%;
	float:left;
	clear:both;
	padding-bottom:1em;	
	border-bottom: 1px solid #C8CECC;
	margin-bottom: 0.35em;
}

div.newsItemCreated
{
	width:100%;
	float:left;
	clear:both;
	font-weight:bold;
	font-size:80%;		
	color: #818181;	
	margin-top:0.25em;		
	margin-bottom:0.25em;	
}

div.newsItemHeader
{
	width:100%;
	float:left;
	clear:both;	
	font-weight:bold;
	font-size:90%;	
	letter-spacing:0.12em;	
	margin-bottom:0.75em;			
}

div.newsItemContent
{
	width:100%;
	float:left;
	clear:both;	
	font-size:80%;		
}
/*---*/

#categotyTable
{
	margin: 0px 8px 0px 8px;
	width:auto;
}


#categotyTable a
{
	color:Black;
}

#categotyTable .spacer
{
	width:5%;
}

#categotyTable .data
{
	width:45%;
}

#categotyTable .link
{
	text-align:left;	
	vertical-align:middle;
}

#categotyTable .img
{
	text-align:center;	
	vertical-align:middle;
	width:95px;
}

#emailContainer
{
	cursor:default;
	font-family:Tahoma,verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	width:70%;
}
#emailContainer #emailBodyContainer
{
	border:1px solid gray;
}
#emailContainer textarea.emailBody
{
	border:0px none;
	font-family:Tahoma,verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	height:90px;
	margin:0px;
	padding:0px;
	width:100%;
}

#emailContainer .row
{
	margin-top:10px;
	width:100%;	
}
#emailContainer .label
{
	float:left;
	width:100px;	
}

#emailContainer .input
{
	border:1px solid gray;
	float:none;
	margin-left:100px;
}

#emailContainer .input input
{
	border:0px none;
	font-family:Tahoma,verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	margin:0px;
	padding:0px;
	width:100%;
}

div.customDisplayContent
{
  font-family:Tahoma,verdana,Arial,Helvetica,sans-serif;
  font-size: 82%;
}

textarea.craneDetailsInformation
{
	overflow: auto;
	width:100%;
	height:200px;
	border: none 0px;
}

textarea.craneDetailsComment
{
	overflow: auto;
	width:100%;
	height:100px;
	border: none 0px;
}

 .sendMailOfferTable
 {
 	border: solid 1px gray;	
 }
 
 .sendMailOfferTableCel
 {
 	border: solid 1px gray;	
 }
 
 #advertList .item 
	{
	clear:none;
	float:left;
	margin-bottom:8px;
	width:95%;
	}

div.craneDetailsBuyContainer
{
	margin: 15px 0px 0px 0px;
}
div.craneDetailsBuyContainer a
{
	color:Black;
}

#advertContainer
{
	font-size:80%;
}

#advertContainer a
{
	color:Black;
}

div.craneDetailsBuyContainer
{
	font-size:80%;
}




