/* reset
*****************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    /*font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;*/
    
}


ol, ul {
    list-style: none;
}

table {
    border-collapse: collapse;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}



/* helper styles
*****************************/

.clear {
    clear: both;
}

/* structure styles
*****************************/


#page-c { 
    min-width: 1000px;
    margin: 0px auto;
    text-align: left;
}

#header-c {
    margin-bottom: 15px;
}

#content-c {
    clear: both;
    margin: 0px 5px;
}

#left-c {
    float: left;
    width: 200px;
}

#right-c {
    float: right;
    width: 200px;
}

#content-c2 {
    margin: 0px 205px;
    padding: 10px;
}

#content { 
    margin: 0px;
    padding: 0px;    
    width: 100%; 
}

#footer-c {
    clear: both;
    height: 50px;
    font-size: 80%;
    margin-top: 20px;
}

#footer-left { float: left; width: 200px; }
#footer-right { float: right; width: 200px; }
#footer-center { margin: 0px 205px; }

/* main styles
**************************/

body {
    background: white;
    color: #333;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 75%;
    line-height: 1;
}

h1 { font-size: 150%; font-weight: bold; }
h2 { font-size: 115%; font-weight: bold; }
h3 { font-size: 105%; font-weight: bold; }
h4 { font-weight: bold; }

h1, h2, a {
    color: #004f88;
}

a:hover {
    text-decoration: none;
}

.button {
    border: 1px solid #065a96;
}


.red { color: red; }

.error {
    background: #fdefbf;
    border: 1px solid #f3ba6e;
    padding: 10px;
    font-weight: bold;
    
}

/* Horizontal Drop Down Menu
http://css-framework.ru/
------------------------------ */
/*
.menu-h-d { min-height: 24px; }
.menu-h-d li { float: left; display: block; position: relative; list-style: none; }
.menu-h-d a { display: block; padding: 3px 1px; color: #333; text-decoration: none; }
.menu-h-d ul a { 
    padding: 3px;
    padding-left: 10px;
    background: url('/i/icons/top_arrow.gif') 3px 8px no-repeat;
}

.menu-h-d ul { 
    display: none;
    position: absolute;
    top: 68px;
    left: -1px;
    background: url('/i/bg/header_menu.png');
    width: 200px;
}

.menu-h-d li.cat ul { background: url('/i/bg/header_menu_cat.png'); }
.menu-h-d li.cat:hover li:hover { background: #8bb240; }

.menu-h-d li.dog ul { background: url('/i/bg/header_menu_dog.png'); }
.menu-h-d li.dog:hover li:hover { background: #4093c7; }

.menu-h-d li.bird ul { background: url('/i/bg/header_menu_bird.png'); }
.menu-h-d li.bird:hover li:hover { background: #dd74ad; }

.menu-h-d li.fish ul { background: url('/i/bg/header_menu_fish.png'); }
.menu-h-d li.fish:hover li:hover { background: #9989e5; }

.menu-h-d li.mouse ul { background: url('/i/bg/header_menu_mouse.png'); }
.menu-h-d li.mouse:hover li:hover { background: #ffa015; }

.menu-h-d ul ul { left: 100%; top: 0px; }

.menu-h-d li li { float: none; padding: 5px 0px; }

.menu-h-d a:hover { color: #333; text-decoration: none; }

.menu-h-d li:hover ul ul,
.menu-h-d li:hover ul li:hover ul ul { display: none; }

.menu-h-d li:hover ul,
.menu-h-d li:hover ul li:hover ul,
.menu-h-d li:hover ul li:hover ul li:hover ul { display: block; }
*/

/* forms */

form label {
    float: left;
    width: 100px;
}
form label.n{
float: none;
}

.text-f {
    border: 1px solid #065a96;
    background: white;    
    padding: 1px 2px;
}

form.form label {
    float: left;
    width: 150px;
}

form.form span.image {
    display: block;
    margin-left: 150px;
}

form.form span.image img {
    border: 1px solid #065a96;
    padding: 2px;
}

form.form input,
form.form select,
form.form textarea
{
    border: 1px solid #065a96;
    background: white;    
    padding: 1px 2px;
}

form.form input { width: 250px; }

form.form .buttons input {
    border: none;
    width: auto;
}

form.form .button {
    border: none;
    width: auto;
}

form.form .inline-button { 
    width: auto;
    border: none;
    padding: 0px;
    margin-bottom: -5px;
} 
#wysiwyg{
	}

/* header */

#header-c {
    background: url('/i/bg/top_bg.png') 0px 0px repeat-x;
}

