html { font-size: 62.5%;}
body {background:#d8e0f3; color:#001234; font-family:Arial, Verdana,sans-serif; font-size: 1.1em;}

html, body{}
body, input, form, img, h1, h2, h3, h4, h5, h6, ul, li, td, p, fieldset, dt, dd, dl
{margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:1em;}

fieldset, img {border:0}
table {border-collapse: collapse; }
td {vertical-align: top;}

a {color: #3F54BD; text-decoration: none;}
a:hover {color: #3F54BD; text-decoration: underline;}
ul, li {list-style:none;}

.tab100 {width:100%;}
.tab1000 {width:1000;}

.nowrap {white-space:nowrap;}

.td50 {width:50%;}

.abs {position:absolute;}
.rel{position:relative;}
.cent{text-align:center;}
.talleft{text-align: left;}
.talright{text-align:right;}
.bot{vertical-align: bottom;}
.mid{vertical-align: middle;}
.bold{ font-weight: bold;}
.left{ float:left; display:inline;}
.right{ float:right; display:inline;}
.clear {clear:both; height: 0; overflow: hidden;}
.red {border:1px solid red;}
.green {border:1px solid green;}
.black {border:1px solid black;}
.block {display:block}
.none {display:none}
.auto {margin:0 auto;}
.up {text-transform:uppercase;}
.just {text-align: justify;}

.padt10 {padding-top:10px;}
.padb20 {padding-bottom:20px;}
.padb25 {padding-bottom:25px;}
.padt5 {padding-top:5px;}
.padlr5 {padding-left:5px; padding-right:5px;}
.padt20 {padding-top:20px;}
.padt15 {padding-top:15px;}
.padl20 {padding-left:20px;}
.padr20 {padding-right:20px;}
.padr30 {padding-right:30px;}
.padl10 {padding-left:10px;}
.padl5 {padding-left:5px;}
.mart20 {margin-top:20px;}
.marb20 {margin-bottom:20px;}
.padb10 {padding-bottom:10px;}
.mart10 {margin-top:10px;}
.mart15 {margin-top:15px;}
.mart30 {margin-top:30px;}
.padt30 {padding-top:30px;}
.padlr10 {padding-left:10px; padding-right:10px;}
.padl8 {padding-left:8px;}
.mart5 {margin-top:5px;}
.w10 {width:10px;}
.w33 {width:33.3%;}
.mart2 { margin-top:2px;}
.padb5 { padding-bottom:5px;}
.padr8 {padding-right:5px;}
.pad10 {padding:10px;}


/* dlya opredeleniya blokov s a s podcherkivaniem i net */
.under_a a{text-decoration:underline;}
.under_a a:hover {text-decoration:none;}
.none_a a {text-decoration:none;}
.none_a a:hover {text-decoration:underline;}

h1 { color:#48598f; font-size:1.8em; padding:0 0 0 0px; }
h1.h1 { color:#48598f; font-size:2.1em; padding:0 0 0 0px; font-weight:bold; padding:0 0 5px 0}
h2 { font-size:1.2em; font-weight:bold; color:#45527c; }
h3 { font-size:1.1em; font-weight:bold; color:#45527c; }
.picture { background:url(../i/pic_bg.png); behavior:url("css/iepngfix.htc"); width:272px; height:264px; }

.main {}
.header {background:url(../i/header.jpg) left no-repeat; height:175px;}
.menu .left { width:160px; padding:10px 0 5px 40px;}
.menu img.spacer {margin:0 20px;}

.mainmenu {padding:0px 0 0 0 ; margin:0 220px 0 200px;}
.mainmenu td.spacer2 { background:url(../i/spacer_menu2.gif) bottom no-repeat; width:7px;}
.mainmenu td { height:30px; vertical-align:middle;}
.mainmenu span{color:#6789c9; text-transform:uppercase; font-size:1.4em; display:block; padding:0 15px; font-weight:bold}
.mainmenu a{color:#000000; text-transform:uppercase; font-size:1.4em; display:block; padding:0 15px; text-decoration:underline; font-weight:bold;}
.mainmenu a:hover {color:#000000; text-transform:uppercase; font-size:1.4em; display:block; padding:0 15px; text-decoration:none; font-weight:bold;}

.left_col {width:188px; background:#a1b3d7 url(../i/left_col_bg1.gif) left top no-repeat; padding-left:10px;}

.leftmenu .top { background: url(../i/left_col_t1.gif) no-repeat top; height: 9px; width:188px;}
.leftmenu .x { background:url(../i/left_col_x.gif) repeat-y;}

.leftmenu .names {padding:0 2px;}
.leftmenu .names li.level1 {padding:7px 10px 10px 15px; font-weight:bold; border-bottom:1px solid #7caeed}
.leftmenu .names li.level1 a{ color:#baddf0; font-size:1.3em; text-decoration:underline; }
.leftmenu .names li.level1 a:hover { color:#baddf0; font-size:1.3em; text-decoration:none; }
.leftmenu .names li.level2 .top { background:url(../i/left_col_t2.gif) no-repeat; height:8px; width:184px;}
.leftmenu .names li.level2 .footer { background:url(../i/left_col_t3.gif) no-repeat; height:7px; width:184px;}
.leftmenu .names li.level2 .x { background:#466da4;}
.leftmenu .names li.level2 .x h2 { color:#FFFFFF; padding:0 0 0 15px; font-size:1.3em;}
.leftmenu .names li.level2 .x ul.podmenu {padding:5px 0 4px 0; font-size:1.1em;}
.leftmenu .names li.level2 .x ul.podmenu li { padding:6px 10px 6px 15px;}
.leftmenu .names li.level2 .x ul.podmenu li.activ { padding-bottom:6px; padding-top:6px; background:#2f5b98; color:#aad3f1}
.leftmenu .names li.level2 .x ul.podmenu a { color:#93bdef; text-decoration:underline;}
.leftmenu .names li.level2 .x ul.podmenu a:hover { color:#93bdef; text-decoration:none;}
.leftmenu .footer { background: url(../i/left_col_t4.gif) no-repeat top; height: 13px; width:188px;}

.articles {width:182px; background:#a1b3d7; margin-top:20px;}
.articles .top { background:url(../i/left_col_t5.gif) no-repeat; height:7px; width:182px;}
.articles .x { background: #a1b3d7; border-left:1px solid #6e80a4; border-right:1px solid #6e80a4; padding:10px 15px; color:#000015; font-size:1.1em; }
.articles .x h4 { padding-bottom:5px;}
.articles .x h4 a {color:#FFFFFF; font-size:1.2em; text-decoration:underline;}
.articles .x h4 a:hover {color:#FFFFFF; font-size:1.2em; text-decoration:none;}
.articles .footer { background:url(../i/left_col_t6.gif) no-repeat; height:18px; width:182px;}
.articles .footerend { background:url(../i/left_col_t7.gif) no-repeat; height:23px; width:182px; padding:13px 0 0 0px; font-weight:bold}
.articles .footerend a { background:url(../i/icon_stat.gif) no-repeat; color:#c0cee9; text-decoration:underline; text-transform:uppercase; padding:0 0 0 27px; display:block; margin:0 0 0 25px;}
.articles .footerend a:hover { background:url(../i/icon_stat.gif) no-repeat; color:#c0cee9; text-decoration:none; text-transform:uppercase; padding:0 0 0 27px; display:block; margin:0 0 0 25px;}

.online {}
.online .header { background:url(../i/header2.jpg); height:60px; width:183px; }
.online .x {background: url(../i/bg_online.gif) repeat-y; padding:10px 20px;}
.online .x .mail { background:url(../i/icon_mail.gif) no-repeat 0 2px; padding:4px 0 3px 22px; color:#3a5791; }
.online .x a { text-decoration:underline;}
.online .x a:hover { text-decoration:none;}
.online .x .icq { background:url(../i/icon_icq.gif) no-repeat 0 2px; padding:4px 0 3px 22px; color:#3a5791; }
.online .x .skype { background:url(../i/icon_skype.gif) no-repeat 0 2px; padding:4px 0 3px 22px; color:#3a5791; }
.online .info { background:#FFFFFF; padding:10px 10px 5px 10px; width:163px; text-align:center}
.online .footer { background: url(../i/footer_online.gif) no-repeat; height:4px; }

.center {width:100%; background:#a1b3d7;}
.center .top, .right_col .top{background: #5b709d; height: 38px;}
.center .top .search { float:right; padding:10px;}
.center .top .search input.search { width:334px; background:#ced4e2; float:none; padding:0}
.center .top .search input.butt { width:70px; background:#8da0ca; border:1px solid #8da0ca; color:#FFFFFF; text-align:center; margin: 0 0 0 10px;}
.center .topbanner { padding: 5px 0 5px 30px; background:#e2ebfc}

.center .zabor { height:16px; background: url(../i/zabor.gif) repeat-x 0 3px}
.center .mainbl { background:url(../i/bg_center_bl.gif) repeat-x #a1b3d7; padding: 15px 7px 20px 7px } 

.one_product {margin-bottom:0px;}
.one_product .rext { background:url(../i/rep_xt.png) repeat-x; height:7px; width:100%}
.one_product .left {background: url(../i/corn_1.png) no-repeat; height:7px; width:7px;}
.one_product .right {background: url(../i/corn_2.png) no-repeat; height:7px; width:7px;}

.one_product .reyl { background:url(../i/rep_yl.png) repeat-y;}
.one_product .reyr  {background:url(../i/rep_yr.png) repeat-y; }
.one_product .centerpart { background:#b7c6e5; padding:6px 0}

.one_product .rexb { background:url(../i/rep_xb.png) repeat-x; height:7px; width:100%}
.one_product .leftb {background: url(../i/corn_4.png) no-repeat; height:7px; width:8px;}
.one_product .rightb {background: url(../i/corn_3.png) no-repeat; height:7px; width:8px;}

.one_product .pictures table td { background: #FFFFFF;}
.one_product .pictures .corn1 { background:url(../i/pic_corn_1.png) no-repeat; width:7px; height:6px;}
.one_product .pictures .corn4 { background:url(../i/pic_corn_4.png) no-repeat; width:7px; height:6px;}
.one_product .pictures .corn2 { background:url(../i/pic_corn_2.png) no-repeat; width:7px; height:14px;}
.one_product .pictures .corn3 { background:url(../i/pic_corn_3.png) no-repeat; width:7px; height:14px;}
.one_product .pictures .cornxb { background:url(../i/pic_corn_x.png) repeat-x;} 

.catalog_names {text-align:center;}
 a.razdel { color: #48598f; background:url(../i/mark_pictures.gif) no-repeat 0px 6px; font-size:1.6em; font-weight:bold; padding: 0 0 0 13px;}

h1 a { color: #48598f; background:url(../i/mark_pictures.gif) no-repeat 0px 6px; font-size:0.9em; font-weight:bold; padding: 0 0 0 13px;} 
h1 a:hover { color: #48598f; background:url(../i/mark_pictures.gif) no-repeat 0px 6px; font-size:0.9em; font-weight:bold; padding: 0 0 0 13px;} 

.firm { color:#000000; font-size:1.2em; text-align:center; padding:3px;}
.firm a{ color:#2265a9; text-decoration:underline; padding:0 4px;}
.firm a:hover { color:#2265a9; text-decoration:none;  padding:0 4px;}

a.all_firms { background:url(../i/icon_all.gif) no-repeat; color:#ffffff; text-decoration:underline; text-transform:uppercase; padding:0 0 0 27px; display:block; font-size:1.1em; font-weight:bold; margin:0 auto; width:100px; }

a.all_firms:hover { background:url(../i/icon_all.gif) no-repeat; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:0 0 0 27px; display:block; margin:0 0 0 25px; font-size:1.1em; font-weight:bold;  margin:0 auto; width:100px;}

a.all_size { background:url(../i/icon_stat.gif) no-repeat; color:#b7cdf2; text-decoration:underline; text-transform:uppercase; padding:0 0 0 27px; display:block; margin:7px 0 0 0px; font-weight:bold; font-size:1.1em;}
a.all_size:hover {text-decoration:none; color:#b7cdf2;}

a.more {background:url(../i/icon_all.gif) no-repeat; color:#ffffff; text-decoration:underline; text-transform:uppercase; padding:0 0 0 27px; display:block; margin:0 0 0 25px; font-size:1.1em; font-weight:bold; margin:10px 0 0 0 }
a.more:hover {text-decoration:none; color:#ffffff;}


.novelty {margin:5px 0 0 0; background: url(../i/bg_novelty.gif) repeat-x #849bcd; padding: 10px 15px 10px 15px  }

.novelty .bg1 { width:6px; height:7px; background:url(../i/novel_bg1.gif) no-repeat;}
.novelty .bg2 { width:6px; height:7px; background:url(../i/novel_bg2.gif) no-repeat;}
.novelty .bg3 { width:6px; height:7px; background:url(../i/novel_bg3.gif) no-repeat;}
.novelty .bg4 { width:6px; height:7px; background:url(../i/novel_bg4.gif) no-repeat;}
.novelty .bgtx { background:url(../i/novel_bgtx.gif) repeat-x; height:7px; width:50%}
.novelty .bgbx { background:url(../i/novel_bgbx.gif) repeat-x; height:7px;}
.novelty .bgyr { background:url(../i/novel_bgyr.gif) repeat-y right; width:6px}
.novelty .bgyl { background:url(../i/novel_bgyl.gif) repeat-y left; width:6px}

.novelty .pic {background: #596c96;}
.novelty .pic .bg1 { background:url(../i/novelty_pic_bg1.gif) no-repeat bottom left;  height:10px; }
.novelty .pic .bg2 { background:url(../i/novelty_pic_bg2.gif) no-repeat bottom right;  height:10px;}
img.pic_novel { margin:2px;}
.novelty a.razdel {color: #455a8f; background:url(../i/mark_pictures.gif) no-repeat 0px 3px; font-size:1.6em; font-weight:normal; padding: 0 0 0 15px; text-transform:uppercase;}
.novelty  .text {padding: 6px 10px 10px 10px;}
.novelty a.name_product { display:block; color:#FFFFFF; margin:5px 0 3px 0; font-size:1.3em; text-decoration:underline;}
.novelty a.name_product:hover {  color:#FFFFFF; text-decoration:none;}
.novelty .proizvod { font-size:1.1em; color:#000000;}

.stat { background:url(../i/bg_bottom_block.gif) repeat-x #a1b3d7; padding:15px;}

.stat .bg1 { width:5x; height:5px; background:url(../i/news_bg_cor1.gif) no-repeat;}
.stat .bg2 { width:5px; height:5px; background:url(../i/news_bg_cor2.gif) no-repeat;}
.stat .bg3 { width:5px; height:5px; background:url(../i/news_bg_cor4.gif) no-repeat;}
.stat .bg4 { width:5px; height:5px; background:url(../i/news_bg_cor3.gif) no-repeat;}
.stat .bgtx { background:url(../i/novelty_pic_bgxt.gif) repeat-x; height:5x; width:50%}
.stat .bgbx { background:url(../i/novelty_pic_bgxb.gif) repeat-x #a1b3d7; height:5px;}
.stat .bgyr { background:url(../i/novelty_pic_bgyr.gif) repeat-y; width:5px}
.stat .bgyl { background:url(../i/novelty_pic_bgyl.gif) repeat-y; width:5px}
.stat td.content  {background-color:#a1b3d7;}
.stat td.nobg { background:none;}
.stat td.content .text  {color:#000000; font-size:1.1em;}
.stat td.content .text a { color:#2462b7; text-decoration:underline}
.stat td.content .text a:hover { color:#2462b7; text-decoration:none;}

.one_news .date { color: #000000; }
.one_news a { display:block; color:#FFFFFF; text-decoration:underline; font-size:1.3em; padding:3px 0 4px 0 }
.one_news a:hover { color:#FFFFFF; text-decoration:none;}
.one_news { border-bottom:1px solid #6c7ea2; padding:10px 0px 14px 0; margin-right:10px}


.w250 {width:215px; padding:10px 5px 10px 5px }
.right_col {background:#a1b3d7;}

.search_bl { background:#c2e0fa; border:1px solid #6e86b2; width:170px; padding:15px 0 10px 6px;}
.search_bl input {width: 160px;}
.search_bl input.butt { color:#000000; background:#8fc8ff; border:1px solid #6b8fcb; margin:3px 0 0 0 ; width: 80px; }

.registration { width:215px; margin-right:5px;}
.registration .header_reg { background:url(../i/bg_top3.png); behavior:url("css/iepngfix.htc"); height: 22px; width: 193px; color:#000000; padding:5px 0 0 20px}
.registration .header_reg a { color:#000000; text-decoration:underline;}
.registration .header_reg a:hover { color:#000000;  text-decoration:none;}

.forms { padding: 5px 0 0 10px ; }
.forms .login { width: 172px;}
.forms .pass { width: 83px; margin-top:4px;}
.forms .enter { background:#f78308; margin-left:7px; margin-top:8px; border:0px solid #f78308; padding:1px 2px; width:50px}

.right_col .rel { top:-76px; left:0px; padding:0 0 0 5px }

.cart {margin: 0 15px 0 0}
.cart .header { background:url(../i/bg_top2.png); behavior:url("css/iepngfix.htc"); height: 23px; width: 230px; color:#FFFFFF; padding:4px 0 0 15px; font-size:1.5em; font-weight:bold; }
.cart_text { background:url(../i/cart_bg.png); width:234px; height:45px; margin-top:5px; margin-left:4px; padding:20px 0 0 5px;}
.cart_text td {vertical-align:middle; padding:0px 5px; color:#57533a; font-size:1.1em;}
.cart_text td.org { color:#f47f0b; font-size:1.2em; font-weight:bold;}
.cart_text td input { color:#ffffff; background:#f47f0b; border:1px solid #f47f0b; padding:0; margin:0; width:70px}
.header a.logo { display:block; width:220px; height:160px; margin-left:10px; float:left; display:inline;}


.zabor2 { height:30px; background: url(../i/zabor2.gif) repeat-x bottom #a1b3d7}
.footer_main { background:#d9e0f0;}
.footer_main td { padding: 13px 10px;}
.footer_main td.bot {}
.contact {border:1PX SOLID #8498b9; background: #ffffff; height:48px;}

.footer_main td.nopad { padding-left:0; padding-right:0;}
.footer_main td .contact td {padding:0 10px; vertical-align:middle;}
.contact .email { background: url(../i/email2.gif) no-repeat; padding: 0 0 0 22px;}
.contact .icq  { background:url(../i/icq_footer.gif)  no-repeat; padding: 0 0 0 22px;}
.contact .skype  { background:url(../i/skype_footer.gif)  no-repeat; padding: 0 0 0 22px;}
.contact a { text-decoration:underline;} 

.contact td.mid {vertical-align:middle;}
.contact td.bot {vertical-align:bottom;}
.copy a { color:#000000; text-decoration:underline}
.copy a:hover { color:#000000; text-decoration:none}

.navigation  { color:#3f5481;font-size:1.2em; padding:10px 0 }
.navigation a {color:#FFFFFF; text-decoration:underline; margin:0 3px; }
.navigation a:hover {color:#FFFFFF; text-decoration:none; margin:0 3px; }

.bl2 {}

.inner_block {padding:0 10px 10px 10px;}


/*  */
.bl3 { background:#a1b3d7; padding: 10px 15px 15px 15px; border:1px solid #6a80a9; font-size:1.2em;  }
h3.name {color:#000000; text-transform:uppercase;}
.bl3 img {border:1px solid #f77d18; margin:0 10px 10px 0}
.bl4 { background:#a1b3d7; padding: 10px 15px 15px 15px; border:1px solid #6a80a9; font-size:1.2em;  }

td.sp4 {width:4px;}
ul.list { padding: 0px 0 9px 0}
ul.list li {padding:3px 0 2px 10px; background:url(../i/li_bg.gif) 0 7px no-repeat; }
ul.list li a { color:#ba5f56; text-decoration:underline;}
ul.list li a:hover { color:#ba5f56; text-decoration: none}

tr.ft td {background:#f2e4d5; padding:10px 0 10px 23px;}	

.pagin {height: 20px; padding:3px 25px 3px 0;}
.pagin a {color:#010f33; text-decoration:underline;}
.pagin a:hover  {color:#010f33; text-decoration:none;}
.lin1 {background:#c1cfea; padding: 10px 10px 20px 20px;}
.lin2 { padding: 10px 10px 10px 20px; }
.pic_m { width:150px; float:left; display:inline; padding:20px 0 0 0}	
.info_text { margin: 0 0 0 180px;}
.info_text2 { margin: 30px 0 0 200px; padding:0 0 0 7px;}
.info_text h3  {font-size:1.2em; padding:0 0 5px 7px}
.info_text h3 a {color:#010f33; text-decoration:underline;}
.info_text h3 a:hover {color:#010f33; text-decoration:none;}
.info_text span {background:#fef9f0; padding:3px 7px}
.op {padding:4px 0;}
.compare { color:#695739; padding:10px 0 0 0 }
.compare a { color:#4e9401; text-transform:uppercase; text-decoration:underline}
.compare a:hover { color:#4e9401; text-transform:uppercase; text-decoration:none;}

.also {font-size:1.3em; text-transform:uppercase;}
.topb {padding: 10px 30px 10px 0; background:#a1b3d7}
.topb a {color:#3f54bd; font-size:1.3em; text-decoration:underline;}
.topb a:hover {color:#3f54bd; font-size:1.3em; text-decoration:none;}

.korzina {margin: 10px 0 0 0}
.korzina th {background:#ebf2ff; padding:10px 2px 4px 2px; color:#001234; font-weight:bold;  font-size:1.3em; }
.korzina td {padding:7px 2px ; background:#ffffff; font-size:1.3em; text-align:center; border-bottom:1px solid #fdf8ed}
.korzina td.talleft {text-align:left; }
input.kolvo {width:44px;}
.korz_text { padding:40px 30px 20px 20px ; background:#ffffff; font-size:1.2em}
 
.all_pr { font-size:1.6em; text-align:right; padding:10px;}

.clearfix:after { content: "."; display: block;  height: 0;  clear: both;  visibility: hidden;  } .clearfix { display: inline-block;  } * html .clearfix { height: 1%;  } .clearfix { display: block; }

/* onemastrass */
.onem {background:#c1cfea; padding:11px 11px 11px 15px}
.onem a { text-decoration:underline;}
.onem a:hover { text-decoration:none;}
.onem img {border:1px solid #474f7d;}
.diff a {color:#4e9401; text-decoration:underline;}
.diff a:hover {color:#4e9401; text-decoration:none;}
.diff { color:#695739;}	

.lin2 h3 a {color:#010f33; text-decoration:underline;}
.lin2 h3 a:hover {color:#010f33; text-decoration:none;}

 h3 a {color:#010f33; text-decoration:underline;}

.sample td { padding:0px 10px 10px 0; color:#001234; font-size:0.9em; text-align:center}
.sample td  img {margin:15px 0 0 0 ;}
.sample td a {color:#001234; text-decoration:underline}
.sample td a:hover {color:#001234; text-decoration: none}

.spasa{color:#001234; text-decoration:none;cursor:pointer;}
.spasa_hov{text-decoration:underline;}

.zajaz_korz {border:1px solid #010f33;}
.katalog  .zajaz_korz td { padding:10px 10px; text-align:left}
.zajaz_korz td .sm_tab td {padding:5px 10px;}
.td200px {width:200px; border-right:1px solid  #010f33}
.td200px a {font-size:1.1em; }
.sum_korz { font-size:1.1em; font-weight:bold; color:#010f33;}


.katalog table.contact_data {border:1px solid #010f33}
.katalog table.contact_data td{ padding:10px 10px; }


.ban1 { padding:15px 0 20px 0; text-align:center;}
.textbl { color:#00020e; font-size:1.2em;}

.incart a { color:#3f54bd; font-size:1.2em; font-weight:bold; text-decoration:underline}
.incart a:hover { color:#3f54bd; font-size:1.2em; font-weight:bold; text-decoration:none}

.biga {}

.bl1 {margin:5px 0 0 0; background: url(../i/bg_novelty.gif) repeat-x #849bcd; padding: 10px 15px 10px 15px  }

.price { color:#e97f09; font-size:1.9em;} 

.podobr2 {height:30px;}
.podobr2 a.left2 { font-size:1.4em; background:#c1cfea; padding:10px; display:block; border:1px solid #001234}

.maintextmar { padding:20px; font-size:12px;}

/*  for png */
img.imgpng
{  background-image: expression(
        this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter =
            "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +
            this.src + "', sizingMethod='image')",
        this.src = "i/0.gif"
    )
}


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%;} .clearfix { display: block; }