/*
Theme Name: BlueShop
Theme URI: http://www.shopos.ru/themes/
Description: Дополнительная тема ShopOS.
Version: 1.0.1
*/

   
@charset "windows-1251";

/* Общие стили для всей страницы  */
html, body {
	margin: 0px;
	padding: 0px;
	height:100%;	
	}
* {
	margin:0px;
	padding:0px;
	}
div, img, a {
	border:0px;
	}
a {
	color:#767676;
	text-decoration:none;
	cursor:pointer;
	}
.img_l {
	float: left;
	margin-right: 15px;
	}
.img_r {
	float: right;
	margin-left: 15px;
	}
.fleft {
	float:left;
	}
.fright {
	float:right;
	}
.center {
	text-align:center;
	}
.left {
	text-align:left;
	}
.right {
	text-align:right;
	}
.clear {	
	clear:both;
	font-szie:0px;
	line-height:0px;
	}
#allpage{background:url('img/body_bg.png') left top repeat-x;}
#wrap {
	width:100%;
	min-height:100%;
	min-width:1000px;
	max-width:1440px;
	background:url('img/wrap_bg.jpg') top center no-repeat;
	position:relative;
	font-family:'tahoma', arial, helvetica, sans-serif;
	font-size:13px;
	margin:0px auto;
	}
#wrap_c {
	position:relative;
	width:99%;
	margin:0px auto;
	color:#767676;
	z-index:1;
	padding-top:182px;
	}

/* Элементы формы */
/* Input */
.input {
	width:108px;
	height:22px;
	background:url('img/form_el/input_l.gif') left top no-repeat;
	}
.input div {
	height:22px;
	float:left;
	padding:0px 6px;
	background:url('img/form_el/input_r.gif') right top no-repeat;
	}
.input div div {
	height:19px;
	float:left;
	padding:3px 0px 0px;
	position:relative;
	overflow:hidden;
	background:#ececec url('img/form_el/input_c.png') left top repeat-x;
	}
.input div img {
	vertical-align:top;
	position:relative;
	top:1px;
	float:left;
	}
.input div input {
	width:72px;
	height:14px;
	border:0px;
	background:none;
	font-size:11px;
	line-height:12px;
	vertical-align:top;
	margin:0px 5px;
	azimuth:inherit;
	font-family:'tahoma', arial, helvatica, sans-serif;
	color:#8d8d8d;
	}
.hidePas {
	display:none;
	}
.actPas {
	display:inline;
	}
/*--------*/

/* Button */
.button {
	width:90px;
	height:22px;
	background:url('img/form_el/button_l.gif') left top no-repeat;
	}
.button div {
	height:22px;
	background:url('img/form_el/button_r.gif') right top no-repeat;
	padding:0px 8px;
	}
.button div div {
	height:21px;
	padding:1px 0px 0px;
	position:relative;
	overflow:hidden;
	background:#6d6d6d url('img/form_el/button_c.png') left top repeat-x;
	}
.button div input {
	width:100%;
	height:19px;
	padding-bottom:1px;
	border:0px;
	background:none;
	font-size:11px;
	line-height:13px;
	vertical-align:top;
	text-align:center;
	azimuth:inherit;
	color:#fff;
	cursor:pointer;
	}
@-moz-document url-prefix()
{
    .button div input { 
			height:18px;
			padding-bottom:3px; 
		}
}
/*-------*/
h1.contentBoxHeading{
font-size:18px;
	line-height:25px;
	height:25px;
	padding:0px 7px;
	color:#737373;
	font-weight:normal;
}
/* Кнопка ссылка */
.a_button {
	width:95px;
	height:22px;
	padding-top:3px;
	background:url('img/form_el/button_l.gif') left 3px no-repeat;
	}
.a_button div {
	height:22px;
	padding:0px 8px;
	background:url('img/form_el/button_r.gif') right top no-repeat;
	}
.a_button div  a {
	display:block;
	height:22px;
	text-align:center;
	color:#fff;
	font-size:11px;
	line-height:21px;
	background:url('img/form_el/button_c.png') left top repeat-x;
	}
/*---------------*/

/* Меню сайта */
#menu {
	width:100%;
	position:absolute;
	z-index:100;
	left:0px;
	top:18px;
	}