#header {
    margin: 0px 175px 15px 155px;
}

#img-line {
    clear: both;
    background: url('/i/img_line.jpg') center 0px repeat-x;
    height: 115px;
    margin-bottom: 40px;
}


#logo {
    font-weight: bold;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 14px;
    display: block;
    width: 170px;
    float: left;
    background: url('/i/logo.png') transparent 0px 5px no-repeat;
    padding: 85px 0px 0px 0px;
    color: #00547d;
    margin-left: 5px;
    text-decoration: none;
    font-size: 9px;
   
}

#shopcart-c {
    float: right;
    width: 175px;
    height: 80px;
    margin-top: 50px;
}

#shopcart {
    height: 80px;
    background: url('/i/bg/basket.png') no-repeat;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    margin-right: 5px;
}

#shopcart a {
    padding-left: 0px;
    padding-bottom: 15px;
    padding-right: 0px;
    padding-top: 8px;
    display: block;
    background: url('/i/icons/basket.png') 28px 8px no-repeat;
    text-decoration: none; 
    font-size: 12px;   
}

#shopcart a:hover { text-decoration: underline; }

#shopcart div { line-height: 10px; color: #77776d; font-size: 10px; }
#shopcart div span { color: #00547d; }

.first a{
    background: url('/i/top_menu_first.png') transparent no-repeat;
    width: 128px;
    height: 32px;
    text-align: center;
}

.last a{
    background: url('/i/top_menu_last.png') transparent no-repeat;
    width: 128px;
    height: 32px;
    text-align: center;
}



 .mbutton a{
	background: url('/i/top_menu_center.png') transparent no-repeat;
    width: 128px;
    height: 32px;
    text-align: center;
   
    }

.mbutton a, .first a, .last a {
    
    padding: 8px 0px;
    display: block;
    color: white;
    font-size: 13px;
    text-decoration: none;
}



 .mbutton a:hover {
    background: url('/i/top_menu_center_hover.png') transparent no-repeat;
}

 .first a:hover {
    background: url('/i/top_menu_first_hover.png') transparent no-repeat;
}

 .last a:hover {
    background: url('/i/top_menu_last_hover.png') transparent no-repeat;
}


/* header menu */





#header-menu li {
    float: left; display: block; position: relative; list-style: none;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    
}

#header-menu a {
    display: block;
    padding: 3px 1px;
    text-decoration: none;
    color: #333;
}

#header-menu li ul {
    display: none;
    position: absolute;
    margin: -1px 0 0 0;
    z-index: 90;
    width: 200px;
    
}
#header-menu li ul li {
    float: none;
    
}

#header-menu li ul li ul {
    
    margin: -19px 0 0 200px;
    position: absolute;
    
}

#header-menu li ul a {
    padding: 3px 9px;
    
    background: url('/i/icons/top_arrow.gif') 3px 8px no-repeat;
}




#header-menu li.cat ul {  background: url('/i/bg/header_menu_cat.png'); }
#header-menu li.cat .child-hover { background: #8bb240; height: 1%; }

#header-menu li.dog ul { background: url('/i/bg/header_menu_dog.png'); }
#header-menu li.dog .child-hover { background: #4093c7; }

#header-menu li.bird ul { background: url('/i/bg/header_menu_bird.png'); }
#header-menu li.bird .child-hover { background: #dd74ad; }

#header-menu li.fish ul { background: url('/i/bg/header_menu_fish.png'); }
#header-menu li.fish .child-hover { background: #9989e5; }

#header-menu li.mouse ul { background: url('/i/bg/header_menu_mouse.png'); }
#header-menu li.mouse .child-hover { background: #ffa015; }

#header-menu span {
    float: right;
}

/* end header menu */

/* left sidebar */

#left-c-one {
    font-size: 9pt;
    padding-bottom: 10px;
    margin-bottom: 10px;
    background: url('/i/bg/left_bottom_corner.png') right bottom no-repeat;
    margin-bottom: 10px;
}

#search {
    background: url('/i/bg/search.png') no-repeat;
    height: 68px;
    padding: 7px;
    margin-bottom: 3px;
}

#search div { 
    font-size: 105%; 
    font-weight: bold;
    color: white; 
    padding: 8px 0px 17px 5px; 
}

#search .text-f { width: 145px; } 
#search .img-button { 
    margin-bottom: -5px;
} 


#left { background: #dfeac8; padding: 7px; }

#left h2 {
    background: #c8d9a2;
    padding: 3px;
    margin-bottom: 5px;
    margin-top: 5px;
    border-bottom: 1px solid #acb69b;
}

