@font-face {
    font-family: 'avertathin_italic';
    src: url('https://www.metro.com.gr/Metro/media/MetroImages/fonts/intelligent_design_-_averta-thinitalic-webfont.woff2') format('woff2'),
         url('https://www.metro.com.gr/Metro/media/MetroImages/fonts/intelligent_design_-_averta-thinitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'avertathin';
    src: url('https://www.metro.com.gr/Metro/media/MetroImages/fonts/intelligent_design_-_averta-thin-webfont.woff2') format('woff2'),
         url('https://www.metro.com.gr/Metro/media/MetroImages/fonts/intelligent_design_-_averta-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'avertaregular_italic';
    src: url('https://www.metro.com.gr/Metro/media/MetroImages/fonts/intelligent_design_-_averta-regularitalic-webfont.woff2') format('woff2'),
         url('https://www.metro.com.gr/Metro/media/MetroImages/fonts/intelligent_design_-_averta-regularitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'avertalight';
    src: url('https://www.metro.com.gr/Metro/media/MetroImages/fonts/intelligent_design_-_averta-light-webfont.woff2') format('woff2'),
         url('https://www.metro.com.gr/Metro/media/MetroImages/fonts/intelligent_design_-_averta-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'avertasemibold';
    src: url('https://www.metro.com.gr/Metro/media/MetroImages/fonts/intelligent_design_-_averta-semibold-webfont.woff2') format('woff2'),
         url('https://www.metro.com.gr/Metro/media/MetroImages/fonts/intelligent_design_-_averta-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'avertalight_italic';
    src: url('https://www.metro.com.gr/Metro/media/MetroImages/fonts/intelligent_design_-_averta-lightitalic-webfont.woff2') format('woff2'),
         url('https://www.metro.com.gr/Metro/media/MetroImages/fonts/intelligent_design_-_averta-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'avertabold_italic';
    src: url('https://www.metro.com.gr/Metro/media/MetroImages/fonts/intelligent_design_-_averta-bolditalic-webfont.woff2') format('woff2'),
         url('https://www.metro.com.gr/Metro/media/MetroImages/fonts/intelligent_design_-_averta-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'avertablack_italic';
    src: url('https://www.metro.com.gr/Metro/media/MetroImages/fonts/intelligent_design_-_averta-blackitalic-webfont.woff2') format('woff2'),
         url('https://www.metro.com.gr/Metro/media/MetroImages/fonts/intelligent_design_-_averta-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'avertablack';
    src: url('https://www.metro.com.gr/Metro/media/MetroImages/fonts/intelligent_design_-_averta-black-webfont.woff2') format('woff2'),
         url('https://www.metro.com.gr/Metro/media/MetroImages/fonts/intelligent_design_-_averta-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'avertabold';
    src: url('https://www.metro.com.gr/Metro/media/MetroImages/fonts/intelligent_design_-_averta-bold-webfont.woff2') format('woff2'),
         url('https://www.metro.com.gr/Metro/media/MetroImages/fonts/intelligent_design_-_averta-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'avertaextrabold';
    src: url('https://www.metro.com.gr/Metro/media/MetroImages/fonts/intelligent_design_-_averta-extrabold-webfont.woff2') format('woff2'),
         url('https://www.metro.com.gr/Metro/media/MetroImages/fonts/intelligent_design_-_averta-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'avertaregular';
    src: url('https://www.metro.com.gr/Metro/media/MetroImages/fonts/intelligent_design_-_averta-regular-webfont.woff2') format('woff2'),
         url('https://www.metro.com.gr/Metro/media/MetroImages/fonts/intelligent_design_-_averta-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
  
}
b,strong {
  font-family: avertabold;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

.image-box-left {
  padding: 12px;
  border: 1px solid #dfdfdf;
  float: left;
  margin: 0 4px 4px 0;
}

.image-box-right {
  padding: 12px;
  border: 1px solid #dfdfdf;
  float: right;
  margin: 0 0 4px 4px;
}

.image-box {
  padding: 12px;
  border: 1px solid #dfdfdf;
  margin: 4px;
}
/* start init */
html{height:100%; overflow:visible !important;}
body{
  min-width:980px;
  height:100%;
  color:#555;
  font:13px/1.5 avertaregular, Arial, Helvetica, sans-serif;
  margin:0; padding:0;
  -webkit-text-size-adjust:none;
  
}
a{
  color:#006db5;
  text-decoration:none;
  cursor:pointer;
}
a:hover{text-decoration:underline;}
.InfoLabel, .ErrorLabel, .EditingFormErrorLabel {
  color:#cb061c;
}
input,
textarea,
select{
  color:#555;
  vertical-align:middle;
  font:100% avertaregular, Arial, Helvetica, sans-serif;
}
input[type="submit"]:hover{cursor:pointer;}
textarea{overflow:auto;}
input[type=text],
input[type=password],
input[type=file],
textarea{-webkit-appearance:none;}
input[type="image"]{padding:0;border:none;}
input[type=text],
input[type=submit],
textarea{-webkit-appearance:none;}
/* end init */
#wrapper{
  width:100%;
  min-height:100%;
  position:relative;
  z-index:24;
}
.main-frame{
  width:100%;
  position:relative;
  overflow:hidden;
  /*padding:0 0 130px;*/
  background: url(https://www.metro.com.gr/Metro/media/MetroImages/body-bg-2.png) repeat-x 0 162px;
}
#bg{
  position:absolute;
  overflow:hidden;
  vertical-align:top;
  outline:none;
  margin:0;
  padding:0;    
  left:0;
  top:0;
  z-index:-1;
}
#bg img{
  position:absolute;
  left:0;
  top:0;
  background-size:cover;
}
#main{
  width:960px;margin:0 auto;padding:0 10px;
}
#main:after,
#header:after,
#header .block:after,
#nav .drop .frame:after,
.footer-content .form-holder .subs-form .row:after,
.twocolumns:after,
.main-column .frame:after,
.goods:after,
.goods .row:after,
.m-nav-holder:after{
  display:block;
  clear:both;
  content:"";
}
#header{
  width:100%;
  position:relative;
  margin:0 0 -3px;
  z-index:49;
}

#menuElem{
  width:100%;
  font:13px/20px avertabold, Arial, Helvetica, sans-serif;margin:0px; padding:0px;
  
}
#menuElem li:first-child{ background:none;}

#menuElem li{
  display:inline-block;
  vertical-align:top;
  margin:0 -2px;
  padding:0 14px;
  list-style:none; position:relative;
  /*background: url("https://www.metro.com.gr/Metro/media/MetroImages/menu-border.png") 0 8px no-repeat;*/
}
#menuElem>li>a {padding:5px 10px;}
/*#menuElem>li:hover>a{ 
background: url("https://www.metro.com.gr/Mymarket/media/image/bg-nav-h.png") no-repeat scroll -8px -3px transparent; 
text-align:center; 
margin-top:-10px; 
text-decoration:none;
}*/

#menuElem>li:hover>a{ 
  background: url("https://www.metro.com.gr/Metro/media/MetroImages/metro-nav-bg-rep.png") repeat-x scroll -8px 0px; 
  text-align:center; /*margin-top:-10px;*/ 
  text-decoration:none;
}



.inactiveMenu {
  padding: 5px 10px !important;color: #fff;    text-decoration: none;     cursor: pointer;
}

.inactiveMenuHover {
  display: inline-block;
  vertical-align: top;
  margin: 0 -2px;
  padding: 0 14px;
  list-style: none;
  position: relative;
}

#menuElem li:hover > ul{display:block}
#menuElem li ul{
  display: none;
  left: 9px;
  position: absolute;
  text-align: left;
  top: 30px;
  width: 213px;
  clear:both;
  padding-bottom:15px;
  z-index:500;
  background: url("https://www.metro.com.gr/Metro/media/MetroImages/bg-drop4.png") bottom no-repeat;
  margin-left: -2px;
  
}

#menuElem li ul li{ margin:0; padding:5px; line-height:16px; float:left; width:95%; background:none;}
#menuElem li ul li a{padding:0 0 0 14px !important; float:left; margin:0 !important;}
#menuElem li ul li a:hover{ background:none !important;padding:0 0 0 14px !important; margin:0 !important }
* +html #nav li{
  display:inline;
  margin:0;
}
#menuElem a{
  float:left;
  color:#fff;
  padding:5px 0;
}
.left-part{ width:643px; float:left; min-height:300px;}
.left-part .lft-top{
  /*background: url("https://www.metro.com.gr/Metro/media/MetroImages/lft-top1.png") no-repeat; */
  width:643px; height:16px;}
.left-part .lft-middle{
  /*background: url("https://www.metro.com.gr/Metro/media/MetroImages/lft-middle.png") repeat-y; */
  width:583px; height:auto; padding:10px 30px;}
.left-part .lft-middle h2{ font-size:24px; color:#ce061e;font-family: avertabold;}
.left-part .lft-middle p{ font-size:13px; color:#000000;font-family: avertaregular; padding:0 0 14px 0;}
.left-part .lft-bot{background: url("https://www.metro.com.gr/Metro/media/MetroImages/gallery_bottom.png") no-repeat; width:643px; height:16px;}
.right-part{ width:280px; float:right; min-height:300px;margin:0 30px 0 0}
.right-part .rht-top{
  background: url("https://www.metro.com.gr/Metro/media/MetroImages/rht-top.png") no-repeat;
  width:280px; height:18px;}
.right-part .rht-middle{background: url("https://www.metro.com.gr/Metro/media/MetroImages/rht-middle.png") repeat-y; width:236px; height:auto; padding:10px 22px 0 22px; color:#fff;}
.right-part .rht-middle h2{ font-size:18px; color:#fff;font-family: avertabold;}
.right-part .rht-middle span{ font-size:14px; padding:20px 0 0 0;font-family: avertabold; display:block}
.right-part .rht-middle span a{ color: #ffffff; text-decoration: none;}
.right-part .rht-middle span a:hover{ color: #ffffff; text-decoration: underline;}
.right-part .rht-middle p{ font-size:11px; color:#fff;font-family: avertaregular; padding:0 0 16px 0;}
.right-part .rht-middle p.extra{ padding:0 !important;}
.right-part .rht-bot{background: url("https://www.metro.com.gr/Metro/media/MetroImages/rht-bot.png") no-repeat; width:280px; height:16px;}
.fleft{ float:left;}
/*#nav a .l{float:left;}
#nav a .r{float:left;}
#nav li:hover a,
#nav a:hover,
#nav .active a{
margin:-9px -25px -25px;
text-decoration:none;
}
#nav li:hover a .l,
#nav a:hover .l,
#nav .active a .l{
padding:9px 10px 21px 25px;
background:url(https://www.metro.com.gr/mymarket/media/image/bg-nav-h.png) no-repeat;
}
#nav li:hover a .r,
#nav a:hover .r,
#nav .active a .r{
width:15px;
height:50px;
background:url(https://www.metro.com.gr/mymarket/media/image/bg-nav-h.png) no-repeat 100% -50px;
}
#nav .drop{
position:absolute;
left:-4px;
top:30px;
display:none;
width:221px;
padding:32px 0 0;
text-align:left;
background:url(https://www.metro.com.gr/mymarket/media/image/bg-drop.png) no-repeat;
}
#nav li:hover .drop{display:block;}
#nav .drop .holder{
padding:0 0 50px;
background:url(https://www.metro.com.gr/mymarket/media/image/bg-drop.png) no-repeat -442px 100%;
}
#nav .drop .frame{
height:1%;
padding:0 23px 0 28px;
background:url(https://www.metro.com.gr/mymarket/media/image/bg-drop.png) repeat-y -221px ;
}
#nav .drop ul{
width:100%;
position:relative;
float:left;
margin:-23px 0;
}
#nav .active .drop ul li,
#nav li:hover .drop ul li{
display:block;
overflow:hidden;
margin:0 0 1px;
padding:0;
}
#nav .active .drop ul a,
#nav li:hover .drop ul a{
display:inline;
float:none;
margin:0;
padding:0;
}
#nav .active .drop ul a:hover,
#nav li:hover .drop ul a:hover{text-decoration:underline;}*/
/*.logo{
display:block;
width:291px;
height:70px;
background:url(https://www.metro.com.gr/Metro/media/MetroImages/metro-logo.jpg) no-repeat;

}*/
.logo a{
  display:block;
  height:100%;
  overflow:hidden;
  text-indent:-9001px;
  text-align:left;
}
#header .block{width:100%;}
#header .block .holder{
  float:left;
  padding:3px 23px 0 0;
}
#header .block .holder .holder .logo{
  width:291px;
  height:70px;
  float:left;
  margin:0 0 3px 0;
  background:url(https://www.metro.com.gr/Metro/media/MetroImages/metro-logo.png) no-repeat;
}

#header .block .holder .logo{
  width:100px;
  height:100px;
  float:left;
  margin:0 0 3px 0;
  background:url(https://www.metro.com.gr/Metro/media/MetroImages/sfragida-Ellinikotita-etaireias.png) no-repeat;
}
#header .block .addnav{
  /*overflow:hidden;*/
  margin:0 0 -6px -3px;
  /* add on12-02-2013 */
  clear:both;
}
#header .block .addnav .l{
  float:left;
  margin-top: 20px;
}
#header .block .addnav .r{
  
  float:left;
  
}
#header .block .addnav ul{
  position:relative;
  float:left;
  margin:0 -144px 0 0;
  padding:10px 0 14px 8px;
  font:13px/16px avertabold, Arial, Helvetica, sans-serif;
}
#header .block .addnav ul li{
  float:left;
  padding:0 0 0 21px;
  
}
#header .block .addnav ul li:first-child{background:none; padding:0px}
#header .block .addnav ul li a.my-market{ display:block; width:151px; height:46px;background:url(https://www.metro.com.gr/Metro/media/MetroImages/Mymarket.png) no-repeat;}
#header .block .addnav ul li a.metro-cash-carry{ display:block; width:117px; height:43px;background:url(https://www.metro.com.gr/Metro/media/MetroImages/metro-cash-carry-logo.png) no-repeat;}

#header .block .addnav ul li a.best-value {display:block; width:180px; height:28px; margin-top: 10px;}

#header .block .form-holder{
  float:right;
  text-align:right;
}
#header .block .form-holder .lang{
  overflow:hidden;
  margin:0 0 48px;
  text-transform:uppercase;
  font-size:12px;
  line-height:15px;
}
#header .block .form-holder .lang li{
  display:inline-block;
  vertical-align:top;
  overflow:hidden;
  margin:0 0 0 6px;
  height:19px;
  padding-top:3px;
}
* +html #header .block .form-holder .lang li{
  display:inline;
  margin:0 0 0 10px;
}
#header .block .form-holder .lang a{
  float:left;
  width:29px;
  text-align:center;
  padding:2px 0;
  color:#0072b9;
  background-color:#fff;
  margin-top:-3px;
  padding:4px 0 0 7px;
  height:20px;
}
#header .block .form-holder .lang .active a,
#header .block .form-holder .lang a:hover{
  color:#fff;
  text-decoration:none;
  background-color:#0072b9;
}
#header .block .search-form{
  width:259px;
  margin:0 0 -7px;
  padding: 6px 0 1px 10px;
  height:25px;
  color:#ffffff;
  text-align:left;
  font-size:12px;
  line-height:15px;
  background:#ce061e;
}
#header .block .search-form label{
  display:inline-block;
  vertical-align:top;
  width:70px;
  padding:4px 0 0 0;
  /*display:none;*/
}
#header .block .search-form input[type="text"]{
  display:inline-block;
  vertical-align:top;
  width:150px;
  height:17px;
  margin:2px 3px 0 0;
  padding:0 4px;
  color:#d11b30;
  font-size:12px;
  line-height:15px;
  border:none;
  background:#ffffff;
  /*border:1px solid #dddddd;*/
}
#header .block .search-form input[type="submit"]{
  display:inline-block;
  vertical-align:top;
  width:14px;
  height:14px;
  margin:2px 0 0 0;
  padding:0;
  font-size:0;
  line-height:0;
  border:none;
  cursor:pointer;
  background:url(https://www.metro.com.gr/Metro/media/MetroImages/srch-icon.png) no-repeat;
}
#content{
  width:100%;
  position:relative;
  z-index:24;
  
}
.gallery{
  width:100%;
  position:relative;
  height:370px;
}

