BODY {
	color: Black;
	background-color: #E6EAEB;
	font-family: Arial, "MS Sans Serif", sans-serif;
	height: 100%;
	min-height: 100%;
	border: none;
	margin: 0px;
	padding: 0px;
}

TABLE {
		empty-cells: hide;
		margin: 0px;
		padding: 0px;
		outline: 0px;
		border-spacing: 0px;
		border-collapse : collapse;
		border: 0px solid black;
}
TD {
		margin: 0px;
		padding: 0px;
		outline: 0px;
		border: 0px solid black;
		border-spacing: 0px;
}
.top_cell {
		vertical-align: top;
		height: 206px;
		max-height: 206px;
}
.menu_cell {
		vertical-align: top;
		height: 100%;
		min-height: 100%;		
}

/*Old code*/

A {
	color: Blue;
}

A:HOVER {
	color: Red;
	text-decoration: none;
}

p {
	font-family: "Arial", Courier, mono;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	/*color: #FFCC33;*/
	color: Black;
}

ul {
	list-style-type: disc;
	font-family: "Arial", Courier, mono;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	/*color: #FFCC33;*/
	color: Black;
}

li {
	list-style-type: disc;
	font-family: "Arial", Courier, mono;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	/*color: #FFCC33;*/
	color: Black;	
}

i {
	font-family: "Arial", Courier, mono;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	font-variant: normal; /*color: #FFCC33;*/
	color: Black;
}

b {
	font-family: "Arial", Courier, mono;
	font-size: 16px;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal; /*color: #FFCC33;*/
	color: Black;
}

small {
	font-size: x-small;
}

h1 {
	font-family: "MS Sans Serif", Courier, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
	color: Black;
	word-spacing : 2px;
	letter-spacing : 0;
	text-align : center;
}

h2 {
	font-family: "MS Sans Serif", Courier, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	word-spacing: 2px;
	letter-spacing: 0px;
}

h3 {
	font-family: "MS Sans Serif", Courier, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
	word-spacing: 2px;
	letter-spacing: 0px;
}

.menu {
	font-family: "Courier New", Courier, mono;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	color: Blue;
	text-decoration: underline;
}

.top {
	font-family: "Arial", Courier, mono;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #7466A7;
}



header, aside, article, footer, nav {display: block;}

