@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator       YAML Builder V1.2 (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.1
 */

@media screen, projection
{
  /*-------------------------------------------------------------------------*/


  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { background: #FFF; padding: 0px; }

  /* Layout Alignment | Layout-Ausrichtung */
  .page_margins { margin: 0 auto; }

  /* Layout Properties | Layout-Eigenschaften */
  .page_margins { width: auto;  min-width: 1000px; max-width: 62.50em; background: #fff; }
  .page { padding: 0px 40px 0px 40px; }
    #header { padding: 0px 0px 0px 0px; color: #000; background: #fff; }
  #main { margin: 10px 0; background: #fff; }

  #main_cont { margin: 0px; background: #fff; padding-left:5px; padding-right:5px; }
  #logo {
	  background-image:url(../../images/logo_automn.jpg);
	  background-repeat:no-repeat;
	  height:116px;
	 /*  width:228px; */
    }
#lang_layer {
	text-align:right;
	padding-top:10px;
	color:#585200;
		}
#upper_stripe {
	background-image:url(../../images/top_line.jpg);
	height:20px;
	background-repeat:repeat-x;
		}
#upper_xmas {
	background-image:url(../../images/xioni_top.png);
	height:28px;
	background-repeat:no-repeat;
		}
#see_also {
	background-image:url(../../images/deite_episis.jpg);
	height:19px;
	background-repeat:no-repeat;
	color:#FFFFFF;
	padding-top:2px;
		}

#facebook_iframe{background:url(../../images/facebook_tab.png) no-repeat left top; padding:12px 12px 12px 52px;position:fixed;right:-320px;/*top:20px;*/top:110px;width:284px;height:532px;z-index:9997; cursor: pointer;}
.connect_widget {
    width: 150px;
}
#ext_links {
		}
#top_nav {
	background-image:url(../../images/header_menu2.jpg);
	height:97px;
	background-repeat:no-repeat;
		}
#top_nav_en {
	background-image:url(../../images/header_menu2_en.jpg);
	height:97px;
	background-repeat:no-repeat;
		}
#top_nav_xmas {
	background-image:url(../../images/xioni.png);
	height:19px;
	background-repeat:no-repeat;
		}
#bottom {
	background-image:url(../../images/fonto_footer1.jpg);
	height:23px;
	background-repeat:repeat-x;
	text-align:center;
	padding-top:10px;
		}
#bottom_2 {
	padding-top:10px;
	background-image:url(../../images/fonto_footer2.jpg);
	height:32px;
	background-repeat:repeat-x;
	color:#FFF;
		}
#search {
	text-align:right;
	/*padding-top:20px;*/
	color:#FFFFFF;
		}
.left_title {
	background-image:url(../../images/katigories_fonto.jpg);
	height:28px;
	background-repeat:repeat-x;
	padding-top:5px;
	padding-left:5px;
		}
#left_title_cart {
	background-image:url(../../images/katigories_fonto.jpg);
	height:28px;
	background-repeat:repeat-x;
	padding-top:5px;
	padding-left:5px;
		}
.left_cat_bgr {
	background-color:#e1d39c;
	padding:10px;
}
.left_title_green {
	background-image:url(../../images/login_fonto.jpg);
	height:28px;
	background-repeat:repeat-x;
	padding-top:5px;
	padding-left:5px;
		}
.left_cat_bgr_green {
	background-color:#e8f7c1;
	padding:5px;
	color:#769627;
}
.title_green {
	background-image:url(../../images/login_fonto.jpg);
	height:28px;
	background-repeat:repeat-x;
	padding-top:5px;
	padding-left:5px;
		}
.cat_bgr_green {
	background-color:#e8f7c1;
	padding:5px;
	color:#769627;
}
#categories ul, li{
	list-style-image:url(../../images/icon_velakia.png);
	/*border-bottom-style: dotted;
	bottom: auto;
	border-bottom-color: #585200;
	border-bottom-width: 2px; */
}
#main_borders {
	border: thin solid #93ad52;
	padding:5px;
		}
#main_title {
	background-image:url(../../images/fonto_perigrafi.jpg);
	height:28px;
	background-repeat:repeat-x;
	padding-top:5px;
	padding-left:10px;
		}
#main_inner_borders {
	border: thin solid #93ad52;
	padding:5px;
		}
#main_borders_brown {
	border: thin solid #e1d39c;
	padding:5px;
		}

#main_inner_borders_brown {
	border: thin solid #e1d39c;
	padding:5px;
		}