#left h3 { color: #929b80; margin: 5px 0px; }

#left ul { font-size: 11px; margin-left: 10px;}

#left li { margin-left: 14px; list-style-image: url(/i/brand_arrow.gif); padding: 3px 0px; }

.title_group span{ font-size: 90%; color: #999; font-weight: 700;}

/* right sidebar */

#login {
    background: url('/i/bg/login.png') no-repeat;
    padding: 8px 0px 0px 10px;
    height: 115px;
    color: #fff;
    font-weight: bold;
    
}

#login div {
    padding: 5px 0px 15px 5px;   
}

#login p { padding-bottom: 3px; }
#login label { width: 60px; padding-top: 3px; }
#login .text-f { width: 113px; }
#login p.buttons input { margin-left: 60px; }
#login a, #login a:hover { color: #fff; }

#expert div {
    font-weight: bold;
    font-size: 105%;
    padding: 5px 0px;
    color: #00547d;
}

#expert a {
    display: block;
    border: 1px solid #95b5d6;
    padding: 2px;
    margin-bottom: 10px;
}

.right {
    font-size: 11px;
    padding: 7px 0px;
    
}

.right h2 { 
    border-top: 1px solid #94b5d6;
    border-bottom: 1px solid #94b5d6;
    padding: 2px 0px;
 }

.right h2 span { 
    display: block;
    padding: 3px 7px;
    background: #96b1cc;
    color: white;
}

.right .row {
    border-bottom: 1px dotted #94b5d6;
    padding: 7px;
}

.right .row a {
    display: block;
    text-decoration: none;
    color: #333;
}

.right .row a:hover { text-decoration: underline; }

.right .row span { 
    color: #00547d;
    font-weight: bold;
    padding-right: 3px;
    font-size: 100%;
    text-decoration: none;
}




/* content */

#content {
    line-height: 130%;
}

#content h1 { margin-bottom: 20px; }
#content h2, h3 { margin: 10px 0px ; }
#content p { margin: 10px 0px; line-height: 135%; text-align: justify; }

#content table  {
    font-size: 90%;
    margin: 10px 0px;
    width: 100%;
}
#content table th {
    font-weight: bold;    
    text-align: center;
    padding: 5px;
    color: #00547d;
}

#content table td {
    padding: 3px;
    border: 1px solid #dfeac9;
}

#content table tr.hover {
    background: #dfeac9;
}

#content table tr.header {
    background: #dfeac9;
}

/*#content ul {
    margin: 10px;
    margin-right: 0px;
}

#content li {
    background: url('/i/icons/top_arrow.gif') 0px 7px no-repeat;
    padding-left: 10px;
}*/

.legend {
    padding: 10px 0px;
    background: #ededed;
}

.legend span { padding: 0px 7px; }

.pagination {
    padding: 5px;
    background: #dfeac9;
}

.lnk-order img { margin-bottom: -3px; }

.imgmap { margin-right: 10px; text-align: left;}
.oneoffice{border-bottom-color: #94b5d6; border-bottom-width: 1px; border-bottom-style: dotted; height: 130px;}

/* footer */

#footer-c {
    border-top: 1px dotted #95b5d6;
}

#footer { 
    margin-top: 3px;
    background: #b6c8db;
    overflow: hidden;
    padding: 10px;
    line-height: 120%;
    color: #00547d;
}

#footer-left {}

#footer-center { text-align: center; }

#footer-right { text-align: right; }


/* Pages
******************************/

/* / */
#content .goods-index-list td {
	padding: 1px;
}

.goods-index-list td {
    text-align: center;
    vertical-align: top;
    border: none !important;
    padding: 2px;
    margin: 0px;    
    color: #4b81b3;
}

.good {
    width: 133px;
    margin: 0px auto;    
}

.good .preview {
    height: 119px;
    background: url('/i/bg/good_border.png') no-repeat;
    text-align: center;
    vertical-align: middle;
    
}

.good .preview td{
	height: 119px;
    margin: 0px;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
}

.good a {
    text-decoration: underline;
}

.good a:hover {
    text-decoration: none;
}

/* /brands */

.brands-list {
    width: 99%;
}

.brands-list td{
    text-align: center;
    vertical-align: top;
    border: none !important;
}
.brands-list tr{ border: none !important; }

.brand {
    width: 133px;
    background: url('/i/bg/brand_border.png') no-repeat;
    margin: 0px auto;
    margin-bottom: 20px; 
    height: 140px;
}
#content .brand-list td {
	padding: 3px;
}