html {height: 100%;}
body {background: url(/graphics/logo2.jpg) top left no-repeat; background-color: #cbddcf;}
header {background: url(/graphics/logo3.jpg) top right no-repeat; height: 48px; padding: 20px 20px 20px 140px; text-align: center; box-shadow: 0px 3px 3px 0px #e7ede3 inset;}
header a {display: block; text-align: center;}
aside {float: left; width: 140px; padding-top: 120px; text-align: center;}

article {z-index: 2; position: relative; margin: 0px 0px 0px 140px; padding: 20px; min-height: 90%; min-height: calc(100% - 89px); box-sizing: border-box; background: #E6EAEB; background-image: url("/image1/phon.jpg"); -ms-border-radius: 30px 0px 0px 0px; -o-border-radius: 30px 0px 0px 0px; -moz-border-radius: 30px 0px 0px 0px; -webkit-border-radius: 30px 0px 0px 0px; border-radius: 30px 0px 0px 0px; -moz-box-shadow: -1px -1px 8px 1px #000; -ms-box-shadow: -1px -1px 8px 1px #000; -o-box-shadow: -1px -1px 8px 1px #000; box-shadow: -1px -1px 8px 1px #000;}
article > h1 {margin-top: 0px;}
#updates {float: right; width: 91px; position: relative; right: -20px;}
#updates p {margin: 0px;}

footer {height: 1px; clear: left; -o-box-shadow: -1px -1px 5px 1px #000; -ms-box-shadow: -1px -1px 5px 1px #000; -moz-box-shadow: -1px -1px 5px 1px #000; -webkit-box-shadow: -1px -1px 5px 1px #000; box-shadow: -1px -1px 5px 1px #000; position: relative; z-index: 1; top: 0px; background: #3c413d; width: 100%;}

/*** D.iK.iJ - http://dikij.com/wm/adaptaciya-saytov.php ***/

@media screen and (min-width: 961px) {
body {overflow: auto !important;}
#zakr {display: none !important;}
#sidebar {display: block !important; left: 0px !important;}
}
@media screen and (max-width: 960px) {
img {max-width: 100% !important; height: auto !important; box-sizing: border-box;}
iframe, textarea, input, button, submit, select, video, object, embed {max-width: 100% !important; box-sizing: border-box;}
table, span, div, ins {max-width: 100% !important;}

table td img[width="11"], table td[width="11"] > img[height="9"]  {max-width: 11px !important;}
table td img[width="10"] {max-width: 10px !important;}

#sidebar {float: none !important; margin: 0px; padding: 10px; box-sizing: border-box; width: 160px !important; max-height: 100%; height: 100%; overflow: auto; position: fixed; display: none; background-color: #cbddcf; top: 0px; left: -100%; right: 0px; z-index: 201; -webkit-transition: left 1s; -moz-transition: left 1s; -o-transition: left 1s; transition: left 1s;}
#buter {border: 1px solid #dfe6e8; opacity: 0.7; width: 32px; height: 23px; cursor: pointer; background: url('/graphics/buter.png') center no-repeat; display: block !important; padding: 6px; position: fixed; top: 0px; left: 0px; z-index: 200; background-size: 32px 23px !important; background-color: #fff; border-radius: 0 0 3px 0;}
#buter:hover {opacity: 1 !important;}
#zakr {z-index: 99999990 !important; cursor: pointer; color: #fff; position: fixed; right: 5px; top: 5px; padding: 0; font-size: 25px; line-height: 25px; width: 25px; text-align: center;}
#zakr:hover {color: #ff0000 !important;}
#podlogka {opacity: 0; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; z-index: 199; background: #000; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1;}
.hidetablet {display: none !important;}

header {padding: 20px;}
article {background-image: none; overflow: hidden; margin-left: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
#updates {display: none !important;}
.adsbygoogle {overflow: hidden;}
article > table, table.price, table.cart, table.cart input[type="number"], table.auction, article table[width="95%"] {width: 100%; box-sizing: border-box;}
article table td#listrate + td {word-break: break-all;}

.PhorumNavBlock, div.PhorumNarrowBlock {display: block; width: 100%; overflow: auto; box-sizing: border-box;}
.PhorumTableHeader, .PhorumTableRow, .PhorumTableRowAlt {width: auto; height: auto; white-space: normal;}
.PhorumTableHeader a, .PhorumTableRow a {white-space: normal;}
#phorum-index td.forum-last-post, #phorum-index td.forum-posts, #phorum-index td.forum-threads {width: auto;}
.PhorumReadBodySubject {word-break: break-all;}
#listrate {width: auto;}
#phorum-index th, #phorum-index th.forum-posts, #phorum-index th.forum-threads {width: auto;}
}
@media screen and (max-width: 750px) {
table.price, table.auction, table.cart {display: block; overflow: auto;}
table.price > tbody, table.auction > tbody, table.cart > tbody {display: table; width: 100%; box-sizing: border-box;}
table.auction input[type="TEXT"], table.auction input[type="PASSWORD"] {width: 100%; box-sizing: border-box;}
}
@media screen and (max-width: 700px) {
article table[width="50%"], article table[width="70%"], article table[width="75%"],  article table[width="80%"], table.PhorumNarrowBlock, div.PhorumNarrowBlock {width: 100%; box-sizing: border-box;}
.PhorumNarrowBlock table, .PhorumNarrowBlock input[type=text], .PhorumNarrowBlock input[type=password], .PhorumNarrowBlock input[type=file], .PhorumNarrowBlock select, .PhorumNarrowBlock textarea, #phorum_textarea {width: 100%; box-sizing: border-box;}
article table[width="80%"] input[name="sitename"], article table[width="80%"] input[name="siteurl"], article table[width="80%"] input[name="sitedescr"], article table[width="80%"] input[name="email"] {width: 100%; box-sizing: border-box;}
article > .photo > tbody > tr > td {display: block; width: auto; height: auto;}
article table[width="600"], article table[width="514"] {width: 100%; box-sizing: border-box;}
article table[width="514"] td {width: auto;}
article table[width="514"] > tbody > tr > td[colspan="2"] {word-break: break-word;}
}
@media screen and (max-width: 600px) {
table.cart td, table.auction td {font-size: 15px;}
article table td#listrate, article table td#listrate + td {display: block; width: auto; height: auto;}
#listrating table, article table[width="500"] {width: 100%; box-sizing: border-box;}
article table table[width="500"] table[width="500"] table[width="500"] > tbody > tr > td {display: block; width: auto; height: auto;}
.PhorumStdTable {overflow: auto; display: block; box-sizing: border-box;}
.PhorumStdTable b {font-size: 100%;}
}
@media screen and (max-width: 550px) {
.break550 > tbody > tr > td {display: block; width: auto; height: auto;}
article font[size="+5"] {font-size: 200%;}
article table[width="380"] {width: 100%; box-sizing: border-box;}
article table[width="380"] input[type="text"], article table[width="380"] textarea, article table[width="380"] select {width: 100%; box-sizing: border-box;}
article form[action="/cgi-bin/FormMail.pl"] td {width: auto;}
article form[action="/cgi-bin/FormMail.pl"] input[type="text"], article form[action="/cgi-bin/FormMail.pl"] select, article form[action="/cgi-bin/FormMail.pl"] textarea {width: 100%; box-sizing: border-box;}
article > form[action="/auction.php"] > .auction > tbody > tr > td {display: block; width: auto; height: auto;}
.hidemobile {display: none !important;}
article form[action="price_cart.php"] td input[type="text"], article input[type="number"] {width: 100%; box-sizing: border-box;}
article div table form[action="index.php"] table table > tbody > tr > td {display: block; width: auto; height: auto; text-align: left;}

.PhorumStdTable > tbody > tr > th:nth-child(4), .PhorumStdTable > tbody > tr > td:nth-child(4) {display: none;}
}
@media screen and (max-width: 450px) {
article img[align="left"], article img[align="right"] {display: block; margin-left: auto !important; margin-right: auto !important; float: none !important;}
article table[width="400"], article table[width="400"] input[type="text"], article table[width="80%"] {width: 100%; box-sizing: border-box;}
article input#select[type="text"], article input#select[type="password"], article select#select {width: 100%; box-sizing: border-box;}
}
@media screen and (max-width: 400px) {
header {background: none; padding: 20px 40px;}
.break400 > tbody > tr > td {display: block; width: auto; height: auto;}
.break400 > tbody > tr > td input[type="text"] {width: 100%; box-sizing: border-box;}
article table[width="350"] {width: 100%; max-width: 350px; box-sizing: border-box;}
article ul, article ol {padding-left: 18px;}
table.cart td, table.auction td {font-size: 14px;}
.PhorumStdTable > tbody > tr > th:nth-child(5), .PhorumStdTable > tbody > tr > td:nth-child(5) {display: none;}
.PhorumNavBlock div {width: 100%; text-align: left; box-sizing: border-box;}
.PhorumHeadingLeft {padding-left: 0px;}
}
@media screen and (max-width: 370px) {
article font[size="+5"] {font-size: 150%;}
article table[width="300"], article table[width="300"] input[type="text"] {width: 100%; max-width: 300px; box-sizing: border-box;}
table.cart td, table.auction td {font-size: 12px;}
}