﻿body
	{
	margin: 5px;
	background-color: #ffffff;
}

body, table
{
	font-family: Tahoma;
	font-size: 9pt;
}

a
{
	text-decoration: none;
	color: #a0121a;
}
a:hover
{
	text-decoration: underline;
}

a:hover.withOutDecoration, a:hover.smallDark
{
	text-decoration: none;
}

ul
{
	margin-top: 0; 
	margin-bottom:10;
	list-style-image: url(Images/Dot.gif);
	list-style-type: square;
}
ol, dl
{
	margin-top: 5; 
	margin-bottom: 10;
}

br.line
{
	line-height: 12px;
}

/* просмотрщик разделов */

.viewer, .viewer table
{
	font-size: 10pt;
}
.viewer
{
	width: 100%;
}

.viewerTitle, .viewerTitleLight
{
	padding-left: 5px;
	font-size: 5pt;
}
.viewerTitle
{
	background-color: #9faeb0;
}
.viewerTitleLight
{
	background-color: #D7DBDA;
}
.viewerTitle h1, .viewerTitleLight h1
{
	padding: 0px;
	margin: 0px;
	font-size: 10pt;
	text-transform: uppercase;
	font-family: Tahoma;
}
.viewerTitle h1
{
	color: #ffffff;
}
.viewerTitleLight h1
{
	color: #7a8d91;
}
.viewerContentLight
{
	color: #000000;
	background-color: #eceff0;
}
.viewerContentDark
{
	color: #7a8d91;
	background-color: #d8dfe0;
}
.viewerContentDark, .viewerContentLight
{
	line-height: 1.7;
	font-size: 9pt;
}

.contentTitleLight, .contentTitleDark
{
	color: Green;
}
h2.contentTitleLight, h2.contentTitleDark
{
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0px;
	font-size: 10pt;
}
h2.contentTitleLight
{
	color: #7a8d91;
}
a.contentTitleDark
{
	font-weight: bold;
}
a.contentTitleDark, h2.contentTitleDark, .viewerContentLight dt
{
	color: #5f6d70;
}

a.contentTitleDark
{
	padding: 0px;
}

/* контролы аутентификации */