.menu_list {
/* width: 200px; */
}
.menu_head {
	padding: 5px 0px 0px 15px;
	cursor: pointer;
	position: relative;
	margin:0px;
	font-weight:bold;
	background-image: url(../../images/icon_velakia.png);
	background-repeat: no-repeat;
	background-position: left 10px;
       /*background: #000 url(left.png) center right no-repeat;*/
}
.menu_head2 {
	padding: 5px 0px 0px 15px;
	cursor: pointer;
	position: relative;
	margin:0px;
	font-weight:bold;
	background-image: url(../../images/icon_velakia.png);
	background-repeat: no-repeat;
	background-position: left 10px;
       /*background: #000 url(left.png) center right no-repeat;*/
}
.menu_body {
	/*display:none;*/
}
.menu_body a {
  display:block;
  color:#006699;
  background-color:#000;
  padding-left:10px;
  font-weight:bold;
  text-decoration:none;
}
.menu_body2 a {
  display:block;
  color:#006699;
  background-color:#000;
  padding-left:10px;
  font-weight:bold;
  text-decoration:none;
}
.menu_sub_links {
background-image:url(../../images/bullet.png);
background-repeat:no-repeat;
background-position:left;
  margin-left:10px;
  margin-bottom:5px;

}
.menu_sub_links2 {
/*background-image:url(../../images/bullet.png);*/
background-repeat:no-repeat;
background-position:left;
  margin-left:20px;
  margin-bottom:5px;

}
.menu_body a:hover {
	background-color:#272727;
  color: #FFF;
  text-decoration:underline;
  cursor:pointer;
}
.menu_body2 a:hover {
	background-color:#272727;
  color: #FFF;
  text-decoration:underline;
  cursor:pointer;
}

  /*-------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

#col1 { float: left; width: 19%;  margin:0 }
  #col2 { float: right; width: 19%;  margin:0 }
  #col3 { width: auto; margin: 0 19% 0 19%}
  #col1_content { padding: 0 0px 0 0px }
  #col2_content { padding: 0 0px 0 0px }
  #col3_content { padding: 0 0px }

#prd_details ul li{color:#000;}
#prd_details em{font-size:11px;}
#acc_details ul li{color:#000;}
#acc_details em{font-size:11px;}
  /*-------------------------------------------------------------------------*/
    #masthead-search {
	float:right;
	padding:0.15385em 0.23077em;
	margin:0.23077em 0 0 0;
	line-height:2.07692em;
	white-space:nowrap;
	/*background:#eaeaea;
	border:1px solid #ccc;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px*/
}

#masthead-search .search-form { position:relative; }

#masthead-search .search-form .yt-button {
	margin:.0833em 0;
	font-size:0.92308em;
	vertical-align:top;
	zoom:1;
}
#masthead-search .search-form #submit {
	margin:.0833em 0;
	font-size:0.92308em;
	vertical-align:top;
	zoom:1;
}

.yt-button,
a.yt-button,
#submit .yt-button{
	padding:0 .8333em;
	margin:0 .25em;
	white-space:nowrap;
	text-decoration:none;
	color:#000;
	background:#d8d8d8 url(images/master-vfl117997.png) repeat-x center -802px;
	border:1px solid #999;
	/*-webkit-border-radius:3px;
	border-radius:3px;*/
	cursor:pointer;
	display:-moz-inline-box;
	display:inline-block;
*display:inline
}

html>body .yt-button, tt:-moz-any-link, tt:default {
/*-moz-border-radius:3px*/
}
html>body #submit, tt:-moz-any-link, tt:default {
/*-moz-border-radius:3px*/
}

.yt-button span, #submit {
	white-space:normal;
	line-height:1.9166em;
	height:1.9166em;
*display:inline-block
}
#submit {
	white-space:normal;
	line-height:2.1166em;
	height:2.1166em;
*display:inline-block
}
html>body .yt-button span, tt:-moz-any-link {
padding-top:.3333em;
line-height:1.75em
}
html>body .yt-button span, tt:-moz-any-link, tt:default {
padding-top:0;
line-height:1.9166em
}
.yt-button img,
.yt-button button{
	vertical-align:top;
	height:1.9166em;
	width:20px;
	margin:0;
	padding:0;
	border:0 solid transparent;
	cursor:pointer
}

* html .yt-button img {
	height:1.8333em;
	vertical-align:bottom
}

* html .yt-button button {
	height:1.8333em;
	vertical-align:bottom
}
* html #submit {
	height:1.8333em;
	vertical-align:bottom
}
.yt-button-primary,
a.yt-button-primary,
#submit {
	font-weight:bold;
	color:#585200;
	background:#E1D39C url(images/master-vfl117997.png) repeat-x center -1602px;
	border-color:#769627
}

.yt-menulink-primary .yt-button-primary,
#submit { color:#585200 }
.yt-button-primary:hover,
.yt-menubutton-primary:hover .yt-menubutton-btn,
#submit:hover {
color:#529214;
background:#E6EFC2;
	 background-position:center -1802px;
	border-color:#769627


}

#masthead-search .search-term {
	font-size:100%!important;
	border:1px solid #999;
	padding:4px 1px 1px 1px;
	width:29em;
	height:1.38462em;
	vertical-align:top
}

#masthead-search .search-term {
	padding-left:2px;
	padding-right:2px;
	margin-top:1px;
	margin-bottom:1px;
	border-color:#666
}

#masthead-search-term search-term-focus {
	border:2px solid #bbdafd!important;
	padding-left:1px;
	padding-right:1px;
	margin-top:0;
	margin-bottom:0
}

#masthead-search .search-form .yt-button {
	margin:.0833em 0;
	font-size:0.92308em;
	vertical-align:top;
	zoom:1;
}
#slideshow {
    position:relative;
    height:132px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}



ul.column{
	width: 100%;
	padding: 0;
	margin: 10px 0;
	list-style: none;
}
ul.column li {
	float: left;
	width: 220px; /*Set default width*/
	padding: 0;
	margin: 5px 0;
	display: inline;
}
.block {
	height: 220px;
	font-size: 1em;
	margin-right: 10px; /*Creates the 10px gap between each column*/
	padding: 20px;
	background: #e3e1d5;
}
.block h2 {
	font-size: 1.8em;
}
.block img {
        /*Flexible image size with border*/
	width: 89%;  /*Took 1% off of the width to prevent IE6 bug*/
	padding: 5%;
	background:#fff;
	margin: 0 auto;
	display: block;
	-ms-interpolation-mode: bicubic; /*prevents image pixelation for IE 6/7 */
}
}
