@charset "windows-1251";

/*********** IndexPage Styles ************/
	.index h1, .index  .firstheader {
		font-size: 140%;
		color:#FFF;
		font-weight:normal;
		margin: 0px;
	}
	.index h2 {
		font-size: 130%;
		color:#FFF;
		font-weight:normal;
		margin-left:13px;
		margin-top: 3px;
		margin-bottom: 10px;
	}
	.index .hit a {
		font-size: 120%;
		color:#FFF;
		font-weight:normal;
	}
	.indexCatalog ul {
		list-style: url(/images/index/a.gif);
		padding-left: 0px;
		padding-top: 0px;
		margin-top: 0px;
		margin-left: 16px;
		padding-bottom:0px;
		margin-bottom:0px;
	}
	.indexCatalog ul a {
		color: #000;
	}
	.index hr {
		color:white;
		background-color:white;
		margin-top:0px;
		padding-top:0px;
	}
	.index .wide_block {padding-bottom: 15px;}
	.index .wide_block .author {font-weight: bold; color: black;}
	#content .index .block_3_col p {float: left; width: 240px; text-align: left; margin-left: 15px; margin-right: 15px;}
	#content .index .wide_block p {text-align: left; margin-left: 15px; margin-right: 15px;}
	#content .index .wide_block h2 {text-align:center; padding-top:7px; margin-bottom:3px;}
	.index h3 {text-align:left; margin-top:10px; margin-bottom:0px;margin-left: 15px; font-weight: normal; font-size: 125%;}
	.index h3 a {color: white;}
	#ReviewText {margin-bottom:10px;}

/*********** IndexPage Styles ************/



/**********  новые стили ************/
#wrap {
	margin: 0 auto;
	width: 921px;
	background-image: url("/images/bg.gif");
	background-repeat: repeat-y;
	background-position: center;
}
#content {
	padding-top: 187px;
	margin-bottom: 20px;
	width: 921px;
	/*float: left; *//* это нужно чтобы контейнер "расширялся" вслед за своим содержимым */
}
h1 {
	font-size: 150%;
	text-align: left;
}
/* временное правило, потом таблиц в верстке быть не должно */
#content table {
	margin: 0 auto;
}
#header {
	top: 0px;
	width: 921px;
	position: absolute;
	margin: 0 auto;
	/*clear: both; *//* hack IE7*/
}
/* временное правило, потом таблиц в верстке быть не должно */
#header table {
	margin: 0 auto;
}
#footer {
	width: 921px;
	clear: both;
	/*margin-top:20px;*/
}
/* временное правило, потом таблиц в верстке быть не должно */
#footer table {
	margin: 0 auto;
}
.colored {
	background-color: #FFAAAA;
}

#article {
	margin: 0 58px 0 58px;
}
#content_wide {
	margin: 0 33px 0 33px;
}
#content_wide H1 {
	margin-left: 20px;
}
.comment {
	float:left;
	margin-bottom: 15px;
	clear: both;
}
.comment table {
	float: none;
}
form {
	margin:0;
}
.foto {
	background-image :  url('/images/newbt/foto_bg_1.gif');
	padding-top: 22px;
	text-align: center;
	width: 226;
	float:left;
	margin-top: 28px;
	margin-bottom: 15px;
}
.helper {vertical-align: bottom;}
/**********  новые стили ************/


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #e1e1e1;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}
image {
	border: 0;
}
.body {
	background-image: url(bg.gif);
	background-repeat: repeat-y;
	background-position: center;
}
.dark_green_select {
	background-color: #b1bc0f;
	border: 1px solid #738000;
	font-size: 12px;
	height: 21px;
}
.tyresManufacturers a {
 padding-left:30px;
 color: black;
 text-decoration:none;
}
.tyresManufacturersRight {
	padding-right: 13px;
	color: #5b6500;
}
.tyresManufacturersRight a {
	color: #5b6500;
}
#bottom_shadow {
	text-align: center;
	position: absolute;
	bottom: 0px;
	width: 100%;
}
#content {
	text-align: left;
}
#path {
	font-size: 11px;
	color: #999999;
}
#path a {
	color: #6DB700;
}
.coolTable {
	border: 1px solid #A0B300;
	width: 100%;
}
.coolTable .grayedOut {
	color: #777;
}
.coolTable td {
	background-color: #e9eec1;
	text-align: left;
	text-indent: 0px;
	padding: 3px;
	padding-right: 8px;
	padding-left: 8px;
	
}
.coolTable th {
	padding: 3px;
	color: #5a5a5a;
	background-color: #bfd500;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
}
.coolTable .subheader {
	background-color: #d3e15a;
	font-weight: bold;
	text-align: center;
	color: #5a5a5a;
}
.coolTable h2 {
	padding-top: 15px;
}
.coolTable a {
	color: #0b175d;
}

