@charset "UTF-8";
/* CSS Document */
body { font-family: 'Ubuntu', sans-serif; font-weight: 300; color: #6f6f6f; background-color: #fff;line-height:1em; background-color: #333333;}
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; }
h2 { color:#ffffff; font-size:17px;}
h3 { font-size: 18px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }
.clearfix:before, .clearfix:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
}
.clearfix:after {
    clear: both;
}
/*Main Page */
ul.print_types:after { clear:both; }
ul.print_types { float: left; width: 719px; margin: 20px 0 40px 0; padding: 0; list-style: none; color:#ffffff; }
ul.print_types li { float: left; padding: 10px 0; margin: 0; width:50%; font-size:12px}
ul.print_types li a { color: #ffffff; text-decoration: none; }
ul.print_types h2 a { color: #ffffff; text-decoration: none; }
.offer_item{padding:5px 15px;font-size:13px}
.teaser_in{margin-top:15px;font-size:12px}
.teaser_in h2{color:#3A3A3A; }
.news_item{margin-top:5px}
/*--Column Styles--*/
ul.columns {
	width: 719px;
	list-style: none;
	margin: 0 auto; padding: 0;
	color:#1d1d1d;
	font-size: 12px;
}
ul.columns li {
	width: 200px;
	float: left; display: inline;
	margin: 10px; padding: 0;
	position: relative;
}
ul.columns li:hover {z-index: 99;}
/*--Thumbnail Styles--*/
ul.columns li img {
	position: relative;
	filter: alpha(opacity=40);
	opacity: 0.4;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /*--IE8 Specific--*/
}
ul.columns li:hover img{
	z-index: 999;
	filter: alpha(opacity=100);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*--Details Style--*/
ul.columns li .info {
	position: absolute;
	left: -10px; top: -10px;
	padding: 160px 10px 20px;
	width: 200px;
	display: none;
	background: #fff;
	font-size: 1.2em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
ul.columns li:hover .info {display: block;}

ul.columns li h2 {
	font-size: 16px;
	font-weight: normal;
	color: #1d1d1d;
	margin: 0; padding: 10px 0;
}
ul.columns li p {padding: 0; margin: 0; font-size: 0.9em;}



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: #00AEEF; }
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:#00AEEF; }
/* --------------------  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_top.jpg); height:148px; background-repeat:repeat-x; }
#logo { background-image:url(../images/logo.png); height:80px; background-repeat:no-repeat; margin-top:50px; }
#home { background-image:url(../images/home_icon.png); height:16px; background-repeat:no-repeat; margin-top:20px; }
#offers { background-color:#ececec; border:1px solid #ececec; margin-top:20px; margin-bottom:20px; margin-left:5px; margin-right:5px; color:#000000;}
.main_body { margin: 15px; }
#menu { background-image:url(../images/bgr_menu.jpg); background-repeat:repeat-x; background-color:#2a2a2a; height:43px; }
#teaser { background-image:url(../images/bgr_gkri.jpg); background-repeat:repeat-x; background-color:#3a3a3a; height:369px; }
#slideshow_bgr { background-image:url(../images/slides.png); background-repeat:no-repeat; height:334px; z-index:0; }
#view_more { background-image:url(../images/zoom.png); background-repeat:no-repeat; height:27px; background-position:right;}
#view_more_photos { background-image:url(../images/more-photos-icon.png); background-repeat:no-repeat; height:26px;}
#bottom_teaser { background-color:#ececec; color:#000000;}
#bottom_teaser_bgr { background-color:#e5e5e5; padding:10px; }
#footer { background-color:#333333; height:150px; color:#ffffff; }
#content { background-color:#3a3a3a; color:#ffffff;}
.right_borders { border:medium solid #d3d2d2; padding:10px; /*background-color:#ececec;*/ margin:10px 0px 10px 0px;font-size:12px }
.right_innner { background-color:#ececec; padding:10px; }
#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; }
#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: #FFF; }
#lang { text-align:right; padding-top:25px; color:#FFF; }
#lang a { color: #00aeef; font-weight: normal; background:transparent; text-decoration:none; }
#lang a:focus, #lang a:hover, #lang a:active { color: #FFF; text-decoration:none; background-color: transparent; }
#lang p { line-height: 1.5em; margin: 0 0 1em 0; color: #FFF; }
/* ================================================================ 
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;font-family: 'Ubuntu Condensed', sans-serif; }
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: 30px; padding-top:13px; padding-right:20px; padding-left:20px; }
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; } /*--Hover State--*/
ul#topnav a { background-image:url(../images/menu.jpg); background-repeat:repeat-x;/*background:url(images/button.png) repeat-x;	min-width: 100px;*/ }
ul#topnav a.active { background-position: left bottom; }
/*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#topnav li .sub { position: absolute; /*--Important--*/ top: 44px; left: 0; background: #262626; /*--Background gradient--*/ padding: 20px 20px 20px; 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; display:none;}
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; width: 150px; 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-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;font-size:12px }
ul#topnav .sub ul li a:hover { color: #ddd; background-position: 5px 15px;/*--Override background position--*/ }
.ProductList { list-style:none; margin:0px; padding:0px; float:left; width:970px; text-align:center; }
.ProductList li { list-style:none; margin-right:0px; margin-left:0px; margin-bottom:0px; padding:15px; float:left; width:290px; }
.ProductImage { width:200px; margin:0 auto; }
.ProductName a { font-size:0.90em; font-weight:bold; text-decoration:none; color:#2e3192 }
.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:220px; text-align:center; }
.ProductList2 li { list-style:none; margin-right:0px; margin-left:0px; margin-bottom:0px; padding:15px; float:left; width:30px; }
.ProductImage2 { width:60px; margin:0 auto; }
/*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: 719px; margin: 0 0 40px 0; padding: 0; list-style: none; /*border-top: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5;*/ /*background: #ECECEC;*/ color:#ffffff; border-bottom: 1px solid #D5D5D5;}
ul.display li { float: left; /*width: 717px;*/ padding: 10px 0; margin: 0; /*border-top: 1px solid #ECECEC;*//* border-right: 1px solid #ECECEC;*/ /*border-bottom: 1px solid #D5D5D5;*//* border-left: 1px solid #D5D5D5;*/ width:230px; }
ul.display li a { color: #ffffff; text-decoration: none; }
ul.display li .content_block { padding: 0 10px; }
ul.display li .content_block h2 { margin: 0; padding: 5px; font-weight: normal; font-size: 1.4em; letter-spacing:0.02em }
ul.display li .content_block p { margin: 0; /*padding: 5px 5px 5px 200px;*/ font-size: 1em; }
ul.display li .content_block img { /*padding: 10px;*/ border: 1px solid #D5D5D5; background: #F4F4F4; margin: 0 15px 0 0; float: left; }
ul.display h2 a { color: #ffffff; text-decoration: none; }

ul.display2:after { clear:both; }
ul.display2 { float: left; width: 719px; margin: 0 0 40px 0; padding: 0; list-style: none; /*border-top: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5;*/ /*background: #ECECEC;*/ color:#6f6f6f; /*border-bottom: 1px solid #D5D5D5;*/}
ul.display2 li { float: left; /*width: 717px;*/ padding: 0px 0; margin: 15px; /*border-top: 1px solid #ECECEC;*//* border-right: 1px solid #ECECEC;*/ /*border-bottom: 1px solid #D5D5D5;*//* border-left: 1px solid #D5D5D5;*/ width:200px;  border: 2px solid #5d5d5d; background-color:#444444;}
ul.display2 li a { color: #ffffff; text-decoration: none; }
ul.display2 li .content_block2 { padding: 0 0px; }
ul.display2 li .content_block2 h2 { margin: 0; padding: 5px; font-weight: normal; font-size: 1.4em; letter-spacing:0.02em }
ul.display2 li .content_block2 p { margin: 0; /*padding: 5px 5px 5px 200px;*/ font-size: 1em; }
ul.display2 li .content_block2 img { /*padding: 10px; border: 1px solid #D5D5D5; */background: #F4F4F4; margin: 0 15px 0 0; float: left; }
ul.display2 h2 a { color: #ffffff; text-decoration: none; }

.headers { border-bottom:1px solid #262626; padding-top:10px }
..headers h2 {
font-size: 22px;
color:#a3a3a3;
padding:6px 15px;
margin:10px 20px 0px 20px;
border-bottom:0px solid #d5d5d5;
letter-spacing:0.001em
}
.text_snippets{margin-bottom:10px}
.text_snippets p { margin:10px color:#000000; font-size:12px; }
.text_snippets h2 {margin-top:15px}
.corporate h2 span { background:transparent url(../images/etairiki_tautotita_icon.png) no-repeat scroll left center; padding:15px 5px 5px 50px; color:#ffffff; font-size:17px; }
.corporate p { color:#d3d2d2; font-size:12px; }
.corporate{margin-top:15px}
.prints{margin-top:30px}
.prints h2 span { background:transparent url(../images/ektiposeis_icon.png) no-repeat scroll left center; padding:15px 5px 5px 50px; color:#000000; font-size:17px; }
.prints p { color:#000000; font-size:12px; }

.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 { background:transparent url(../images/nea_icon.png) no-repeat scroll left center; padding:15px 5px 45px 50px; }
.newsletter { background:transparent url(../images/newsletter_icon.png) no-repeat scroll left center; padding:15px 5px 45px 50px; }
.pagination { padding-top: 40px; margin-left:auto; margin-right:auto; }
.pagination a, .pagination strong { background:#1f1f1f; padding:4px 7px; text-decoration:none; border:1px solid #1f1f1f; color:#fff; font-size:12px; }
.pagination strong, .pagination a:hover { font-weight:normal; background:#fff; border:1px solid #00aeef; color:#00aeef; 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; }
.buttons { padding:0px; border:0px solid; }
.buttons a, .buttons button { display:block; float:left; margin:0 7px 0 0; background-color:#4c4c4c; border:0px solid #383838;/*    border-top:1px solid #eee;border-left:1px solid #eee;*/ font-size:10px; line-height:130%; text-decoration:none; font-weight:normal; color:#ffffff; cursor:pointer; padding:5px 10px 6px 7px; /* 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:#262626; /*border:1px solid #d3d2d2;*/ color:#ffffff; }
.buttons a:active { background-color:#6299c5; border:1px solid #6299c5; color:#fff; }
/* POSITIVE */
button.positive, .buttons a.positive { background-color:#4c4c4c; }
.buttons a.positive:hover, button.positive:hover { background-color:#262626; border:0px solid #d3d2d2; color:#ffffff; }
.buttons a.positive:active { background-color:#262626; border:0px solid #d3d2d2; 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:99%; }
.right_borders .yform .type-text input, right_borders .yform .type-text textarea { width:95%; }
/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider                         { width: 640px; height: 250px; position: relative; margin: 0 auto 15px; }
.anythingSlider .wrapper                { width: 560px; overflow: auto; height: 241px; margin: 0 40px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; border-top: 3px solid #00AEEF; border-bottom: 3px solid #00AEEF; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 204px; width: 550px; margin: 0; padding-top:30px; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 30px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 240px; text-align: center; }
#thumbNav a                             { color: black; font-size: 11px; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #d6d6d6 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #00AEEF; }

#start-stop                             { background: #00AEEF; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 240px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: #D6D6D6; color: #000;}
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }#textSlide                              { padding: 10px 30px; }
#textSlide h3                           { font-size: 20px; }
#textSlide h4                           { text-transform: uppercase; font-size: 15px; margin: 10px 0; }
#textSlide ul                           { list-style: disc; margin: 0 0 0 25px; }
#textSlide ul li                        { display: list-item; }

#quoteSlide                             { padding: 30px; }
#quoteSlide blockquote                  { font-size:24px; text-align: center; color: #444; margin: 0 0 10px 0; }
#quoteSlide p                           { text-align: center; }

/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #D5D5D5;	 	
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:13px;
	display:block;
	padding:5px 30px;	
	text-decoration:none;
	border:1px solid #D5D5D5;	
	border-bottom:0px;
	height:18px;
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	position:relative;
	top:1px;	
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}
	
/* selected tab */
ul.css-tabs a.current {
	background-color:#ddd;
	border-bottom:2px solid #D5D5D5;	
	color:#000;	
	cursor:default;
}

	
/* tab pane */
div.css-panes div {
	display:none;
	border:1px solid #D5D5D5;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:15px 20px;
	background-color:#ddd;	
}
/* --------------------  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: #d3d2d2; border-color: ##F4F4F4; background-image: url(../images/notification-tick.gif); }
.n-information { background-color: #d3d2d2; border-color: ##F4F4F4; background-image: url(../images/notification-information.gif); }
.n-attention { background-color: #d3d2d2; border-color: ##F4F4F4; background-image: url(../images/notification-exclamation.gif); }
.n-error { background-color: #d3d2d2; border-color: ##F4F4F4; 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; }