#menu_b {
	margin:0px 10px;
	height:48px;
	background:#141414 url('img/menu/menu_c.png') left top repeat-x;
	}
#menu_l {
	height:48px;
	background:url('img/menu/menu_l.png') left top no-repeat;
	}
#menu_r {
	height:48px;
	background:url('img/menu/menu_r.png') right top no-repeat;
	}
	
/* Логотип */
#logo {
	width:154px;
	height:36px;
	float:left;
	color:#fff;
	padding-top:12px;
	background:url('img/menu/menu_line.gif') right top no-repeat;
	}
#logo a {
	display:block;
	height:25px;
	margin-left:10px;
	float:left;
	color:#fff;
	font-size:20px;
	line-height:22px;
	}
#logo span.l1 {
	display:block;
	width:71px;
	height:25px;
	float:left;
	margin-right:6px;
	background:url('img/logo_bg.gif') left center no-repeat;
	color:#3f3f3f;
	text-align:center;
	}
#logo span.l2 {
	display:block;
	width:45px;
	height:25px;
	float:left;
	background:none;
	color:#fff;
	}
/*#########*/
	
/* Список меню */
#menu_c {
	margin-left:154px;
	height:48px;
	}
#menu_c table {
	width:100%;
	height:48px;
	}
#menu_c table td {
	height:48px;
	font-size:20px;
	line-height:48px;
	vertical-align:middle;
	text-align:center;
	color:#fff;
	}
#menu_c table td a {
	padding:12px 23px 11px;
	color:#fff;
	}
#menu table td a:hover {
	background:url('img/menu/menu_act.gif') left top repeat-x;
	}
/*-------------*/

/*############*/

/* Стили для шапки */

#head {
	width:100%;
	height:116px;
	padding-top:44px;
	position:absolute;
	left:0px;
	top:18px;
	z-index:2;
	background:url('img/head/head_l.png') left top no-repeat;
	}
#head_r {
	width:10px;
	height:159px;
	background:url('img/head/head_r.png') left top no-repeat;
	position:absolute;
	right:0px;
	top:0px;
	}
#head_c {
	background:#fff;
	min-height:107px;
	margin:0px 10px;
	}
#head_b {
	margin:0px 10px;
	height:9px;
	position:relative;
	}
#head_b_l {
	margin-right:20px;
	height:9px;
	background:url('img/head/head_b_l.png') left top no-repeat;
	}
#head_b_r {
	width:20px;
	height:9px;
	position:absolute;
	right:0px;
	top:0px;
	background:url('img/head/head_b_r.png') left top no-repeat;
	}
#head .u_block {
	margin-bottom:2px;
	}
/* Блок управления аккаунтом */
#account {
	width:100%;
	height:33px;
	background:#fff url('img/head/account_c.png') left top repeat-x;
	}
#account_l {
	height:33px;
	background:url('img/head/account_l.png') left top no-repeat;
	}
#account_r {
	height:33px;
	background:url('img/head/account_r.png') right top no-repeat;
	padding:0px 12px;
	}
#account h4 {
	float:left;
	font-size:18px;
	line-height:20px;
	color:#6e6e6e;
	font-weight:normal;
	padding-right:14px;
	padding-top:10px;
	}
#account form {
	float:left;
	padding-top:11px;
	}
#account form .input {
	float:left;
	margin-right:11px;
	}
#account .button {
	float:left;
	}
#account ul.reg_help {
	font-size:11px;
	line-height:13px;
	list-style:none;
	float:left;
	margin-left:30px;
	display:inline;
	color:#737373;
	}
#account ul.reg_help li {
	float:left;
	padding:14px 0px 0px 0px;
	background:url('img/item_dot.gif') 13px 19px no-repeat;
	}
#account ul.reg_help li a {
	color:#737373;
	padding-left:25px;
	float:left;
	}
#account ul.reg_help li a:hover {
	text-decoration:underline;
	}
	
/* Скроллер картинок */
.img_scroll {
	height:70px;
	margin:0px 4px;
	background:url('img/img_scroll/img_scroll_c.png') left top repeat-x;
	position:relative;
	}
.img_scroll .i_s_l {
	width:100%;
	height:70px;
	background:url('img/img_scroll/img_scroll_l.png') left top no-repeat;
	}
