@charset "UTF-8";
/* CSS Document */
body { font: 12px/1.5 "Arial", "Helvetica", "sans-serif"; background-color: #f1f2f2; }
a:focus { outline: 1px dotted invert; }
hr { border-color: #ccc; border-style: solid; border-width: 1px 0 0; clear: both; height: 0; }
h1 { font-size: 30px; letter-spacing: -1.5px; }
h2 { font-size: 16px; letter-spacing: -1px; color:#1e478e; }
h3 { font-size: 14px; color:#b12240;}
h4 { font-size: 14px; color:#0c5e7e;}
h5 { font-size: 12px; }
h6 { font-size: 14px; color:#4d4d4f; border-bottom:1px solid #d3d3d3; }
ol { list-style: decimal; list-style-position: inside; }
ul.bullets { list-style: disc; list-style-position: inside; }
ul.bullets li { margin-left: 20px; margin-bottom: 5px; }
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom: 10px; }
a, a:visited { color:#0063be; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited, h5 a, h5 a:visited, h6 a, h6 a:visited { color: #444444; }
h1 a:hover, h1 a:active, h2 a:hover, h2 a:active, h3 a:hover, h3 a:active, h4 a:hover, h4 a:active, h5 a:hover, h5 a:active, h6 a:hover, h6 a:active { color:#0063be; }



/* --------------------  Custom general classes -------------------- */


.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.align-justify { text-align: justify; }
.float-left { float: left; }
.float-right { float: right; }
.bottom-spacing { margin-bottom: 20px; }
.bottom-spacing40 { margin-bottom: 40px; }
.yform { padding:0px !important }
/* -------------------- Page elements -------------------- */
/*img {border:none; padding:10px 5px 0px 10px}*/
#header { background-image:url(../images/bgr.jpg); background-repeat:repeat-x; height:236px; z-index:1;}
#header_flash { height:300px; }
#main_background { background-color:#eaeaea; }
#logo { background-image:url(../images/logo.png); height:117px; background-repeat:no-repeat; cursor:pointer;}
#flyer_image { background-image:url(../images/filladio_icon.png); height:65px; background-repeat:no-repeat; cursor:pointer;}
#interest_image { background-image:url(../images/forma_icon.png); height:65px; background-repeat:no-repeat; cursor:pointer;}
#attica_image { background-image:url(../images/attika_icon.png); height:65px; background-repeat:no-repeat; cursor:pointer;}
#sumvasi_image { background-image:url(../images/simvaseis_icon.png); height:65px; background-repeat:no-repeat; cursor:pointer;}

#main_body li { list-style:disc; margin-left:20px;}
#main_body a { color:#1e478e;}

/*.border_large { background-image:url(../images/kouti_megalo.png); background-repeat:no-repeat; height:262px;}
*/
.border_large { border:#bcbec0 1px solid; background-color:#ffffff; margin-left:15px;}
.red_title { border:#820f2a 1px solid; background-color:#b12240; color:#ffffff; font-size:14px; margin-top:10px; margin-left:-15px; padding-left:25px; width:80%; font-weight:bold;}
.blue_title { border:#00435d 1px solid; background-color:#0c5e7e; color:#ffffff; font-size:14px; margin-top:10px; margin-left:-15px; padding-left:25px; width:57%; font-weight:bold;}
.red_title_inner { border:#820f2a 1px solid; background-color:#b12240; color:#ffffff; font-size:14px; padding-left:25px; width:37%; font-weight:bold;}


#flash{
  position: relative;
  width: 200x;
  height: 400px;
}
#banner{
  position: relative;
  height: 335px;
  width:229px;
  float:left;
}
.acc_slide_show{ cursor:pointer; }
.acc_slide_show h6{ background:url("../images/down_icon.png") no-repeat scroll right center transparent; }
.acc_slide_show_2{ cursor:pointer; }
.acc_slide_show_2 h6{ background:url("../images/down_icon.png") no-repeat scroll right center transparent; margin-left:20px; border:none; }
.main_body { margin: 15px; }
#menu_image { background-image:url(../images/photo.png); height:297px; background-repeat:no-repeat; background-position:center; z-index:1; }
#main_cont_bgr { background-color:#f7f7da;
}
#main_image { background-color:#aab406;
height:295px;
	}
#catal { background-image:url(../images/foto_katalogos.jpg); height:223px; background-repeat:no-repeat;  padding-top:25px; padding-left:15px; background-position:top center;
}
#catal a { color:#ffffff; text-decoration:underline;
}
#main_body { color:#4d4d4f; text-align:justify; }
#catalogues a { color:#ED1C24;
}
#catalogues h3 a { color:#242424; font-size:14px;
}
#main_body h5 a { color:#58595B;
}
#btv_view_red a, .btv_view_red a:focus, .btv_view_red a:hover, .btv_view_red a:active { color:#b12240; font-weight:bold; text-decoration:underline; font-size:10px; text-align:right;}
#btv_view_blue a, .btv_view_blue a:focus, .btv_view_blue a:hover, .btv_view_blue a:active { color:#0c5e7e; font-weight:bold; text-decoration:underline; font-size:10px; text-align:right;}
/*cal*/
td.date_has_event {
	/*background-position: 162px 0px;*/
	color: #ffffff;
	background-color: #b12240;
}
td.date_has_event:hover {
	/*background-position: 162px -81px;*/
	color: #ffffff;
	background-color: #b12240;

}
td#today {
	/*background-position: 81px 0px;*/
	color: #ffffff;
	background-color: #0c5e7e;
}
td#today:hover {
	/*background-position: 81px -81px;*/
	color: #ffffff;
	background-color: #0c5e7e;

}
.events {
	position: relative;
}
.events ul {
	list-style:none;
	text-align: left;
	position: absolute;
	display: none;
	z-index: 1000;
	padding: 15px;
	background: #d3d3d3;
	color: white;
	border: 1px solid white;
	font-size: 15px;
	width: 187px;
	min-height:140px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-border-radius: 3px;
	list-style: none;
	color: #444444;
	-webkit-box-shadow: 0px 8px 8px #333;
}
#main_body .events li {
	padding-bottom: 5px;
	/*list-style:none;*/
}
.events li span {
	display: block;
	font-size: 12px;
	text-align: left;
	color: #555;
	list-style:none;
}
.events li span.title {
	font-weight: bold;
	color: #222;
}

