@charset "windows-1251";
/* CSS Document  02.04.2009 - 2009 gap */
/**//**/
.emptyclass4Chrome{}	/*	Хром не хочет читать первую строку CSS, не понимает кодировку	*/
.copyright,.error,.example,.issue,.note,.search,.warning{/* - зарезервированные классы HTML5, не использовать*/}
header,section,footer,menu,nav,article{/* - зарезервированные теги HTML5, не использовать для привязки стилей до ухода IE6*/}
html{width:100%;height:100%}
*{border:0px none;margin:0;padding:0;}
*+html{border:0px none;margin:0;padding:0;}

/* *{border:0px none;margin:0;padding:0;text-shadow:#000 0 0}
*+html{border:0px none;margin:0;padding:0;text-shadow:#000 0 0}
*/
* html body{font-size:80%}
*+html body{font-size:80%}
img{margin:0;padding:0; border:0px none}
body{font:84% Arial,Helvetica,sans-serif;text-align:center}
input, .tc{text-align:center}
button,.box012,.box013{cursor:hand;cursor:pointer}
#dom{margin:0 auto;width:990px}
.page{height:auto;width:990px;color:#433;background:#FFF;border:1px solid #bbb;}
#banTop{height:90px;margin:0 10px}


/* Раскраска ссылок для тёмного фона	*/
a:link{color:#FFF;text-decoration:none}
a:focus,button:focus{color:#F96;outline:0px none}
a:visited{text-decoration:none;color:#FFF}
a:hover{text-decoration:underline;color:#fcff18}
a:active,button:active{text-decoration:none;color:#F63;outline:0px none}

/* Раскраска ссылок для светлого фона	*/
.drk a:link{color:#c00000;text-decoration:none}
.drk a:focus,.drk button:focus{color:#843;outline:0px none}
.drk a:visited{text-decoration:none;color:#c00000}
.drk a:hover{text-decoration:underline;color:#870}
.drk a:active,.drk button:active{text-decoration:none;color:#863;outline:0px none}

h1,h2,h3,h4,h5,h6,legend,box003,#mnu1,#mnu2{font-family:Arial,Helvetica,sans-serif}
h1{font-size:22pt}
h2{font-size:18pt}
h3{font-size:16pt}
h4{font-size:14pt}
h5{font-size:12pt}
h6{font-size:10pt}

/* .sf0,.sf1,.sf2,.sf3,.sf4,.sf5,.sf6,.sf7,.sf8,.sf9,.sf10,.sf11,.sf12,.sf13,.sf14,.sf15,.sf16, */
.sf17,.sf18,.sf19,.sf20,.sf21,.sf22,.sf23,.sf24,.sf25,.sf26,.sf27,.sf28 /* ,.sf29,.sf30,.sf31 */{font-family: Verdana, Helvetica, sans-serif}

/*
.sf0{font-size:19pt;font-weight:bold}
.sf1{font-size:21pt;}
.sf2{font-size:18pt;font-weight:bold}
.sf3{font-size:20pt}
.sf4{font-size:17pt;font-weight:bold}
.sf5{font-size:19pt}
.sf6{font-size:16pt;font-weight:bold}
.sf7{font-size:18pt}
.sf8{font-size:15pt;font-weight:bold}
.sf9{font-size:17pt}
.sf10{font-size:14pt;font-weight:bold}
.sf11{font-size:16pt}
.sf12{font-size:13pt;font-weight:bold}
.sf13{font-size:15pt}
.sf14{font-size:12pt;font-weight:bold}
.sf15{font-size:14pt}
.sf16{font-size:11pt;font-weight:bold}
*/

/* Классы равномерного нарастания размеров и плотности текста именно для Verdanа family font, там всё сложно, тестировал долго.
Для другого фонта не подойдут!
Для облака тэгов используется диапазон размеров .sf17 - .sf29 Остальные стилевые классы .sfXX можно потереть. (gap)
*/

.tagovo .sf17{font-size:13pt}
.tagovo .sf18{font-size:10pt;font-weight:bold}
.tagovo .sf19{font-size:12pt}
.tagovo .sf20{font-size:9pt;font-weight:bold}
.tagovo .sf21{font-size:11pt}
.tagovo .sf22{font-size:8pt;font-weight:bold}
.tagovo .sf23{font-size:10pt}
.tagovo .sf24{font-size:7pt;font-weight:bold}
.tagovo .sf25{font-size:9pt}
.tagovo .sf26{font-size:6pt;font-weight:bold}
.tagovo .sf27{font-size:8pt}
.tagovo .sf28{font-size:5pt;font-weight:bold}
.tagovo .sf29{font-size:7pt}

/*
.sf30{font-size:4pt;font-weight:bold}
.sf31{font-size:6pt}
.sf32{font-size:3pt;font-weight:bold}
*/

/*  Ниже: Министили, используются для приписывания к другим стилевым классам. (gap)	*/
.tl{text-align:left}
.tr{text-align:right}
.tj{text-align:justify}
.fl{float:left}
.fr{float:right}
.fli img{float:left}	/* - для блоков содержащих статичные картинки		*/
.fri img{float:right}	/*	(флоатинг удаляет 3-х пиксельный нижний падинг у картинки!)	*/
.clr{clear:both;height:0;font-size:1px;line-height:0px}
.pr{position:relative}
.pa{position:absolute}
.o{overflow:hidden}
/*
	Все стили выше этого коммента универсальны и глобальны, и не должны изменятся
	для изменения стилей всего сайта и постраничных стилей. (gap)
*/

#lag,#jur,#banTop{overflow:hidden}
#nav1,#logop,#mnu1{clear:both}

#nav1{font:9pt/36px normal Arial, Helvetica, sans-serif;color:#FFF;margin:0 150px 0 22px}
#nav1 a{margin:0 10px}
#nav1 a:hover{text-decoration:underline}
#nav1 span+span{font-weight:bold}	/* - IE6 not support previous and next exclamer, but I'll ignored it. (gap)
	#nav1 span[class="fr"] {}
	*/
#logop{clear:both;position:relative;text-align:left;margin:0 11px 3px 30px;height:88px}
.search1{margin:22px 20px 0;width:300px;font-size:9pt}
.search1 legend{color:#fee;clear:both; margin:2px 0;//margin-left:-5px}
.search1 input{color:#733;width:202px;height:18px;background:transparent url(http://www.cosmoshopping.ru/design/may2009/img/bgInpSear.png) no-repeat scroll 0 0;padding:2px 0 4px;line-height:22px;font-size:14px;vertical-align:bottom; margin:2px 0 8px}
.search1 button{background:transparent url(http://www.cosmoshopping.ru/design/may2009/img/butSear1.png) no-repeat scroll 0 -46px;width:38px;height:28px;margin:6px 4px}
.search2{width:320px;height:110px;float:left;background:url(http://www.cosmoshopping.ru/design/may2009/img/bgMapShop.png) no-repeat scroll 0 0}
.search2 fieldset{position:relative;top:34px;padding:12px}
.search2 input{color:#827;width:198px;height:24px;background:transparent url(http://www.cosmoshopping.ru/design/may2009/img/bgShInp.png) no-repeat scroll 0 0;padding:2px 0 4px;line-height:17px;font-size:14px;vertical-align:bottom}
.search2 button{background:transparent url(http://www.cosmoshopping.ru/design/may2009/img/bgSrBu2.png) no-repeat scroll 0 0;width:86px;height:24px;padding-left:24px;color:#FFFFFF;line-height:22px;margin:0 0 6px 8px;//margin:1px 0 5px 8px}

#lag{background:#fff;width:240px;height:58px;float:right;margin:12px 0 0 0;font-size:8pt;padding:4px}
#lag a{display:block;margin-bottom:18px;color:#c00000}
#lag a:hover{color:#700}
#jur{position:absolute;left:827px;top:-34px;background:#c40f0f;z-index:200;padding:2px}

#ram{background:white;padding:10px 10px 1px 0px}
#sup{//padding-bottom:1px}
#sup{text-align:left;}

#sup{text-align:left;}


#sup a:link{color:#c00000;text-decoration:none}
#sup a:focus,.drk button:focus{color:#843;outline:0px none}
#sup a:visited{text-decoration:none;color:#c00000}
#sup a:hover{text-decoration:underline;color:#870}
#sup a:active,.drk button:active{text-decoration:none;color:#863;outline:0px none}

/*	Супер хак для IE, есть более жёсткий вариант - поставить height:1px, но тут уж экранировать от других бр. обязательно.	*/
#foot{float:left;width:100%;background:#FFF;}
.headset,.headset1,.headset2,.headset3{height:26px;overflow:hidden}
.headset{background:url(http://www.cosmoshopping.ru/design/may2009/img/headset.png) no-repeat scroll 0 10px}
.headset1{background:url(http://www.cosmoshopping.ru/design/may2009/img/headset1.png) no-repeat scroll 0 10px;border-bottom:1px solid #d0d0d0}
.headset3{background:url(http://www.cosmoshopping.ru/design/may2009/img/headset4.png) no-repeat scroll 0 0 }
.headset2{background:#fff url(http://www.cosmoshopping.ru/design/may2009/img/headset3.png) no-repeat scroll 0 2px}
.headset h3,.headset1 h3,.headset2 h3,.headset3 h3,.box019 legend{display:none}
#anons .headset1{background-position:0 -527px}
.box010 .headset1{background-position:0 -284px; position:relative; top:-5px}

#mnu1,#mnu2,#mnu3,#mnu4,#mnu5, .mnuBG{background:darkred url(http://www.cosmoshopping.ru/design/may2009/img/bgmnu.png) repeat-x scroll 0 0}
#mnu1{height:42px;font-size:15px}
#mnu1 img{margin:6px 0}
#mnu2,#mnu3{height:38px;font-size:12px;background-position:0 -3px;clear:both}
#mnu2 img{margin:4px 0}
#mnu1 a,#mnu2 a{padding:8px 10px}
#mnu1 img,#mnu2 img{float:left;height:28px;width:1px}
#mnu1 a,#mnu2 a{display:block;float:left;margin:4px 0}
#mnu1 a:hover,#mnu2 a:hover{text-decoration:none}
#mnu1 a.act,#mnu2 a.act{background:url(http://www.cosmoshopping.ru/design/may2009/img/top_menu_selected_bg.gif) repeat-x center center}
#mnu1 a.act:hover,#mnu2 a.act:hover, .mnuBG a.act:hover, .mnuBG a.act:hover{color:#fff}
.mnuBG a, .mnuBG a:hover{color:#fff}
#mnu3 a{display:block;float:left;margin:4px;padding-top:5px;width:200px;//padding-top:3px}
#mnu3 img.gmi{float:left;margin:3px;height:28px;width:1px}
#mnu3 a img{vertical-align:middle;margin-right:7px}
#mnu3 a:hover{text-decoration:none}
#mnu4,#mnu5{height:30px;background-position:0 -7px;font:12px/30px Arial}
#mnu4{position:absolute;width:120%;bottom:0;left:0;border-top:1px solid #f890b4}
#mnu4 a{display:block;float:left;width:138px;margin:0 4px}
#mnu4 img{float:left;height:28px;width:1px}
#mnu5{width:120%}
#mnu5 a{font:18px/28px Arial,Helvetica,sans-serif;display:block;float:left;width:98px;height:30px}
#mnu5 .active{background:transparent url(http://www.cosmoshopping.ru/design/may2009/img/bgmarkmenu.png) repeat-x scroll 0 -4px;color:#C00000}
#mnu6{float:left;width:401px;height:28px;background-color:red}
/*	Ниже: Стили блоков лучше именовать boxXXX, по номерам легче искать. (gap)	*/
.box001{width:220px;padding:0px 0 0 10px}
.box001 img{margin:7px 6px 9px 0}
.box002{width:750px;margin-top:12px}
.box003{margin:18px 6px 6px 0;padding-left:20px}
.box003 a{display:block;font-size:12px;float:left;width:165px;margin-right:10px}
.box003 p{font-size:11px;padding:18px 0}
/*
	Все стили выше этого коммента глобальны для всего сайта, и не должны изменяться
	для изменения постраничных стилей. (gap) 
*/

/*	Первая страница - I! /главная/		*/

/* 	
	схемка вложенности - .wrapXX > .boxXXX > .contXXX
	.cont	- Не уникальный контент, блок - первый "дочерний" для boxXXX, к нему привязываются все внутри-блочные
				стили и	плавающая картинка бакграунда. Не устанавливать высоту в 100%,
				размер его тянется по размеру содержимого или фиксируется..
	.contХХХ- По необходимости. Иденитфицирует уникальный контент блока - первой "дочки" от boxXXX.
	.boxХХХ	- Здесь задаётся геометрия блока, картинка бакграунда точно фиксируется по нижнему краю блока в IE, например.
				Позишн релатив и пр. устанавливать в нём.
				Если нужен ещё один бакграунд или фон, то ставиться внутрь, первым дочерним элементом,
				ещё один блок с высотой = 100%.
	.wrapХХ	- Это обёртка отвечающая за внешние оступы блока и его "плавание" и оверфловинг, и больше !ничего!.
				Основное правило для блоков .wrap выравненных влево - маржинг энд паддинг задаётся справа,
				и наоборот для выравненных вправо.	
	.holdXX	- Защита от долгозагружаемых баннеров, если баннер грузиться после отрисовки страницы, холдер держит место,
				вёрстка соответственно не дёргается.
*/
.cont{}	/*	холостой контейнер	*/
.cont001 {background-color:#eee}
.cont002 {width:33%;float:left;height:120pt;overflow:hidden;margin:1px; text-align:left;position:relative}
.cont002 h5{color:#c00000;font:bold 11pt/16pt Arial;margin:7pt 0}
.cont002 img{width:120px;float:left}
.cont002 .wrap18{margin:0 5pt 50pt 0;float:left}
.cont002 p{font-size:8pt;padding:19pt 10pt 0 0}
.cont003{width:630px;height:80px;float:right;margin:4px 0;padding-right:10px;overflow:hidden}
.cont003 a{float:left;line-height:1em;padding:0 .2em;display:block;color:#c00000}
.cont004 sub,.cont002 sub{position:absolute;bottom:0;font:10px Arial,"Courier New",Courier,monospace;padding:4pt;//font-size:11px}
.cont004 sub,.cont004 button{right:0}
.cont002 sub,.cont002 button{position:absolute;right:9pt}
.cont004 button,.cont002 button,.box020 button,.box036 button{height:13px;color:#FFFFFF;font:bold 9px/13px Arial,Verdana,Helvetica;white-space:nowrap;width:100px;background:darkred url(http://www.cosmoshopping.ru/design/may2009/img/bgmnu.png) repeat-x scroll 0 -16px;overflow:hidden}
.cont010{color:#c00000;font:bold  14px/26px Arial,Verdana,Helvetica,sans-serif;padding:1em;text-transform:uppercase}
.cont010 a{display:block}
.cont011{padding-bottom:1ex}
.cont011 p{margin-right:250px;padding-top:.5em;color:#333333;font:12px/14px Verdana,Arial,Helvetica,sans-serif;text-indent:4px}
.cont011 h5{color:#d14444;margin:20px 200px 0 0; line-height:1em}
.cont011 sub{font:10px Arial,"Courier New",Courier,monospace;padding:4pt;//font-size:11px}
.cont012 {padding:0 20px 30px;font:12px/13px Verdana,Helvetica,sans-serif;color:#333333; margin-left:110px}
.cont012 h5{color:#c00000;font-size:17px;margin-bottom:4px}
.cont013{width:216px;float:left;overflow:hidden;text-align:left;height:120pt;margin:0 3px 3px 0;border:1px solid #ddd; font:10px/12px Verdana,Helvetica,sans-serif;position:relative}
.cont013 a.h6{text-align:center;color:#c00000;text-decoration:underline;margin:6px 0;display:block;font-weight:bold}
.cont013 img{margin:4px}
.cont013 dl{float:left;padding:3px 7px}
.cont013 dt {color:#b750ac;font-weight:bold; text-indent:-3px}
.cont014{width:101%; margin:5px 0 10px}
.cont015{padding-bottom:80px;//width:610px}
.cont015 textarea{border:1px solid #aaa;padding:1ex;color:#333;margin:10px 0;width:595px;overflow:auto}
.cont015 p{font:bold 10px Verdana;margin-bottom:4px}
.cont017,.cont021,.cont022,.cont032,.cont034,.cont038,.cont045{border:1px solid #d0d0d0;border-style:solid none;background:#f0f0f0}
.cont022{height:290px;margin-bottom:-2px;width:100%}
.cont045 {margin:20px 0;padding-left:10px}
.cont045 .box046 {background-color:#FFFFFF;border-style:solid none none;margin-right:10px}

.box010{width:660px;height:500px}
.box011{border:2px solid #a80000;border-top:none;height:248px;overflow:auto}
.box012{background:url(http://www.cosmoshopping.ru/design/may2009/img/pilow_01.jpg) no-repeat scroll left top}
.box013{background:url(http://www.cosmoshopping.ru/design/may2009/img/pilow_03.jpg) no-repeat scroll left top}
.box012 .cont004,.box013 .cont004{width:100%;top:202px;left:0;color:#fff;overflow:hidden;position:absolute}
.box012 .pilow,.box013 .pilow,.box018 .pilow{background-color:#ce88c6;position:relative;float:left;width:100%;height:66px; overflow:hidden}
.box012 button,.box013 button{float:right}
.box012 h4,.box013 h4,.box018 h4{font-weight:normal;margin:0 6pt;text-align:left;color:#fff}
.box012 p,.box013 p{margin:0 6pt;font-size:9pt;line-height:9pt}
.box015{background:#f0f0f0;height:64px}
.box017{height:130px;width:300px;background:url(http://www.cosmoshopping.ru/design/may2009/img/ShopStyleCosmo.jpg) no-repeat scroll 0 0}
.box018,.box022{width:300px;height:280px}
.box018 .headset{background-position:8px -36px}
.box019{height:110px;background:#f3e1f1 url(http://www.cosmoshopping.ru/design/may2009/img/bgTags.png) no-repeat scroll 320px top;position:relative}
.box019 h6{/*color:#a07;*/padding:2px}
.box020 h6{font-size:9pt;margin-bottom:6pt}
.box020 .cont{padding:9pt}
.box020 li{list-style:none}
.box020 p{font-weight:bold;color:#c00;float:none}
.box020 dfn{color:#b750ac;font:normal bold 12px/20px Arial}
.box020 button{padding:1px 4px;margin:2px 0 9px}
.box020 .headset{background-position:8px -114px}
.box021 .cont{padding:10px}
.box021 .headset{background-position:8px -156px}
.box020,.box021,.box011{background:url(http://www.cosmoshopping.ru/design/may2009/img/bgReit.jpg) no-repeat scroll left bottom;//background-attachment:fixed}
.box012,.box013,.box020,.box021{width:320px;height:280px;position:relative}

.box034 {width:660px}
.box034 .headset  a{text-decoration:none;font:bold 11px/12px Arial,Helvetica,sans-serif; margin:0 9px}
.box034 .headset a img{vertical-align:middle;margin:4px 4px 6px}
.box036 {position:relative;top:-28px;height:8px}
.box036 img{position:absolute;right:99px;top:-3px}
.box036 button{position:absolute;right:0;top:2px}
.box037 {height:119px;width:100%}
.box037 p{color:#333333;font:11px/12px Verdana,Arial,Helvetica,sans-serif;}
.box010 .wrap18{margin-right:6px}
.box038 {height:472px;width:250px;overflow:hidden}
.box039	{height:158px;width:660px;position:relative;background:url(http://www.cosmoshopping.ru/design/may2009/img/bgExpert.png) no-repeat scroll bottom left;//height:168px}
.box039 .headset3{background-position:0 -95px;margin:10px 0}
.box039 button{position:absolute;bottom:10px;right:10px;background:transparent url(http://www.cosmoshopping.ru/design/may2009/img/bgmnu.png) repeat-x scroll 0 -12px;width:120px;color:#fff;font:10px/16px Arial}
.box040{width:660px;overflow:hidden} /* бокс для всей главной панели */
.box041{position:absolute;bottom:2px;right:0}
.box041 a{display:block;width:23px;height:24px;background:url(http://www.cosmoshopping.ru/design/may2009/img/pinki.png) no-repeat scroll -1px -3px;float:left; margin:2px}
.box041 .pika02{background-position:-25px -2px}
.box041 .pika03{background-position:-47px -3px}
.box041 a.pika01:hover{background-position:-1px -31px}
.box041 a.pika02:hover{background-position:-25px -30px}
.box041 a.pika03:hover{background-position:-47px -31px}
.box042{height:38px;background:url(bgmnu.png) repeat-x scroll 0 -2px;position:relative}
.box042 p{color:#FFF;padding:0 16px;font:bold 12px/38px Arial, Helvetica, sans-serif}
.box043{width:280px;background:url(http://www.cosmoshopping.ru/design/may2009/img/reit.png) repeat-x scroll -126px 0;height:18px;position:absolute;left:180px;top:11px}
.box044{width:82px;background:url(http://www.cosmoshopping.ru/design/may2009/img/bgmnu.png) repeat-x scroll 0 -3px;display:block;padding:3px 0 3px 32px;color:#fff;font:bold 11px Arial,Helvetica,sans-serif; position:absolute;right:0;top:9px}
.box044:hover{text-decoration:none;color:#FFCC99}
.box044 img{position:absolute;left:9px;top:9px}
.box045{width:660px}
.box045 .headset3{background-position:0 -44px;margin:10px 0; height:38px}
.box046{background-color:#f5f5f5;border:1px solid #ddd;color:#000;padding:14px 20px 14px 50px;margin-bottom:10px;font:normal 11px Verdana}
.box046 h5{font:bold 12px/30px Arial;color:#9d118e}
.box046 a{color:#9d118e;color:#9d118e !important;text-decoration:none}
.box046 a:hover{text-decoration:none;color:#b840a8 !important}
.box046 h5 img{vertical-align:middle;margin:3px 10px 8px 0}
.box047{position:relative;height:472px;width:407px;overflow:hidden;float:left;}

.wrap{}	/* - холостой врап	*/
.wrap10{margin:0 10px 10px 0}	/* - врап для стандартного блока внутри "супа"	*/
.wrap11{margin-bottom:10px}		/* - врап для блока в колонке с фиксированной шириной в стык  */
.wrap12{margin-bottom:20px;clear:both}		/* - врап для блока на всю ширину подорванного блока */
.wrap13{margin:0 20px 10px 0}	/* - врап для кривого блока. */
.wrap14{margin:34px}
.wrap15{margin:10px 0}
.wrap16{padding:4px 0}
.wrap17{clear:both;padding:20px 0}
.wrap18{padding:1px;border:1px solid #ccc;}
.wrap,.wrap10,.wrap11,.wrap12,.wrap13,.wrap14,.wrap15,.wrap16,.hold01,.hold02,.box022{overflow:hidden}

.hold01{width:660px;height:120px}
.hold02{width:300px;height:500px}
.hold03{width:300px;height:164px}

.flw01{background:url(http://www.cosmoshopping.ru/design/may2009/img/flw01.jpg) no-repeat scroll 0 0;width:182px;height:188px;position:absolute;top:209px;left:44px}

.reit{width:112px;height:18px;background:url(http://www.cosmoshopping.ru/design/may2009/img/bgLineRate.png) no-repeat scroll -44px 0;position:relative;top:-18px}
/*	*	*	*	*	*	*	*/

/*	*	*	*	Video	*	*	*	*/

#video .cont022, #video .box022{width:670px;height:auto;margin-bottom:10px}
#video .box022 {margin-left:10px;text-align:left;//width:660px}
#video #mnu5{margin:10px 0;width:667px}
#video .wrap11{padding-right:10px}
#video #mnu5 a{width:33%;text-align:center}
#video .box022 .box011{width:177px;float:left;border:1px solid #ccc;height:278px;background-color:#FFF}
#video .havPlayer{float:left}
#video .raitblock{width:647px;text-align:left;clear:both;float:left;margin:14px 0}
#video .raitblock h5{color:#900}
#video .raitblock h6{font-size:9pt}
.raitblock .redate{text-align:right;font:bold 10pt/1 Arial,"Courier New",Courier,monospace;//font-size:11pt}
#video .cont010 .time{color:grey;line-height:44px;font-size:10pt;text-align:center;margin-bottom:5px}
#video .cont010{line-height:14px;text-transform:none;padding:1ex}
#video .cont010 p{font-size:9pt}
#video .cont045 .headset1{background-position:0 -35px;border:medium none;height:38px;margin:10px 0 0}
#video .cont045 .box044 {margin-right:10px}
#video .cont045 .cont015 textarea {margin:10px 10px 0 0}
#video iframe.redreitvideo{clear:both;float:left;width:644px;height:60px;background-color:#fff;overflow:hidden;margin:10px 0}
#video .marx{text-align:left; margin:10px;; width:650px}
#video .marx h5, #video .catrol h5{color:gray;font:bold 13pt/22pt  Arial, Helvetica, sans-serif}
/*
#video .marx a{display:block; background:url(http://www.cosmoshopping.ru/design/may2009/img/images/chanels_10.png) no-repeat top left;margin:10px 10px 0 0;height:40px}
*/
#video .selectcat{height:302px;width:270px;background:#c00000;overflow:hidden}
#video .selectcat a{display:block;height:30px;color:white !important;background:url(http://www.cosmoshopping.ru/design/may2009/img/bgmnu.png) scroll repeat-x 0 -8px;font:bold 12px/28px Arial, Helvetica, sans-serif;padding-left:12px}
#video .selectcat a.active{background:transparent url(http://www.cosmoshopping.ru/design/may2009/img/bgmarkmenu.png) repeat-x scroll 0 -4px;color:#C00000 !important}
#video .laescat{height:300px;width:377px;overflow-y:auto;overflow-x:hidden;border:1px solid #ccc;background-color:white}
#video .claim{font:bold 12px Arial, Helvetica, sans-serif; padding:10px;  height:40px}
#video .claim .time{color:#999;float:right;padding:0 4px}
#video .claim a{color:#c00000;display:block;margin-left:70px}
#video .havPlayer{color:#FFF;background-color:#000;width:480px;height:280px}
#video a.chans{display:block;width:150px;height:50px;margin:auto;float:left}
#video .sim {display:none}
/*	*	*	*	/Video	*	*	*	*/

/* debug and tempo CSS */
#banTop{background:#007;color:#FFFFFF}
.xxx{background-color:#99CC99}
.hhh{display:none}
.example{overflow:auto;height:280px}
.example a{color:red;line-height:.8em;margin:0 .5em}
.prompt{width:30px;height:30px;background-color:#0033FF}
.prompt span{top:10px;left:10px;color:darkred;font-weight:bold;position:absolute !important}

.text-color0 {color:#FFF; }
.text-color1 {color:#c00000; }
.text-color2 {color:#999;}

.commentBox {color:#FFF;background:#c50000 url(http://www.cosmoshopping.ru/design/may2009/img/comment_box_bg.gif) left top repeat-x; padding: 3px 2em; height:21px; line-height:21px;}

.new-bg-red-14{background:#c50000 url(http://www.cosmoshopping.ru/design/may2009/img/red_bg_14h.gif) left top repeat-x}


.alfabet,.azbuka{height:28px;background:#c00 url(http://www.cosmoshopping.ru/design/may2009/img/bgmnu.png) repeat-x scroll 0 -9px;padding-top:2px}
.alfabet a,.azbuka a{font:100 18px Verdana,Helvetica,sans-serif;color:#FFF;padding:2px;line-height:24px}
.alfabet a:hover,.azbuka a:hover{background:#ccc url(http://www.cosmoshopping.ru/design/may2009/img/bgMnuA.png) repeat-x scroll 0 -5px;color:#a00;text-decoration:none}
.alfabet a{margin:0 1px}
.azbuka a{margin:0}

.bg-gray {background:#f0f0f0; }
.bg-white {background:#fff; }


.box030 .headset input{color:#737;width:128px;height:25px;background:transparent url(http://www.cosmoshopping.ru/design/may2009/img/bgShInp3.png) no-repeat scroll 0 0;padding:2px 0 2px;line-height:25px;font-size:14px;vertical-align:top;margin-right:7px}
.box030 .headset button{background:transparent url(http://www.cosmoshopping.ru/design/may2009/img/bgSerBu3.png) no-repeat scroll 0 -32px;width:114px;height:28px}
.box031,.box032{background:url(http://www.cosmoshopping.ru/design/may2009/img/bgReit.jpg) no-repeat scroll left bottom;padding-bottom:30px;width:100%}

input.find { 
	background:#FFF url(http://www.cosmoshopping.ru/design/may2009/img/button_find.gif) left top;
	border:none;
	width:130px; 
	height:24px;
	text-indent: -10000px;
	cursor:hand;
}
input.find[class] { cursor:pointer; }

input.submit{
	background:#c50000 url(http://www.cosmoshopping.ru/design/may2009/img/button_bg_default.gif) center center repeat-x;
	font-weight:bold;
	text-align:center;
	height:24px;
	line-height:24px;
	padding: 0px 3em;
	color:#fff;
}

.sysform {
	text-align:left;
	
}

.sysform input.text{
	width:85%;
}

.sysform a{
	
}

.commentsNum a, .commentsNum a:visited {color:#FFF! important;}

#LeftMenu {margin-bottom:10px; padding:5px 0px 3px 0px; border-bottom:1px solid #CFCFCF}
#LeftMenu  a {padding: 1px 3px;}
#LeftMenu  a.act {color:#FFF; background:#c00000}

#ArticleContent img { border:1px solid #ddd; margin:3px; padding:1px;}

#ArticleContent table td img {border:none; margin:0px; padding:0px;}

.border-in {styles.css (line 18)
	border:1px solid #E5E6E8;
}

.border-out {
	border:2px solid #F7F7F7;
}
#ram.downgo{padding:10px 0 30px}

#sup #video #mnu5 a:link{color:#FFF;text-decoration:none}
#sup #video #mnu5 a:focus,#sup #video button:focus{color:#F96;outline:0px none}
#sup #video #mnu5 a:visited{text-decoration:none;color:#FFF}
#sup #video #mnu5 a:hover{text-decoration:underline;color:#fcff18}
#sup #video a:active,button:active{text-decoration:none;color:#F63;outline:0px none}
#sup #video .box044{width:82px;background:url(http://www.cosmoshopping.ru/design/may2009/img/bgmnu.png) repeat-x scroll 0 -3px;display:block;padding:3px 0 3px 32px;color:#fff;font:bold 11px Arial,Helvetica,sans-serif; position:absolute;right:0;top:9px}
#sup #video .box044:hover{text-decoration:none;color:#FFCC99}
#sup #video #mnu5 a.active{background:transparent url(http://www.cosmoshopping.ru/design/may2009/img/bgmarkmenu.png) repeat-x scroll 0 -4px;color:#C00000 !important}
#sup #video  .tabbut {height:30px}
#sup .iBlock{margin-top:10px}
#sup .red_comments a{margin-left:410px;text-decoration:underline}