.img_scroll .i_s_r {
	width:100%;
	height:70px;
	background:url('img/img_scroll/img_scroll_r.png') right top no-repeat;
	}
.img_scroll .img_c {
	margin:0px 12px 0px 12px;
	height:70px;
	overflow:hidden;
	position:relative;
	}
.img_scroll .img_c #downloading {
	height:70px;
	text-align:center;
	padding:13px;
	}
.img_scroll .img_cont {
	width:100%;
	height:66px;
	padding-top:4px;
	position:relative;
	left:0px;
	}
.img_scroll .img_cont a {
	display:block;
	float:left;
	position:relative;
	}	
.img_scroll .img_cont a span {
	display:block;
	float:left;
	}
.img_scroll .img_cont a span span {
	padding:1px 13px;
	}
.img_scroll .img_cont a img {
	vertical-align:middle;
	}
.img_scroll .img_cont a:hover {
	background:url('img/img_scroll/img_s_c.gif') left top repeat-x;
	}
.img_scroll .img_cont a:hover span {
	background:url('img/img_scroll/img_s_l.gif') left top no-repeat;
	}
.img_scroll .img_cont a:hover span span {
	background:url('img/img_scroll/img_s_r.gif') right top no-repeat;
	}

/* Стрелки */
#img_arrow_l {
	width:11px;
	height:20px;
	position:absolute;
	left:-1px;
	top:25px;
	cursor:pointer;
	}
#img_arrow_r {
	width:11px;
	height:20px;
	position:absolute;
	right:-1px;
	top:25px;
	cursor:pointer;
	}
#img_arrow_r img, #img_arrow_l img {
	vertical-align:top;
	}
/*------------------*/

/*#################*/

/* Стили для основной части страницы */

#basis {
	width:100%;
	}
#basis_t, #basis_b {
	width:100%;
	position:relative;
	height:8px;
	overflow:hidden;
	}
#basis_b {
	height:9px;
	}
#basis_t #bt_l, #basis_b #bb_l {
	margin-right:20px;
	height:8px;
	background:url('img/basis/basis_t_l.png') left top no-repeat;
	}
#basis_t #bt_r, #basis_b #bb_r {
	width:20px;
	height:8px;
	background:url('img/basis/basis_t_r.png') left top no-repeat;
	position:absolute;
	right:0px;
	top:0px;
	}
#basis_b #bb_l {
	height:9px;
	background:url('img/basis/basis_b_l.png') left top no-repeat;
	}
#basis_b #bb_r {
	height:9px;
	background:url('img/basis/basis_b_r.png') left top no-repeat;
	}
#basis_table {
	width:100%;
	}
#basis_table #b_l {
	width:10px;
	vertical-align:top;
	background:url('img/basis/basis_l.png') left top repeat-y;
	}
#basis_table #b_r {
	width:10px;
	vertical-align:top;
	background:url('img/basis/basis_r.png') left top repeat-y;
	}
#basis_table #b_c {
	vertical-align:top;
	background:#fff url('img/basis/basis-cont_bg.gif') left bottom repeat-x;
	}
#basis-cont {
	width:100%;
	min-height:220px;
	position:relative;
	top:-4px;
	}

/* Универсальный блок */
.u_block {
	width:100%;
	}
.u_block .ub_t, .u_block .ub_b {
	width:100%;
	height:7px;
	position:relative;
	overflow:hidden;
	z-index:100;
	}
.u_block .ub_b {
	height:6px;
	}
.u_block .ub_t .ub_t_l, .u_block .ub_b .ub_b_l {
	margin-right:15px;
	height:7px;
	background:url('img/u_block/ub_t_l.png') left top no-repeat;
	}
.u_block .ub_b .ub_b_l {
	height:6px;
	background:url('img/u_block/ub_b_l.png') left top no-repeat;
	}
.u_block .ub_t .ub_t_r, .u_block .ub_b .ub_b_r {
	width:15px;
	height:7px;
	background:url('img/u_block/ub_t_r.png') left top no-repeat;
	position:absolute;
	right:0px;
	top:0px;
	}
.u_block .ub_b .ub_b_r {
	height:6px;
	background:url('img/u_block/ub_b_r.png') left top no-repeat;
	}
.u_block .ub_table {
	width:100%;
	}
.u_block .ub_table .ub_l, .u_block .ub_table .ub_r {
	width:4px;
	background:none;
	}
