@media Screen    
{
html,body{ margin:0; padding:0; width: 100%; height: 100%; font-family: arial, sans-serif; color:#1f1f1f; text-align: center; background: white }
table{ width: 100%; padding: 0; margin:0; border-collapse: collapse }
/*++++++++++++++table-layout убрал++++++++++++++++*/
td,th{ padding: 0; margin:0; border-collapse: collapse; vertical-align: top }
img{ border:0 }
form{ margin: 0; padding:0; width: 100% }
textarea{ overflow: auto }
h1, h2, h3, h4, h5, h6, p, address{ margin:0; padding:0 }
ul{ font-size: 77% }
ol{ padding:10px 0 15px; margin:0 10px 0 40px  }
ol{ font-size: 77%; color:#a5a5a5 }
ol li{ padding: 3px 0; margin:0 }
a{ color:#668aff }
a:hover{ text-decoration: none; color:#f48a00 }

/*structures*/
.body{ background: white; margin: 0 auto; width: 964px; min-height: 100% }
.body .main{ width: 960px; margin: 0 auto; text-align: left; padding-bottom: 170px }

.column, .column-2, .column-3{ float: left; position: relative }
.column{ width: 240px; z-index: 2 }
.column-2{ width: 480px }
.column-3{ width: 720px; z-index: 1 }
.node, .node-1, .node-2, 
.node-3, .node-4{ position: relative; margin-bottom: 15px }
.node{ width: 220px }
.node-1{ width: 235px }
.node-2{ width: 203px; left: 5px; border: solid 1px #d4d4d4 }
.node-3{ width: 225px; left: 10px; padding: 20px 0 10px; background:#efefef }
.node-4{ width: 205px; left: 5px }
.node-5{ background:#efefef; padding-bottom: 15px; margin-bottom: 30px }
.node-6{ width: 220px; height: 220px; margin-bottom: 20px; position: relative }
/*add position relative for node-6*/
.node-7{ padding: 15px }

/*header*/
.logo{ margin-top: 30px; display: block }
.login{ position: relative; width: 100%; z-index:1; font-size: 77% }
.login .inner{ position: absolute; left: 240px; top: 14px }
.login .icon{ background: url('/img/login.gif') no-repeat right center; padding-right: 16px; margin-right: 38px }
.layout-0{ position: relative; z-index:0; width: 100% }
.layout-0 div{ position: absolute; background: url('/img/decor-0.gif') no-repeat; width: 195px; height: 90px; right: 109px; top: 26px }

.board{ position: relative; left: 5px; z-index:1; width: 557px; background: #ce0000 url('/img/board.gif'); margin: 48px 0 30px; min-height: 65px; font-size: 77% }
.board-inner{ padding: 15px 0 2px 18px }
.board .fields{ height: 28px }
.board .input{ width: 455px; vertical-align: middle; border: solid 2px #ccc; font-size: 13px; padding-top:2px; padding-bottom: 2px; font-weight: bold }
.board .submit{ vertical-align: middle; padding-top: 2px; padding-bottom: 2px }
.advice{ color:#cea9a9; margin: 2px 0 0 }
.advice a{ color: white; text-decoration: none; border-bottom: dashed 1px white }
.advice a:hover{ border-bottom: none; color: white }

.breadcrumb{ margin-bottom: 15px; padding-left: 245px; font: 70% tahoma; color: #b1a8a8 }
.breadcrumb *{ vertical-align: middle }
.breadcrumb .hr{ font-size: 13px; vertical-align: middle; color:#ce0000 }
.breadcrumb a{ color:#b1a8a8 }

.tool{ padding-left: 245px; padding-bottom: 15px }
.head-1, .head-2, .head-3{ color:#ce0000; font-size: 190%; line-height: 1.2em; font-weight: normal }
.head-1{ width: 350px; float: left }
.head-2{ padding: 0 20px 15px 245px }
.head-3{ padding: 0 260px 15px 245px }

.order{ float: right; width: 350px; padding-top: 13px; font-size: 77% }
.order .name{ float: left; padding: 2px 15px 2px 0 }
.order a{ color:#b1a8a8 }
.order .current a{ text-decoration: none; color:#383232 }
.insert-1{ float: left; padding-right: 15px }
.asc,.desc{ padding: 2px 0; padding-left: 22px }
.order .current{ float: left; background:#ebebeb url('/img/decor-2.gif') no-repeat right 0 }
.order .current .insert-2{ float: left; background:url('/img/decor-2.gif') no-repeat left bottom }
.order .current .asc{ float: left; background: url('/img/order.gif') no-repeat 10px -17px }
.order .current .desc{ float: left; background: url('/img/order.gif') no-repeat 10px 8px }

.global{ background:#f3f3f3 url('/img/bg-cat.gif') repeat-x left bottom; width: 100%; position: relative }
.global .inner{ background: url('/img/arr-cat.gif') no-repeat right bottom }
.global .head{ float: left; width: 100%; margin-right: -100% }
.global .head h2{ color:#ca0000; font-weight: bold; font-size: 90%; padding: 5px 70px 5px 5px }
.global .head h2 a{ color:#ca0000 }
.global img{ float: right }
.cat-list, .catlist li{ padding:0; margin:0; list-style: none }
.cat-list{ padding: 5px; font-size: 77%; padding-bottom: 10px }
.cat-list li{ color:#0393de; padding: 4px 0 }

/*inner styles*/
.line{ margin: 15px 15px 0; background: url('/img/line.gif') right bottom no-repeat }
.line h3{ width: 100%; font-size: 77%; border: none; margin:0; padding: 0 0 5px; background: url('/img/line.gif') left bottom no-repeat }
.node-3 .line, .node-5 .line{ margin: 0 25px 0 25px }
.node-3 .line h3, .node-5 .line h3{ font-size: 100%; font-weight: bold; color:#ce0000; line-height: 1em }
.node-5 .line{ width: 318px; margin: 0 15px; padding: 15px 0 0 }
/*+++++++++++++++++++++++++width:318px+++++++++++++++++++++++*/

.light{ position: relative; margin: 10px 0 -4px; padding: 0 0 4px 5px; background: url('/img/arr-head.gif') no-repeat left bottom }
.light h3{ padding: 3px 20px 4px; float: left; font-size: 77%; font-weight: bold; color: white; background:#ce0000 }
.node-2 .light{ left: -6px }
.node-3 .light{ width: 100%; background: url('/img/arr-head.gif') no-repeat left bottom; color:#f3b4b4; position: relative; left: -5px; padding:0; padding-bottom: 4px; margin-bottom: -3px }
.node-3 .light span{ background:#ce0000; display: block; padding: 4px 25px 4px; position: relative; left: 5px }
.node-3 .light em{ font-style: normal; color: white }
.node-3 ul,.node-3 li{ padding: 0; margin:0; list-style: none }
.node-3 ul{ color:#9f9f9f; padding: 10px 0 }
.node-3 li{ padding: 4px 25px 4px; line-height: 15px }
.node-3 strong{ font-weight: normal }
.node-3 strong a{ color:#ce0000 }

.nodes .node{ float: left; width: 115px; text-align: center }
.nodes .node .img{ height: 120px; width: 105px; overflow: hidden; margin: 0 auto; border: solid 1px #d5d5d5 }
.nodes .node .img img{ margin-top: 10px }
.nodes .node p{ width: 105px; overflow: hidden; margin: 0 auto; padding: 5px 0; font-size:77% }
.nodes .node b{ display: block; margin-top: 5px }
.nodes .node span{ color:#a19999 }
.break{ border-bottom: solid 1px #d5d5d5; position: relative; left: -10px; font-size: 77%; color:#d5d5d5; margin-bottom: 25px }

/*+++++++++++++++table-layout: fixed+++++++++++++++++*/
.card{ position: relative; overflow: hidden; padding-bottom: 5px; margin-bottom: 25px } 
.card table{ table-layout: fixed }
.card th{ border-bottom: solid 2px #c4c4c4; color:#cd0000; text-align: left; width: 50%; cursor: pointer }
.card .head{ border-bottom: solid 2px #ce0000 }
.card td{ border-bottom: solid 1px #e4e4e4; font-size: 77%; padding: 5px 30px 5px 0 }
.card .last{ border-bottom: solid 2px #c4c4c4; padding: 5px 30px 7px 0 }
.card .odd td{ background:#fbfbfb }
.card .name{ text-align: right; padding: 5px 45px 5px 0 }
.card .val{ padding-left: 45px }
/*add for hover*/
.card .hover td{ background: #eee }

.card .icons{ width: 16px; height: 16px; font-size:0; position: absolute; right:0; background: url('/img/icons.gif') 0 0 no-repeat }
.card .icon-1{ background-position: 0 0 }
.card .icon-2{ background-position: 0 -16px }

/*pager*/
.pager{ text-align: center; border-bottom: solid 2px #d5d5d5; margin-right: 20px; font-size: 80%; color:#0393de; margin-bottom: 20px }
.pages{ padding: 0 0 12px }
.pager a{ vertical-align: middle; padding: 0 5px 10px }
.pager span{ padding-bottom: 10px; vertical-align: middle }
.pager span a{ text-decoration: none; padding: 0; vertical-align: baseline }
.pager b{ vertical-align: middle; color:#181818; padding: 0 10px 10px }
.pager .current{ padding: 0 5px 10px; background: url('/img/order.gif') no-repeat center -8px }
.pager .arr{ font-size: 14px }

/*news style*/
.news{ margin-bottom: 20px }
.news p{ font-size: 77% }
.news a{ display: block; margin-bottom: 5px }
.news .date{ position: relative; left: -6px; padding-bottom: 5px; margin-bottom: 2px; background: url('/img/arr-news.gif') left bottom no-repeat }
.date span{ float: left; font-size: 77%; background:#ffb805; color: white; padding: 2px 6px }
.date small{ float: right; font: 70% tahoma; color:#a5a5a5 }

/*footer*/
.footer{ position: relative; width: 100%; text-align: left }
.footer .inner{ position: absolute; height: 60px; width: 100%; top:-60px; background: #f0f0f0 }
.footer .main{ width: 964px; height: 60px; margin:0 auto; background: #f0f0f0 url('/img/decor-1.gif') no-repeat 360px 0 }
.footer ul, .footer li{ margin:0; padding:0; list-style: none }
.footer .menu{ position: relative; width: 100% }
.footer .menu ul{ font-size: 77%; position: absolute; bottom:-4px }
.footer .menu li{ float: left; padding-bottom: 4px; background: url('/img/2px.gif') repeat-y left top }
.footer .menu li div{ padding: 3px 65px 18px 10px; border-left: solid 2px #dcdbdb }
.footer .menu li a{ color:#b1a8a8 }
.creator{ float: left; font-size: 77%; color:#7a7575; padding: 23px 0 0 170px }
.creator img{ position: absolute; top: 16px }
.copy{ float: left; font-size: 77%; color:#ffb401; padding: 23px 0 0 50px }

.clearfix:after { content: ".";	display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/*other*/
.red{ color:#ce0000 }

/*card*/
.shops{ font-size: 77%; width: 100%; margin-top: 5px; cursor: default }
.shops td{ padding: 4px 5px 4px 5px; white-space: nowrap; overflow: hidden }
.shops td.icon {width:16px;padding: 4px 5px 4px 15px;}
.shops td.icon img {width:16px;height:16px;}
.shops .current .cost{ color: white }
.shops .shop{ padding: 0; overflow: visible; white-space: normal }
/*+++ overflow: visible; white-space: normal ++++*/
.shops .in-cart{ padding-right: 10px }
/*+++++++++++добавлен in-cart+++++++++++++*/
.shops .shop a { float: left; padding: 4px 5px 8px 8px; margin-bottom: -4px; position: relative; left: -5px }
.shops .current .shop{ background:#ce0000 }
.shops .current .shop a{ color: white }
.shops .current .shop a0{ background: url('/img/arr-head.gif') no-repeat left bottom; color: white }
.shops .current td{ background:#ce0000 }
.shops .current td.icon { background:none; }
.shops .model { padding: 0; overflow: visible; white-space: normal }
.shops .model a {float: left; padding: 4px 5px 8px 8px; margin-bottom: -4px; position: relative; left: -5px}
.shops .current .model a { color:white }

/*card styles*/
.product{ padding-bottom: 30px }
.product p{ font-size: 77% }
.text .head{ width: 100%; font-size:100%; color:#cd0000; margin-bottom: 10px; border-bottom: solid 2px #cd0000 }
.column-left{ width: 345px; float: left; padding-top: 15px; position: relative }
.column-right{ width: 345px; float: right }
.node-6 .preview{ border: solid 1px #d3d3d3; position: absolute }
.node-6 .cache{ display: none; position: absolute }

/*23.10.09*/
.views{ margin: 0 20px 20px 0; border-top: solid 1px #d5d5d5 }
.views .view{ border-bottom: solid 1px #d5d5d5; padding: 15px }
.views .odd{ background: #efefef }
.views .img{ float: left; width: 100px; margin-right: -100% }
.views .img img{ border: solid 1px #d5d5d5; display: block }
.views .txt{ padding-left: 115px }
.views h2{ font-size: 14px }
.views h2 a{ color:#ce0000 }
.views p{ font-size: 77%; padding: 5px 0 }
.views p span{ color:#777 }

.stars, .stars li{ padding: 0; margin: 0; list-style: none }
/*удалил position: relative; left: 5px*/
.stars{ margin-top: 5px; width: 100px; height: 25px; background: url('/img/stars.gif') no-repeat -19px 0 }
/*position: relative; left: 3px*/
.stars li{ position: relative; left: 3px; float: left; width: 19px; height: 25px; background: url('/img/stars.gif') no-repeat left 0 }
.stars i{ display: none }
.stars .gold{ background-position: right 0 }
.stars .red{ background-position: right -50px }
.odd .stars{ background-position: -19px -25px }
.odd .stars li{ background-position: left -25px }
.odd .stars .gold{ background-position: right -25px }
.odd .stars .red{ background-position: right -50px }

.data{ font-size: 77%; margin-bottom: 30px }
.data th{ background:#ce0000; font-weight: normal; color: white; text-align: center; padding: 2px 10px }
.data .bg{ background: #c4c4c4 }
.data th, .data td{ border: solid 1px white }
.data td{ border-bottom: solid 1px #e4e4e4; padding: 3px 10px; color: black }
.data .last td{ border-bottom: solid 2px #c4c4c4 }

.balance div{ float: left; font-size: 12px }
.balance span{ font-weight: bold; color:#ce0000; display: block; padding-bottom: 5px }
.balance a{ float: right; font-size: 11px }

/*26.10.09*/
.offers{ width: 630px; margin: 0 0 30px 40px }
.offers .view{ float: left; margin-right: 10px }
.offers .border{ border: solid 1px #d3d3d3 }
.offers img{ display: block }
.offers p{ width: 100px; font-size: 77%; padding: 5px 0; text-align: center }
.offers span{ color:#a19999 }
.offers b{ line-height: 20px }
.nextPage, .prevPage{ width: 25px; height: 140px; float: left; margin-right: 10px; cursor: pointer }
.prevPage{ background: url('/img/clicker.gif') left top }
.nextPage{ background: url('/img/clicker.gif') right top }
.scrollable { float: left; position:relative; overflow:hidden; width: 560px; height:215px }
.scrollable .items { width:20000em; position:absolute }

.assess{ display: none; position: absolute; right: 4px }
.ok{ position: relative; display: block; top: -4px; width: 9px; height: 11px; background: url('/img/vote.gif') top; cursor: pointer }
.bad{ position: relative; display: block; top: -3px; width: 9px; height: 11px; background: url('/img/vote.gif') bottom; cursor: pointer }

.bg-slider{ margin: 10px 0 20px; text-align: center; background: #f6f6f6 url('/img/slider.gif') no-repeat }
.slider{ position: relative; width: 148px; margin: 0 auto; height: 14px }
.slider a{ outline: none; margin-left: -8px; position: absolute; top: -6px; height: 26px; width: 16px; background: #ebebeb url(/img/handler.gif) no-repeat left top; cursor: default }

/*23.11.2009*/

.info h1 {color:#ca0000; margin-bottom: 10px; font-size: 160%}
.info h2 {color:#ca0000; margin-bottom: 10px; font-size: 120%}

.info p {font-size:80%;margin:10px 10px 15px 0;}

.adform input {width:300px;}

/*model 21.03.2010 */

		.shops-ads a{ outline: 0 }
	
		.shops-ads{ padding: 10px 15px 0; position: relative; z-index:10 }
		.shops-ads table{ font-size: 77%; width: 100% }
		.shops-ads .icon{ padding-left: 7px }
		.shops-ads .icon img{ border: solid 1px white; background: white }
		.shops-ads .ico{ width: 18px; height: 18px; background: url('/img/marker.gif') no-repeat center 5px }
		.shops-ads .shop{ padding-left: 7px; width: 50px }
		.shops-ads .cost{ white-space: nowrap; padding-left: 7px }
		.shops-ads .model{ padding-left: 15px }
		.shops-ads .in-cart{ padding-left: 15px; padding-right: 7px; text-align: right }
		.shops-ads td{ padding: 10px 0 0 }
		.shops-ads .current td{ background: #CE0000; color: #FBEBEB }
		.shops-ads .current .cost{ color:#FFE400 }
		.shops-ads .current a{ color: #FFCCCC }
		
		.shops-ads .hr-minor td{ padding:0 }
		.shops-ads .hr-minor div{ font-size:0; height: 10px; border-bottom: 1px #CE0000 dashed  }
		.shops-ads .hr-major{ width: 100%; font-size:0; height: 10px; position: relative; border-bottom: dashed 1px #CE0000 }
		.shops-ads .hr-major-thin{ position: relative; font-size:0; border-bottom: solid 1px #CE0000 }
		
		.shops-ads .minor td{ border: none; padding: 0 }
		.shops-ads .outside{ position: relative; width: 100% }
		.shops-ads .inside{ display: none; width: 100%; position: absolute; top: -1px; background: #CE0000; padding: 10px 0 7px }
		.shops-ads .smooth-top{ margin: 0 7px; height: 5px; font-size:0; background: white url(/img/a-1.gif) no-repeat left top }
		.shops-ads .smooth-top div{ height: 5px; font-size:0; background: url(/img/a-2.gif) no-repeat right top }
		.shops-ads .smooth-bot{ margin: 0 7px; height: 5px; font-size:0; background: white url(/img/a-4.gif) no-repeat left top }
		.shops-ads .smooth-bot div{ height: 5px; font-size:0; background: url(/img/a-3.gif) no-repeat right top }
		.shops-ads .pop-offers{ background: white; margin: 0 7px; padding: 7px }
		
		.pop-offers *{ vertical-align: middle }
		.pop-offers ul, .pop-offers li{ padding:0; margin:0; list-style: none }
		.pop-offers ul{ font-size: 12px; padding: 5px 0 }
		.pop-offers li{ padding: 3px 20px; background: url(/img/marker.gif) no-repeat 10px 10px }
		
		.offer{ position: relative; width: 100% }
		.more-offers{ position: relative; width: 100%; overflow: hidden }
		.more-offers table{ position: absolute; width: 100% }
		
		.shops-ads .func{ text-decoration: none; color:#CE0000 }
		.shops-ads .func:hover{ color: #CE0000 }
		
		.shops-ads .more{ position: relative; font-size: 77%; padding: 10px 0 3px 32px; line-height: 12px }
		
		.offer, .more, .more-offers, .hr-major{ float: left }


}