/* LAYOUT
----------------------------------------------- */
html, body {height: 100%;}
body {background: #666 url(../img/body_bg.gif); min-width: 990px; margin: 0; padding: 0;}

#simple {min-width: 600px;}

* html .mw1 {padding-left: 990px;}
* html #simple .mw1 {padding-left: 600px;}
* html .mw3 {margin-left: -990px; position: relative;}
* html #simple .mw3 {margin-left: -600px;}
* html .mw1,
* html .mw2,
* html .mw3 {height: 1px;}

#main {background: url(../img/body_bot_bg.gif) repeat-x 0 100%; min-height: 100%;}
* html #main {height: 100%;}
#main .mw3 {padding-bottom: 240px; background: url(../img/main_top_bg.jpg) repeat-x 100% 0;}
#simple #main .mw3 {padding-bottom: 125px; background-image: none;}


#header,
#header2 {height: 472px;}

#content {margin-top: -30px; min-height: 290px;}
* html #content {height: 290px;}
#content h1 {margin-left: 160px;}
#simple #content h1 {margin-left: 0;}
#main .col-center h1 {margin-left: 0;}
#simple #main .content {margin: 0 45px; padding-top: 35px;}

.container {padding-right: 480px;}
.right-wide {padding-right: 480px;}
.right-narrow {padding-right: 200px;}
.right-none {padding-right: 0;}

.cols {width: 100%; position: relative;}
.cols:after {content: ''; display: block; clear: both;}

.col-center {width: 100%; position: relative;	float: left;}
.col-center .content {padding: 0 40px 0 160px; min-height: 100px;}
.col-center .content:after {content: ''; display: block; clear: both;}
* html .col-center .content {height: 100px;}
.right-narrow .col-center .content {padding-right: 0;}

.col-right {width: 480px; margin-right: -100%; position: relative; float: left;}
.right-narrow .col-right {width: 200px;}

#footer {height: 170px; margin-top: -170px; position: relative;}
#simple #footer {height: 95px; margin-top: -95px;}



/* FORMS
----------------------------------------------- */
form {margin: 0; padding: 0;}
input,
select,
textarea {color: #000;}
input.text,
select,
textarea {background: #fff;}
input.image {border: 0;}

/* form */
.form {color: #bbbdab;}
.form .notice {color: #8e9188; margin-bottom: 15px;}
.form .row {margin-bottom: 10px; width: 100%;}
.form .row:after {content: ''; display: block; clear: both;}
.form .row label,
.form .row .label {width: 150px; float: left; margin: 2px 10px 0 0;}
.form .row .input,
.form .row select,
.form .inline select {float: left;}
.form .text input,
.form textarea {border: 0;}
.form .input,
.form .text,
.form .textarea,
.form select.wide {width: 190px;}
.form .short {width: 45px;}
.form .text div,
.form .textarea div {padding: 2px 0 0 5px;}
.form .text {background: url(../img/form_text.gif) no-repeat; height: 19px;}
.form .text input,
.form .textarea textarea {width: 180px; background: #bbbdab;}
.form .text input {margin: -1px auto;}
.form .short {background-image: url(../img/form_short.gif);}
.form .short input {width: 35px;}
.form .textarea {background: url(../img/form_textarea.gif) no-repeat; height: 119px;}
.form .wide {background-image: url(../img/form_textarea_wide.gif); width: 310px;}
.form .wide textarea {width: 300px;}
.form textarea {height: 112px;}
.form .cbs label {width: auto; float: none; margin: 0 15px 0 5px;}
.form .cbs input,
.form .cbs label {vertical-align: middle;}
.form .inline {width: 100%; margin-bottom: 10px;}
.form .inline:after {content: ''; display: block; clear: both;}
.form .inline select,
.form .inline .input {float: left; margin-right: 5px;}
.form .inline .input {margin-top: 1px;}
.form .button {margin-top: 15px;}
.form .input .button {margin: 5px 0 0 160px;}
.form div.error .text {background-position: 0 -19px;}
.form div.error .textarea {background-position: 0 -119px;}
.form label.error {width: auto; float: none; margin: 0 0 0 160px; padding: 3px 0; color: #8e9188; clear: left; display: block;}
.order {float: left; width: 350px; margin-right: 20px;}
#automaticshr {clear: both;}

.error-box {border: 2px solid #c00; padding: 5px 10px; color: #fff;}



/* NAVIGATION
----------------------------------------------- */
/* m0 */
#m0,
#m0 li {margin: 0; padding: 0; display: block; list-style-type: none; list-style-image: none;}
#m0 {padding: 20px 0 0 35px; float: left;}
#m0 li {margin-bottom: 18px;}
#m0 img {vertical-align: top;}

/* m1 */
#m1,
#m1 li {height: 17px; margin: 0; padding: 0; display: block; list-style-type: none; list-style-image: none;}
#m1 {font-size: 11px; font-weight: bold; text-transform: uppercase; margin-left: 355px;}
#m1 li {background: url(../img/m1_li.gif) no-repeat 0 -8px; float: left; width: 20%; margin-right: -1px;}
#m1 li.a {background-position: 0 0;}
#m1 a {float: left; position: relative; top: 37px; left: -6px; background: url(../img/flash/bg_stena_m1_bull.gif) no-repeat; padding-left: 23px; height: 17px; line-height: 17px;}
#m1 a,
#m1 a:link,
#m1 a:visited,
#m1 a:hover {color: #565750; text-decoration: none;}

/* m1-bot */
#m1-bot,
#m1-bot li {margin: 0; padding: 0; display: block; list-style-type: none; list-style-image: none;}
#m1-bot li {display: inline;}
#m1-bot {height: 24px; line-height: 24px; padding-left: 13px; margin-bottom: 15px; background: #2c2c2c url(../img/m1_bot_l.gif) no-repeat;}
#m1-bot .a,
#m1-bot .a a,
#m1-bot .a a:link,
#m1-bot .a a:visited,
#m1-bot .a a:hover {color: #dce1d5;}

/* prod-navi */
#prod-navi {width: 360px; height: 188px; margin-left: 40px; float: left; clear: left; display: inline; background: url(../img/flash/bg_stena_prod_navi.gif) no-repeat;}
#prod-navi .wrap {width: 100%; padding: 10px 0; margin-top: 15px;}
#prod-navi .wrap:after {content: ''; display: block; clear: both;}
#prod-navi .col {float: left; width: 165px; margin-left: 13px; display: inline; position: relative;}
#prod-navi p {margin: 0;}
#prod-navi a,
#prod-navi a:link,
#prod-navi a:visited,
#prod-navi a:hover {color: #565750;}

/* path */
#path,
#path li {margin: 0; padding: 0; display: block; list-style-type: none; list-style-image: none;}
#path li {display: inline;}
#path {font-size: 10px; font-style: italic; margin: 0 0 25px 160px;}
#path {color: #bbbdab;}



/* STATIC
----------------------------------------------- */
#logo {float: left; padding: 40px 0 20px 85px;}
#flash {height: 380px; margin-top: 41px; padding: 0 10px 0 20px; float: right;}
#flash div {width: 470px; height: 380px;}

/* luk */
#luk {width: 68px; height: 34px; margin-top: -26px; float: right; clear: both; font-size: 0; line-height: 0; background: url(../img/flash/bg_stena_luk.jpg) no-repeat;}

/* stena */
.header-bg {background: #babcaa url(../img/flash/bg_stena.jpg) repeat-x 100% 0;}

/* zabor */
.raspvorota,
.otkatvorota {background: #fff url(../img/flash/bg_zabor.jpg) repeat-x 100% 155px;}
.raspvorota #flash,
.otkatvorota #flash {margin-top: 43px;}
.raspvorota #header2,
.otkatvorota #header2 {background: url(../img/flash/bg_zabor_sky.jpg) no-repeat 100% 0;}
.raspvorota #prod-navi,
.otkatvorota #prod-navi {background-image: none;}
.raspvorota #luk,
.otkatvorota #luk {background-image: url(../img/flash/bg_zabor_luk.jpg);}
.raspvorota #m1 a,
.otkatvorota #m1 a {background: url(../img/flash/bg_zabor_m1_bull.gif) no-repeat;}
.raspvorota #prod-navi .wrap,
.otkatvorota #prod-navi .wrap {background: url(../img/flash/bg_zabor_prod_navi.png);}
.raspvorota #prod-navi a,
.raspvorota #prod-navi a:link,
.raspvorota #prod-navi a:visited,
.raspvorota #prod-navi a:hover,
.otkatvorota #prod-navi a,
.otkatvorota #prod-navi a:link,
.otkatvorota #prod-navi a:visited,
.otkatvorota #prod-navi a:hover {color: #a2857e;}

/* stena */
.garvorota1 #flash {background: url(../img/flash/garvorota1.jpg) no-repeat 60px 56px;}
.garvorota2 #flash {background: url(../img/flash/garvorota2.jpg) no-repeat 57px 25px;}
.markizy1 #flash {background: url(../img/flash/markizy1.jpg) no-repeat 23px 51px;}
.markizy2 #flash {background: url(../img/flash/markizy2.jpg) no-repeat 37px 39px;}
.okna #flash {background: url(../img/flash/okna.jpg) no-repeat 56px 39px;}
.otkatvorota #flash {background: url(../img/flash/otkatvorota.jpg) no-repeat 0 95px;}
.promvorota #flash {background: url(../img/flash/promvorota.jpg) no-repeat 60px 56px;}
.raspvorota #flash {background: url(../img/flash/raspvorota.jpg) no-repeat 0 95px;}
.rollety1 #flash {background: url(../img/flash/rollety1.jpg) no-repeat 31px 39px;}
.rollety2 #flash {background: url(../img/flash/rollety2.jpg) no-repeat 77px 49px;}
.shlagbaumy #flash {background: url(../img/flash/shlagbaumy.jpg) no-repeat 55px 27px;}

/* flash control */
#prev,
#next {width: 40px; height: 42px;}
#prev img,
#next img {display: none; cursor: pointer;}
#prev {float: left; clear: left; outline: none;}
#next {float: right; margin-top: 325px; outline: none;}
#sideimage {position: absolute; z-index: 10; left: 20px; top: -48px; width: 110px; height: 110px; background-repeat: no-repeat;}

/* promo */
#promo {margin: -10px 0 0 105px; background: url(../img/promo_bg.png) no-repeat; float: left; display: inline;}
#promo div {background: url(../img/promo_bg.gif) no-repeat;}
#promo,
#promo div,
#promo a {width: 261px; height: 64px;}
#promo a,
#promo a:link,
#promo a:visited,
#promo a:hover {color: #000; text-decoration: none; display: block; position: relative;}
#promo span {display: block; font-size: 12px; color: #000; margin: 0; padding: 7px 15px 0 15px;}

/* sidelink */
#sidelink {position: absolute; z-index: 10; left: 28px; top: 40%;}
.has-sidelink {background: url(../img/sidelink_bot.gif) no-repeat 0 100%;}
.has-sidelink .col-center {background: url(../img/sidelink_top.gif) no-repeat;}

/* contacts */
#contacts {margin-left: 160px; color: #bbbdab;}
#contacts strong {font-size: 18px; font-weight: normal;}
#contacts p {margin-bottom: 18px; padding-left: 25px; background: url(../img/contacts_bull.gif) no-repeat;}
* html #contacts p {height: 1px;}

/* copy */
#copy {font-size: 9px; margin-bottom: 30px;}
#simple #copy {margin: 0 45px; border-top: 1px solid #838582; padding-top: 15px;}
#copy,
#copy a,
#copy a:link,
#copy a:visited,
#copy a:hover {color: #8b9292;}



/* MISC
----------------------------------------------- */
a img {border: 0;}
.clear,
.clearl,
.clearr {clear: both; float: none; height: 0; overflow: hidden; font-size: 0; line-height: 0;}
.clearl {clear: left;}
.clearr {clear: right;}



/* BLOCKS
----------------------------------------------- */
/* warning */
h2.phone,
h2.warning {padding: 5px 0 0 32px; position: relative; left: -32px; background-repeat: no-repeat;}
h2.phone a,
h2.warning a,
h2.dashed a {text-decoration: none; border-bottom-width: 1px; border-bottom-style: dashed;}
h2.phone {background-image: url(../img/phone.gif);}
h2.warning {background-image: url(../img/warning.gif);}

/* img-list */
.img-list,
.img-list li {margin: 0; padding: 0; display: block; list-style-type: none; list-style-image: none;}
.img-list li {margin-bottom: 10px;}
.img-list img {vertical-align: top; width: 394px; height: 224px;}
.img-list a,
.img-list li,
.img-list span {width: 400px; height: 230px; display: block; position: relative;}
.img-list a,
.img-list a span {cursor: pointer;}
.img-list span {z-index: 10; position: absolute; top: 0; left: 0; background-image: url(../img/img_brd.gif);}
.img-list em {left: 384px; top: 214px; width: 16px; height: 16px; z-index: 20; background: url(../img/zoom.png) no-repeat; display: block; position: absolute; cursor: pointer;}

/* img-sm-list */
.img-sm-list,
.img-sm-list li {margin: 0; padding: 0; display: block; list-style-type: none; list-style-image: none;}
.img-sm-list li {margin-bottom: 20px;}
.img-sm-list img {vertical-align: top; width: 254px; height: 134px;}
.img-sm-list a,
.img-sm-list li,
.img-sm-list span {width: 260px; height: 140px; display: block; position: relative;}
.img-sm-list a,
.img-sm-list a span {cursor: pointer;}
.img-sm-list span {z-index: 10; position: absolute; top: 0; left: 0; background-image: url(../img/img_sm_brd.gif);}
.img-sm-list em {left: 244px; top: 124px; width: 16px; height: 16px; z-index: 20; background: url(../img/zoom.png) no-repeat; display: block; position: absolute; cursor: pointer;}

/* img-tn-list */
.img-tn-list,
.img-tn-list li {margin: 0; padding: 0; display: block; list-style-type: none; list-style-image: none;}
.img-tn-list {width: 100%; padding-bottom: 20px;}
.img-tn-list:after {content: ''; display: block; clear: both;}
.img-tn-list li {width: 90px; height: 90px; float: left;}
.img-tn-list img {vertical-align: top; width: 80px; height: 80px;}
.img-tn-list a,
.img-tn-list span {width: 88px; height: 84px; display: block; position: relative;}
.img-tn-list a,
.img-tn-list a span {cursor: pointer;}
.img-tn-list span {z-index: 10; background: url(../img/img_tn_brd.gif) no-repeat; position: absolute; top: 0; left: 0;}
.img-tn-list .clear {float: none;}
.img-tn-list em {left: 70px; top: 68px; width: 16px; height: 16px; z-index: 20; background: url(../img/zoom.png) no-repeat; display: block; position: absolute; cursor: pointer;}

/* search */
#search .text {width: 205px; margin-right: 5px;}
#search input {vertical-align: middle;}
.col-center #search .text {width: 350px; margin-right: 10px;}
.col-center #search {margin-bottom: 25px;}
.search-res {list-style-type: decimal-leading-zero; margin: 0; padding: 0;}
.search-res h2 {font-weight: normal; margin: 0 0 5px 0;}
.search-res p,
.search-res h2 {width: 70%;}
.search-res h2,
.search-res h2 a,
.search-res h2 a:link,
.search-res h2 a:visited,
.search-res h2 a:hover {color: #fff;}

/* teasers */
.teasers,
.teasers li {display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.teasers {width: 100%; margin: -40px 0 20px; position: relative; z-index: 10;}
.teasers:after {content: ''; display: block; clear: both;}
.teasers li {width: 150px; height: 120px; text-align: center; float: left;}
.teasers img {vertical-align: top;}

/* poll */
.poll {width: 280px; padding-top: 45px; float: left; background: url(../img/poll_h.gif) no-repeat;}
.poll p.q {margin: 0 22px 15px;}
.poll div {width: 100%; margin-bottom: 5px;}
.poll div:after {content: ''; display: block; clear: both;}
.poll input,
.poll label {float: left; vertical-align: top;}
.poll input {clear: left; margin-right: 5px; margin-left: 20px;}
.poll label {width: 230px; margin-top: 3px; color: #fff;}
.poll .wait {display: none;}
.poll .results {margin-left: 22px; width: auto;}
.poll p.act {margin: 10px 0 0 2px;}
.poll .result_pollerOption {color: #fff; margin: 0;}
.poll .result_pollGraph {background: #c7c9ba; height: 5px; font-size: 0; line-height: 0; margin: 3px 0;}
.poll .result_voteTxt {margin: 0 0 12px 0;}

/* works */
.works {width: 200px; margin-top: -110px; padding-top: 25px; background: url(../img/works_h.gif) no-repeat; float: right;}
.works li {position: relative; left: 10px; z-index: 10;}

/* events-list */
.events-list {width: 224px; float: left;}
.events-list ul,
.events-list li {margin: 0; padding: 0; display: block; list-style-type: none; list-style-image: none;}
.events-list li {margin: 0 30px 10px 0;}
.events-list p {font-size: 10px; margin: 0;}
.events-list p a,
.events-list p a:link,
.events-list p a:visited,
.events-list p a:hover {color: #fff; background: url(../img/events_arc.gif) no-repeat 0 2px; padding-left: 13px;}
.events-img-short {width: 200px; float: left; margin: 0;}
.events-img-short .clear {height: 0;}

/* articles */
.articles .main,
.articles .main li {margin: 0; padding: 0; display: block; list-style-type: none; list-style-image: none;}
.articles .main li {height: 90px;}
.articles .main a {font-size: 14px; font-weight: bold;}

/* news */
.news-list .main li {margin: 50px 0 70px;}
.news-date {color: #fff; position: relative; height: 20px; margin-top: -20px; left: 92px; top: 25px;}
.news-link {border-top: 1px solid #757770; margin-top: 30px; padding-top: 15px;}
.news-link a {background: url(../img/news_link.gif) no-repeat 0 2px; padding-left: 18px;}
.news {clear: both; position: relative; width: 100%; padding-top: 40px;}
.news:after {content: ''; display: block; clear: both;}
.news ul,
.news li {margin: 0; padding: 0; display: block; list-style-type: none; list-style-image: none;}
.news ul {padding-top: 25px;}
.news li {float: left; width: 210px; margin-right: 20px; position: relative; z-index: 10;}
.news h2 {font-size: 13px; font-weight: bold; color: #edefdf; margin: 0 0 20px;}
.news p {margin: 0; font-size: 10px;}
.news p,
.news p a,
.news p a:link,
.news p a:visited,
.news p a:hover {color: #fff;}
.news div a {outline: none;}
.news span {width: 194px; height: 120px; background: url(../img/ruletka.png) no-repeat; position: absolute; top: 0; right: 0;}

/* pages */
.pages {border-top: 1px solid #848680; padding-top: 15px;}
.pages ul,
.pages li {display: inline; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.pages li {margin-right: 8px;}
.pages a {text-decoration: none;}
.pages li a,
.pages span {text-decoration: underline;}

/* orderlink */
.orderlink {float: right;}
.orderlink a {outline: none;}
.orderlink a,
.orderlink span {width: 98px; height: 300px; display: block; position: relative;}
.orderlink span {z-index: 10; width: 194px; height: 120px; background: url(../img/ruletka.png) no-repeat; position: absolute; top: 0; right: 0;}

/* calllink */
.calllink {float: right;}
.calllink a {outline: none;}
.calllink a,
.calllink span {width: 98px; height: 300px; display: block; position: relative;}
.calllink span {z-index: 10; width: 200px; height: 182px; top: -40px; right: 0; background: url(../img/drel.png) no-repeat; position: absolute;}

/* responses */
.responses .main,
.responses .main li {display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.responses .main {border-top: 1px solid #848680; padding-top: 15px; margin-top: 15px;}
.responses .main li {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #848680;}
.responses .main .last {border: 0; padding: 0;}
.responses address {text-align: right; font-style: normal; font-weight: bold;}

/* certifs */
.docs,
.docs li {display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.docs {width: 100%; margin-bottom: 30px;}
.docs:after {content: ''; display: block; clear: both;}
.docs li {float: left; width: 110px; height: 200px;}
.docs3 li {width: 150px;}
.docs img {border: 1px solid #4c4e4e; margin-bottom: 7px; display: block; vertical-align: top;}
.docs a {display: block; width: 100px; text-align: center; position: relative;}
.docs span {width: 16px; height: 16px; background: url(../img/zoom.png) no-repeat; display: block; position: absolute; top: 140px; right: -8px;}

/* contacts */
.contacts {margin-bottom: 30px; width: 100%; font-size: 14px;}
.contacts:after {content: ''; display: block; clear: both;}
.contacts .www,
.contacts .email {padding-left: 26px; float: left; line-height: 18px; clear: left; vertical-align: top; font-size: 11px;}
.contacts .www {background: url(../img/www.gif) no-repeat 0 50%;}
.contacts .email {background: url(../img/email.gif) no-repeat 0 50%;}

/* formlinks */
.formlinks,
.formlinks li {display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.formlinks li {width: 100%; margin-bottom: 18px; font-size: 14px;}
.formlinks li:after {content: ''; display: block; clear: both;}
.formlinks a {float: left; line-height: 52px; background: url(../img/formlink.gif) no-repeat; padding-left: 60px; vertical-align: top; margin-left: 10px;}

/* prod-list */
.prod-list,
.prod-list .li {display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.prod-list {width: 100%;}
.prod-list:after {content: ''; display: block; clear: both;}
.prod-list .li {width: 33%; float: left;}
.prod-list .clear {height: 30px;}
.prod-list .img-tn-list {padding: 0;}
.prod-list h2 {margin-top: 0;}
.prod-list p {width: 180px; margin: 0;}

/* faq */
.faq ul,
.faq li {display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.faq {font-size: 14px; width: 100%;}
.faq:after {content: ''; display: block; clear: both;}
.faq ul {width: 40%; float: left;}
.faq ul.l {margin-right: 15%;}
.faq li {margin-bottom: 10px;}

/* sitemap */
.sitemap,
.sitemap ul,
.sitemap li {display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.sitemap {font-size: 14px;}
.sitemap li {margin-bottom: 3px;}
.sitemap ul {width: 600px; margin: 3px 0 15px;}
.sitemap ul:after {content: ''; display: block; clear: both;}
.sitemap ul li {margin-bottom: 3px; float: left; width: 280px;}
.sitemap ul {font-size: 11px;}
.sitemap ul a,
.sitemap ul a:link,
.sitemap ul a:visited,
.sitemap ul a:hover {color: #fff;}

/* vacancies */
.vacancies h2 {margin-top: 20px;}
.vacancies a {text-decoration: none; border-bottom-width: 1px; border-bottom-style: dashed;}

/* citymap */
.citymap {text-align: center; padding-top: 7px;}
.citymap .main {position: relative; width: 979px; margin: 0 auto;}
.citymap .img {margin-bottom: 20px;}
.citymap ul,
.citymap li {display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.citymap ul {font-size: 12px; width: 840px; margin: 0 auto; text-align: left;}
.citymap li {display: none; width: 210px; margin-bottom: 5px; background: url(../img/citymap_bull.gif) no-repeat 0 2px; line-height: 20px; float: left;}
.citymap .a {background-position: 0 -61px;}
.citymap a {text-decoration: none; border-bottom: 1px dashed; margin-left: 25px; outline: none;}
.citymap .a a,
.citymap .a a:link,
.citymap .a a:visited,
.citymap .a a:hover {color: #f4f4e5; font-weight: bold; border: 0;}
.citymap ul img {display: none; position: absolute;}
.citymap .lybedsk {display: block;}
.citymap .lybedsk img {left: 182px; top: 32px; display: block;}
.citymap .october img {left: 6px; top: 206px;}
.citymap .kikvidze img {left: 242px; top: 114px;}
.citymap .promul img {left: 236px; top: 110px;}
.citymap .krasnozv img {left: 4px; top: 156px;}
.citymap .nauki img {left: 316px; top: 242px;}
.citymap .naddnepr img {left: 242px; top: 114px;}

/* hs */
.highslide-loading {background: #000 url(../img/hs/loader.gif) no-repeat 3px 1px; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #fff; padding: 3px 3px 3px 22px; border: 1px solid #fff; border-width: 1px 0; display: block;}