.u_block .ub_table .ub_c {
	background:#fff;
	vertical-align:top;
	}
/* Для блока с тенью */
.ub_shadow .ub_t .ub_t_l {
	background:url('img/u_block/ub_shadow/ub_t_l.png') left top no-repeat;
	}
.ub_shadow .ub_t .ub_t_r {
	background:url('img/u_block/ub_shadow/ub_t_r.png') left top no-repeat;
	}
.ub_shadow .ub_b .ub_b_l {
	background:url('img/u_block/ub_shadow/ub_b_l.png') left top no-repeat;
	}
.ub_shadow .ub_b .ub_b_r {
	background:url('img/u_block/ub_shadow/ub_b_r.png') left top no-repeat;
	}
.ub_shadow .ub_table .ub_l {
	background:url('img/u_block/ub_shadow/ub_l.png') left top repeat-y;
	}
.ub_shadow .ub_table .ub_r {
	background:url('img/u_block/ub_shadow/ub_r.png') left top repeat-y;
	}
	
/* Шапка универсально блока */
.ub-head {
	font-size:18px;
	line-height:25px;
	height:25px;
	padding:0px 7px;
	color:#737373;
	background:url('img/u_block/ub-head_bg.png') left top repeat-x;
	}
.ub-head a {
	position:relative;
	}
/* Контейнер универсального блока */
.ub-cont {
	padding:0px 7px 0px 7px;
	}
/*--------------------*/

/* Левый столбец */

#left_frame {
	width:186px;
	vertical-align:top;
	line-height:1.1em;
	}
/* Меню слева */
.left_menu {
	list-style:none;
	margin:0px 0px 6px 2px;
	}
.left_menu dt {
	padding:1px 0px 0px 13px;
	background:url('img/item_dot2.gif') left 6px no-repeat;
	}
#left_frame .left_menu a {
	color:#767676;
	text-decoration:none;
	}
#left_frame .left_menu a:hover {
	text-decoration:underline;
	}
#left_frame ul {
	list-style:none;
	padding:6px 0px;
	}
#left_frame ul li {
	padding-left:2px;
	}
/*---------------*/

/* Центарльный столбец */
#center_frame {
	vertical-align:top;
	}
#center_frame .u_block {
	position:relative;
	overflow:hidden;
	}
#center_frame .ub_shadow .ub_t .ub_t_l {
	background:url('img/u_block/ub_shadow/center_frame_ub_t_l.gif') left top no-repeat;
	}
#center_frame .ub_shadow .ub_t .ub_t_r {
	background:url('img/u_block/ub_shadow/center_frame_ub_t_r.gif') left top no-repeat;
	}
#center_frame .ub_table {
	position:relative;
	top:-4px;
	}
#center_frame .ub_shadow .ub_b {
	top:-4px;
	}
#center_frame .u_block .ub_c {
	background:#fff url('img/basis/center_frame_bg.jpg') right top no-repeat;
	padding-top:4px;
	}
#center_frame .ub-cont .ub_table {
	position:relative;
	top:0px;
	}
#center_frame .ub-cont .ub_b {
	top:0px;
	}
#center_frame .ub-cont .u_block .ub_c {
	background:#fff;
	}
/* Карты сверху */
.card {
	height:225px;
	width:100%;
	position:absolute;
	top:31px;
	z-index:110;
	}
.card img {
	vertical-align:top;
	}
.card table {
	height:225px;
	width:100%;
	max-width:720px;
	margin:0px auto;
	}
.card table td {
	text-align:center;
	width:33%;
	vertical-align:top;
	}
#card_01 {
	width:186px;
	height:225px;
	background:url('img/basis/card_top_01.png') left top no-repeat;
	position:relative;
	left:5px;
	z-index:120;
	}
#card_02 {
	width:175px;
	height:211px;
	background:url('img/basis/card_top_02.png') left top no-repeat;
	position:relative;
	top:14px;
	left:-9px;
	z-index:130;
	}
#card_03 {
	width:182px;
	height:217px;
	background:url('img/basis/card_top_03.png') left top no-repeat;
	position:relative;
	top:2px;
	left:-28px;
	z-index:140;
	}
/*--------------*/
#center_frame .u_block .ub-cont {
	padding-top:237px;
	padding-bottom:133px;
	}