#collTableCompact td,  #collTableCompact th {
	font-size: 90%;
	padding: 3px;
}

#path hr {
	color: #E8E1B3;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#content p {
	text-indent: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	text-align: justify;
}
hr {
	border: 0px;
	color: #E8E1B3;
	background-color: #E8E1B3;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	height: 1px;
}
.sideNote {
	font-size: 87%;
	color: #6b703d;
	line-height: 150%;
	padding-right: 8px;
}
#content .sideNote p {
	text-align: left;
}
.sideNote a {
	color: #6b703d;
}
#calcResults th {
	font-size: 12px;
}
#calcResults td { text-align:center;}

.grayLinks {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8a8a8a;
}
#slogan {
	padding-bottom: 5px;
	padding-left: 23px;
}
.qSearchInput {
	border: 1px solid #c4db00;
	background-color: #f0f3d8;
	color: #848577;
	height: 17px;
	width: 280px;
	vertical-align: bottom;
	margin: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-size:12px;
}
.coolButton {
	background-image: url(action_button.gif);
	background-repeat: no-repeat;
	height: 32px;
	width: 196px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	color: #FFFFFF;
	font-size: 12px;
}


.qSearchSubmit {
	background-image: url(go.gif);
	height: 23px;
	width: 100px;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.form {
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
}
.sideNote p {
	padding-top: 0px;
	margin-top: 0px;
}
h2 {
	font-size: 130%;
	text-align: left;
}
.reviews {
	text-align: left;
}
.reviews p {
	margin-top: 0px;
	padding-top: 0px;
}
.footer {
	font-size: 11px;
}
.copyright {
	color: #8a8a8a;
	font-size: 11px;
}
.small {
	font-size: 75%
}

.copyright a {
	color: #8a8a8a;
}
.caclBaseType {
	font-size: 15px;
	color: #F0F3D8;
}
.caclBaseType select {
	height: 21px;
	width: 54px;
	background-image: url(select_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #FFFFFF;
}
.h2PlusComment {
	/*padding-top: 0px;
	margin-top: 0px;*/
	margin-bottom: 0px;
	padding-bottom: 0px;
}
p.h2PlusComment {
	color: #7f7f7f;
	margin-bottom: 15px;
	text-align: left;
}
/* Style spec's for tooltip  */
div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#e0ea7c; border:1px solid #929c00; 
  width:260px; padding:6px;
  color:black; font-size:11px; line-height:1.3;
}
.reviewFormInput {
	border: 1px solid #c4db00;
	background-color: #f0f3d8;
	color: #848577;
	height: 17px;
	width: 182px;
	vertical-align: bottom;
	margin: 0px;
	font-size:12px;
	padding-top: 4px;
	padding-left: 5px;
}
.reviewFormTextarea {
	border: 1px solid #c4db00;
	background-color: #f0f3d8;
	color: #848577;
	height: 110px;
	width: 90%;
	vertical-align: bottom;
	margin: 0px;
	font-size:12px;
	padding-top: 4px;
	padding-left: 5px;
}
#ReviewForm {
	color: #6b7600;
	display:none;
}
#ReviewForm p {
	margin-top: 0px;
	margin-bottom: 10px;
}
.ExtSearchText select {
	width: 100%;
	background-color: #e8e8e8;
	border: 1px solid #FFFFFF;
}
.ExtSearchGreenH {
	font-size: 140%;
	color: #778400;
}
.hrWhite {
	color: #FFFFFF;
	background-color: #FFFFFF;
}

.ExtSearchText {}

