body {
        margin: 10;
        background: #444444 url('../i/fon.gif');  
        font-family: Arial;
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        color: #fff;
}
img { border: none;}
table, td, th {border:none; padding:0px; empty-cells:show}
table {border-collapse:collapse}

h1 { color: #ff5517;text-transform:uppercase;font-size: 13px; margin:0px; padding:0px;}
h2 { height: 33px; font-weight: normal; text-transform: uppercase; font-size: 11px; color: white; font-weight:bold; background: #898989 url("../i/h2_fon.jpg") no-repeat center center; text-align:center;line-height:250%;margin:0 0 0 10;font-family: Tahoma, verdana}
h2.right { margin: 0 10 0 0; background: #898989 url("../i/h2_fon.jpg") no-repeat center center; font-weight:bold;}
h2 a,h2 a:visited,h2 a:hover {display:block;width:100%;height:100%;color:#fff;text-decoration:none;}
h3 { padding: 0;margin: 0; font-family: Arial; font-size: 11px; text-transform: uppercase; color: #FF5517;}
.contentheader { color: #FF5517; text-transform: uppercase; margin:0 0 5 0px; padding:0 0 0 10px;background: #4C4C4C url("../i/h2_contentfon.jpg") no-repeat right top; text-align:left;}
.contentheader p{ padding: 5 0 0 0;margin:0px;color: #fff}
.producers{ padding: 3 0 10 0;margin:0px;color: #FF5517;}
.contentheader a,.contentheader a:visited{ color: #FF5517;}
.headtable {
        width: 100%;
        background: #444444;
}
.tdhead {
        padding:0 0 15 0;
}
.logoimg {
        margin:0 0 0 10px;
}
.box{
        margin: 0;
        padding: 0 0 50 0;
        width: 100%;
        height:100%;
        font-size: 11px;
        background: #444444;
}
.headbox {
        margin: 0;
        padding: 0;
        background: #444444;
        font-size: 11px;
        width: 100%;
        height:195px;
}
.katalog {width:100%;}
.katalog td {width:25%;text-align:center;}
.katalog td h1 {font-size:13px; color: #fff; text-transform:none; font-weight: bold; text-align:left;background:none;margin:0px;padding:0xp;}
.katalog td h4 {font-family: Arail; font-size:12px; color: #fff; text-transform:none; font-weight: bold; text-align:left;background:none;margin:0px;padding:0xp;}
.katalog td.dopimg {text-align:left;}
.katalog td.description {font-size: 12px;text-align:left;padding: 5px 10px;}
.katalog td.description span.price {color: #FF5517;        font-weight: bold;}
.katalog td.description span.b {font-weight: bold;}


.basket {width:100%;font-size:12px;}
.basket td {padding: 5px;text-align:center;background: #4c4c4c;border:1px solid #787878;}
.basket td.title {text-align: left;}
.basket td.notcell {text-align: justify;border:none;background: #444444;}
.basket td.submit  {border:none; border-bottom:1px solid #787878;background: #444444;text-align:right;}
.basket td.submit .submit {border:none; background: #444444;color: #FF5517;}
.basket td.c {text-align: center}
.basket td.notcell p {margin:0px;padding:0px;width:40%;text-align:left;}
.basket td.notcell a,.basket td.notcell a:visited {text-transform: uppercase;color: #FF5517;}
.basket td.notcell a:hover {text-decoration:none;}
.basket tr.basketheaders {color: #FFFFFF;text-align:center;font-size: 11px;text-transform:uppercase;}
.basket tr.smallfont {font-size:9px;}
.basket tr.basketheaders td {vertical-align: middle;background: #898989; height:50px;}
.basket tr.childtr td {padding:0;border:none;padding: 2px 0;}
.basket td span.basketmodel {color:#ff5517}
.basket tr.good {background:#7d7d7d;}
.basket td.parent {font-size:11px;text-align: left;background: #6b6b6b;text-transform:uppercase;}
.basket td.child {text-align: left; padding-left: 10px; font-size: 10px; text-transform: none;background: #5a5a5a;}



table.tablesorter_off{
	display:none;
}	

table.tablesorter {
	width:100%;font-size:12px;	
}	
	.tablesorter thead{
		display:none;
	}				
	
	table.tablesorter thead tr th, table.tablesorter tfoot tr th {
					background-color: #5F5F5F;
					color: #fff;
					border: 1px solid #FFF;
					font-size: 12px;
					padding: 4px;
				}
		
					table.tablesorter thead tr .header {	
						background-repeat: no-repeat;
						background-position: center right;
						cursor: pointer;
					}
					table.tablesorter thead tr .headerSortUp {
						background-image: url(/i/tablesorter-asc.gif);
						background-color: #7F7F7F;
					}
				
					table.tablesorter thead tr .headerSortDown {
						background-image: url(/i/tablesorter-desc.gif);
						background-color: #7F7F7F;
					}							
								
	table.tablesorter tbody td {
		color: #fff;
		padding: 5px;
		background-color: #4c4c4c;
		vertical-align: top;
		text-align:center;
		font-size:9px;
		border:1px solid #787878;
	}
				
	table.tablesorter tbody tr.odd td {
		background-color:#8c8c8c;		
	}				


	
#table_head{
	width:100%;
	background-color:#898989;	
}

.tablesorter .column0{
	width: 40px; padding:5px 0px 0px;
}
.tablesorter .column1{
	width: 15%;
}
.tablesorter .column2{
	width: 15%;
}
.tablesorter .column3{
	width: 10%;
}
.tablesorter .column4{
	width: 10%;
}
.tablesorter .column5{
	width: 10%;
}
.tablesorter .column6{
	width: 10%;
}
.tablesorter .column7{
	width: 10%;
}
.tablesorter .column8{
	width: 12%;
}
.tablesorter .column9{
	width: 8%;
}

#head0{
	width: 40px; padding:5px 0px 0px;
	
}
#head1{
	width: 15%;
	background: #898989 url(/i/tablesorter-bg.gif) no-repeat bottom center;
	cursor:pointer; 
}
#head2{
	width: 15%;
	background: #898989 url(/i/tablesorter-bg.gif) no-repeat bottom center;
	cursor:pointer; 
}
#head3{
	width: 10%;
	background: #898989 url(/i/tablesorter-bg.gif) no-repeat bottom center;
	cursor:pointer; 
}
#head4{
	width: 10%;
	background: #898989 url(/i/tablesorter-bg.gif) no-repeat bottom center;
	cursor:pointer; 
}
#head5{
	width: 10%;
	background: #898989 url(/i/tablesorter-bg.gif) no-repeat bottom center;
	cursor:pointer; 
}
#head6{
	width: 10%;
}
#head7{
	width: 10%;
}
#head8{
	width: 12%;
	background: #898989 url(/i/tablesorter-bg.gif) no-repeat bottom center;
	cursor:pointer; 
}
#head9{
	width: 8%;
}

.headerSortUp{
	background:url(/i/tablesorter-asc.gif) no-repeat bottom center;
}
.headerSortDown{
	background:url(/i/tablesorter-desc.gif) no-repeat bottom center;
}

.hand {
	width:100px;	
    color: #000;
    cursor:pointer;     
}
* HTML .hand {
	width:100px;
    cursor:hand;            
}

.fastorder_hand{
	width:30px;	
    color: #000;
    cursor:pointer;     
}
* HTML .fastorder_hand {
	width:100px;
    cursor:hand;            
}

.number{
	width:40px;		
}

.registration {width:100%;font-size:12px;}
.registration td {border-bottom: 1px solid #444444;border-top: 1px solid #444444;background: #4c4c4c;padding: 3px 5px;}
.registration td.bottomtd{border:none;background: #444444;text-align:center;padding:5px 0px;}
.order {width:100%;font-size:12px;}
.order td {padding: 3px;}
.byebutton {text-align:center; padding:0;margin:0;}
.hidediv {display: none;}
.close {text-align:right;font-size:12px;font-weight:bold;color:#fff}
#imgdiv {
        padding:0px;
        margin:0px;
}
.imgdiv {
        position: absolute;
        width: 301px;
        height: 495px;
        background: #FF5517;
        text-align: center;
}


.box td { vertical-align: top;}
.box .bottom {
        height:140px;
        text-align:right;
        vertical-align:bottom;
        padding: 5px;
}
.box td div.right {
        margin: 0 10 0 0;
}
.box td.left {
        width: 196px;
}


.box td.middle {
        padding: 0 15 0 15;
        vertical-align: top;
}
ul.left {
        margin: 30 0 0 10;
        padding:10 20 15 0;
        list-style: none;
}

ul.left li.selected{
	background: #73818c; 
}

ul.right {
        margin: 30 10 0 0;
        padding:10 0 15 20;
        list-style: none;
}
ul.cm li {
        border-bottom: 1px solid #9f9f9f;
        padding: 2 20;
}
ul.cm li.last {
        border: none;
        margin: 0 0 10 0;
}
ul.cm li a,.box td ul ul.cm li a:visited {
        color: #fff;
        text-decoration: none;
        font-size: 11px;
        font-family: Arial;
}
ul.cm li a:hover {
        color: #FF5517;
}
.header0 {
        background:#FF5517;
        margin:0;
        position:relative;
}
.header1 {
    position:absolute;
    background:#FF5517;
    margin:0 0 0 -10px;
    width:100%;
}
.header2 {
    position:absolute;
    background:#FF5517;
    margin:0 0 0 10px;
    width:100%;
}
.header3 {
    position:absolute;
    margin:-10px 0 0 -20px;
    width:100%;
}
/*--------------------------
        head: ������
--------------------------*/
.hright {
        background: #4c4c4c;
        vertical-align: top;
        text-align: left;
}
.hrfon {
        background: #4A4949 url('../i/hrfon.gif') no-repeat right top; 
}
.blfon {
        background: #444444 url('../i/blfon.jpg') no-repeat left bottom; 
}
.logo {
        width: 186px;
        height:190px;
}
.headmenu {
        width:100%;
        height: 140px;
} 
.headmenu ul {
        margin:0;        
        padding:10px 0 0 10px;
        list-style:none;
}
.headmenu ul li {
        margin: 0px;
        padding: 1px 0 1px 20px;
        background: url('../i/white.gif') no-repeat 5px 4px;
        border: none;
}
.headmenu ul li.login {
        background: none;
        padding: 2px 0px 0px 10px;
}
.headmenu ul li.login .submit {
        border: none;
        background:none;
        text-decoration: underline;
        color: #fff;
        text-transform: uppercase;
}
.headmenu ul li.login .text {
        border: none;
}
.headmenu ul li.selected {
        padding: 1 0 1 20;
        margin: 0px;
        border: none;
        background: url('../i/orange.gif') no-repeat 5px 4px;
}
.headmenu ul li.selected a,.headmenu ul li.selected a:visited {
        color: #FF5517;
        margin: 0px;
        padding: 0px;
}
.headmenu ul li a,.headmenu ul li a:visited {
        color: #FFF;
        text-decoration: none;
        text-transform: uppercase;
        font-size:11px;
        margin: 0px;
        padding: 0px;
}
.headmenu ul li a:hover {
        color: #FF5517; 
}
.headmenu ul li a.orange, .headmenu ul li a.orange:visited {
        color: #FF5517;
        font-weight: bold;
}
.headmenu ul li a.orange:hover {
        color: #fff;
}
.user {
        float: left;
        font-family: Arial;
        width: 45%;
        font-size: 11px;
        font-weight: bold;
}
.user p {
        margin: 0px;
        padding: 8px 0 0 20px;
}
.user p a,.user p a:visited {
        text-transform: uppercase;
        font-size: 9px;
        font-weight: normal;
        color: #fff;
        text-decoration: underline;
}
.user p a:hover {
        color: #ff5517;
}
.searchblock {
        clear: both;
        height:50px;
}
.search {
        float: left;
        width: 55%;
        height: 50px;
        background: #FF5517;
        text-transform: uppercase;
        font-size: 9px;        
        line-height: 90%;
}
/*--------------------------
        content: content;
--------------------------*/
.contacts {
        margin: 0 0 0 10;
        padding: 10 0 10 10;
}
.contacts a,.contacts a:visited {
        text-decoration: underline;
        color: #fff;
}
.contacts a:hover {
        color: #ff5517;
}
.special {
        clear:both;
        margin: 30 10 0 0;
        padding: 10;
}
.special span.price {
        color: #ff5517;
}
.special a,.special a:visited {
        text-decoration: underline;
        text-transform: uppercase;
        display: block; 
        color: #fff;
        padding: 0px;
}
.special a:hover {
        color: #ff5517;
}
.in_a_basket {
        background: url("../i/shop.gif") no-repeat 10px top;
        padding: 0px 0 10px 0;
        margin:0px;
}
.in_a_basket p {
        padding: 0 25px 0 95px;
        margin:0px;
}
.in_a_basket span{padding:5 0 0 10px; display:block;		}

.in_a_basket p a,.in_a_basket p a:visited {
        color: #fff;
        text-decoration: none;
}
.in_a_basket p a:hover {
        text-decoration: underline;
}
.ramka {                     
       width:124px;      
       padding:0;
       margin:0px;		 
	   
}
 
.img_in_ramka {
	border:#898989 1px solid;
}
.basketimg {
        margin: 20px 0px;
}
.article {
        padding:10 50 0 0;
        margin:0px;
}
.articles {
        font-size: 12px;
        font-family: Arial;
}
.articles img {
        margin: 0 6px 0 0px;
}
.submit {
        border: #fff;
}
.small_submit {
        border: #fff;
        background: #4c4c4c;
        margin:0px;
        padding:0px;
        text-align:left;
        color: #fff;
        font-size:11px;
        cursor: hand;
}
.newsdate {
        padding: 0 15 0 0;
        font-weight: bold;
}
.katalog_id {
        width: 80%;
        height: 100%;
        //height: auto;
        background: #4c4c4c url('../i/katalog_id_fon.gif') no-repeat right top;
        font-size:11px;
        text-align:left;
}
.katalog_id p {
        margin:0px;
        padding:5px; 
}
.katalog_id p.img {
        text-align:center;
}
.katalog_id p.tobuy {
        text-align:right;
        margin: -20 5 0 0;
        padding: 0px;
}
.katalog_id p.tobuy a,.katalog_id p.tobuy a:visited {
        text-decoration: underline;
        text-transform: uppercase;
        color: #fff;
        padding: 0 0 0 5px;
}
.katalog_id p.tobuy a:hover {
        color: #ff5517;
}
.katalog_id span.title {
        font-weight: bold;
}
.katalog_id span.price {
        font-weight: bold;
        color: #FF5517;
}
.banners {
        width: 100%;
}
.dopimg {
        text-align:left;
        background: #4c4c4c;
        width:100%;
}
.dopimg p {
        margin:0px;
        padding: 10px 5px;
}
.dopimg a,.dopimg a:visited {
        color:#fff;
        text-transform:uppercase;
        font-size:11px;
}
.dopimg a:hover {
        text-decoration: none;
}
.error {
        text-align:center;
        padding: 20px 0;
        font-size:13px;
        font-weight: bold;
}
#note {
        font-size: 12px;
}
#note a, #note a:visited {
        color: #fff;
        text-decoration: underline;
}
#note a:hover {
        text-decoration: none;
}
#page a, #page a:visited {color: #fff; text-decoration: underline;}
#page span {color: #FF5517;}
#page a:hover {text-decoration: none;}
.showall_form {padding:0px;margin:0px;}
.showall_form .logout {
        border: none;
        background:none;
        text-decoration: underline;
        color: #fff;
        //width:105px;
        width: 110px;
        font-size:10px;
        text-transform:uppercase;
        margin: 1px 0 0 -4px;
        padding: 0px;
}
.showall { color: #fff;border:none;background: #444444;font-size:11px;height:13px;margin:0px;padding:0px;width:90px;}
.searchform {
        padding:3 5;
        margin:0;
}
.searchform .text {
        width:70%;
        border:1px solid #444444;
        height:18px;
}
.replaceimg {
        text-transform:uppercase;
        text-decoration: underline;
        font-size:11px;
        cursor: hand;
}

.alert {
        color: #f00;
}
.ok {
        color: #0f0;
}

.thumbnail{
text-decoration: none;
color: #b0b0b0;
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 20px;
left: 20px; /*position where enlarged image should offset horizontally */

}