@import "menu.css";
@import "catalog.css";

* {
color:#4b4b4b;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0px;
margin:0px;
border:0px;
outline:none;
vertical-align:top;
}
a {
text-decoration:underline;
}
ul li {
margin-bottom:7px;
margin-left:12px;
list-style-type:disc;
}
h1 {
color:#4a4a54;
font-family:"Myriad Pro", sans-serif;
font-weight:normal;
font-size:24px;
}
#centerContent h1 {
margin-bottom:30px;
}
h3, h3 a { /* nazvanie producta */
color:#2676d0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
line-height:130%;
}
h3 a:hover {
color:#ff7012;
}
#datasWrapper h1 {
clear:both;
padding-left:40px;
position:absolute;
left:208px;
top:65px;
background:url(../images/page-title-bullit.gif) no-repeat left;
}
.floatLeft {
float:left;
}
floatRight {
float:right;
}
.clear {
clear:both;
}
body {
background:url(../images/website-bg.gif) repeat top left;
}
#headerWrapper {
background:url(../images/top-bg-right.jpg) repeat-x top left;
}
#headerBg {
background:url(../images/top-bg-center.jpg) no-repeat top left;
}
#header, #contentWrapper, #datasWrapper {
min-width:975px;
max-width:1600px;
margin:0 auto;
}
#header {
padding-top:4px;
}
#contentWrapper {
padding-bottom:40px;
}
/* ----------------- LOGO-----------------   */
#logo {
width:197px;
height:94px;
margin-left:10px;
margin-right:30px;
float:left;
}
#logo h1 {
color:#5c656c;
text-indent:-8000px;
height:64px;
margin-top:7px;
background:url(../images/topstar-logo.png) no-repeat;
}
#logo p {
color:#5c656c;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
letter-spacing:1px;
padding-left:3px;
}
#logo a {
display:block;
width:197px;
height:80px;
}
/* ----------------- /LOGO-----------------   */

.banerTop {
float:left;
}
#banerLeft {
float:left;
margin-top:16px;
}

#zakaz {
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
float:right;
padding-right:15px;
margin-top:7px;
}
#zakaz strong {
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
}
#datasBg {
background:url(../images/menu-bg.gif) repeat-x top;
}
#datasWrapper {
height:59px;
padding:0px 8px 0px 10px;
clear:both;
}
.topMenuWrapper {

position:relative;
}
/* ----------------- MENU -----------------   */
.topMenuWrapper #menu li {
list-style-type:none;
float:left;
margin:0px;
margin-top:9px;
}
#menu li, #menu li a {
color:#4a4a54;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
list-style-type:none;
}
#menu li a {
text-decoration:underline;
display:block;
height:33px;
padding:12px 6px 0px 6px;
}
#menu li a:hover {
color:#0a0a0a;
}
.menuActive {
background:url(../images/menu-active-bgl.gif) no-repeat left;
}
#menu li.menuActive a {
text-decoration:none;
color:#ffffff;
background:url(../images/menu-active-bgr.gif) no-repeat right;
}
/* ----------------- /MENU -----------------   */

/* ----------------- SEARCH ----------------- */
#searchTop {
height:31px;
margin-top:12px;
float:right;
}
#searchTop div {
height:31px;
}
#searchTop div {
background:url(../images/search-left.gif) no-repeat top left;
padding-left:26px;
}
#searchTop div div {
background:url(../images/search-right.gif) no-repeat top right;
padding:5px 17px 4px 1px;
}
#searchTop .searchText {
height:22px;
width:120px;
border:none;
}
#searchTop .searchGo {
float:right;
height:25px;
width:25px;
margin-left:2px;
margin-top:3px;
background:url(../images/btn-go.gif) no-repeat left;
}
/* ----------------- /SEARCH ----------------- */



#leftContent {
float:left;
width:250px;
/* width:215px; */
padding-left:2px;
padding-top:25px;
}
#leftContent img { /* otodvigaem banner */
margin-left:1px;
}
#centerContent {
margin-left:265px;
padding-top:25px;
padding-right:20px;
}
table {
border-collapse:collapse;
}
td {
padding:10px;
border:1px solid #588cd7;
}
table, #centerContent ul {
margin-bottom:15px;
}

/* ----------------- FOOTER ----------------- */
#footer {
height:101px;
background:#eff0f1;
border-top:1px solid #cfcfcf;
padding:0px 15px;
}
#footer div {
line-height:140%;
float:left;
padding-top:10px;
}
#footer div.powered {
float:right;
}
#footer div a {
color:#2676d0;
}
#footer div a:hover {
color:#ff7012;
}
#footer .days, #footer .time, #footer .phones {
color:#4a4a54;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
}
#footer .days {
width:75px;
margin-left:40px;
}
#footer .time, #footer .phones {
width:175px;
}

/* ----------------- /FOOTER ----------------- */