.ExtSearcMainPars {
	font-size: 140%; 
	color: #FFFFFF;}
.ExtSearchSortSelect {
	background-color: #ebebeb;
	border: 1px solid #FFFFFF;
	width: 120px;
	text-align: right;
}

.ExtSearchDop {
}
.ExtSearchDop input {
	background-color: #dce3a4;
	border: 1px solid #FFFFFF;
	width: 48px;
	font-size: 12px;
	height: 18px;
}
.ExtSearchDop select {
	background-color: #dce3a4;
	border: 1px solid #FFFFFF;
	width: 100px;
	font-size: 12px;
	height: 21px;
}
.caclBaseType {
	font-size: 15px;
	color: #F0F3D8;
}
.caclBaseType  select {
	height: 20px;
	width: 54px;
	border: 1px solid #FFFFFF;
	background-color: #ebebeb;
	font-size: 12px;
}
select {
	border: 1px solid #FFFFFF;
	width: 100px;
	font-size: 12px;
	height: 21px;
}

.ExtSearchResReviewLink {
	padding-bottom: 5px;
}
.ExtSearchResReviewLink a{
	font-size: 0.8em;
	color: #6e733e;
}
.ExtSearchResModel {
	font-size: 1.2em;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif;
	color: #000;
}
.ExtSearchResCount {
	font-size: 0.8em;
}
.ExtSearchResPrice {
	font-size: 1.4em;
	color: #8D9C00;
	font-weight: bold;
	margin-right: 5px;
}
.ExtSearchResPriceSign {
	font-size: 0.8em;
	color: #737942;
}
.PageNum, .PageNum a {
	font-size: 1.1em;
	color: #7A8800;
}




.ExtSearchResSize {
	font-size: 1.1em;
	padding-top: 5px;
}
.ExtSearchResIndexes {
	font-size: 0.9em;
}
.catalog a {
	font-size: 120%;
	color: #FFF;
}
/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

LAYOUT INFORMATION: describes box model, positioning, z-order

*******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: auto;
text-align:left;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
margin: 0;
padding: 0;
list-style-type: none;
position: relative;
cursor: pointer;
float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal table
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
/*width: 16em;*/
position: absolute;
left: -1000em;
}

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal table.MenuBarSubmenuVisible
{
left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal table li
{
width: 8.2em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal table ul
{
position: absolute;
margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal table.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
left: auto;
top: 0;
}

/*******************************************************************************

DESIGN INFORMATION: describes color scheme, borders, fonts

*******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal table
{
/*border: 0px solid #9ca92b;*/
}
ul.MenuBarHorizontal table a
{
padding-left:11px;
padding-top: 5px;
padding-bottom: 5px;
padding-right:11px;
}



/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
display: block;
cursor: pointer;
background-color: #bcc94b;
padding: 0em;
font-weight:bold;
color: #333;
text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
background-color: #d6de92;
color: #5a5d3d;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
background-color: White;
color: #FFF;
}

/*******************************************************************************

BROWSER HACKS: the hacks below should not be changed unless you are an expert

*******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
position: absolute;
z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
ul.MenuBarHorizontal li.MenuBarItemIE
{
display: inline;
f\loat: left;
background: #FFF;
}
}



/**************** jQuery UI styles ********************/

/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 0.8; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
* jQuery UI CSS Framework
*/


/* Component containers
----------------------------------*/
/*.ui-widget { font-family: segoe ui, Arial, sans-serif; font-size: 1.1em; }*/
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: segoe ui, Arial, sans-serif; font-size: 1em; }
/*.ui-widget-content { border: 1px solid #ACC000; background: #f5f3e5 url(south-street/ui-bg_highlight-hard_100_f5f3e5_1x100.png) 50% top repeat-x; color: #312e25; }*/
/*.ui-widget-content a { color: #312e25; }*/
/*.ui-widget-header { border: 1px solid #d4ccb0; background: #ece8da url(south-street/ui-bg_gloss-wave_100_ece8da_500x100.png) 50% 50% repeat-x; color: #433f38; font-weight: bold; }*/
.ui-widget-header a { color: #433f38; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #acc000; background-color: #BFD500; /*url(south-street/ui-bg_highlight-hard_15_459e00_1x100.png) 50% 50% repeat-x;*/ font-weight: none; color: #000000; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #333333; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #acc000; background-color: #d5e453; /*url(south-street/ui-bg_highlight-soft_25_67b021_1x100.png) 50% 50% repeat-x; */ font-weight: normal; color: #000000; }
.ui-state-hover a, .ui-state-hover a:hover { color: #000000; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #acc000; background: #fafaf4 url(south-street/ui-bg_highlight-hard_100_fafaf4_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #969f00; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #969f00; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #e8e1b5; background: #fcf0ba url(south-street/ui-bg_glass_55_fcf0ba_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #e3a345; background: #ffedad url(south-street/ui-bg_highlight-soft_95_ffedad_1x100.png) 50% top repeat-x; color: #cd5c0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd5c0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd5c0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; }
.ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.ui-corner-top { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.ui-corner-right {  -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.ui-corner-left { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
/*.ui-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }*/

/* Overlays */
.ui-widget-overlay { background: #2b2922 url(south-street/ui-bg_inset-soft_15_2b2922_1x100.png) 50% bottom repeat-x; opacity: .90;filter:Alpha(Opacity=90); }
.ui-widget-shadow { margin: -12px 0 0 -12px; padding: 12px; background: #cccccc url(south-street/ui-bg_highlight-hard_95_cccccc_1x100.png) 50% top repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

/* Tabs
----------------------------------*/
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .8em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.ui-tabs { padding: 0}
#tabs-content {
	border: 1px solid #ACC000;
}
.ui-widget-content .ui-state-active {
	background: white;
}