.authenticationForm
{
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.authFormImg
{
	margin-top: 2px;
	margin-bottom: 3px;
}

.authentication
{
	text-align: center;
	padding: 0px;	
	font-family: Tahoma;
	font-size: 8pt;
	color: #9ea198;
	margin: 0px;
	width: 100%;
	height: 90px;
}
#authentication_password
{
	margin-top: 2px;
}
.authenticationText
{
	width: 150px;
	border: solid 0px black;
	font-family: Tahoma;
	font-size: 7pt;
}
.authenticationButton
{
	cursor: hand;
	border: solid 0px black;
	margin-bottom: 3px;
	margin-top: 3px;
	font-family: Tahoma;
	font-size: 8pt;
	color: #e1e3e2;
	background-color: #a0121a;
}
.authenticationUser
{
	width: 100%;
	color: #e1e3e2;
	margin-top: 10px;
	margin-bottom: 20px;
}
a:hover.authenticationUser
{
	text-decoration: none;
}
.authenticationLink
{
	color: #e1e3e2;
}
a.authenticationLink
{
	text-decoration: underline;
}

#searchDiv
{
	padding-bottom: 2px;
	padding-top: 2px;
	width: 110;
	text-align: center;
}

#searchDiv input, #searchVendor
{
	border: solid 1px #6e7a7b;
	font-size: 7pt;
	width: 100px;
	height: 18px;
}

.smallLight, .cartBanner a
{
	color: #e1e3e2;
}

.smallDark
{
	color: #282a1e;
}

.smallMedium
{
	color: 5f6d70;
}

.smallLight, .smallDark, .smallMedium, .cartBanner, .navigation
{
	font-family: Tahoma;
	font-size: 8pt;
}
.smallLight select, .smallDark select, .smallMedium select, .cartBanner select, .navigation select, .conditionsDark select
{
	border: solid 1px #6e7a7b;
	font-size: 7pt;
}

.headCells
{
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}

td.headCells a
{
	text-decoration: underline;
}
tr.smallLight td.headCells a
{
	color: #ffffff;
}

.cartBanner, .navigation
{
	background-color: #9ea190;
}

.cartBanner
{
	text-decoration: none;
	width: 100%;
	height: 109;
}

.redText
{
	color: #d51822;
}

.redTextDark
{
	color: #a0121a;
}

.topMenu
{
	font-weight: bold;
	font-size: 8pt;
	padding:2px;
	color:#fdbdbd;
}

.leftMenu, .vehicle
{
	width: 200px;
}

.leftMenu tr td
{
	font-family: Tahoma;
	text-align: center;
}

.leftMenu tr td a
{
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	color: #77796B;
}
.leftMenu tr td a:hover
{
	text-decoration: none;
}

.menuItem, .menuItemSelected
{
	font-weight: bold;
}
.menuItemSelected
{
	color: black;
}

.catalogMenu
{
	font-family: Tahoma;
	text-align: center;
}
.catalogMenu tr td a
{
	font-size: 7pt;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #77796B;
}
.catalogMenu tr td a:hover
{
	text-decoration: none;
}

/* новости */

.news
{
	width: 100%;
}
.news, .news table, .viewer table.bordered
{
	font-size: 8pt;
}

.news table, .viewer table.bordered
{
	border-left: solid 1px #7a8d91;
	border-top: solid 1px #7a8d91;
}
.news table td, .viewer table.bordered td, .viewer table.bordered th
{
	border-right: solid 1px #7a8d91;
	border-bottom: solid 1px #7a8d91;
}

tr.newsTitleRow td
{
	padding-top: 5px;
	padding-bottom: 5px;
}

.newsHot tr.newsContentRow td
{
	color: #7a8d91;
}

.viewer table.newsHot
{
	font-size: 8pt;
}

tr.newsAnnotationRow td, tr.newsContentRow td
{
	padding-top: 5px;
	padding-bottom: 15px;
}

.news tr.newsContentRow td table td, .viewer table td
{
	padding: 5px;
}

tr.newsAnnotationRow td a, tr.newsContentRow td a
{
	color: #d51822;
}
.newsHot tr.newsContentRow td a
{
	color: #000000;
}

.news a:hover.contentTitleDark
{
	text-decoration: none;
}

.newsTitleRow
{
	background-color: #c4cccc;
}

.newsAnnotationRow
{
	background-color: #eceff0;
}

.newsContentRow
{
	background-color: #d8dfe0;
}

.newsCreatedPreview
{
	font-size: 8pt;
	color: #888888;
}

.newsCreated
{
	font-size: 8pt;
	color: #888888;
	vertical-align: top;
}

.newsTitle
{
	width: 100%;
	font-size: 12pt;
	font-weight: bold;
	text-align: right;
}

.newsPage
{
	text-decoration: none;
	font-size: 8pt;
}
a.newsPage:hover
{
	text-decoration: underline;
}

.wizard
{
	font-size: 9pt;
}
.wizard tr td 
{
	padding: 10px;
}
.wizard input.textField
{
	border: solid 1px #9da1a2;
	width: 150;
	font-size: 8pt;
}
.wizard input.buttonField
{
	border: solid 0px #9DA1A2;
}

.wizard .blackLink
{
	color: #5D6B6E;
	text-decoration: none;
}

.wizardNote
{
	color: #5D6B6E;
	font-size: 8pt;
}

.wizardDetails
{
	font-size: 8pt;
	width: 100%;
}
.wizardDetails tr th
{
	padding: 0px;
}
.wizardDetails td
{
	padding-left: 10px;
}

.asterisk
{
	color: #d51822;
	vertical-align: top;
}
sup.asterisk
{
	vertical-align: super;
}
.vehicle
{
	background-color: #9ea190;
	color: #e2e5e4;
}
.vehicle, .vehicle h2
{
	font-size: 8pt;
}
.vehicle h2
{
	margin-bottom: 0px;
}
.vehicle th
{
	background-color: #77796b;
}
.vehicle td
{
	padding: 1px;
}
.vehicleRed
{
	color: #b52420;
}
.vehicleSelected span
{
	cursor: default;
	padding-left: 3px;
	padding-right: 3px;
	background-color: #e2e5e4;
	color: #77796B;
}
.vehicle td.vehicleAnother
{
	padding-left: 3px;
}
.vehicleAnother a
{
	color: #e2e5e4;
}




.units, .units h3
{
	font-size: 8pt;
}

.units th
{
	background-color: #9ea190;
	padding: 4px;
	text-align: left;
	color: White;
	text-transform: uppercase;
	height: 13;
	color: #000000;
	border-right: solid 1px white;
	border-top: solid 1px white;
}

.units td
{
	background-color: #eceff0;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
}
.units td a:hover
{
	color: #a0121a;
}
.units td.unitsExpand
{
	padding-bottom: 3px;
	background-color: #ffffff;
	font-size: 7pt;
	color: #9ea190;
}
.units td.unitsExpand a
{
	color: #9ea190;
	text-decoration: underline;
}

.units td.textCell
{
	vertical-align: top;
	padding-bottom: 7px;
}

.units td.imgCell
{
	text-align: center;
	padding-bottom: 0px;
}

.units tr.img
{
	vertical-align: top;
}
.units tr.img td.imgCell, .units tr.img td.textCell
{
	width: 220px;
}

.units td.textCell, .units td.imageCell2
{
/*	background-color: #eceff0;*/
	padding-left: 5px;
}

.units td div.img
{
	border: solid 1px #a2b0b2;
	text-align: center;
	background-color: White;
	cursor: hand;
}

.units a
{
	color: #000000;
}

.units th a, .units th span, .units th h3
{
	color: #ffffff;
}

.units h3
{
	margin-bottom: 0px;
}
.unitShow
{
	float:right;
	text-transform: none;
	font-weight: normal;
	width: 150;
}
.units th .unitShow a
{
	text-decoration: underline;
	color: #000000;
}

.navigation
{
	color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: bottom;
}

.conditions
{
	background-color: White;
	font-size: 8pt;
	color: #57594e;
}

.conditionsLegend
{
	font-weight: bold;
	padding-left: 10px;
}

.conditionsDark
{
	color: #363730;
	background-color: #9ea190;
}

.details
{
	width: 100%;
}
.details, .searchList
{
	font-size: 8pt;
}

.searchList td
{
	padding: 5px;
}

.searchListLight
{
	background-color: #CAD3D5;
}
.searchListDark
{
	background-color: #C1C9CB;
}

.details
{
}
.details th, .searchList th
{
	background-color: #9faeb0;
	text-transform: none;
	font-weight: normal;
	color: #ffffff;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
}

.details td img
{
	border: solid 0px #a2b0b2;
}

.detailsLight
{
	background-color: #eceff0;
}

.detailsDark
{
	background-color: #d7dbda;
}

.detailsLight td, .detailsDark td
{
	padding-left: 5px;
	padding-right: 5px;
}

.detailsLight td.detailsAdd, .detailsDark td.detailsAdd
{
	text-align: center;
	padding: 0px;
	width: 10%;
}

.detailsAdd input
{
	width: 100%;
	font-size: 8pt;
	border: solid 1px #9faeB0;
	height: 18px;
	text-align: right;
}

td.detailsInfo
{
	text-align: right;
	padding: 0px;
	width: 1px;
}
td.detailsTick
{
	text-align: center;
	padding: 0px;
}

.detailsCost
{
	text-align: right;
	padding-right: 10px;
}
.addToCartButton
{
	float: right; 
	margin-right: 10px; 
	margin-top: 5px;
	clear: both;
}

.cart
{
	width: 100%;
	table-layout: fixed;
}

.cartWarn
{
	padding: 10px;
	color: #5D6B6E;
	border: solid 1px #7A8D91;
}

.cartVehicleName
{
	padding-left: 16px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #57594E;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
}
.cartVehicleName a
{
	color: #ffffff;
}

.cartVehicleOptions
{
	padding-left: 16px;
	padding-bottom: 3px;
	font-size: 8pt;
	background-color: #57594E;
	color: #C2CDCA;
	text-align: left;
}

.cartHeader
{
	background-color: #9faeb0;
}

.cartHeader th
{
	font-weight: normal;
	color: #ffffff;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	border: solid 1px white;
	border-right-width: 0px;
}

.cartHeader th a
{
	color: #ffffff;
}

.cartDetailName
{
	text-align: center;
	width: 100%;
}

.cartReplacer
{
}

.cartLight
{
	background-color: #eceff0;	
}

.cartDark
{
	background-color: #d7dbda;
}

.cartLight td, .cartDark td
{
	padding-left: 5px;
	padding-right: 5px;
}
.cartAmount
{
	width: 100%;
	font-size: 8pt;
	border: solid 1px #9faeB0;
	height: 18px;
	text-align: right;
}
.cartPrice
{
	text-align: right;
	font-size: 90%;
	vertical-align: middle;
}
.cartNote
{
	font-size: 80%;
}

.detailsTotal
{
	padding-left: 5px;
	padding-right: 5px;
	font-size: 9pt;
	color: #000000;
	padding-top: 1px;
	padding-bottom: 1px;
	text-align: right;
}
.detailsTotal input
{
	font-size: 8pt;
	border: solid 0px black;
	background-color: transparent;
	height: 16;
	font-weight: bold;
}

.cartVehicleNameD
{
	padding-left: 16px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #D7DBDA;
	color: #596C67;
	font-weight: bold;
	text-align: left;
}

.cartVehicleOptionsD
{
	padding-left: 16px;
	padding-bottom: 3px;
	font-size: 8pt;
	background-color: #D7DBDA;
	color: #596C67;
	text-align: left;
}

.cartHeaderD
{
	background-color: #BDCFD1;
}

.cartHeaderD th
{
	font-weight: normal;
	color: #dddddd;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	border: solid 1px white;
	border-right-width: 0px;
}
.cartLightD
{
	background-color: #eceff0;
}

.cartDarkD
{
	background-color: #d7dbda;
}

.cartLightD td, .cartDarkD td
{
	padding-left: 5px;
	padding-right: 5px;
}
.cartAmountD
{
	width: 100%;
	font-size: 8pt;
	border: solid 1px #9faeB0;
	height: 18px;
	text-align: right;
}

.cartReplace
{
	font-style: italic;
}

.delivery
{
	font-size: 8pt;
}

.delivery b
{
	color: #CD1721;
}
.delivery div
{
	background-color: #A0121A;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}
.delivery td
{
	padding-left: 5px;
	padding-bottom: 5px;
}
.delivery th
{
	text-align: left;
	color: #A0121A;
	font-weight: normal;
	padding: 0px;
}

.commentPanel, .commentPanelWithoutWidth
{
	text-align: left;
	color: #5f6d70;
	border: solid 1px #9faeb0;
	padding: 5px;
	background-color: #ffffff;
	margin-top: 3px;
	margin-bottom: 3px;
}
.commentPanel ol li
{
	margin-top: 10px;
}
.redButton
{
	color: #dddddd;
	border: solid 0px black;
	background-color: #A0121A;
	text-transform: uppercase;
}

.profileLabel
{
	width: 30%;
	vertical-align: top;
	text-align: right;
}

.profileText
{
	width: 300;
	font-size: 8pt;
	border: solid 1px #9faeB0;
}

.grayBorder, .grayBorderPadding, .howToShow, .simpleOrder
{
	background-color: #ffffff;
	color: #5D6B6E;
	border: solid 1px #7A8D91;
}

.grayBorderPadding td
{
	padding: 10px;
}

.feedback input, .feedback textarea
{
	border: solid 1px #9faeB0;
}
.feedback input.redButton
{
	border-width: 0px;
	cursor: hand;
}


/* формы */
.objectForm
{
	width: 100%;
	border: solid 1px black;
	margin-top: 10px;
	font-size: 10pt;
}
.textField
{
	width: 100%;
	font-size: 8pt;
	border: solid 1px #9faeB0;
	background-color: White;
	font-family: Tahoma;
	color: #5D6B6E;
}
.buttonField
{
	border: solid 1px #9faeB0;
	background-color: White;
	cursor: hand;
	font-family: Tahoma;	
	color: #5D6B6E;
	height: 17px;
	font-size: 8pt;
}

.vendorVehicles
{
	background-color: #eceff0;
	font-size: 8pt;
}

.vendorVehicles th
{
	text-align: left;
}
.vendorVehicles th a
{
	color: #5F6F72;
	text-decoration: underline;
}

.vendorVehicles td
{
	padding: 10px;
}

.garageTable
{
	width: 100%;
}
.garageTable td
{
	padding: 0px;
}
.garageUser
{
	height: 50px;
	text-align: center;
	vertical-align: middle;
	border: solid 1px #7A8D91;
	padding: 5px;
}
.garageOrders
{
	background-color: #9FAEB0;
	vertical-align: top;
	text-align: right;
	font-weight: bold;
	padding: 10px;
}
.garageOrders a
{
	text-decoration: underline;
}

.garageOrdersLight td, .garageOrdersDark td
{
	padding: 3px;
}

.garageOrdersLight a:hover, .garageOrdersDark a:hover
{
	text-decoration: none;
}

.garageOrdersLight
{
	background-color: #eceff0;
}

.garageOrdersDark
{
	background-color: #d7dbda;
}

.garageVehicles
{
	background-color: #9EA190;
	font-size: 8pt;
	width: 100%;
}
.garageVehicles td
{
	padding: 5px;
}
.garageVehicles th
{
	background-color: #77796B;
	padding: 5px;
	color: #ffffff;
	text-align: left;
}
.garageVehicles a:hover
{
	text-decoration: none;	
}

.garageDetails
{
	background-color: #ECEFF0;
	font-size: 8pt;
}
.garageDetails th
{
	color: #ffffff;
	text-align: left;
	padding: 5px;
	padding-left: 20px;
	background-color: #708286;
}
.garageDetails td
{
	padding: 3px;
	padding-left: 20px;
}
.garageDetails b
{
	font-weight: normal;
	color: #7A8D91;
}
.garageDetails .git a, .garageDetails .gait a
{
	color: #000000;
}
.gait
{
	background-color: #D7DBDA;
}
.garageDetails a:hover
{
	text-decoration: none;
}
.garageDetails .garageSubHeader th
{
	background-color: #9FAEB0;
	color: #ffffff;
	font-weight: normal;
}


.orderTable
{
	border-collapse: collapse; 
	table-layout: fixed; 
	width: 100%;
}

.orderHeader
{
	font-size: 8pt;
	background-color: #9ea190;
	color: #ffffff;
	text-align: left;
	border-left: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
}
.orderHeader td
{
	padding: 5px;
}
.orderNote
{
	padding: 3px;
	color: #5D6B6E;
	border: solid 1px #9ea190;
}
.orderSubHeader
{
	background-color: #9faeb0;
	color: #ffffff;
}
.orderSubHeader th
{
	padding: 5px;
}
.orderLight td, .orderDark td
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.orderLight
{
	background-color: #eceff0;
}

.orderDark
{
	background-color: #d7dbda;
}

.orderStatus
{
	color: #A0121A;
	font-weight: bold;
}
.orderWarning
{
	color: #D51822;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 15px;
	padding-bottom: 5px;
}

.howTo a
{
	text-decoration: underline;
}
.howTo div li
{
	margin-bottom: 20px;
}

.howTo div img
{
	margin-bottom: 25px;
	margin-left: 50px;
	margin-top: 10px;
	border: solid 1px #7A8D91;
}
.howTo div table td
{
	padding: 10px;
}
.howTo, .howTo li a, .darkText
{
	color: #132f35;
}

.howTo th
{
	text-align: left;
	padding-left: 25px;	
}
.howTo .howToNumber
{
	font-size: 20pt;
	text-align: right;
	vertical-align: top;
	padding-top: 10px;
	color: #7A8D91;
}
.howToShow
{
	padding: 10px;
	background-color: White;
	color: black;
}
.howToShow h3, .howToShow2 h3
{
	margin-top: 0px;
	color: #5D6B6E;
}

/* каталог */
.vehicleProperties
{
	width: 100%;
	font-size: 10;
	border: solid 1px black;
}

.ScrolledDataGridHeader
{
	width: 100%;
}
.ScrolledDataGridHeader .nameCell
{
	background-color: #F0F0F0;
	font-size: 10;
	text-align: center;
}
.ScrolledDataGridHeader .gradeCell
{
	background-color: #F0F0F0;
	font-size: 10;
	text-align: center;
}

.simpleOrder th
{
	text-align: right;
}
.simpleOrder th .smallMedium
{
	font-weight: normal;
}
.simpleOrder td, .simpleOrder th
{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
}

.imageMapArea
{
	position: absolute;
}
.imageMapEnabled, .imageMapDisabled, .imageMapHover, .imageMapSelected
{
}
.imageMapEnabled
{
	background-image: url(/Images/ImageMapEnabled.gif);
}
.imageMapDisabled
{
	background-image: url(/Images/ImageMapDisabled.gif);
	border: solid 1px gray;
}
.imageMapActive
{ 
	background-image: url(/Images/ImageMapActive.gif);
	border: solid 1px red;
}
.imageMapSelected
{
	background-image: url(/Images/ImageMapActive.gif);
	border: solid 1px black;
}





table.triangle
{ 
	background-color: #eceff0; 
	table-layout: fixed;
	border-bottom: solid 1px #9da1a2; 
}
table.triangle th 
{ 
	color: white; 
	background-color: #9faeb0;
}
table.triangle td, table.triangle th 
{ 
	padding: 5px; 
}

table.triangle td.left 
{ 
	border-left: solid 1px #9da1a2; 
}
table.triangle td.right 
{ 
	border-right: solid 1px #9da1a2; 
}
table.triangle td.both
{ 
	border-left: solid 1px #9da1a2; 
	border-right: solid 1px #9da1a2; 
}

table.triangle tr.header 
{ 
	background-color: #d7dbda;
}

table.triangle th.title
{
	text-align: left; 
	padding-left: 10px; 
	padding-right: 20px;
}
table.triangle th.triangle 
{ 
	background-color: white;
	background-image: url(/Images/Triangle.jpg); 
	background-repeat: no-repeat;
	border-left: solid 1px #9da1a2;
	padding: 0px; 
	width: 17px; 
	height: 24px; 
	text-align: left; 
}

table.triangle tr.separator 
{ 
	height: 2px; 
	background-color: white;
}
table.triangle tr.separator td 
{ 
	border-bottom: solid 1px #9da1a2;
	padding: 0px;
	line-height: 2px; 
}