#center_frame p {
	font-size:100%;
	line-height:1.1em;
	padding:0px 0px 6px;
	}
#center_frame h3, #center_frame .h3 {
	font-size:139%;
	line-height:1.2em;
	font-weight:normal;
	padding:0px 0px 6px;
	}
#center_frame a:hover {
	text-decoration:underline;
	}
#center_frame-cont {
	padding:5px 12px;
	}
/* Текст */
.text {
	margin:0px 0px;
	font-size:11px;
	margin-bottom:10px;
	}
#center_frame .ub-cont .text .u_block .ub_c {
	padding:4px 15px 0px;
	background:url('img/basis/text_c.gif') left 50% repeat-x;
	}
.text a {
	position:relative;
	}
/* Единица продукции */
.stuff_item {
	padding-bottom:17px;
	}
.stuff_item .img {
	border:1px solid #dedede;
	float:left;
	margin-right:19px;
	vertical-align:top;
	}
.stuff_item .desc {
	float:left;
	width:57%;
	}
.stuff_item .a_button {
	width:125px;
	padding-left:15px;
	background:url('img/basis/add_bg.gif') left 3px no-repeat;
	}
.stuff_item .a_button div a {
	padding-left:5px;
	}
#center_frame .stuff_item .a_button div a:hover {
	text-decoration:none;
	}
/*---------------------*/

/* Правый столбец */

#right_frame {
	width:186px;
	vertical-align:top;
	line-height:1.1em;
	}
#right_frame ul {
	list-style:none;
	padding:6px 0px;
	}
#right_frame ul li {
	padding-left:2px;
	}
#right_frame p {
	margin-bottom:6px;
	}
#right_frame a {
	text-decoration:none;
	}
#right_frame .a_button a, #left_frame .a_button a {
	color:#fff;
	text-decoration:none;
	}
#right_frame .a_button a:hover, #left_frame .a_button a:hover {
	text-decoration:none;
	color:#fff;
	}
#right_frame a:hover{
	text-decoration:underline;
	}
.form{border:none;}
/* Новостной блок */
.news {
	font-size:11px;
	line-height:13px;
	}
.news form .input {
	width:118px;
	float:left;
	margin-bottom:8px;
	}
.news form .input div input {
	width:80px;
	}
.news form .input div img {
	top:2px;
	}
.news form .button {
	width:87px;
	clear:both;
	margin-bottom:4px;
	}
#right_frame .news ul.news_items {
	padding-bottom:0px;
	}
#right_frame .news ul.news_items li {
	padding-left:0px;
	}
.news ul.news_items li {
	padding-bottom:3px;
	}
#right_frame .news ul.news_items li a {
	color:#767676;
	}
.news ul.news_items li span {
	display:block;
	float:left;
	font-size:10px;
	line-height:12px;
	margin-right:5px;
	background:#777 url('img/basis/news_date_l.gif') left top no-repeat;
	color:#fff;
	position:relative;
	top:1px;
	}
.news ul.news_items li span span {
	padding:0px 3px 1px;
	margin-right:0px;
	background:url('img/basis/news_date_r.gif') right top no-repeat;
	top:0px;
	}
	
/* Опрос */

#right_frame .question {
	list-style:none;
	padding:0px 0px 13px;
	}
.question input {
	margin-right:5px;
	}
#right_frame .question ul li {
	background:none;
	}
.question label {
	color:#4a4a4a;
	display:block;
	font-size:13px;
	line-height:14px;
	}
.question label.labelScript {
	cursor:pointer;
	padding-left:15px;
	background:url('img/basis/label_bg.gif') left 4px no-repeat;
	}
.question label.labelScriptAct {
	cursor:pointer;
	padding-left:15px;
	background:url('img/basis/label_bg_act.gif') left 4px no-repeat;
	}
.voting .button {
	width:98px;
	margin-bottom:3px;
	}
/*----------------*/

/*###################################*/

/* Стили для нижней части страницы */

#footer {
	width:100%;
	height:61px;
	}
#footer_c {
	height:52px;
	padding:9px 10px 0px;
	font-size:11px;
	color:#737373;
	}
#footer_c a {
	color:#737373;
	}
#footer_c a:hover {
	text-decoration:underline;
	}
.red {color: #ED212A;
font-size: 12px}
/*#################################*/