.gallery .gallery-top{background:url(https://www.metro.com.gr/Metro/media/MetroImages/gallery-top.png) no-repeat; width:950px; height:30px}
.gallery .gallery-middle{background:url(https://www.metro.com.gr/Metro/media/MetroImages/gallery-middle.png) repeat-y; width:950px; height:340px; overflow:hidden; z-index:2;}
.gallery .gallery-bot{
  background: url("https://www.metro.com.gr/Metro/media/MetroImages/gallery-middle.png") repeat-y scroll 0 0 transparent;
  height: 30px;
  width: 950px;
}
.gallery-bot2{
  background: url("https://www.metro.com.gr/Metro/media/MetroImages/gallery-botom.png") repeat-y scroll 0 0 transparent;
  height: 30px;
  width: 950px;
  float:left;
  margin: -16px 0 0 0;
}
.gallery .gmask{
  position:relative;
  overflow:hidden;
}
.gallery .gmask ul{position:relative;}
.gallery .gmask ul img{vertical-align:top;}
.gallery .gmask ul li{
}
.gallery .btn{
  position:absolute;
  top:130px;
  width:40px;
  height:45px;
  overflow:hidden;
  text-indent:-9999px;
  background:url(https://www.metro.com.gr/Metro/media/MetroImages/gallery-arrow.png) no-repeat;
  z-index:9999;
}
.gallery .btn.left{
  left: 0px;
  background-position:0 0;
}
.gallery .btn.right{
  right: 0px;
  background-position:-40px 0;
}
.q-box-holder{
  width:980px;
  margin:0 -10px;
  text-align:center;
  display:none;
}
.box{
  width:225px;
  display:inline-block;
  vertical-align:top;
  margin:0 9px 10px 8px;
  padding:0 0 20px;
  background:url(https://www.metro.com.gr/Mymarket/media/image/bg-box-shad.png) no-repeat 50% 100%;
}
* +html .box{
  display:inline;
  margin:0 10px 10px;
}
.box .frame{
  overflow:hidden;
  padding:0 0 5px;
  background:url(https://www.metro.com.gr/Mymarket/media/image/bg-boxes.png) repeat-y;
}
.box.bg1 .frame{background-position:0 0;}
.box.bg2 .frame{background-position:-225px 0;}
.box.bg3 .frame{background-position:-450px 0;}
.box.bg4 .frame{background-position:-675px 0;}
.box .img-frame{
  position:relative;
  overflow:hidden;
  margin:0 0 -14px;
  padding:0 0 19px;
  background:url(https://www.metro.com.gr/Mymarket/media/image/bg-img-shad.png) no-repeat 50% 100%;
}
.box .img-frame img{vertical-align:top;}
#main .box h2{
  margin:0;
  color:#fff;
  text-transform:uppercase;
  font:16px/18px avertabold, Arial, Helvetica, sans-serif;
}
.box .title{
  overflow:hidden;
  padding:0 5px;
}
.box .title .wr1{
  width:100%;
  height:54px;
  display:table;
}
.box .title .wr2{
  width:100%;
  display:table-cell;
  vertical-align:middle;
}
#footer{
  width:100%;
  height:112px;
  /*position:fixed;*/
  bottom:0;
  color:#fff;
  font-size:13px;
  line-height:16px;
  background:url(https://www.metro.com.gr/Metro/media/MetroImages/bg-footer.png) repeat-x;
  z-index:49;
  position:fixed;
  
}
.footer-content{
  width:957px;
  margin:0 auto;
  padding:10px 8px 0 15px;
}
.footer-content .block{
  width:660px;
  float:left;
  padding:6px 0 0;
}
.footer-content .block .nav{
  overflow:hidden;
  margin:0 0 7px;
  font-family:avertabold;
}
.footer-content .block .nav li{
  float:left;
  padding:0 7px;
  border-left:1px solid #fff;
}
.footer-content .block .nav li:first-child{
  padding-left:0;
  border-left:none;
}
.footer-content .block .nav a{color:#fff;}
.footer-content .block .holder{
  min-width:365px;
  overflow:hidden;
  font-size:11px;
  line-height:16px;
  margin:0 0 0 -3px;
}

/*#Social footer#*/
.footer-content .block .social-m{
  overflow:hidden;
  margin:0 0 5px;	
}
.footer-content .block .social-m li{
  float:left;
  padding:0 10px 0 0;
  
}
.footer-content .block .social-m a{
  width:44px;
  height:44px;
  float:left;
  overflow:hidden;
  text-indent:-9999px;
  background:url(https://www.metro.com.gr/Mymarket/media/image/metro_social_all.png) no-repeat;
}
.footer-content .block .social-m .facebook{background-position:0 0;}
.footer-content .block .social-m .twitter{background-position:-24px 0;}
.footer-content .block .social-m .youtube{background-position:-48px 0;}
.footer-content .block .social-m .linkedin{background-position:-132px 0;}
.footer-content .block .social-m .metroconnect{background: none;
    width: initial;
    height: initial;
    float: initial; }

.footer-content .block .social-m img.metroconnect {
  height: 40px;
  width: auto;
  margin-left: 138px;
}

.footer-content .block .holder .holder{
  min-width:1px;
  float:left;
  /*margin:0 36px 0 0;*/
  margin: 0;
}
.footer-content .block .phone-block{
  margin:0;
  
}

.footer-content .form-holder{
  overflow:hidden;
  text-align:right;
  margin-top: 0px;
}
.footer-content .form-holder .logo{
  display:inline-block;
  vertical-align:top;
  float:none;
  width:70px;
  height:91px;
  margin:0 21px 0 5px;
  font-size:0;
  line-height:0;
  background:url(https://www.metro.com.gr/Metro/media/MetroImages/tuv-metro.png) no-repeat;
}

.iso-holder {
  margin: 0;
    position: relative;
    float: left;
    padding: 0 0 0 118px;
}

.iso-holder img {
  max-height: 91px;
}


* +html .footer-content .form-holder .logo{
  display:inline;
  margin:0 0 0 9px;
}
.subs-form{
  display:inline-block;
  vertical-align:top;
  padding:4px 0 0;
  font:12px/1.5 avertabold, Arial, Helvetica, sans-serif;
}
* +html .footer-content .form-holder .subs-form{display:inline;}
.subs-form .row{
  width:100%;
  margin:0 0 4px;
}
* +html .footer-content .form-holder .subs-form .row{margin:0 0 3px;}
.subs-form input[type="text"]{
  display:inline-block;
  vertical-align:top;
  width:172px;
  height:16px;
  margin:0;
  padding:0 5px;
  color:#000;
  font:10px/16px avertaregular, Arial, Helvetica, sans-serif;
  border:solid #e57b88;
  border-width:1px 0 1px 1px;
  background:#fff;
}
.subs-form input[type="submit"]{
  display:inline-block;
  vertical-align:top;
  width:73px;
  height:32px;
  margin:-2px -3px 0 0;
  padding:0 0 1px;
  color:#fff;
  text-transform:uppercase;
  font-size:11px;
  line-height:32px;
  border:none;
  background:url(https://www.metro.com.gr/Mymarket/media/image/btn-ft-sbmt.png) no-repeat;
}
.twocolumns{
  width:100%;
  padding:10px 0 0;
}
#sidebar{
  width:225px;
  float:right;
  margin-top: -30px;
}
#sidebar .box{
  margin:0;
  text-align:center;
}
.main-column{
  width:720px;
  float:left;
  margin-top: -30px;
  /*padding:0 0 32px;
  background:url(https://www.metro.com.gr/Mymarket/media/image/bg-col-shad.png) no-repeat 50% 100%;*/
  
}
.main-column .frame{
  min-height:615px;
  /*padding:11px 15px;
  background:#fff;*/
  padding: 10px 30px;
  background: url(https://www.metro.com.gr/Metro/media/MetroImages/metro-content-bg-narrow.png) repeat-y;
  width: 615px;
  
}
.main-column p{margin:0 0 15px; text-align:justify;}
/*.main-column ul {list-style: square; margin-left: 15px;}*/
.main-column ul {list-style: none;}
.main-column ul li {padding-left: 45px; background: url(https://www.metro.com.gr/Mymarket/media/image/bullet.png) no-repeat 25px 6px;}

.breadcrumbs{
  overflow:hidden;
  margin:0 0 14px;
  padding:0 0 5px;
  color:#006db5;
  text-transform:none;
  font-size:11px;
  line-height:16px;
  border-bottom:1px solid #006db5;
}
.breadcrumbs li{
  float:left;
  padding:0 5px 0 9px;
  background:url(https://www.metro.com.gr/Mymarket/media/image/blt-crumbs.png) no-repeat 0 5px;
}
.breadcrumbs li:first-child{
  padding-left:0;
  background:none;
}
.breadcrumbs a{color:#ce061e;}
.recipes{
  overflow:hidden;
  padding:7px 0 0;
  border-top:1px solid #c2c2c2;
}
.recipes .heading{
  display:block;
  color:#0073ba;
  font-weight:normal;
}
.recipes .unit{
  overflow:hidden;
  line-height:15px;
  padding:14px 1px 13px;
  border-bottom:1px solid #c2c2c2;
}
.recipes .unit img{
  vertical-align:bottom;
  margin:0 7px 0 0;
}
.recipes .unit .text{
  width:479px;
  display:inline-block;
  vertical-align:bottom;
}
* +html .recipes .unit .text{display:inline;}
.recipes .unit h2{
  margin:0;
  color:#0073ba;
  font:18px/20px avertabold, Arial, Helvetica, sans-serif;
}
.recipes .unit p{margin:1px 0 -2px;}
.recipe{
  overflow:hidden;
  margin:0 0 32px;
  padding:0 0 5px;
  border-bottom:1px solid #c2c2c2;
}
.recipe p{margin:0 0 10px;}
.main-column .recipe h2{
  margin:0 0 1px;
  color:#000;
  text-transform:uppercase;
  font-size:14px;
  line-height:18px;
}
.recipe .ingridients{
  overflow:hidden;
  margin: 0 0 15px;
  padding: 1px 2px 11px;
  border-bottom:1px solid #c2c2c2;
}
.recipe .ingridients .alignleft{
  float:left;
  margin:0 10px 11px 0;
}
.recipe .ingridients .text{overflow:hidden;}
.recipe .ingridients h2{margin:0 0 1px;}
.recipe .instr{
  overflow:hidden;
  padding:0 4px 5px;
}
.main-column .logo-holder{overflow:hidden;}
.main-column .logo-holder .small-logos {
  float:left;
  margin:73px 0 0;
  max-width:480px
}
.main-column .logo-holder .logo.cook{
  width:129px;
  height:82px;
  float:left;
  margin:0 0 0 -11px;
  text-indent:0;
  font-size:0;
  line-height:0;
  background:url(https://www.metro.com.gr/Mymarket/media/image/logo-love-coking.png) no-repeat;
}
.main-column .logo-holder .logo.red{
  width:161px;
  height:154px;
  float:right;
  margin:0 17px 0 0;
  background:url(https://www.metro.com.gr/Mymarket/media/image/logo-red.png) no-repeat;
}
.goods{width:100%;}
.goods .row{
  height:1%;
  padding:19px 0 12px 24px;
  border-top:1px solid #c2c2c2;
}
.goods .row .unit{
  width:265px;
  padding:0 0 10px;
}
.goods .row .unit.left{float:left;}
.goods .row .unit.right{float:right;}
.goods .row h2{
  margin:0 3px;
  color:#0073ba;
  font:21px/25px avertabold, Arial, Helvetica, sans-serif;
}
.goods .row .w{
  display:block;
  margin:-3px 3px 23px;
  color:#ce061e;
  font:16px/19px avertabold, Arial, Helvetica, sans-serif;
}
.goods .row .desc{overflow:hidden;}
.goods .row .desc .alignleft{
  float:left;
  margin:0 11px 0 0;
}
.goods .row .desc .text1{
  overflow:hidden;
  padding:22px 0 0;
}
.goods .row .desc .holder{
  display:inline-block;
  vertical-align:top;
  min-width:139px;
  padding:0 0 32px;
  text-align:right;
  font-family:avertabold;
}
* +html .goods .row .desc .holder{display:inline;}
.goods .row .desc .pr{
  display:inline-block;
  vertical-align:top;
  color:#ce061e;
  font-size:51px;
  line-height:1;
}
.goods .row .desc .pr .c{
  font-size:42px;
  line-height:51px;
}
.goods .row .desc .info{
  display:inline-block;
  vertical-align:top;
  margin:-10px 0 0;
  color:#0073ba;
  font-size:11px;
}
.goods .row .desc .proposal{
  display:block;
  line-height:14px;
}
.goods .row .desc .proposal .date{
  display:block;
  font-family:avertabold;
}

/* All Mobile*/

/*#footer{
position:absolute;
left:0;
bottom:0;
}*/
#header .block .search-form input[type="submit"]{
  overflow:hidden;
  text-indent:-9001px;
}

/* for ie */

.box .title .wr1{height:64px;}
.box .title .wr2{
  width:auto;
  height:auto;
  margin-top: expression(this.parentNode.offsetHeight > this.offsetHeight ? ((this.parentNode.offsetHeight-this.offsetHeight)/2 + "px") : "0");
}
/*#nav li{zoom:1;}*/

/* sa */
.m-nav-holder {
  
  padding: 8px 0 23px;
  width: 100%;
}

/*#nav {
background: url("https://www.metro.com.gr/images/bg-nav.png") repeat-y scroll -960px 0 transparent;
font: 13px/20px avertabold,Arial,Helvetica,sans-serif;
position: relative;
text-align: center;
width: 100%;
}

#nav li {
display: inline-block;
margin: 0 -2px;
padding: 0 23px;
vertical-align: top;
}

#nav li:hover {
position: relative;
}

#nav a {
color: #FFFFFF;
float: left;
padding: 5px 0;
}*/

.goods table{ width:100%;}

/*#Image gallery#*/
.imageGallery .imageBorder
{
  margin: 0px;
}

.imageBorder {
  border: 1px solid #CDCDCD;
  float: left;
  margin: 10px;
  padding: 5px;
}
.imageGallery h2
{
  float: left;
  padding: 0;
  margin-bottom: 0px;
}

.imageGallery .galleryHeader
{
  margin-bottom: 10px;
}

.imageGallery .galleryHeader a
{
  text-decoration: none;
}

.imageGallery .fileName
{
  font-size: 13px;
  margin-top: 10px;
}

.imageGallery .gallerypicture
{
  float: left;
  margin-right: 30px;
  height: 285px;
  margin-bottom: 35px;
}

.imageGallery p
{
  font-size: 13px;
  float: left;
  width: 200px;
}

.imageGallery .imageInfo
{
  margin-top: 0px;
}
.clear
{
  height: 0;
  line-height: 0;
  font-size: 0pt;
  clear: both;
  margin: 0;
  padding: 0;
  width: 100%;
}

.Examples div[style="clear: both"]
{
  clear: none !important;
}

.DesignMode .Examples div[style="clear: both"]
{
  clear: both !important;
}
/*#Careers#*/
.structuredTable
{
  color: #737373;
  font-size: 15px;
}

.structuredTable td
{
  padding: 10px 30px  0px 0px;
  vertical-align: baseline;    
}

.structuredTable ul
{
  margin: 0px 0px 0px 20px;
  padding: 0;
}

.structuredTable ul li
{
  margin-bottom: 5px;
}

/*#Listings#*/
.listBoxWithTeaser, .listBoxWithoutTeaser, .listBoxTwoColumns
{
  margin-bottom: 30px;
  margin-top: 15px; 
  overflow: hidden;
}

.listSeparator
{
  border-bottom: 1px dotted black;
  margin-top: 25px;
  margin-right: 10px;
}

.listBoxTwoColumns
{
  width: 46%;
  float: left;
  padding:0 0 0 20px;
}

.listBoxTwoColumns .teaser, .listBoxWithTeaser .teaser
{
  float: left;
  margin-bottom: 35px;     
}

.listBoxTwoColumns .teaser img, .listBoxWithTeaser .teaser img 
{
  border: 1px solid #818181 !important;
}

.listBoxWithTeaser .description, .listBoxWithoutTeaser .description 
{
  margin-left: 122px;
  width: auto;
  line-height: normal;
}

.listBoxTwoColumns .description
{
  float: left;
  width: 70%;
}

.listBoxTwoColumns .header, .listBoxWithTeaser .header, .listBoxWithoutTeaser .header 
{
  color: #66addf;
  font-size: 15px;
}

.listBoxTwoColumns .address
{
  margin: 0px;
}

.listBoxTwoColumns .description
{
  margin-left: 10px;
}

.listBoxTwoColumns p, .listBoxWithTeaser p, .listBoxWithoutTeaser p
{
  margin-top: 10px;
  margin-bottom: 18px;
  font-size: 13px;
}

.listBoxTwoColumns .rightBox
{
  margin-top: 30px;
  padding-bottom: 10px;
}

.listBoxTwoColumns .rightBox .descText
{
  margin-top: 10px; 
  margin-bottom: 45px;
  font-size: 13px;   
}
.bold {
  font-weight: bold;
}

.header{ font-size:16px !important; display:block;}

h1{ font-size: 28px; color:#ce061e;
  margin-top: 0;
}

h2 {font-size: 20px; color: #0073ba;}
h2 a {color: #0073ba; text-decoration: none;}
h2 a:hover {color: #0073ba; text-decoration: underline;}

.job-summary{ font-size:12px; color:#666666;}

.structuredTable td:first-child{width:130px;}


/*#Site map tree#*/
.siteMap{ width:98%; background:#fff; padding:10px;}



/*********31 august******************/



.submenu #menuElem{
  width:100%;
  text-align:left;
  font:13px/20px avertabold, Arial, Helvetica, sans-serif;margin:0px; padding:0px;
  padding: 0 0 23px !important;
  background: url("https://www.metro.com.gr/Mymarket/media/image/bg-nav.png") no-repeat scroll 0 100% transparent;
}
.submenu #menuElem li{
  display:inline-block;
  vertical-align:top;
  margin:0 -2px;
  padding:0 9px;
  list-style:none; position:relative;
  
}

.submenu #menuElem>li:hover>a{ background: url("https://www.metro.com.gr/Mymarket/media/image/bg-nav-h.png") no-repeat scroll 0 0 transparent; padding:10px 16px; text-align:center; margin-top:-10px; text-decoration:none;}


.submenu #menuElem li:hover > ul{display:block}
.submenu #menuElem li ul{
  display: none;
  left: 11px;
  position: absolute;
  text-align: left;
  top: 30px;
  width: 213px;
  clear:both;
  z-index:500;
  background: url("https://www.metro.com.gr/Mymarket/media/image/bg-drop2.png") bottom no-repeat ;    
  padding:5px 5px 15px 5px:
}

.submenu #menuElem li ul li{ margin:0; padding:5px; line-height:16px; float:left; width:95%;}

.submenu #menuElem li ul li a{padding:0 0 0 14px !important; float:left; margin:0 !important}
.submenu #menuElem li ul li a:hover{ background:none !important;padding:0 0 0 14px !important; margin:0 !important }
* +html #nav li{
  display:inline;
  margin:0;
}
.submenu #menuElem a{
  float:left;
  color:#fff;
  padding:5px 0;
}
.EditingFormTable{ margin:0 0 10px 0;}

.EditingFormTable td{ padding:5px;}

.EditingFormTable td input[type="text"]{ width:200px; height:20px; border:1px solid #ccc; background:#f2f2f2;}

.EditingFormTable td input[type="submit"]{background:#006db5; padding:5px; color:#fff; border:0 none; cursor:pointer;}
.EditingFormTable td textarea{ width:270px; height:170px; border:1px solid #ccc; background:#f5f5f5; padding:2px;}

.main-column .frame dt{ font-size:21px; color:#4b4b4b; margin:0 0 17px 0; display:block}

.faq-head{color: #3F89C3;
  display: inline;
  float: left;
  font-size: 16px;
  font-weight: bold;
  padding: 12px 1px 9px 14px; border-bottom: 4px solid #A9CDE4;width:98.5%; background:#fff}

.contact-form{ /*float:left;*/}

.SearchDialog{ background:#fff; width:98%; float:left; padding:10px;}

.SearchDialog table td{ padding:5px;}

.SearchDialog table td input[type="submit"]{background:#006db5; padding:5px; color:#fff; border:0 none; cursor:pointer;}
.SearchDialog table td textarea{ width:270px; height:170px; border:1px solid #ccc; background:#f5f5f5; padding:2px;}
.SearchDialog table td select{ width:270px; height:20px; border:1px solid #ccc; background:#f5f5f5;}
.SearchDialog table td input[type="text"]{ width:200px; height:20px; border:1px solid #ccc; background:#f2f2f2;}
.SearchResults{ background:#fff; width:98%; float:left; padding:10px;}

.SearchResults span{ color:#FF000}

.bcMyMarket{ background:#fff; padding:3px; margin-top: -20px;}

.mediaItem{ margin-bottom:17px}

.mediaItem{  margin:17px 0 0 0;}

.mediaItem table{ width:100%;}

.mediaItem table td{vertical-align:top;border-bottom: 1px solid #C2C2C2; pading:17px 8px !important; }

.mediaItem table td:first-child{ padding-left:0px; width:112px}

.mediaItem table td a{ color:#0073BA;font-size:18px; font-weight:bold}

.MediaLibrarySort{ display:none;}

/*-------google map----*/

.googleMapOffice .address
{
  font-size: 11px;
}

.googleMapOffice .header a
{
  font-weight: bold;
  text-decoration: none;
  font-size: 15px;
}

.googleMapOffice .header a:hover
{
  text-decoration: underline;
}

.googleMapOffice img
{
  border: 1px solid #818181;
}

.googleMap{
  background:#fff;
  padding: 17px;}

.instr{ position:relative; top:-100px;overflow: hidden;
  padding: 14px 4px 5px; border-bottom: 1px solid #C2C2C2;border-top: 1px solid #C2C2C2;}

.instr h2{ color: #000000;
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 1px;
  text-transform: uppercase;}



.text{ position:relative; top:-140px; left:265px;}

.alignleft {
  margin: 0 10px 11px 10px;
}
/*----04sep2012-----*/

#header .block .form-holder .lang .active
{
  background-color: #0072B9;
  color: #fff;
  float: right;
  text-align: right;
  width: 116px;
  padding-right: 7px;
}
.loc-addr{ float:left;background-color:none !important;}
.loc-addr span{ background-color:none !important;}




.units{
  overflow:hidden;
  line-height:15px;
  padding:14px 1px 13px;
  border-top:1px solid #c2c2c2;
  border-bottom:1px solid #c2c2c2;
}

.units a{ float:left;}

.units img{
  vertical-align:bottom;
  margin:0 7px 0 0;
}
.units .text-area{
  
  float:left;
  display:inline;
}
.units h2{
  margin:0;
  color:#0073ba;
  font:18px/20px avertabold, Arial, Helvetica, sans-serif;
  float:left;
  width:100%;
}
.units p{margin:5px 0 -2px;}

div.contact p {
}
.sectiontableheader {
  background: none repeat scroll 0 0 #666666;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  font-weight: bold;
  padding: 5px;
}
div.back_button a {
  margin: 10px 0;
}

.contentheading {
  color: #006FB8;
  font-size: 170%;
  font-weight: bold;
  line-height: normal;
}

.HiddenButton
{
  display: none;
}
.BottomPart
{
  background: url("https://www.metro.com.gr/Metro/media/MetroImages/gallery-middle.png") repeat-y scroll 0 0 transparent; 
  float: left; 
  width: 100%;
  margin-top: 30px;
}

.inner-right-part{ width:280px; float:right; min-height:300px;  margin-top: 14px;}
.inner-right-part .inner-rht-top{
  background: url("https://www.metro.com.gr/Metro/media/MetroImages/rht-top.png") no-repeat;
  width:280px; height:18px;}
.inner-right-part .inner-rht-middle{background: url("https://www.metro.com.gr/Metro/media/MetroImages/rht-middle.png") repeat-y; width:236px; height:auto; padding:10px 22px 0 22px; color:#fff;}
.inner-right-part .inner-rht-middle h2{ font-size:18px; color:#fff;font-family: avertabold;}
.inner-right-part .inner-rht-middle span{ font-size:14px; padding:20px 0 0 0;font-family: avertabold; display:block}
.inner-right-part .inner-rht-middle span a{ text-decoration: none; color: #ffffff;}
.inner-right-part .inner-rht-middle span a:hover{ text-decoration: underline; color: #ffffff;}
.inner-right-part .inner-rht-middle p{ font-size:11px; color:#fff;font-family: avertaregular; padding:0 0 16px 0;}
.inner-right-part .inner-rht-middle p.extra{ padding:0 !important;}
.inner-right-part .inner-rht-bot{background: url("https://www.metro.com.gr/Metro/media/MetroImages/rht-bot.png") no-repeat; width:280px; height:16px;}


.post {
  text-align: left;
  padding: 0 0 20px;
  overflow: hidden;
}

.post-content {
  padding: 0 0 1px;
  
}

.img-holder {
  float: left;
  max-width: 40%;
  padding: 0 0 0 10px;
}

.img-holder img {
  vertical-align: top;
  max-width: initial;
  width: 100%;
  border-style: none;
  height: auto;
}

.text-holder {
  overflow: hidden;
  padding: 0 20px 0 10px;
}

.text-holder h2 {
  font-weight: 500 !important;
  color:#ce061e !important;
}

.tagCloud {
  margin: -26px 0 25px 72px;
  overflow: hidden;
}

.tagCloud span {
  display: block;
  float: left;
  background-color: #efefef;
  padding: 5px 13px;
  border: 2px solid #efefef;
  border-radius: 17px;
  margin-right: 5px;
}

.tagCloud2 {
  /*margin: -26px 0 25px 72px;*/
  overflow: hidden;
}

.tagCloud2 span {
  display: block;
  /* float: left; */
  background-color: #006fb8;
  padding: 22px 10px;
  border: 2px solid #efefef;
  border-radius: 17px;
  margin: 0 0 50px 0;
  color: #ffffff;
  text-align: center;
}

.tagCloud2 span a{
  color: #ffffff;
}