html, body {
width: 100%;
margin:0;
padding:0;
background: #FFFFFF;
font-size: 11px;
}
div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, select {
margin: 0;
padding: 0;
}
img {border: 0;}
a {font: normal 11px Arial; color: #0F8EB2; text-decoration: underline;}
a:hover {font: normal 11px Arial; color: #0F8EB2; text-decoration: none;}
#container {
width: 100%;
width:expression((document.documentElement.clientWidth< =1000)?'1000px':'auto');
min-width: 1000px;
position: relative;
}
.center-fix {
width: 1000px;
margin: 0 auto;
}
#header {
float: left;
width: 100%;
height: 274px;
background: url("../images/bg-01.jpg") no-repeat top center;
position: relative;
z-index: 0;
}
.header {
float: left;
width: 1000px;
position: relative;
z-index: 0;
}
.logo {
width: 250px;
height: 48px;
position: absolute;
top: 26px; left: 26px;
}
.adv-01 {
width: 97px;
height: 92px;
position: absolute;
top: -18px; left: 306px;
}
.adv-text {
width: 170px;
position: absolute;
top: 36px; left: 420px;
font: normal 11px Arial;
color: #0F8EB2;
}
.header-text {
width: 508px;
height: 79px;
padding-left: 12px;
padding-top: 12px;
background: url("../images/headerTxtBg.png") no-repeat;
position: absolute;
top: 130px; left: 22px;
font: normal 14px Tahoma;
color: #10a2e8;
line-height: 16px;
}
.header-text span {
color: #4d4d4d;
}
.contact-phone {
color: #179BE3;
font: 14px Tahoma;
padding: 0 0 0 8px;
position: absolute;
right: -4px;
text-align: left;
top: 183px;
width: 240px
}
.contact-phone div {font: bold 24px Tahoma; color: #3B3B3B; margin: 2px 0px 0px 0px; }
.contact-phone span {font: normal 24px Tahoma; color: #099ce2;}
#content {
float: left;
width: 100%;
background: url("../images/bg-03.gif") repeat-y center;
position: relative;
z-index: 10;
}
.content {
float: left;
width: 1000px;
position: relative;
margin: -39px 0px 0px 0px;
padding: 0px 0px 100px 0px;
z-index: 10;
}
.buble {
width: 205px;
height: 274px;
position: absolute;
right: 2px; bottom: 42px;
background: url("../images/buble.gif") no-repeat top left;
z-index: 0;
}
.left-column {
float: left;
width: 200px;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 26px;
z-index: 10;
}
.menu {
float: left;
margin: 7px 0px 0px 0px;
}
.menu ul {
float: left;
list-style: none;
}
.menu ul li {
float: left;
width: 200px;
margin: 0px 0px 6px 0px;
font: normal 16px Arial;
color: #0F8EB2;
text-transform: uppercase;
}
.menu ul li a, .menu ul li a:hover {
float: left;
font: normal 14px Tahoma;
color: #fff;
text-decoration: none;
width: 170px;
height: 24px;
padding: 4px 0 0 10px
}
.menu ul li a {
background: url(../images/menu.png) no-repeat;
}
#active_li{
float: left;
font: normal 14px Tahoma;
background: url(../images/menuA.png) no-repeat !important;
color: #3b3b3b !important;
text-decoration: none;
width: 170px;
height: 24px;
padding: 4px 0 0 10px
}
.activeMenu {
background: url(../images/menuA.png) no-repeat !important;
color: #3b3b3b !important;
}
.menu ul li a:hover {
background: url(../images/menuA.png) no-repeat;
color: #3b3b3b;
}
.products-list {
float: left;
width: 100%;
margin: 20px 0px 0px 0px;
padding: 13px 0px 0px 0px;
border-top: 1px dotted #DBDDE0;
}
.products-list ul {
float: left;
list-style: none;
}
.products-list ul li {
float: left;
margin: 0px 0px 22px 0px;
width: 100%;
position: relative;
}
.products-list_title_img {
width: 77px;
position: absolute;
top: -15px;
right: 15px;
}
.products-list ul li h1 {font: bold 15px Tahoma; color: #2F2F2F; margin: 0px 0px 10px 0px; background: #e5e9f4; padding: 5px 0 5px 14px;}
.products-list ul li a {font: normal 11px Tahoma; color: #0F8EB2; text-decoration: underline; line-height: 20px; margin-left: 14px; display: block;}
.products-list ul li a:hover {text-decoration: none;}
.text-block-01 div.products-list ul li a {font: normal 14px Tahoma; line-height: 22px;}
.center-column {
float: left;
width: 500px;
position: relative;
padding: 0px 12px 0px 15px;
z-index: 10;
}
.center-column ul {list-style: none;}
.text-block-01 {
float: left;
width: 475px;
font: normal 11px Arial; color: #000000;
}
.text-block-01 h1 {font: normal 25px Arial; color: #0F8EB2; letter-spacing: -1px; margin: 0px 0px 17px 0px;}
.text-block-01 h2 {font: normal 24px Tahoma; color: #0F8EB2; margin: 0px 0px 0px 0px;}
.text-block-01 h3 {font: bold 15px Arial; color: #0F8EB2; margin: 12px 0px 0px 0px;}
.text-block-01 p {margin: 12px 0px;}
.text-block-01 div.products-list {padding: 0;}
.catalog {
float: left;
width: 500px;
margin: 5px 0px 0px 0px;
overflow: hidden;
}
.catalog-row {
float: left;
width: 510px;
display: inline;
margin: 28px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.catalog-row-01 {
float: left;
width: 510px;
display: inline;
margin: 28px 0px 0px 0px;
padding: 0px 0px 25px 0px;
border-bottom: 1px solid #D8D8D8;
}
.catalog-cell-left, .catalog-cell-right {
float: left;
width: 230px;
position: relative;
margin: 0px 0px 0px 0px;
overflow: hidden;
}
.catalog-cell-right {margin: 0px 0px 0px 22px;}
.catalog-row a, .catalog-row-01 a {display: block; font: normal 11px Arial; color: #0F8EB2; text-decoration: underline; line-height: 20px;}
.catalog-row a:hover, .catalog-row-01 a:hover {display: block; font: normal 11px Arial; color: #0F8EB2; text-decoration: none; line-height: 20px;}
.catalog-cell-left div, .catalog-cell-right div {float: left; width: 235px; height: 65px; font: normal 11px Arial; color: #000000;}
.catalog-cell-left div img, .catalog-cell-right div img {float: left; display: inline; margin: 0px 0px 0px 5px;}
.catalog-row h1 a, .catalog-row h1 a:hover, .catalog-row-01 h1 a, .catalog-row-01 h1 a:hover {float: left; width: 135px; display: block; margin: 12px 0px 0px 8px; font: bold 15px Arial; color: #0F8EB2; text-decoration: none; letter-spacing: -1px;}
.catalog-cell-left span, .catalog-cell-right span {float: left; width: 225px; display: block; margin: 10px 0px 10px 0px; font: normal 11px Arial; color: #000000;}
.tech-char, .tech-char1 {
float: left;
width: 500px;
margin: 12px 0px 12px 0px;
font: normal 11px Arial;
color: #000000;
border: 1px solid #E9E9E9;
border-collapse: collapse;
}
.tech-char th, .tech-char1 th {
text-align: left;
padding: 7px 9px 8px 9px;
background: #E9E9E9;
font: bold 11px Arial;
color: #000000;
}
.tech-char td, .tech-char1 td {
width: 75px;
padding: 7px 9px 8px 9px;
border-top: 1px solid #E9E9E9;
}
.tech-char1 td {
border: 1px solid #E9E9E9;
}
.tech-char .td-01, .tech-char1 .td-01 {width: 175px;}
.news-row {
float: left;
width: 500px;
font: normal 11px Arial; color: #000000;
margin: 0px 0px 18px 0px;
padding: 0px 0px 18px 0px;
border-bottom: 1px dotted #D8D8D8;
}
.news-row h1 {font: bold 14px Arial; color: #000000; margin: 0;}
.news-row a {font: normal 14px/22px Tahoma; color: #0F8EB2; text-decoration: underline; letter-spacing: 0px !important;}
.news-row a:hover {font: normal 14px/22px Tahoma; color: #0F8EB2; text-decoration: none;}
.contact-form {margin: 15px 0px 0px 0px;}
.input-text, .input-checkbox, .textarea, .captcha, .submit-button {margin: 8px 0px 0px 0px; float: left; font: normal 11px Tahoma; color: #404040; clear: both; width: 450px; position: relative;}
.input-text input {width: 233px; background: #FFFFFF; font: normal 11px Tahoma; color: #000000; padding: 3px 6px 3px 6px;}
.captcha input {width: 130px; float: left; display: inline; margin: 0px 10px 0px 10px; background: #FFFFFF; font: normal 11px Tahoma; color: #000000; padding: 3px 6px 3px 6px;}
.captcha img {float: left;}
.captcha span {float: left; display: inline; margin: 2px 0px 0px 10px;}
.textarea textarea {width: 338px; height: 115px; background: #FFFFFF; font: normal 11px Tahoma; color: #000000; padding: 3px 6px 3px 6px;}
.submit-button input {width: 110px; font: bold 11px Arial; color: #4B4B4B; border: 0; padding: 3px 0px 5px 0px; background: transparent url("../images/button-vote.gif") no-repeat top left;}
.right-column {
float: left;
width: 230px;
position: relative;
padding: 0px 0px 0px 12px;
/*z-index: 10;*/
}
.work-days {
float: left;
width: 230px;
margin: 10px 0px 0px 0px;
padding: 15px 0px 0px 0px;
color: #3b3b3b;
font: normal 20px Tahoma;
border-top: 1px dotted #DBDDE0;
}
.work-days h3 {font: normal 14px Tahoma; color: #179be3; display: inline;}
.work-days sup {text-decoration: underline; font: normal 12px Tahoma; position: relative; top: 2px;}
.work-days_img {width: 69px; height: 9px; background: url(../images/work-days_img.png) no-repeat; margin-top: 8px;}
.pump-brands {
float: left;
width: 230px;
padding: 14px 0px 0px 0px;
margin:-top: 9px;
position: relative;
}
.pump-brands h2 {padding: 4px 8px; font: normal 14px Tahoma; color: #fff; background: #32b5e4;}
#slider {
margin: 10px 0;
height: 200px;
padding: 30px 0 0 0;
}
#sliderWrapper {
height: 175px;
overflow: hidden;
}
#sliderContent {
height: 275px;
}
#arrowUp {
width: 135px;
height: 36px;
background: url(../images/arrowUp.png) no-repeat;
position: absolute;
top: 47px;
left: 50px;
cursor: pointer;
}
#arrowDown {
width: 135px;
height: 36px;
background: url(../images/arrowDown.png) no-repeat;
position: absolute;
bottom: 0px;
left: 50px;
cursor: pointer;
}
.pump-brands table {margin: 23px 0px 0px 0px;}
.pump-brands table td {
padding: 6px 0px;
text-align: center;
vertical-align: middle;
}
.poll-block {
float: left;
width: 222px;
margin-top: 20px;
background: url("../images/poll-bg-middle.png") repeat-y left;
}
.poll-block-content {
float: left;
width: 192px;
min-height: 120px;
height: expression(this.offsetHeight < 120?"120":"this.offsetHeight");
padding: 12px 15px 0px 15px;
background: url("../images/poll-bg-top.png") no-repeat top left;
}
.poll-block-content form {margin: 34px 0px 0px 0px;}
.poll-block-content h2 {font: bold 11px Arial; color: #0F8EB2;}
.poll-block-content p {margin: 11px 0px 0px 0px; font: bold 11px Arial; color: #4B4B4B;}
.poll-block-content div {width: 192px; position: relative; margin: 20px 0px 0px 0px;}
.poll-block-content div span a {position: absolute; right: 0; font: normal 11px Arial; color: #0F8EB2; text-decoration: underline;}
.poll-block-content div span a:hover {text-decoration: none;}
.vote-button {
width: 110px;
font: bold 12px Arial; color: #4B4B4B;
border: 0;
padding: 3px 0px 5px 0px;
background: transparent url("../images/button-vote.gif") no-repeat top left;
}
.poll-block-footer {
float: left;
width: 222px;
height: 10px;
background: url("../images/poll-bg-bottom.png") no-repeat bottom left;
font-size: 0px;
}
.radioOff, .radioOn {
width: 14px;
height: 14px;
margin: 0px;
padding: 5px 5px 5px 23px;
background: transparent url(../images/radio_off.gif) no-repeat 0px 6px;
font: normal 11px Tahoma;
color: #464646;
}
.radioOn {background: transparent url(../images/radio_on.gif) no-repeat 0px 6px;}
.radioOn:hover {background-image: url(../images/radio_on_over.gif);}
.radioOff:hover {background-image: url(../images/radio_off_over.gif);}
.text34, .text35 {
color: #1c1d1d;
font-size: 14px;
font-family: Tahoma;
margin-top: 3px;
}
.opros td {
color: #00baef;
font: normal 14px Tahoma;
}
.line {
height: 12px;
background: #00baef;
}
.opros td span {
color: #1c1d1d;
font: normal 14px Tahoma;
}
.pollBtn {
width: 115px;
height: 28px;
background: url(../images/pollBtn.png) no-repeat;
margin-top: 14px;
color: #fff;
font: normal 14px Tahoma;
border: 0;
cursor: pointer;
}
.pollBtn:hover {
background: url(../images/pollBtnA.png) no-repeat;
color: #3b3b3b;
}
.priceBtn {
width: 103px;
height: 22px;
background: url(../images/price.png) no-repeat;
position: relative;
text-align: center;
padding-top: 6px;
font: normal 14px Tahoma;
color: #fff;
cursor: pointer;
text-transform: uppercase;
}
.popup {
width: 724px;
position: absolute;
bottom: 18px;
left: -5px;
cursor: default;
display: none;
padding: 0;
z-index: 100;
margin-top:10px;
}
.popup.up_pop {
top:10px;
}
.popupU {
width: 724px;
height: 19px;
background: url(../images/popupU.png) no-repeat;
position: absolute;
top: 0;
*top: -19px;
_top: -19px;
cursor: default;
}
.up_pop .popupU{
width: 724px;
height: 31px;
background: url(../images/popupD_d.png) no-repeat;
}
.popupD {
width: 724px;
height: 31px;
background: url(../images/popupD.png) no-repeat;
position: relative;
bottom: 0;
cursor: default;
}
.up_pop .popupD {
width: 724px;
height: 19px;
background: url(../images/popupU_d.png) no-repeat;
}
.up_pop #closePopup_t {
position:relative;
z-index:20;
top:10px;
}
.popupContent {
width: 680px;
background: url(../images/popupBg.png) repeat-y;
margin: 19px 0 0px 0;
color: #000;
text-align: left;
cursor: default;
padding: 1px 22px 0 22px;
}
.popupContent table {
margin-top: 25px;
width: 100%;
}
.popupContent table td {
vertical-align: top;
font: normal 14px Tahoma;
}
.popupContent table td strong {
text-transform: uppercase;
}
#closePopup, #closePopup_t {
float: right;
margin-bottom: 30px;
text-transform: none;
}
#footer {
float: left;
width: 100%;
min-height: 116px;
height: expression(this.offsetHeight < 116?"116":"this.offsetHeight");
background: url("../images/bg-02.jpg") no-repeat top center;
position: relative;
z-index: 10;
}
.footer {
float: left;
width: 1000px;
padding: 116px 0px 50px 0px;
z-index: 10;
}
.copyright {
float: left;
width: 140px;
display: inline;
margin: 18px 0px 0px 26px;
font: normal 11px Arial; color: #179BE3;
}
.copyright a {font: normal 11px Arial; color: #2F2F2F; text-decoration: none;}
.copyright a:hover {font: normal 11px Arial; color: #2F2F2F; text-decoration: underline;}
.address {
float: left;
width: 415px;
display: inline;
margin: 6px 0px 0px 115px;
font: normal 11px Arial;
color: #2F2F2F;
}
.address p {margin: 12px 0px 0px 0px;}
.address p span {color: #179BE3;}
.subscribe {
position: relative;
width: 222px;
margin: 15px -7px 0 -15px;
}
#crears {
color:#333333;
font-size:10px;
height:41px;
float:right;
width:118px;
font-family:Arial,sans-serif;
margin-right:120px;
margin-top:16px;
}
#crears span {
padding-left:8px;
color:#8c8c8c;
}
#crears a {
background:url(../images/crears.png) no-repeat scroll 0 0 transparent;
color:#FFFFFF;
display:block;
font-size:14px;
height:22px;
padding-top:6px;
text-align:center;
text-decoration:none;
width:118px;
float:left;
}
.text-block-text {
font: normal 14px Tahoma;
}
#feed_back_popup {
position: absolute;
top: -90px;
left: 50%;
margin-left: -195px;
background: #fff;
border: 1px solid #ccc;
padding: 15px 20px;
display: none;
}
.bl_price {
position: absolute;
top: 210px;
left: 50%;
margin-left: -195px;
background: #fff;
border: 1px solid #ccc;
padding: 15px 20px;
display: none;
z-index:50;
color: #000000;
font: 11px Arial;
}
.bl_price p {
margin:12px 0px;
color: #000000;
font: 11px Arial;
text-align:center;
}
#close_popup {
float: right;
}
#close_price {
float: right;
}
#feed_back_popup p {
text-align: center;
}