#content .brand table { margin: 0; }
#content .brand td { 
    text-align: center;
    vertical-align: middle;
    width: 123px;
    padding: 0px 1px;
}

#content .brand td.title {
    height: 30px;
    padding-top: 5px;
}
#content .brand td.title a {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
}
#content .brand td.title a:hover { text-decoration: underline; }

#content .brand td.img {
    height: 100px;
    margin: 0;
}

#content .brand img {
    display: block;
    margin: auto;
    padding: 0px;
}

/* /shopcart
********************************/

.shopcart-list input {
    width: 30px;
}

/* /user
********************************/

.manager  { line-height: 140%; }
.manager h2 {
    margin-bottom: 10px;
}
.manager .bottom-borders {
    border-top: 1px solid #94b5d6;
    border-bottom: 1px solid #94b5d6;
    height: 3px;
    margin-top: 5px;
}

/* Common classes
*********************************/

.goods-list {}

.goods-list input {
    width: 30px;
}

.goods-list .actions a.lnk-order {
    padding-left: 3px;
}

#users-list input,
#orders-list input{
    width: 80px;
    border: 1px solid #065a96;
    background: white;    
    padding: 1px 2px;
}

#users-list select,
#orders-list select{
    border: 1px solid #065a96;
    background: white;    
    padding: 1px 2px;
}

.news {
    margin-bottom: 30px;
    padding-bottom: 5px;
    border-bottom: 1px solid #dfeac9;
    text-align: justify;
    overflow: hidden; 
}

.news h2 span.date_news {
    font-size: 80%;
    background: #dfeac9;
    padding: 2px;
}

#content .news li {
    margin-left: 15px;
    background: url('/i/icons/top_arrow.gif') 0px 7px no-repeat;
    padding-left: 10px;
}

.tooltip, .tooltip-goods {
    padding: 5px;
    border: 1px solid black;
    width: 250px;
}


.tooltip-goods { width: 400px; }
.

.tooltip img, .tooltip-goods p img {
    float: left;
    margin: 5px 5px 5px 0px;
}

.pager {
    background: #dfeac9;
    padding: 5px;
    margin: 5px 0px;
}

.pager a .pager span{
    padding: 0px 3px;
}

.pager span { font-weight: bold; }


/* стили для команды --  место отрыва -------*/

.office {
    width:25%;
    float: left;
}

.officebox { padding: 40px 0px 0px 0px; }

.topmanagers {
    background-color: #dfeac8;
    padding: 10px;
}

.topmanagers a {
    padding: 1px 2px;
}

.topmanagers a:hover {
    padding: 1px 2px;
    background-color: #c8d9a2;
}

.peopleimg {
    width: 15px;
    height: 15px;
    vertical-align: middle;
    padding: 1px;
}

 #content .officebox li  { 
	list-style-type: none;
	background: none;
	padding: 0;
	margin: 0 0 0 -10px ;
	
}

.breake { height: 40px; }


/* textpanel */

#content ul.textpanel { 
    overflow: hidden;
    margin: 5px 0px;
}
#content ul.textpanel li { 
    background: none; 
    margin: 0;
    padding: 0;
    padding-right: 5px;
    float: left;
    cursor: pointer;
}

.img-dialog .img-list {
    width: 400px;
    height: 200px;
    overflow: scroll;
}

.img-dialog .img-list img {
    float: left;
    margin: 2px;
    padding: 2px;
}

#banners_block a {
	margin-top: 3px;
}

#banners_block  {
	margin-top: 15px;
}

#banners_block h2 {
	margin-bottom: 3px;
	margin-left: 10px;
}

.title_group  {
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-color: #bababa;
	border-bottom-style: solid;
}

.project_company  {
	padding-bottom: 20px;
	
	
}



#content .project_table td{ border: none;}

#logo .devis{ margin-top: 10px; }

#content .oneffice img{ text-align: left; }

/*стили для user*/
.trap{
			margin-bottom: -1px;
			width: 95%;
			text-align: right;
			
		}
		.q{
			width: 98%;
			border: 1px solid #abe56c;
			background: #dfeac8;
			padding: 10px;
		}

/*Стили для использования в публикациях*/

.notes {
border-left: 5px solid #94CA19; 
padding: 5px; 
margin-left: 10px;  
margin-top: 5px;
margin-bottom: 5px;
background-color: #FBF0D1;

}

.cashcarry tr td
{ 

padding: 10px;
}

.cashcarry_ban{height: 93px; width:187px; color: #fff;}
.cashcarry_ban div {margin-top: -33px; text-align: center; font-family: Helvetica; font-size: 12px; z-index: 50; }