th a{
text-decoration:none;
font-size:120%;
font-weight:bold;
color: #000;
outline-width:0;
}
/*end of cal*/
/*#Map *[title] { color : #820F2A; }
#maps *[title] { color : #820F2A; }
#maps #Map *[title] { color : #820F2A; }*/

#menu a:focus, #menu a:hover, #menu a:active { color: #f58220; text-decoration:underline; background-color: transparent; }
#top_menu_layer { position:relative; padding-top:0px; padding-right:0px; }
#bottom_menu_layer { position:relative; padding-top:0px; padding-right:0px; }
#bottom_menu { background-color:#ffffff;}
#menuHolder { position:relative; }
#bottom_menuHolder { position:relative; width:638px; height:30px; }
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#info ul { color:#4d4d4f;}
#info li a { color:#4d4d4f; }
#info_inner ul { color:#4d4d4f;}
#info_inner li a { color:#4d4d4f; font-size:14px; }

.image_border { border:4px solid #d3d3d3; margin-top:10px; float:left; margin-right:10px;}

#menu ul { list-style-image:none;z-index:1; }
#menu { padding:0; margin:0; list-style:none; list-style-image:none; }
#menu li { float:right; margin-left:1px; padding-top:0px; list-style-image:none; list-style:none; border-bottom:none; }
#menu li a { display:block; height:28px; line-height:28px; padding:0 5px 0 0; float:right; /*background:url(images/tab_a2.jpg) no-repeat right top;*/ color:#FFF; text-decoration:none; }
ul#menu a.active { background-color:#ffffff; color:#b12240; }
ul#menu li a.active { background-color:#ffffff; color:#b12240; }

#menu li a b { display:block; height:28px; float:right; padding:0 0 0 5px;/* background: url(images/tab_b2.jpg) left top; */cursor:pointer; }
#menu li a:hover, .home #menu li#home a, .single #menu li#single a, .dropdown #menu li#dropdown a, .dropline #menu li#dropline a, .flyout #menu li#flyout a, .support #menu li#support a, .contact #menu li#contact a { /*background: url(images/tab_a2.jpg) no-repeat right bottom;*/ background-color:#ffffff; color:#b12240;}
#menu li a:hover b, .home #menu li#home a b, .single #menu li#single a b, .dropdown #menu li#dropdown a b, .dropline #menu li#dropline a b, .flyout #menu li#flyout a b, .support #menu li#support a b, .contact #menu li#contact a b { /*background: url(images/tab_b2.jpg) left bottom; */ background-color:#ffffff; color:#b12240;}
/* root element for tabs  */
ul#menu ul { padding:0; margin:0; list-style:none; position:absolute; left:-9999px; z-index: 100 !important; margin-top:-1px; }
ul#menu ul li { float:left; margin:0; text-align:left; z-index: 100 !important; }
ul#menu ul li a { display:block; line-height:20px; margin:0; padding:0 20px; background:transparent; width:120px; z-index: 100 !important; }
/** html ul#menu li a.sub { margin-right:3px; z-index: 100 !important; }*/
ul#menu li a:hover { position:relative; z-index: 100 !important; }
ul#menu li:hover { position:relative; z-index: 100 !important; }
ul#menu :hover ul { left:1px; min-width:250px; top:30px; z-index: 100 !important; }
* html ul#menu :hover ul { top:36px; z-index: 100 !important; }
ul#menu :hover ul li { display:block; float:left; margin:0; border-bottom:1px solid #fff; z-index: 100 !important; }
ul#menu :hover ul li a { display:block; float:left; margin:0; height:25px; line-height:25px; width:120px; background:#0c5e7e; color:#fff; z-index: 100 !important; background:url(../images/koukida_menou.jpg) no-repeat scroll 10px 12px #0c5e7e; }
ul#menu :hover ul li a.fly { background:#0c5e7e transparent no-repeat right center; }
ul#menu :hover ul li a:hover { background:#0c5e7e; color:#fff; text-decoration:none; z-index: 100 !important; }
ul#menu :hover ul li:hover > a { background:#0c5e7e; color:#fff; z-index: 100 !important; }
ul#menu :hover ul li a.fly:hover { background:#0c5e7e transparent no-repeat right center; }
ul#menu :hover ul li:hover > a.fly { background:#0c5e7e transparent no-repeat right center; }
ul#menu :hover ul ul { left:-9999px; }
ul#menu :hover ul :hover ul { left:105px; top:0; width:120px; }
ul#menu :hover ul :hover ul li { display:block; float:left; margin:0; border-bottom:1px solid #fff; }
ul#menu :hover ul :hover ul li a { display:block; float:left; margin:0; height:25px; line-height:25px; background:#881c1b; color:#000; }
ul#menu :hover ul :hover ul li a:hover { color:#fff; background:#881c1b; }

ul#bottom_menu a.active { color:#b12240; }
ul#bottom_menu li a.active { color:#b12240; }
#bottom_menu ul { list-style-image:none;z-index:1; }
#bottom_menu { padding:0; margin:0; list-style:none; list-style-image:none; font-size:12px; }
#bottom_menu li { float:right; margin-left:1px; padding-top:0px; list-style-image:none; list-style:none; border-bottom:none; }
#bottom_menu li a { display:block; height:28px; line-height:28px; padding:0 10px 0 0; float:right; /*background:url(images/tab_a2.jpg) no-repeat right top;*/ color:#0c5e7e; text-decoration:none; }
#bottom_menu li a b { display:block; height:28px; float:right; padding:0 0 0 10px; /*background: url(images/tab_b2.jpg) left top;*/ cursor:pointer; }
#bottom_menu li a:hover, .home #bottom_menu li#home a, .single #bottom_menu li#single a, .dropdown #bottom_menu li#dropdown a, .dropline #bottom_menu li#dropline a, .flyout #bottom_menu li#flyout a, .support #bottom_menu li#support a, .contact #bottom_menu li#contact a { /*background: url(images/tab_a2.jpg) no-repeat right bottom;*/ color:#b12240;}
#bottom_menu li a:hover b, .home #bottom_menu li#home a b, .single #bottom_menu li#single a b, .dropdown #bottom_menu li#dropdown a b, .dropline #bottom_menu li#dropline a b, .flyout #bottom_menu li#flyout a b, .support #bottom_menu li#support a b, .contact #bottom_menu li#contact a b { /*background: url(images/tab_b2.jpg) left bottom;*/ color:#b12240;}
/* root element for tabs  */
ul#bottom_menu ul { padding:0; margin:0; list-style:none; position:absolute; left:-9999px; z-index: 100 !important; margin-top:-1px; }
ul#bottom_menu ul li { float:left; margin:0; text-align:left; z-index: 100 !important; }
ul#bottom_menu ul li a { display:block; line-height:20px; margin:0; padding:0 20px; background:transparent; width:80px; z-index: 100 !important; background:url(../images/koukida_menou.jpg) no-repeat scroll 0 12px transparent;}
/** html ul#menu li a.sub { margin-right:3px; z-index: 100 !important; }*/
ul#bottom_menu li a:hover { position:relative; z-index: 100 !important; }
ul#bottom_menu li:hover { position:relative; z-index: 100 !important; }
ul#bottom_menu :hover ul { left:0px; min-width:80px; top:30px; z-index: 100 !important; }
* html ul#bottom_menu :hover ul { top:36px; z-index: 100 !important; }
ul#bottom_menu :hover ul li { display:block; float:left; margin:0; b/*order-bottom:1px solid #fff;*/ z-index: 100 !important; }
ul#bottom_menu :hover ul li a { display:block; float:left; margin:0; height:25px; line-height:25px; width:80px; background:#b12240; color:#fff; z-index: 100 !important; background:url(../images/koukida_menou.jpg) no-repeat scroll 10px 12px #b12240; }
ul#bottom_menu :hover ul li a.fly { background:#b12240 transparent no-repeat right center; }
ul#bottom_menu :hover ul li a:hover { background:#b12240; color:#fff; text-decoration:none; z-index: 100 !important; }
ul#bottom_menu :hover ul li:hover > a { background:#b12240; color:#fff; z-index: 100 !important; }
ul#bottom_menu :hover ul li a.fly:hover { background:#b12240 transparent no-repeat right center; }
ul#bottom_menu :hover ul li:hover > a.fly { background:#b12240 transparent no-repeat right center; }
ul#bottom_menu :hover ul ul { left:-9999px; }
ul#bottom_menu :hover ul :hover ul { left:105px; top:0; width:80px; }
ul#bottom_menu :hover ul :hover ul li { display:block; float:left; margin:0; border-bottom:1px solid #fff; }
ul#bottom_menu :hover ul :hover ul li a { display:block; float:left; margin:0; height:25px; line-height:25px; background:#881c1b; color:#000; }
ul#bottom_menu :hover ul :hover ul li a:hover { color:#fff; background:#881c1b; }

  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; border-top: 2px #b12240 solid; border-bottom: 2px #b12240 solid; }
table caption { font-variant:small-caps; }
table.full { width: 100%; }
table.fixed { table-layout:fixed; }
th, td { padding: 0.5em; }
thead th { color: #000; border-bottom: 2px #800 solid; }
tbody th { background: #e0e0e0; color: #333; }
tbody th[scope="row"], tbody th.sub { background: #f0f0f0; }
tbody th { border: 1px solid #fff; text-align: left; }
tbody td { border: 1px solid #d3d3d3; text-align:left; }
tbody tr:hover th[scope="row"],  tbody tr:hover tbody th.sub { background: #f0e8e8; }
tbody tr:hover td { background: #fff8f8; }


#footer_image { background-image:url(../images/footer.png); height:52px; background-repeat:no-repeat; }
#footer { background-color:#0c5e7e; background-repeat:no-repeat; height:160px; color:#ffffff;
}
#footer_links { background-color:#b12240; background-repeat:no-repeat; height:65px; color:#ffffff;
}
#footer a { color: #ffffff; font-weight: normal; background:transparent; text-decoration:none; }
#footer a:focus, #footer a:hover, #footer a:active { color: #ffffff; text-decoration:underline; background-color: transparent; }
#footer p { line-height: 1.5em; margin: 0 0 1em 0; color: #ffffff; }

#footer_image { color:#ffffff; margin-left:15px;
}
#footer_image a { color: #ffffff; font-weight: normal; background:transparent; text-decoration:none; }
#footer_image a:focus, #footer a:hover, #footer a:active { color: #ffffff; text-decoration:underline; background-color: transparent; }
#footer_image p { line-height: 1.5em; margin: 0 0 1em 0; color: #ffffff; }

#bottom_links a { color: #ffffff; font-weight: normal; background:transparent; text-decoration:none;}
#bottom_links a:focus, #menu a:hover, #menu a:active { color: #ffffff; text-decoration:none; background-color: transparent; }


#menu a { color: #FFF; font-weight: normal; background:transparent; text-decoration:none; }
#menu a:focus, #menu a:hover, #menu a:active { color: #FFF; text-decoration:none; background-color: transparent; }
#menu p { line-height: 1.5em; margin: 0 0 1em 0; color: #ed1c24; }
#lang { text-align:right; padding-top:10px; color:#8fb63e; margin-left:0px; padding-right:10px; padding-bottom:10px;}
#lang a { color: #ffffff; font-weight:bold; background:transparent; text-decoration:none; }
#lang a:focus, #lang a:hover, #lang a:active { color: #ffffff; text-decoration:none; background-color: transparent; font-weight:bold;}
#lang p { line-height: 1.5em; margin: 0 0 1em 0; color: #000; }
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
ul#topnav { margin: 0; padding: 0; float:left; width: 100%; list-style: none; font-size: 1.1em; margin-top:0px; border-bottom:1px #ffffff solid; }
ul#topnav li { float: left; margin: 0; padding: 0; position: relative; /*--Important--*/ }
ul#topnav li a { float: left; /*text-indent: -9999px; --Push text off of page--*/ height: 20px; padding-top:5px; padding-right:10px; padding-left:10px; }
ul#topnav li:hover a, ul#topnav li a:hover { background-color:#ffffff; color:#1e478e; text-decoration:none; } /*--Hover State--*/
ul#topnav a { color:#ffffff; /*background:url(images/button.png) repeat-x;	min-width: 100px;*/ }
ul#topnav a.active { background-color:#ffffff; color:#1e478e; }

ul#topnav li .sub { position: absolute; /*--Important--*/ top: 26px; left: 0; background: #8fb63e; /*--Background gradient--*/ padding: 5px 5px 5px; float: left; /*--Bottom right rounded corner--*/ -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; /*--Bottom left rounded corner--*/ -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; display: none; /*--Hidden for those with js turned off--*/ z-index:1; width:100%; }
ul#topnav li .row { /*--If needed to break out into rows--*/ clear: both; float: left; width: 100%; margin-bottom: 10px; }
ul#topnav li .sub ul { list-style: none; margin: 0; padding: 0; float: left; }
ul#topnav .sub ul li { width: 100%; /*--Override parent list item--*/ color: #fff; /*font-weight:bold;*/ }
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/ padding: 0; margin: 0; font-size: 1.3em; font-weight: normal; }
ul#bottom_menu .sub ul li a { /*--Sub nav heading link style--*/ padding: 5px 0; background-image: none; color: #ffffff;background:url(../../../images/koukida_menou.jpg) no-repeat scroll 0 12px transparent; }
ul#topnav .sub ul li a { float: none; text-indent: 0; /*--Override text-indent from parent list item--*/ height: auto; /*--Override height from parent list item--*/ background: url(images/koukida.png) no-repeat 5px 15px; padding: 7px 5px 7px 15px; display: block; text-decoration: none; color: #fff; }
ul#topnav .sub ul li a:hover { color: #1e478e; background-position: 5px 15px;/*--Override background position--*/ }

.whitetitle { background-color:#fff; padding:0px 5px 0px 5px; height:35px; color:#de6f1c; position:relative; font-size:18px; 
}
.redtitle { color:#b99166; font-size:20px; padding:0px 5px 0px 5px; margin-left:5px; margin-right:20px; position:relative;
}

.col_inner{
background-color:#efefd1;
padding-top:10px;
padding-left:10px;
color:#000000;
padding-right:10px;
padding-bottom:10px;
}
.borders{
background-color:#ffffff;
border:#eaeada solid thin;
padding:10px;
}

.col_inner_white{
padding-left:10px;
color:#000;
padding-right:10px;
}

.col_inner li a:hover { text-decoration:none; }
.col_inner ul { margin: 0; padding: 0; }
.col_inner li { clear: both; list-style:none; /*background-image:url(../images/plus.png); background-repeat:no-repeat; background-position:left top;*/ margin: 0; }
.col_inner li a { /*display:block; padding-bottom:5px; padding-top:5px;*/ padding-left:15px; text-decoration:none; }
.col_inner li ul li { border:none; list-style:none; list-style-image:none;/* border-bottom:1px solid #58595b; border-top:none; */color: #fff; text-indent:20px; }
.col_inner li ul li a { border:none; list-style:none; list-style-image:none;/* border-bottom:1px solid #58595b; border-top:none; */color: #fff; }
.col_inner li ul li a:hover { color: #ed1c24; }
.col_inner li a:hover { color: #ed1c24; /*background:#A9CAE2;*/ text-decoration:none; }
.col_inner a { color: #fff; }

.roundedcorners {
	padding:5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	background-color:#FFF;
}
.roundedcornersout {
	padding: 1px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	background-color:#e1e1e1;
}

.Left li a:hover { text-decoration:none; }
.Left ul { margin: 0; padding: 0; }
.Left li { clear: both; list-style:none; background-image:url(../images/velaki.png); background-repeat:no-repeat; background-position:left; margin: 0; border-bottom:1px solid #58595b;}
.Left li a { display:block; padding-bottom:5px; padding-left:0px; padding-top:5px; text-decoration:none; }
.Left li a { /*border-top:1px solid #f1eed1;*/ }
.Left li ul li { background-color:#d4effc; border:none; list-style:none;/* border-bottom:1px solid #58595b; border-top:none; */color: #58595b; }
.Left li ul li a { background-color:#d4effc; border:none; list-style:none;/* border-bottom:1px solid #58595b; border-top:none; */color: #58595b; }
.Left li ul li a:hover { background-color: #FFF; color: #58595b; }
.Left li a:hover { color: #58595b; /*background:#A9CAE2;*/ text-decoration:none; }
.Left a { color: #58595b; }

.right_borders { border:thin solid #d5d5d5; padding:10px; background-color:#f4f4f4; margin:10px 0px 10px 0px; }
.right_innner { background-color:#ececec; padding:10px; }
/*ul#topnav a.home {
	background: url(nav_home.png) no-repeat;
	width: 78px;
}
ul#topnav a.products {
	background: url(nav_products.png) no-repeat;
	width: 117px;
}
ul#topnav a.sale {
	background: url(nav_sale.png) no-repeat;
	width: 124px;
}
ul#topnav a.community {
	background: url(nav_community.png) no-repeat;
	width: 124px;
}
ul#topnav a.store {
	background: url(nav_store.png) no-repeat;
	width: 141px;
}
*/
ul.sidenav{/*float:left;*/margin:0;padding:0;width:650;list-style:none; margin-left:10px;/*border-bottom:1px solid #0092cf;border-top:1px solid #d4effc;*/font-size:1.0em;}
ul.sidenav li{position:relative;/*float:left;*/margin:0;padding:0;}
ul.sidenav li a{/*border-top:1px solid #d4effc;border-bottom:1px solid #0092cf;*/padding:5px 5px 5px 25px;display:block;color:#fff;text-decoration:none;width:650px;background:#58595B url(../images/plus.png) no-repeat 5px 7px;position:relative;z-index:2;}
ul.sidenav li a:hover{background-color:#ed1c24; /*border-top:1px solid #0092cf;*/}


.ProductList { list-style:none; margin:0px; padding:0px; float:left; width:700px; text-align:center; }
.ProductList li { list-style:none; margin-right:0px; margin-left:0px; margin-bottom:0px; padding:15px; float:left; width:145px; }
.ProductImage { width:140px; margin:0 auto; }
.ProductName a { font-size:0.90em; font-weight:bold; text-decoration:none; color:#ed1c24 }
.ProductName a:hover { color:#295f14; text-decoration:none; }
.ProductName { padding:5px 0 0px 0; }
.ProductDesc { padding:5px 0 0px 0; }
.ProductList2 { list-style:none; margin:0px; padding:0px; float:left; width:500px; text-align:center; }
.ProductList2 li { list-style:none; margin-right:0px; margin-left:0px; margin-bottom:0px; padding:15px; float:left; width:200px; }
.ProductImage2 { width:170px; margin:0 auto; }

.ProductList3 { list-style:none; margin:0px; padding:0px; float:left; width:710px; text-align:center; }
.ProductList3 li { list-style:none; margin-right:0px; margin-left:0px; margin-bottom:0px; padding:9px; float:left; width:100px; }
.ProductImage3 { width:100px; margin:0 auto; }

/* root element for tabs  */
ul.tabs { list-style:none; margin:0;margin-top:30px; padding:0; height:25px; border-bottom:1px solid #fff;}
/* single tab */
ul.tabs li { float:left; text-indent:0; padding:0; padding-right:3px; margin:0 auto; list-style-image:none !important; }
/* link inside the tab. uses a background image */
ul.tabs a { background:url(images/tabs2.png) no-repeat -652px 0; font-size:14px; display:block; height: 25px; line-height:25px; width: 111px; text-align:center; text-decoration:none; color:#fff; padding:0px; margin:0px; position:relative; top:1px; text-transform:lowercase; font-weight:bold;}
ul.tabs a:active { outline:none; }
/* when mouse enters the tab move the background image */
ul.tabs a:hover { background-position: -652px -31px; color:#fff; }
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background-position: -652px -62px; cursor:default !important;  color:#fff !important; }
/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.w1 { background-position: -519px 0; width:134px; }
ul.tabs a.w1:hover { background-position: -519px -31px; }
ul.tabs a.w1.current { background-position: -519px -62px; }
/* width 2 */
ul.tabs a.w2 { background-position: -366px -0px; width:150px; }
ul.tabs a.w2:hover { background-position: -366px -31px; }
ul.tabs a.w2.current { background-position: -366px -62px; }
/* width 3 */
ul.tabs a.w3 { background-position: -193px -0px; width:174px; }
ul.tabs a.w3:hover { background-position: -193px -31px; }
ul.tabs a.w3.current { background-position: -193px -62px; }
/* width 4 */
ul.tabs a.w4 { background-position: -0px -0px; width:194px; }
ul.tabs a.w4:hover { background-position: -0px -31px; }
ul.tabs a.w4.current { background-position: -0px -62px; }
/* initially all panes are hidden */ 
div.panes div.pane { display:none; }

/*Tabs on Product Page*/
.ui-tabs .ui-tabs-hide { display: none; }
#Tabs { float:left; width:620px; }
#Tabs .Long { width:450px; font-size:1em; padding:3px; margin-bottom:15px; }
#Tabs textarea { font-size:1.3em; }
#Tabs ul { list-style:none; width:620px; margin:0; padding:0; }
#Tabs li { float:left; text-align:center; }
#Tabs li a { float:left; display:block; padding:9px; margin:20px 5px 0px 0px; text-decoration:none; min-width:97px; max-width:auto; }
#Tabs li a:active, #Tabs li a:hover, #Tabs li a:focus { border-bottom:none; text-decoration:none; }
.ProductDescriptionBg { border-top:none; float:left; width:600px; padding:10px; }
#Tabs p { padding:0; margin:0 0 10px 0; }
#Tabs h2 { margin:0px 0 15px 0; }
.TabProduct { padding:8px; margin:5px 5px 5px 6px; text-align:center; float:left; width:120px; }
.TabProductName { padding-top:5px; padding-bottom:5px; }
.TabProductName a { font-weight:bold; }
.TabProductAdd a, .TabProductAdd a:hover { text-decoration:none; display:block; width:34px; font-size:0.7em; padding:2px 0 2px 0; }
/*Reviews Tab*/
#Tabs ol li h2 { text-align:left; margin:0px 0 0 0; }
#Tabs ol { margin:10px 0 0 20px; padding:0; text-align:left; }
#Tabs ol li { width:580px; margin-bottom:10px; }
.PosterBy { font-size:0.85em; margin:0; padding:0; text-align:left; }
.Post { text-align:left; }
/*Side Products*/
.bottom-spacing40 { margin-bottom:40px; }
ul.display:after { clear:both; }
ul.display { float: left; width: 700px; margin: 0 0 40px 0; padding: 0; list-style: none; /*border-top: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5;*/ background: #ECECEC; color:#6f6f6f; }
ul.display{float:left;width:700px;margin:0;padding:0;list-style:none;/*border-bottom:1px solid #ccc;border-top:1px solid #ddd;*/background:#fff;}
ul.display li{float:left;width:700px;padding:10px 0;margin:0;/*border-top:1px solid #ccc;*/border-bottom:1px solid #ddd; margin-bottom:10px;}
ul.display li .content_block{padding:0 10px;}
ul.display li .content_block h3{margin:0;padding:5px;font-weight:normal;}
ul.display li .content_block p{margin:0;padding:5px 5px 5px 150px;}
ul.display li .content_block a img{margin:0 15px 0 0;float:left;}
.headers { border-bottom:1px solid #d5d5d5; padding-top:10px }
..headers h2 {
font: bold 22px Tahoma, Geneva, sans-serif;
color:#a3a3a3;
padding:6px 15px;
margin:10px 20px 0px 20px;
border-bottom:0px solid #d5d5d5;
letter-spacing:0.001em
}
.right_borders .headers { border-bottom:1px solid #d5d5d5; padding-top:0px !important; }
.right_borders .headers h2 { color:#a3a3a3; padding:0px !important; margin:0px !important; border-bottom:0px solid #d5d5d5; letter-spacing:0.001em }
.webpages h2 span { background:transparent url(../images/istoselides.png) no-repeat scroll left center; padding:15px 5px 5px 50px; }
.graphics h2 span { background:transparent url(../images/grafistika.png) no-repeat scroll left center; padding:15px 5px 5px 50px; }
.contactus h2 span { background:transparent url(../images/epikoinwnia.png) no-repeat scroll left center; padding:15px 5px 5px 50px; }
.contactbox h2 span { background:transparent url(../images/epikoinwnia.png) no-repeat scroll left center; padding:15px 5px 5px 50px; }
.portfolio h2 span { background:transparent url(../images/portfolio.png) no-repeat scroll left center; padding:15px 5px 5px 50px; }
.news h2 span { background:transparent url(../images/news.png) no-repeat scroll left center; padding:15px 5px 5px 50px; }
.newsletter h2 span { background:transparent url(../images/newsletter.png) no-repeat scroll left center; padding:15px 5px 5px 50px; }
.pagination { padding-top: 40px; margin-left:auto; margin-right:auto; padding-bottom:10px; }
.pagination a, .pagination strong { /*background:#58595b;*/ padding:4px 7px; text-decoration:none; border:1px solid #58595b; color:#B12240; font-size:12px; }
.pagination strong, .pagination a:hover { font-weight:normal; background:#fff; border:1px solid #820F2A; color:#820F2A; padding:4px 7px; }
#contact .yform fieldset { background:transparent none repeat scroll 0 0; border:0px solid #631D6C; }
#contact .yform label { color: #5f5f5f; font-weight:normal; }
#register .yform fieldset { background:transparent none repeat scroll 0 0; border:0px solid #631D6C; }
#register .yform label { color: #5f5f5f; font-weight:normal; }
.buttons { padding:0px; border:0px solid; }
.buttons a, .buttons button {border:0px solid #f7f7da;/*display:block; float:left;  border-top:1px solid #eee;border-left:1px solid #eee; */ background-color:#cfcc01; margin:0 7px 0 0; padding:5px 10px 6px 7px; font-size:10px; line-height:130%; text-decoration:none; font-weight:normal; color:#fff; cursor:pointer; width:111px; /* Links */ }
.buttons button { width:111px; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ }
.buttons button[type] { padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ }
*:first-child+html button[type] { padding:4px 10px 3px 7px; /* IE7 */ }
.buttons button img, .buttons a img { margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; }
/* STANDARD */
button:hover, .buttons a:hover { background-color:#aab406; border:0px solid #f7f7da; color:#fff; }
.buttons a:active { background-color:#aab406; border:1px solid #f7f7da; color:#fff; }
/* POSITIVE */
button.positive, .buttons a.positive { background-color:#0c5e7e; color:#fff; }
.buttons a.positive:hover, button.positive:hover { background-color:#b12240; border:0px solid #b12240; color:#fff; }
.buttons a.positive:active { background-color:#b12240; border:0px solid #b12240; color:#ffffff; }
/* NEGATIVE */

.buttons a.negative, button.negative { color:#d12f19; }
.buttons a.negative:hover, button.negative:hover { background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19; }
.buttons a.negative:active { background-color:#d12f19; border:1px solid #d12f19; color:#fff; }
#contact .yform .type-text textarea { width:98%; }
#register .yform .type-text textarea { width:99%; }
.right_borders .yform .type-text input, right_borders .yform .type-text textarea { width:95%; }
/* -------------------- Text input and select input notifications -------------------- */
.notification-input { background:10px 50% no-repeat; margin: 0 0 0 5px; padding:5px 0 5px 32px; font-size: 12px; }
.ni-correct { background-image:url(../images/tick-on-white.gif); color: #00ae42; }
.ni-error { background-image:url(../images/cross-on-white.gif); color: #c9282d; }
/* --------------------  Boxed notifications -------------------- */
.notification { display: block; padding: 20px 20px 20px 45px; border: 1px solid; margin-bottom: 20px; background-repeat: no-repeat; background-position: 20px 20px; }
.n-success { background-color: #1E478E; border-color: #1E478E; background-image: url(../images/notification-tick.gif); color:#FFF; }
.n-information { background-color: #9fddea; border-color: #5fceea; background-image: url(../images/notification-information.gif); }
.n-attention { background-color: #f9e497; border-color: #ffcb4f; background-image: url(../images/notification-exclamation.gif); }
.n-error { background-color: #ffc6ca; border-color: #efb9c3; background-image: url(../images/notification-slash.gif); }
/* -------------------- Indicators -------------------- */
.indicator { width: 220px; height: 12px; background: url(../images/indicator-bg.gif) no-repeat top left; }
.indicator div { height: 12px; background: url(../images/indicator-green-to-red.gif) no-repeat top left; }
.indicator div.reverse { background: url(../images/indicator-red-to-green.gif) no-repeat top left; }
.warning { display: block; padding: 5px 5px 5px 5px; /*border: 1px solid;*/ margin-bottom: 10px; background-repeat: no-repeat; background-position: 20px 20px; /*background-color: #1E478E;*/ color:#FF0000; font-weight:bold;}