* { margin: 0px; padding: 0px; }
html { height: 100%; }
body { height: 100%; font: 11px Arial, sans-serif; color: #545463; min-width: 1000px; }

dxiv { border: 1px dashed lime; }

h1 { }
	h1.graphic { height: 23px; margin: 0 0 14px 0; }
		h1.graphic span { display: none; }
		h1.h1-prices { background: url(../images/h1_prices.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/h1_prices.png',sizingMethod='crop'); }
		h1.h1-contacts { background: url(../images/h1_contacts.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/h1_contacts.png',sizingMethod='crop'); }
h2 { font: 11px Arial, sans-serif; margin: 0 0 12px 0; text-transform: uppercase; }
	h2.small { margin: 0 0 6px 0; }

table { width: 100%; border-collapse: collapse; }
		
.silver { font: 10px Arial, sans-serif; color: #A9A9B1; }
.blue { color: #0B4CDC; }
	em.blue { font: 14px Arial, sans-serif; color: #0B4CDC; font-style: normal; }
	.remark .blue { font: 15px Arial, sans-serif; }
.pink { font: 8px Arial, sans-serif; color: #ED008C; }

.content p { margin: 0 0 12px 0; }
	.content p.margin { margin: 0 0 9px 0; }
	.content p.zero { margin: 0px; }

.cleaner { clear: both; height: 0px; //overflow: hidden; }

small { display: block; font: 10px Arial, sans-serif; }
small.tight {  }
	
a { color: #0B4CDC; outline: none; //cursor: pointer; }
	a img { border: 0px; }
	a:hover { color: #777; }
.footer2 a { position: relative; color: #0B4CDC; text-decoration: none; border-bottom: 1px solid #ED008C; }
	.footer2 a:hover { color: #ED008C; text-decoration: none; border-bottom: 1px solid #0B4CDC; }

.outer { position: relative; z-index: 1; height: auto !important; height: 100%; min-height: 100%; background: url(../images/back.jpg) 50% 0 no-repeat; }
	.wrapper { width: 1000px; margin: 0 auto 0 auto; }
		.header { position: relative; height: 300px; }
			.logo { position: absolute; left: 90px; top: 132px; width: 756px;/*background: url(../images/logo.png) no-repeat; /*_background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png',sizingMethod='crop'); */}
			.logo {font: 20px arial; color: #0b4cdc;}
			.logo span {font-size: 28px;}
			.phones { position: absolute; left: 71px; top: 55px; width: 122px; height: 23px; background: url(../images/phones.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/phones.png',sizingMethod='crop'); }
			.route { position: absolute; left: 839px; top: 53px; white-space: nowrap}
			.route .arrow-link {padding-top: 0px;}
			.timetable {position: absolute; left: 839px; top: 73px; white-space: nowrap}
				.arrow-link { position: relative; left: -18px; padding: 2px 0 0 18px; height: 12px; width: 100px; background: url(../images/arrow_small.png) no-repeat left center; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/arrow_small.png',sizingMethod='crop'); }
					.glass .arrow-link { top: -2px; }
				.big-arrow-link { position: relative; left: -28px; padding: 5px 0 0 28px; height: 28px; width: 200px; background: url(../images/arrow_big.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/arrow_big.png',sizingMethod='crop'); }
				* html .big-arrow-link {padding-left: 28px;}
				* html .big-arrow-link a {margin-left: 28px}
					.glass .big-arrow-link { top: -5px; }
					.route a,
					.timetable a {color:#646464; text-decoration: none; font-size: 11px; font-weight: 600}

.content { width: 900px; margin: 0 auto; min-height: 1375px}
div.menu {margin-top: 60px; margin-bottom: 130px}
td.menu div.menu {margin-bottom: 0px}
.menu.menux {margin-left: 50px; margin-top: 40px}
div.menu div {background: url(../images/arrow_small.png) no-repeat left center; padding-left: 15px; margin-bottom: 50px; margin-left: 40px}
.menu.menux div {margin-bottom: 15px}
.menu a {font: 16px arial; font-weight: 600;  color: #646464; text-decoration: none; }
.menu a:hover {border-bottom: 1px solid #ed008c}

.shop-link {position: absolute; margin-left: 700px; font: 16px arial; background: url(../images/arrow_big.png) no-repeat left top; padding-left: 25px;}
.training-link {position: absolute; margin-left: 450px; margin-top: 200px; font: 16px arial; background: url(../images/arrow_big.png) no-repeat left top; padding-left: 25px;}
.learning-link {position: absolute; margin-left: 220px; margin-top: 390px; font: 16px arial; background: url(../images/arrow_big.png) no-repeat left top; padding-left: 25px;}
.shop-link a,
.training-link a,
.learning-link a {font: 24px arial; text-decoration: none; color: #646464}
.shop-link a.underlined:hover,
.training-link a.underlined:hover,
.learning-link a.underlined:hover,
.route a:hover,
.timetable a:hover {border-bottom: 1px solid #ed008c}
.shop-link a img,
.training-link a img,
.learning-link a img {display: block; margin-top: 10px}
		
.news-imp {margin-top: -405px; margin-bottom: 700px; padding-left: 240px}
.news-imp span.name a {font: bold 16px arial; color: #646464; text-decoration: none}
.news-imp span.name a:hover {border-bottom: 1px solid #ed008c}
.news-imp td {font: 14px arial}

.content2 {min-height: 300px}
.content2 .news-imp {margin-top: 0; margin-bottom: 300px; padding-left: 90px}
 .logo a {text-decoration: none;}
.logo a:hover {border-bottom: 1px solid #ed008c; color: #0b4cdc}
.logo a.img:hover {border-width: 0px}

			.contacts { position: absolute; width: 130px; margin-top: -640px; margin-left: 800px; font: 12px Arial, sans-serif; color: #545463; }
				.contacts p { margin: 0 0 14px 0; }

.footer { min-width: 1000px; width: expression(document.body.clientWidth < 1001 ? "1000px" : "auto"); height: 808px; margin: -808px 0 0 0; background: url(../images/route.png) 50% 200px no-repeat; color: #545463; }

.footer2 { position: relative; z-index: 2; height: 208px; margin: -208px 0 0 0; }
	.footer-wrapper { position: relative; width: 1000px; height: 208px; margin: 0 auto; }
		.footer a#route { position: absolute; left: 0px; top: 400px; }
		.copyright { position: absolute; left: 300px; top: 138px; font: 9px Arial, sans-serif; }
			.copyright strong { font: bold 11px Arial, sans-serif; }
		.credits { position: absolute; left: 720px; top: 138px; height: 30px; font: 11px Arial, sans-serif; }
		.footer3 { position: absolute; left: -92px; top: -600px; width: 295px; height: 200px; background: url(../images/footer3.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/footer3.png',sizingMethod='crop'); }

.bottom.content .menu {display: none; position: absolute; margin-top: 70px; z-index: 150}
.bottom.content .menu a {display: block; width: 150px; height: 15px; overflow: hidden; white-space: nowrap}
.bottom.content .menu i.fade {display: block; position: absolute; background: transparent url(/test/images/fade.png) no-repeat left top; width: 25px; height: 50px; margin-left: 125px; z-index: 100;}
.bottom.content .menu.shown {display: block}
.hidden {display: none}
.bottom.content .middle2-wrapper {padding: 45px 28px 0px 170px; width: 620px;}
.bottom.content .middle2-wrapper.photos {padding-left: 0px; width: 715px;}
.bottom.content {min-height: 200px; margin-top: 25px; margin-bottom: 30px}
.bottom.content .level1 {}
.bottom.content .level2 {margin-left: 5px}
.bottom.content .level3 {margin-left: 11px}
.bottom.content .scroll {width: 720px; height: 120px; margin-left: 0px}
.bottom.content .middle2-content {height: 510px}
.bottom.content .middle2-wrapper.photos .middle2-content {height: 660px}
.bottom.content i.fade {}
.bottom.content .right2 .glass-wrapper {min-height: 150px; margin-bottom: 60px}
.bottom.content .right2 .prev {width: 750px;}
.bottom.content .right2 {margin-top: 0px; float: right; width: 769px}
.bottom.content .left {width: 130px}
.bottom.content .glass {height: 600px}
.bottom.content .title {font-size: 24px}
.bottom.content div.h1 {left: 0px}
.bottom.content .big-arrow-link {background: none; padding: 0px; }
.bottom.content .arrow-link {padding: 0px 0px 0px 18px; background: transparent url(../images/arrow_small.png) no-repeat scroll left 2px; height: 14px}
.bottom.content .view {width: 600px}
.bottom.content .view .photo {height: 400px}
.bottom.content .glass.tall {height: 800px}
.bottom.content .scroller {height: 120px}
.bottom.content .scroll ul li span {width: 100px; background-repeat: repeat}
.bottom.content .arrow-left ,
.bottom.content .arrow-right{top: 186px}
/*.bottom.content .middle2-content {overflow: none; height: auto}*/
.bottom.content .menus.n1 {margin-top: 62px}
.bottom.content .menu a.selected {color: #ED008C; font-weight: bold}
div.bottom.content div.prev p,
div.bottom.content div.prev img {cursor: pointer}

.bottom.content .menu a img,
.bottom.content .menu a.selected img.active {display: inline}
.bottom.content .menu a img.active,
.bottom.content .menu a.selected img {display: none}
.bottom.content .details {height: 100px; padding-left: 15px}
.bottom.content .details p {margin: 0px}

.activetrip {position: absolute; margin-left: 450px; width: 140px; margin-top: 195px; text-align: left}
* html .activetrip {margin-left: 220px; margin-top: 100px}
.activetrip a,
.activetrip a:visited,
.activetrip a:hover {text-decoration: none; color: #0B4CDC}
.footer.pss {margin-top: 0px}

.bottom.head {height: 300px; background: url(/test/images/back2.jpg) no-repeat left top}
.bottom.head .logo {top: 100px}
.contacts.pss {position: absolute; margin: 100px 0 0 700px}

.new-special {position: absolute; margin-left: -100px; margin-top: -220px}
.new-special a {text-decoration: none; color: #545463; font-size: 16px}
.new-special a span {font-size: 22px; color: #ED008C}
.new-special a span.s {font-size: 12px; color: #545463}

span.colored {color: #ED008C}

.fitness_ad_outer {position: absolute; margin-left: -200px; margin-top: 90px; }
.fitness_ad {height: 200px; width: 375px; font-size: 14px; text-align: justify; padding-right: 15px}
.arr2 {background: url(../images/arrow_big.png) no-repeat left 5px; padding: 5px 0px 0px 28px; height: 30px; margin-bottom: 10px; font-size: 24px}

.footer a.map {position: absolute; z-index: 100; margin-top: 600px; margin-left: 50%}

.timetable2 {position: relative; left: 280px; font: 14px arial; top: 50px; width: 400px}

.footer.footerx {margin-top: -100px}
.contacts.contactsx {margin-top: 00px}

@-moz-document domain(carvecenter.ru){
 .footer {margin-top: -300px} 
 .contacts {margin-top: -140px;}
}

td.menu {width: 300px}
td.price {width: 500px}

.prices2 {border-collapse: collapse; width: 450px}
			.prices2 td {font-size: 14px}

			.prices2 .croos {position: absolute; background: url(/test/images/cross.png) no-repeat left top; width: 25px; height: 14px; z-index: 100; margin-left: 60px}
			* html .prices2 .croos {margin-left: 0px}
			.prices2 .croos.three {margin-left: 62px}
			.prices2 .croos.five {margin-left: 57px}
			.prices2 tr.head td {font-size: 16px; padding-bottom: 3px; border-bottom: 1px solid #a9a9b1}
			.prices2 tr.head td.one {width: 100px;}
			.prices2 tr.head td.two {width: 175px}
			.prices2 tr.head td.three {width: 125px}
			.prices2 tr.string td {padding-top: 5px}
			.prices2 tr.string td.one {}
			.prices2 tr.string td.two {}
			.prices2 tr.string td.three,
			.prices2 tr.last td.three {font-size: 11px}
			.prices2 td.two {text-align: center}
			.prices2 tr.last {}
			.prices2 tr.last td {padding-bottom: 30px; border-top: 1px solid #a9a9b1}
			.prices2 tr.head1 td.ab_lesson {padding-bottom: 15px; background: url(/test/images/ab_lessons.png) no-repeat left top}
			.prices2 tr.head1 td.ab_time {padding-bottom: 15px; background: url(/test/images/ab_time.png) no-repeat left top}
			.prices2 tr.head1 td.ab_prices {padding-bottom: 15px; background: url(/test/images/ab_prices.png) no-repeat left top}
			.prices2 tr.string.last1 td {padding-bottom: 3px}
			.prices2 span {color: #ed008c}

td.text div {padding: 0px 40px 0px 150px; text-align: justify; font-size: 16px}
td.text div p {margin-bottom: 10px; text-indent: 25px}
td.text div h1 {font: 28px arial; margin-bottom: 15px; margin-top: 20px}
td.text div h2 {font: bold 16px arial; text-transform: none; margin-top: 16px}

.content3 {margin: 0px auto; width: 900px; font: 16px arial; margin-bottom: 100px}
.content3 p {margin: 10px 0px; text-align: justify; text-indent: 15px}
.content3 p.unindented {text-indent: 0px}
.content3 ul {margin-left: 30px}
.content3 p, 
.content3 ul, 
.content3 li, 
.content3 td {font: 16px arial}
.content3 h1 {margin: 15px 0px 20px 0px}

   .prices {border-collapse: collapse}
   .prices tr.bd td {border-top: 1px solid #a9a9b1; padding-top: 5px}
   .prices tr.bp td {padding-bottom: 5px}
   .prices tr.bb td {border-bottom: 1px solid #a9a9b1}
   .prices tr.bl td {height: 30px; vertical-align: top}
   .prices td.comment {font-size: 75%; color: #545463}
   .prices span {color: #ed008c;}


   .newsx {width: 900px; margin: 0px auto}

div.shop {padding: 40px 10px 0px 100px; margin-top: -80px; margin-bottom: 100px; width: 890px; margin-bottom: 100px}
div.shop h3 {font: 24px georgia; color: #000; text-align: center; margin-bottom: 30px; padding-left: 120px}
div.shop .img {width: 220px}
div.shop a.name {font-size: 24px; text-decoration: none; display: block; text-align: left}
div.shop .text {padding-right: 30px; padding-bottom: 50px; font-size: 12px; text-align: justify; width: 450px}
div.shop .text.text2 {padding-right: 0px}
div.shop div.bread {margin-top: -20px; margin-bottom: 20px}
div.shop .pages {text-align: center; font: 18px georgia; padding-left: 120px}
div.shop .pages a {font: 18px georgia; text-decoration: none}
div.shop .pages a.selected {color: #ed008c}
div.shop .pages.top {margin-top: -40px; margin-bottom: 25px}
div.shop .price {padding:0; margin:0; font: bold 14px arial; color: #000; margin-bottom: 5px}
div.shop .good {width: 75%; }
div.shop .tech {width: 420px; text-align: justify;}
div.shop .good .buy{margin-right: 20px}

div.shop.shop_t {padding-left: 20px}
div.shop.shop_t div.bread {padding-left: 80px}
table.shop div.tech {display: none}
table.shop.shop_t {width: 100px}
table.shop.shop_t .img {width: 150px;}
table.shop.shop_t .img-outer {margin-bottom: 20px; padding: 0}
table.shop.shop_t .img img {}
table.shop.shop_t .text {width: 350px; padding: 0}
td.text div.buy,
div.buy {float: right; width: 36px; padding: 0; }

table.filters {margin-left: 70px}
table.filters td {width: 210px}
table.filters .filter {width: 190px; background: url(/test/img/icons/down.png) no-repeat right center; padding: 3px 5px; cursor: pointer; font: bold 14px georgia; border: 1px solid #0B4CDC}
table.filters .filter-content {width: 200px; position: absolute; border: 1px dashed #0B4CDC; margin-left: -6px; margin-top: 3px; z-index: 100; background: #fff}
table.filters .filter-content a {display: block; padding: 3px 5px;}
table.filters .filter-content a:hover {background: #eee}
table.filters .filter-content.active {display: block}

table.order {width: 330px}
table.order td {padding: 2px}
table.params {width: auto}

.good {padding: 10px}
.good .img {float: right}
.o2-outer {padding-left: 100px; min-height: 600px}
.o2 .tech {margin: 10px; margin-left: 20px}
.o2 .err {color: red; font: bold 14px georgia}
.goodpic {text-align: center}
.good .descr {padding-left: 10px; margin-bottom: 15px}
.o2 .name {font-size: 24px; margin-left:20px}
.o2 .descr {padding-left: 30px}
.o2 .good {width: 500px}
.o2-outer.short {min-height: 300px}
.o2 .left {width: 400px}
.shop .empty {font-size: 24px; padding-left: 50px; color: #0B4CDC}
.shop .text ul li {margin-left: 2em}