@charset "UTF-8";
/* CSS Document */
body { font: 12px/1.5 "Arial", "Helvetica", "sans-serif"; background-color: #FFFFFF; }
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: 10px; }
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/line_header.jpg); background-repeat:repeat-x; height:202px;}
#main_background { background-color:#eaeaea; }
#logo { background-image:url(../images/logo.png); height:76px; background-repeat:no-repeat;}
#flyer_image { background-image:url(../images/pdf.png); height:80px; background-repeat:no-repeat;}
#interest_image { background-image:url(../images/forma.png); height:80px; background-repeat:no-repeat;}
#attica_image { background-image:url(../images/attica.png); height:80px; background-repeat:no-repeat;}
#sumvasi_image { background-image:url(../images/simvasi-daniou.png); height:80px; background-repeat:no-repeat;}
#epikoinwnia_image { background-image:url(../images/epikoinvnia.png); height:80px; background-repeat:no-repeat;}

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

#flash{
  position: relative;
  width: 719x;
  height: 90px;
}

.main_body { margin: 15px; }
#menu_bgr { background-image:url(../images/center_image.png); height:297px; background-repeat:no-repeat; background-position:center; margin-top:-90px; }
#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:#58595b; text-align:justify; padding-top:10px;
}
#catalogues a { color:#ED1C24;
}
#catalogues h3 a { color:#242424; font-size:14px;
}

#footer_image { background-image:url(../images/footer.png); height:87px; background-repeat:no-repeat; }
#footer { background-color:#ffefcf; background-repeat:no-repeat; height:70px; padding-top:30px; color:#58595b;
}
#footer a { color: #000000; font-weight: normal; background:transparent; text-decoration:none; }
#footer a:focus, #footer a:hover, #footer a:active { color: #000000; text-decoration:underline; background-color: transparent; }
#footer p { line-height: 1.5em; margin: 0 0 1em 0; color: #000000; }

#footer_lower { color:#ed1c24; background-color:#242424; height:40px; padding:10px;	
}
#footer_lower a { color: #ed1c24; font-weight: normal; background:transparent; text-decoration:none; }
#footer_lower a:focus, #footer a:hover, #footer a:active { color: #ed1c24; text-decoration:underline; background-color: transparent; }
#footer_lower p { line-height: 1.5em; margin: 0 0 1em 0; color: #ed1c24; }
#bottom_links a { color: #1e478e; font-weight: normal; background:transparent; text-decoration:none;}
#bottom_links a:focus, #menu a:hover, #menu a:active { color: #1e478e; 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; } /*--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#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/ padding: 5px 0; background-image: none; color: #ffffff; }
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; }
.image_border { border:4px solid #d3d3d3; margin-top:10px; float:left; margin-right:10px;}

.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;*/}
  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; }



.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:#fff; font-size:12px; }
.pagination strong, .pagination a:hover { font-weight:normal; background:#fff; border:1px solid #f78e1e; color:#f78e1e; 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:#1e478e; color:#fff; }
.buttons a.positive:hover, button.positive:hover { background-color:#8FB63E; border:0px solid #8FB63E; color:#fff; }
.buttons a.positive:active { background-color:#8FB63E; border:0px solid #8FB63E; 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: 10px 10px 10px 10px; border: 1px solid; margin-bottom: 10px; background-repeat: no-repeat; background-position: 20px 20px; background-color: #1E478E; color:#FFF;}