html, body {height: 100%;}
body {
margin: 0;
padding: 0;
text-align: left;
font-family: Verdana;
color: #4C4C4C;
background: #FFFFFF;
}
form, p, img, h1, h2, h3, h4, h5, h6, input, table {
margin: 0;
padding: 0;
border: 0;
}
ul {
margin-bottom: 0;
padding-bottom: 0;
}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
#all_border {
position: absolute;
top: 0;
left: 686px;
width: 1px;
border-left: 1px solid #CCCCCC;
height: 100%;
min-height: 100%;
}
html>body #all_border {
height: auto;
left: 687px;
}
/*top - begin*/
#top_1 {
width: 687px;
height: 128px;
background-color: #F0EEEB;
}
#top_1 .menu_small {
float: right;
margin: 20px 20px 0 0;
text-align: right;
font-size: 10px;
}
html>body #top_1 .menu_small {margin: 20px 40px 0 0;}
#top_1 .menu_small img {margin-left: 11px;}
#top_1 .logo {
float: left;
margin: 5px 40px 0 27px;
}
html>body #top_1 .logo {margin: 5px 40px 0 54px;}
#top_1 .menu {
float: left;
margin-top: 20px;
}
#top_1 .menu ul li {
list-style-type: none;
float: left;
padding: 0 8px;
height: 20px;
line-height: 20px;
font-family: Arial;
font-size: 13px;
font-weight: bold;
border-left: 1px solid #C2BFBC;
}
#top_1 .menu ul li img {
margin: 0 3px -3px 3px;
}
#top_1 .menu ul li a {
color: #9F9E9F;
text-decoration: none;
}
#top_1 .menu ul li a:hover {color: #FF6600;}
#top_1 .menu ul li.current {color: #FF6600;}
#top_1 .menu ul li.current a {color: #FF6600;}
#top_1 .menu ul li.drop_down {
position: relative;
bottom: -4px;
border: none;
background: #F0EEEB url(../img/siteimage/top_menu_arrow.gif) 6px 2px no-repeat;
}
#top_1 .menu ul li.drop_down img {
position: relative;
bottom: 2px;
left: 13px;
margin: 0 13px;
}
html>body #top_1 .menu ul li.drop_down img {left: 0;}
#top_1 .menu ul li.drop_down span.grey {color: #9F9E9F; cursor: pointer; cursor: hand;}
#top_1 .menu ul li.left {border-right: 1px solid #C2BFBC;}
#top_1 .menu ul.submenu {
margin-top: -2px;
width: 100%;
height: 20px;
padding-top: 7px;
border-top: 1px solid #C2BFBC;
border-left: 1px solid #C2BFBC;
}
html>body #top_1 .menu ul.submenu {
margin-top: 0;
width: 501px;
}
#top_1 .menu ul.submenu li.left {border: none;}
#top_1 .menu #navbody1 {visibility: hidden;}
html>body #top_1 .menu #navbody1 {visibility: visible;}
body:not([dummy]) #top_1 .menu #navbody1 {visibility: hidden;}
#top_2 {
font-size: 0;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}
#top_2 table.header {width: 687px;}
#top_2 table.header td {
height: 110px;
padding-left: 54px;
vertical-align: middle;
font-size: 11px;
color: #FFFFFF;
}
#top_2 table.header td h2 {
font-size: 21px;
font-weight: normal;
text-transform: uppercase;
}
#top_2 table.header td.about {
background: url(../img/siteimage/bp_about.jpg) left top;
}
#top_2 table.header td.computers {
background: url(../img/siteimage/bp_computers.jpg) left top;
}
#top_2 table.header td.connection {
background: url(../img/siteimage/bp_connection.jpg) left top;
}
#top_2 table.header td.engineering {
background: url(../img/siteimage/bp_engineering.jpg) left top;
}
#top_2 table.header td.other {
background: url(../img/siteimage/bp_other.jpg) left top;
}
#top_2 table.header td.vacancy {
background: url(../img/siteimage/bp_vacancy.jpg) left top;
}
#top_2 table.header td.contact {
background: url(../img/siteimage/bp_contacts.jpg) left top;
}
#top_2 table.header td.delivery_map {
background: url(../img/siteimage/bp_delivery_map.jpg) left top;
}
#top_2 table.header td.brand_table {
background: url(../img/siteimage/bp_delivery_map.jpg) left top;
}
#top_2 table.header td.licence {
background: url(../img/siteimage/bp_licence.jpg) left top;
}
#top_2 table.header td.other {
background: url(../img/siteimage/bp_other.jpg) left top;
}
#top_2 table.header img {
display: block;
margin-bottom: 2px;
}
#top_2 .shadow {
width: 687px;
height: 7px;
float: left;
margin-bottom: -7px;
font-size: 0;
background: url(../img/siteimage/top_shadow.gif);
}
/*top - end*/
/*center - begin*/
#center {
width: 687px;
border-right: 1px solid #CCCCCC;
}
#center table {font-size: 100%;}
#center .index_center {
width: 647px;
margin-left: 39px;
padding-top: 20px;
}
html>body #center .index_center {margin: 0;}
#center .index_center .block {
float: left;
width: 310px;
margin: 0 0 17px 8px;
font-size: 83%;
color: #9F9E9F;
}
html>body #center .index_center .block {width: 315px;}
#center .index_center .block img {float: left;}
#center .index_center .block a {
color: #9F9E9F;
text-decoration: underline;
}
#center .index_center .block a:hover {color: #FF6600;}
#center .index_center .block .index_text {
float: left;
width: 165px;
margin-left: 15px;
margin-top: -3px;
font-family: Arial;
font-size: 11px;
}
html>body #center .index_center .block .index_text {width: 205px;}
#center .index_center .block .index_text h3 {
padding-left: 15px;
font-size: 100%;
font-weight: bold;
color: #4C4C4C;
background: url(../img/siteimage/arrow_main.gif) left 3px no-repeat;
}
#center .index_center .block .index_text h3 a {
color: #4C4C4C;
text-decoration: none;
}
#center .index_center .block .index_text h3 a:hover {
color: #4C4C4C;
text-decoration: underline;
}
#center .center_submenu {
padding: 5px 0 10px 34px;
background: url(../img/siteimage/top_shadow.gif) bottom repeat-x;
}
#center .center_submenu ul {margin-left: 10px;}
#center .center_submenu ul li {
list-style-type: none;
display: inline;
height: 20px;
padding: 0 10px;
line-height: 30px;
font-family: Arial;
font-size: 70%;
background: url(../img/siteimage/grey-line.gif) left no-repeat;
}
#center .center_submenu ul li.left { background: none;}
#center .center_submenu ul li a {
color: #9F9E9F;
text-decoration: none;
}
#center .center_submenu ul li a:hover {color: #FF6600;}
#center .center_submenu ul li.current {color: #FF6600;}
#center .center_submenu ul li.current a {color: #FF6600;}
#center .center_submenu img { margin-top: 10px; margin-bottom: 7px;}
#center .content_center {
font-size: 70%;
line-height: 17px;
color: #4C4C4C;
padding: 20px 40px 20px 54px;
}
#center .content_center a {
color: #4C4C4C;
text-decoration: underline;
}
#center .content_center a:hover {text-decoration: none;}
#center .content_center p {margin-bottom: 15px;}
#center .content_center h4 {
font-size: 130%;
font-weight: bold;
margin-bottom: 15px;
}
#center .content_center h4.orange {color: #FF6600;}
#center .content_center ul {margin-top: 20px;}
#center .content_center ul li {
list-style-type: none;
background: url(../img/siteimage/dot_main.gif) left 7px no-repeat;
margin-bottom: 5px;
padding-left: 27px;
}
#center .content_center .sep {
height: 1px;
margin: 20px 0 10px 0;
font-size: 0;
border-top: 1px solid #999999;
}
#center .content_center table.form {margin-bottom: 15px;}
#center .content_center table.form td {padding: 3px;}
#center .content_center form input, textarea, select {
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
}
#center .content_center form .button {
font-size: 100%;
padding: 3px;
}
#center .content_center .inside_left {
float: left;
width: 323px;
padding-right: 10px;
}
html>body #center .content_center .inside_left {width: 313px;}
#center .content_center .inside_left img, #center .content_center .inside_right img {
margin-bottom: 20px;
display: block;
}
#center .content_center .inside_right {
float: left;
width: 323px;
padding-left: 10px;
}
html>body #center .content_center .inside_right {width: 313px;}
.spacer {
height: 0;
font-size: 0;
clear: both;
}
/*center - end*/
/*footer - begin*/
#footer {
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}
#footer .inside {
width: 687px;
padding: 15px 30px 15px 0;
border-right: 1px solid #CCCCCC;
background-color: #F0EEEB;
}
html>body #footer .inside {width: 657px;}
/*menu_lang - begin*/
#footer .inside .menu_lang {
position: relative;
top: 4px;
float: left;
margin-left: 27px;
}
html>body #footer .inside .menu_lang {margin-left: 54px;}
#footer .inside .menu_lang td {
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
background-color: #F2F1EE;
padding: 2px 5px 1px 5px;
font-size: 50%;
font-weight: bold;
color: #818181;
}
#footer .inside .menu_lang td a {
}
#footer .inside .menu_lang_not1 {border-left: 1px solid #CCCCCC;}
#footer .inside td.menu_lang_current {background-color: #FFFFFF;}
#footer .inside td.menu_lang_current a {color: #FF6600;}
/*menu_lang - end*/
#footer .inside ul.menu_bottom {float: right;}
#footer .inside ul.menu_bottom li {
padding: 0 14px;
list-style-type: none;
display: inline;
height: 21px;
line-height: 21px;
font-size: 57%;
background: url(../img/siteimage/grey-line.gif) left no-repeat;
color: #9F9E9F;
}
#footer .inside ul.menu_bottom li a {color: #9F9E9F;}
.copyright {
width: 687px;
padding: 10px 0 10px 54px;
font-size: 57%;
color: #4C4C4C;
border-right: 1px solid #CCCCCC;
}
html>body .copyright {width: 633px;}
/*footer - end*/
/* misk */
/* vacancy */
table.vacancy{
margin: 0 0 22px 27px;
}
#center .content_center table.vacancy td a{
color: #828282;
font-family: Verdana;
}
strong.vacancy{
color: #F7844B;
text-decoration: underline;
}
.vacancy_arrow{
margin: 0 0 2px 0px;
}
.vacancy_sep{
height: 4px;
width: 100%;
margin: -5px 0 30px 0;
clear: both;
background: url(../img/siteimage/inside_sep_1.gif) center repeat-x;
}
/* contacts */
.contacts_sep{
height: 4px;
width: 100%;
margin: 7px 0 5px 0;
clear: both;
background: url(../img/siteimage/inside_sep_1.gif) center repeat-x;
}
.contacts_sep_2{
height: 2px;
width: 140px;
margin: 10px 0 5px 0;
background: url(../img/siteimage/inside_sep.gif) center repeat-x;
}
.mailto_left{
text-align: left;
float: left;
padding: 4px 0 16px 0;
text-decoration: underline;
}
.mailto_right{
text-align: right;
padding: 4px 0 16px 0;
}
#center .content_center a.mailto {
color: #7A7A7A;
font-size: 85%;
}
/* delivery map */
table.delivery_map {
width: 591px;
height: 98px;
border-top: 3px solid #EDE9E6;
margin-top: 15px;
}
table.delivery_map tr.dm1 {
background-color: #F7F6F4;
}
table.delivery_map tr.dm2 {
background-color: #FFFFFF;
}
table.delivery_map td.dm_logo {
width: 150px;
text-align: center;
padding: 9px 0 9px 0;
}
table.delivery_map td.dm_logo img {
margin-bottom: 7px;
display: block;
}
#center .content_center table.delivery_map td p {
margin: 0;
padding: 0;
border: 0;
}
.delivery_map_more{
text-align: right;
padding: 6px 6px 14px 0;
}
.delivery_map_more img{
margin-right: 10px;
}
#center .content_center .delivery_map_more a{
font-family: Verdana;
color: #828282;
}
.delivery_map_spacer{
margin-top: 3px;
border-top: 1px solid #9F9F9F;
}
.pager{
text-align: right;
padding-top: 12px;
padding-bottom: 5px;
}
.pager .n{ letter-spacing: -2px; }
#center .content_center .pager a{
color: #828282;
font-family: Verdana;
text-decoration: none;
}
#center .content_center .pager a.current{
color: #F05F00;
}
.to_other_brands{
margin-bottom: 24px;
}
.to_other_brands img{
margin-right: 16px;
}
#center .content_center .to_other_brands a{
color: #828282;
}
.line{
border-top: 1px solid #9F9F9F;
}
.delivery_map_header{
font-weight: 600;
padding: 14px 0 13px 25px;
background: url(../img/siteimage/i.gif) left no-repeat;
}
img.delivery_map{
border: 1px solid #F05F00;
margin-left: 27px;
}
.delivery_map_p{
width: 100%;
}
.delivery_map_p ul{
margin-top: 0;
}
.delivery_map_details{
padding: 3px 0 4px 25px;
background: url(../img/siteimage/arrow_main.gif) left no-repeat;
text-align: left;
}
.delivery_map_to_top{
margin-top: 21px;
}
.delivery_map_to_top_16{
margin-top: 16px;
}
.delivery_map_to_bottom{
margin-bottom: 20px;
}
.brand_table {
width: 591px;
height: 98px;
border-top: 3px solid #EDE9E6;
margin-top: 15px;
}
table.brand_table td.dm_logo {
width: 250px;
text-align: center;
padding: 19px 0 19px 0;
}
.dm1 {
background-color: #F7F6F4;
}
.dm2 {
background-color: #FFFFFF;
}