html {
background: #2f8bc2 url(/img/fon_body1.jpg) left top repeat;
}
body {
background: url(/img/fon_body.jpg) left top repeat-y;
font-family: Tahoma;
font-size: 12px;
color: #001034;
}
a {
color: #87cbf9;
}
a:visited {
/*text-decoration: none;*/
}
#container {
width: 100%;
min-width: 1024px;
width: expression(document.body.clientWidth > 1024 ? "100%" : "1024px");
background: url(/img/fon_container.jpg) right top repeat-y;
position: relative;
min-height: 100%;
}
*html #container {
height: 100%;
}
/*HEADER*/
#header {
background: url(/img/fon_header.jpg) left top repeat-x;
}
#header_1 {
background: url(/img/fon_header_1.jpg) left top no-repeat;
height: 209px;
}
#header_2 {
background: url(/img/fon_header_2.jpg) right top no-repeat;
height: 209px;
}
#topmenu {
padding: 10px 0 0 25px;
height: 15px;
}
#topmenu li {
float: left;
text-transform: uppercase;
text-align: left;
padding: 2px 10px 2px 10px;
font-size: 10px;
line-height: 10px;
font-weight: bold;
border-right: 1px solid #f1e29d;
}
#topmenu li a {
color: #f1e29d;
text-decoration: none;
}
#logo {
padding: 25px 0 0 22px;
}
#logo span {
display:block;
position:relative;
overflow:hidden;
width: 240px;
height: 127px;
}
#logo img {
position:absolute; left:0; top:0; z-index:1;
width: 240px;
height: 127px;
cursor: pointer;
}
#topmenu_2 {
margin: 11px 0 0 75px;
}
#topmenu_2 li {
float: left;
line-height: 11px;
font-size: 0;
padding: 0 0 0 15px;
}
#slogan {
text-transform: uppercase;
font: 8px Arial;
color: #c6e4ff;
position:relative;
overflow:hidden;
width: 253px;
height: 14px;
margin: 0 0 0 23px;
}
#slogan span {
display: block;
position:absolute; left:0; top:0; z-index:1;
width: 253px;
height: 14px;
background: url(/img/slogan.jpg) left top no-repeat;
}
/*--END OF HEADER--*/
/*WRAPPER*/
#wrapper {
width: 100%;
overflow: hidden;
padding-bottom: 253px;
margin-top: -10px;
background: url(/img/fon_body.jpg) left top repeat-y;
/*border: 1px solid red;*/
}
/*NAVIGATION*/
#navigation {
width: 310px;
background: url(/img/fon_navigation.jpg) left top no-repeat;
min-height: 221px;
}
*html #navigation {
height: 221px;
}
#left_menu {
padding: 8px 0 0 28px;
text-align: left;
}
#left_menu li {
padding: 0 5px 19px 0px;
font-size: 11px;
font-weight: bold;
line-height: 11px;
text-transform: uppercase;
}
#left_menu li a {
display: block;
background: url(/img/marker.jpg) left top no-repeat;
color: #ebd17b;
padding: 1px 0 0 25px;
text-decoration: none;
}
#left_menu .current, #left_menu li a:hover {
/*background: url(/img/marker_2.gif) left 6px no-repeat;*/
}
.parent {
padding: 0 5px 9px 0 !important;
}
.left_submenu {
padding: 12px 0 0 32px;
}
.left_submenu li {
text-transform: none !important;
padding: 0 0 10px 0 !important;
font-weight: normal !important;
}
.left_submenu li a {
background: transparent !important;
color: #57c5fe !important;
padding: 0 !important;
}
#order {
/*position: relative;*/
margin-top: 30px;
width: 300px;
/*float: left;*/
}
#order a {
/*margin-top: -20px;*/
display: block;
color: #c6e4ff !important;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
padding: 3px 0 15px 60px;
}
#order #book {
background: url(/img/book.gif) 20px top no-repeat;
}
#order #disk {
background: url(/img/disk.gif) 20px top no-repeat;
}
/*--END OF NAVIGATION--*/
/*CONTENT*/
#content {
margin-left: 335px;
padding: 0 0 0 5px;
}
*html #content_inside {
margin-left: -3px;
}
#content img {
filter: expression(fixPNG(this));
}
#content h1 {
color: #ffedb0;
margin: 5px 0 0 0;
font-size: 16px;
text-transform: uppercase;
line-height: 17px;
}
#text {
padding: 10px 40px 20px 0px;
text-align: left;
}
#text p {
padding-top: 5px;
}
#text img {
margin: 10px;
}
#text ul {
padding: 10px 0;
}
#text ul li {
padding: 5px 0 5px 10px;
background: url(/img/marker_list.gif) left 10px no-repeat;
}
/*catalog*/
#text h2, #text h3, #text h4, #text h5, #text h6 {
font-size: 12px;
text-transform: uppercase;
color: #fff;
padding: 10px 0 10px 0;
}
#text h3 {
font-size: 11px;
}
#text h4, #text h5, #text h6 {
font-size: 10px;
}
.catalog {
margin: 10px 0 20px 0;
width: 95%;
table-layout: fixed;
}
.catalog tr td div {
border: 1px solid #020635;
width: 88px;
margin: 0 auto;
}
.gal tr td div {
width: 102px !important;
}
.catalog tr td div img {
margin: 3px !important;
}
.catalog tr td {
background: url(/img/border_td.gif) left top repeat-y;
padding: 10px 20px 40px 20px;
vertical-align: top;
}
.catalog tr td p{
width: 115px;
font-size: 11px;
color: #fff;
margin: 0 auto;
/*padding-left: 10px !important;*/
}
.catalog tr td p a {
color: #fff;
}
.noborder {
background: transparent !important;
}
hr {
color: #5fb8e0;
margin: 0 0 10px 0;
}
/*end of catalog*/
.email input{
border: 1px solid #ccc;
}
.email td{
padding: 0 0 5px 0;
}
em {
color: red;
}
.email .name {
vertical-align: top;
text-align: right;
padding-right: 5px;
}
/*--END OF CONTENT--*/
/*--END OF WRAPPER--*/
/*FOOTER*/
#footer {
width: 100%;
min-width: 1024px;
width: expression(document.body.clientWidth > 1024 ? "100%" : "1024px");
margin-top: -253px;
background: #1a8dd4 url(/img/fon_footer.jpg) left top repeat-x;
}
#footer a {
color: #4d4d4d;
}
#footer_inside {
background: url(/img/fon_footer1.jpg) left top no-repeat;
}
#footer_inside2 {
background: url(/img/fon_footer2.jpg) right top no-repeat;
height: 253px;
}
#info {
height: 115px;
overflow: hidden;
}
/*phone*/
#phones {
font-size: 18px;
color: #fff;
background: url(/img/fon_phone.jpg) left top no-repeat;
height: 112px;
width: 310px;
}
#phones h2 {
color: #ffedb0;
padding: 15px 0 0 110px;
font-size: 16px;
text-transform: uppercase;
}
#phones h2 span {
position: relative;
top: -5px;
font-size: 10px;
}
#phones p {
color: #fff;
font-size: 20px;
text-transform: uppercase;
padding: 7px 0 0 130px;
}
#phones p span {
position: relative;
top: -7px;
font-size: 12px;
}
/*end of phone*/
/*search*/
#search {
/*margin: 0 0 0 310px;*/
/*padding: 0 0 0 21px;*/
}
#search h2, #news h2 {
color: #ffedb0;
margin: 10px 0 0 0;
font-size: 16px;
text-transform: uppercase;
line-height: 17px;
}
#search form {
width: 240px;
height: 88px;
background: url(/img/fon_search.jpg) left top no-repeat;
}
#input_search {
float: left;
margin: 15px 0 0 10px;
width: 175px;
height: 15px;
border: none;
background: transparent;
color: #001034;
font-size: 11px;
padding: 4px 0 0 3px;
}
#button {
float: left;
width: 44px;
height: 41px;
border: none;
background: transparent;
margin: 8px 0 0 0;
cursor: pointer;
}
/*end of search*/
/*news*/
#news {
width: 300px;
}
.news_block {
padding: 10px 55px 0 0;
}
.news_block .date {
font-size: 10px;
width: 35px;
}
.news_block .date a, .top_news_date {
color: #fff !important;
text-decoration: none;
}
.description {
width: 200px;
font-size: 10px;
}
.description a {
color: #000 !important;
text-decoration: none;
}
/*end of news*/
/*gallery*/
#gallery {
margin: -30px 0 0 0;
text-align: left;
}
#gallery table {
width: 100%;
}
#gallery table td {
vertical-align: top;
padding: 0 0 0 85px;
height: 167px;
}
#gallery table td div {
position: relative;
}
#gallery table td span {
display: block;
width: 110px;
height: 167px;
background: url(/img/fon_gallery.png) left top no-repeat;
filter: expression(fixPNG(this));
position: absolute; top: 0; left: 0;
}
#gallery table td img {
margin: 36px 0 0 7px;
}
#gallery table td a {
display: block;
/*border: 1px solid red;*/
position: relative;
z-index:1;
}
/* end of gallery */
#development {
font-size: 11px;
text-align: right;
/*text-transform: uppercase;
*/
padding: 0 30px 0 0;
margin-top: -15px;
}
#development, #development a {
color: #fff;
}
#development a {
cursor: pointer;
}
/*END OF FOOTER*/
#1,#2, #3, #4 {
cursor: pointer;
text-decoration: underline;
}
.creator {
margin: -10px 0 0 0;
padding: 16px 0 0 2px;
float: right;
display: block;
width: 162px;
height: 17px;
//height: 33px;
background: url('/img/nmarklogo.gif') no-repeat 0 0;
}
.prod h3 {color:#001034 !important;text-transform: none !important; font-size:12px !important;}