/* colors used:

text:#868686

titles
	green: #004905
	brown: #442801
	orange: #E8643F//#f27b3b
	blue: #1a6f8d

for links: blue #00A9C9

logo colors:
	orange: E8643F
	dark blue: 1F589B
	light blue: 61ABEA
*/
/***** 1. RESET ******/
/* from http://meyerweb.com/eric/tools/css/reset/  */
@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul,
fieldset, form, label, legend,
caption, tbody, tfoot, thead { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;font-family:tahoma; }
body { line-height: 1; }
ol, ul { list-style: none; }
li { line-height:1.8;display:block;background-image:url(../images/bullet_blue.gif); background-repeat:no-repeat;background-position: 0px 4px; padding:0 10px; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; line-height: 1.8;}
* { margin:0; padding:0; box-sizing: border-box; -moz-box-sizing: border-box; }
/* end RESET */

/* general styles */
h1 { padding:10px 0; margin: 0 0 10px 0; font-size:16px; line-height:1.2em; }
h1.green { color:#148239; border-bottom:5px solid #148239; }
h1.brown { color:#442801; /*555500*/ border-bottom:5px solid #442801; }
h1.orange { color:#E8643F; border-bottom:5px solid #E8643F; }
h2 { padding:10px 0; font-size:14px; line-height:1.2em; }
h3 { padding:5px 0; font-size:12px; line-height:1.2em;font-weight:bold }
.orange {color:#E8643F !important;}
.text_right { text-align:right;margin:15px 0 0 0 }
p { margin:10px 0; text-align:justify;line-height:1.7em; }
.img { float:left; margin:10px 15px 0 0; }
.img_right { float:right; margin:10px 15px 0 0; }
.emphasis { color:#515151 !important; }
.date { color:#868686; font-size:14px;font-weight:bold }
.title { padding-left:0px; font-size:14px; }
.smalltext, .smalltext p {font-size:95%}
.smalltext .title {font-size:12px;}
/* end general styles */

/* links */
/*color: #00A9C9*/
a:link { color: #2B7CD8; font-weight:bold; text-decoration:underline; }
a:visited { color: #2B7CD8; font-weight:bold; text-decoration:underline; }
a:hover { color:#2B7CD8; font-weight:bold; text-decoration:none; }
a:active { color: #2B7CD8; font-weight:bold; text-decoration:underline; }
/*
a.blue:link { color: #00A9C9; font-weight:bold; text-decoration:underline; }
a.blue:visited { color: #00A9C9; font-weight:bold; text-decoration:underline; }
a.blue:hover { color:#00A9C9; font-weight:bold; text-decoration:none; }
a.blue:active { color: #00A9C9; font-weight:bold; text-decoration:underline; }
*/
a.black:link { color: #000; font-weight:bold; text-decoration:underline; }
a.black:visited { color: #000; font-weight:bold; text-decoration:underline; }
a.black:hover { color:#000; font-weight:bold; text-decoration:none; }
a.black:active { color: #000; font-weight:bold; text-decoration:underline; }
/* end links */
/* layout */
body { font-size:12px; font-family:Tahoma, Arial; color:#444; vertical-align:top; padding:0px;}
#site {background:#ccc url(../images/bg11.png);background-repeat: repeat-y;background-position: top center;}

#wrapper { width:940px; position: relative; overflow:hidden; margin: 0 auto; /*horizontally position the site */ }
#header { width:100%; margin: 0 0; position: relative; overflow:hidden; height: 80px; }
#logo { height:60px; float:left; margin: 0 0 0 10px; }
#header_right { height:80px; float:right; width:620px;background-image: url(../images/bg_gradient2.gif);background-repeat:repeat-y;margin:0px;color:#ffffff;text-align:right;padding:10px 0 0 0;overflow:hidden; }
#header_right .links {margin: 0 10px 25px 0;}
#header_right .links a{color:#ffffff}
#header_right form {margin:0 87px 0 0;float:right;}
#search_field {width:250px;margin-right:1px;float: left;}
#search_btn {/*background-image:url(../images/arrow_right.png);background-repeat: no-repeat; background-position: 0 0;*/height:22px;width:22px;float: left;cursor:pointer;padding:1px;}
#logo a:link { padding:0px; }
#company_name { float:left; padding:10px 0 0 20px; font-size:30px; line-height:50px;text-transform: uppercase; color:#1F72A6;width:800px;overflow:hidden;}
#company_name img {float:left}
.slogan { float:left;font-size:32px;margin-top:12px; }
#main_container { width:940px; /*clear:both;*/ margin: 0 auto; padding:0; min-height:450px;background:#fff !important }

/* top menu */
#menu { width:940px; margin: 0 0 0 0; position: relative; height: 35px;z-index:1;border-right:1px solid #1F589B;border-left:1px solid #1F589B }

#top_menu { margin: 0; padding: 0;background-image:url(../images/bg_middle_menu2.gif);background-repeat:repeat-x;height:35px;float:left;width:100% }
#top_menu li { float: left; list-style: none; font: 12px Tahoma, Arial;height:35px;text-align:center;background: inherit !important; background-image: none !important; width: 130px; padding: 0 !important;}
#top_menu li a { display: block; padding: 11px 10px; text-decoration: none; color: #FFFFFF;font-size:11px;white-space: nowrap}
#top_menu li a:hover { background: #61ABEA;border-top:1px solid #1F589B;border-bottom:1px solid #1F589B;padding:10px 12px }

#top_menu li ul { margin: 0;padding: 0;visibility: hidden;clear:left;float:none}
#top_menu li ul li { display: inline;text-align:left !important;height:25px; position: relative;}
#top_menu li ul li a { width: 280px; background-color: #1A5499;color: #FFFFFF;text-align:left !important;padding:6px 12px !important;-moz-opacity:0.9;filter:alpha(opacity=90);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*for IE;*/ opacity:0.9; /* rest all browsers*/}

#breadcrumb {background-color:#e7e7e7;height:30px;line-height:30px;padding:0 10px;}
/*
.top_menu{float:left;background-image:url(../images/bg_middle_menu.gif);background-repeat:repeat-x;	height:55px;}
.top_menu li{float:left;height:55px;padding-right:17px;}
.top_menu li a{	color:#fff;	font-size:14px;	font-weight:bold; display:block;margin:0px;	padding:18px 39px 19px;	text-align:center;text-decoration:none;}
*/
/* end top menu */
/* leftcolumn */
.boxes { margin-top:5px;clear:left;}


.box1_bg { float:left; /*background-color:#ccc;*/ padding:2px; margin-right:5px;/*height:660px*/ }
.box1 { background-color:#E7E7E7;/*background-color:#efefef;*/width:338px; height:850px !important; }
.box1_inner { padding:3px 10px 10px 10px;}


.box2_bg { float:left; width:340px; padding:5px; margin: 0 5px 5px 0; }
.box2 { width:336px; background-color:#e7e7e7; margin:1px; padding:5px; height:260px;  }
/*.box3_bg { float:left; background-color:#ccc; width:225px; padding:1px; min-height:300px; }*/


/*.box3 { width:221px; background-color:#f5f2e8; margin:1px; padding:5px; min-height:300px; }*/
/* end leftcolumn */
/* rightcolumn */
#leftcolumn { float: left; margin:5px 5px 0 0;min-height:700px;padding:0 0 5px;width:695px; }
#rightcolumn { float: left; width:238px; line-height:1.3em; margin:5px 0 0 0; }

#leftcolumn2 { float: left; width:370px; }
#left_text {padding-right: 10px;}
/*#left_text h1 {background-image: url(../images/leaves.jpg);background-repeat: no-repeat;background-position:0 4px;padding:10px 0 10px 60px;}*/

#rightcolumn2 { float: left; width:570px; line-height:1.3em; }
.right_col { padding:0 0 0 5px; }
.right_col ul { margin:10px 0 0 4px; }
.right_col ul li {margin-bottom:10px;line-height:1.5 !important;}
.right_col p {margin:5px 0;line-height:1.4 !important;text-align: justify;}
.right_col h1 {color:#E8643F; border-bottom:5px solid #E8643F; margin:0px 3px 10px 3px;}
.right_col.main h1 {color:#1F589B; border-bottom:5px solid #1F589B; margin:0px 3px 10px 3px;}

/*.news { padding:0 10px; } */
.news_bg { /*background-color:#ddd;*/ padding:0px !important;margin-bottom:10px; }
.grey_bg { /*background-color:#e7e7e7;*/ background-color:#e7e7e7;margin:1px 0 10px 0; padding:0 4px 5px; }
.news_title { height:40px; color:#1F589B; border-bottom:5px solid #1F589B; margin:0px 3px 10px 3px; }
.news_item { padding:5px;margin-bottom:5px;background-color:#dfe9df;overflow: hidden;line-height: 1.5; }
#news_images { margin:15px 0 0 0; }
.news_image { margin:0 15px 0 0; }
#news_images ul { margin:5px 0 0 0; display:block; }
#news_images ul li { height:15px;line-height:1.2 !important }
.border_line_bottom { background:transparent url(../images/line_bottom_news.gif) repeat-x scroll left top; height:3px; width:150px; margin:10px 10px; padding:0px 20px; }
/* end rightcolumn */

/* banner */
.banner {margin: 0 0 10px 0}
/* bottom */
#bottom { clear:both; }
/* end bottom */

/* footer */
#footer { clear:both; width:940px; margin: 0 auto; padding:10px 0 0 0; height:60px; position: relative; overflow:hidden; text-align:center; }

.project {background:#dfe9df;padding:10px 10px 5px 10px;margin:5px 0 10px 0;overflow: hidden;}
.project2 {background:#e7e7e7;padding:5px;margin:5px 0 10px 0;}
.project .title {font-weight:bold;margin:0;}
.project_info {padding-right:50px;float:left;font-weight: bold;}
.project_data {padding-right:50px;float:left;}
.project_data ul li, .project_info ul li{background-image:none;padding:0}

.product .images {margin:20px 0;}
.product .price {font-size:14px;color:#2B7CD8;background-color:#efefef;padding:8px;float:right}
.button {background-color:#e7e7e7;padding:8px;color:#FFF;text-align:center;width:200px;margin:10px 0 0 0;white-space: normal;}
.basket_add {clear:both;float:right;font-size:13px;height:15px;line-height:15px;margin:10px 0;text-align:right;width:200px;}
.basket_add span{background-image:url(../images/basket_add.png);background-repeat:no-repeat;padding:0 0 0 25px;}

/*#associates li{background-image:none;height:45px;background-color:#dfe9df;margin-bottom:5px;padding:5px;overflow: hidden;line-height: 1.4 !important;}*/
#associates li{margin-bottom:5px;overflow: hidden;line-height: 2 !important;background-position: 0 6px}
#associates li .info {float:left;}
#associates li .info p {margin:5px 0 !important}
#associates li img {float:right;}
/*#associates h3 {font-size:15px;font-weight:bold;line-height:1.2em;padding:15px 5px 5px 0;clear:both;float:none;}*/
#associates h3 {font-size:15px;font-weight:bold;line-height:1.2em;padding:20px 5px 2px 0;clear:both;float:none;border-bottom:1px solid #444444;margin:0 0 10px;}


#simplelist li{background-image:none;background-color:#dfe9df;margin-bottom:10px;padding:5px;}
#simplelist li .info {overflow:hidden;}
#simplelist li img {float:right;}

.associate {overflow:hidden;height:60px}
.associate .logo {float:right;}
.associate .title {float:left;font-size:14px;line-height:1.2em;padding:10px 0;}

/* login form*/
#login_form {margin:15px 0 0 0;}
#login_form label span{display:block;line-height:1.4}
#login_submit {display:block;background-color: #EFEFEE;border:none;padding:2px 5px;border:1px solid #cccccc;margin:5px 0 10px 0 !important;cursor:pointer;color:#2B7CD8}
#login_submit:hover {background-color: #ffffff;}
.login_error {margin:0 0 10px 0;color:#E8643F}

/* register form*/
#users {margin:15px 0 0 0;}
#users label{display:block;line-height:1.4}

/* register form*/
#contact-form {margin:5px 0 0 0;border:1px solid #ccc;background: #eee;padding:10px}
#contact label{display:inline-block;line-height:1.4;vertical-align:top;width:200px;}
#contact input, #contact textarea {border:1px solid #ccc;}
#contact .container {margin: 0 0 10px 0}
#verify {margin:0 0 0 200px !important;}
#contact-form .submit {background: #fff;margin:10px 0 0 200px !important;padding:2px 6px}

/* form general */
input{font-family:tahoma;padding:2px}
textarea{font-family:tahoma;font-size:12px;}
#login {width:150px;display:inline}
.btn {background-color: #EFEFEE;border:none;padding:1px 5px;border:1px solid #cccccc;margin:5px 5px 10px 0 !important;cursor:pointer;color:#2B7CD8;display:inline}
.btn:hover {background-color: #ffffff;}
span.asterisk-required, span.error {color:red}

/* basket */
#basket_form {margin:10px 0 0 0;text-align:left;}
#basket_form .quantity {width:30px}
#basket_form .headings {background-color: #efefef;height:30px;line-height:30px;overflow:hidden;}
#basket_form .headings div{float:left;margin-right:3px;font-weight:bold}
#basket_form .row {overflow:hidden;height:60px;margin:8px 0;}
#basket_form .row div{float:left;margin-right:3px;}
#basket_form .row div p {margin:0;padding:0}
#basket_form .prices{overflow:hidden;}
#basket_form .total{text-align:right;float:left;}
#basket_form .total_price{float:left;}

#billing_addresses label, #payment_methods {display:block;margin:0 0 3px 0}

#order_review {overflow:hidden;margin:10px 0;}
#order_review li{background-image: none;padding:0px !important}
#order_review .fields {float:left;width:250px;}
#order_review .data {float:left;width:400px;}
#order_total_price {background-color:#efefef;height:30px; padding:5px;margin:10px 0;width:500px;}

#basket_actions {height:20px}
#basket_further {clear:both;float:none;text-align: right;height:20px;margin:20px 0 0 0;}

.steps li {background-image:none !important;}

/* search */
.searchmodules a {line-height:1.4;}
.searchresults {border-bottom: 1px solid #efefef;margin-bottom:5px;}

/* project details */
.project_details {width:100%;margin:10px 0 0 0 }
.project_details div {background-color:#e7e7e7;min-height:25px;height:25px;height:auto !important;line-height:25px;margin-bottom: 1px;overflow:hidden;}
.project_details div div {float:left;width:31%;margin-right:1px;}
.project_details .label {background-color:/*#52a098*/#56b398;color: #FFFFFF;font-weight:bold;font-size:12px;margin: 0 0 0 0 !important;padding:0 0 0 5px}
.project_details .data {margin: 0 0 0 0 !important;padding:0 0 0 5px}
.project_details .full {width:90%}

#licence {height:300px;overflow: scroll;margin:10px 0 20px 0}

/* NEWSLETTER */
#newsletter .title {font-size:12px !important;margin-top: 15px;}
#newsletter label {display: block;}
#newsletter label span.error {color:#E8643F}
#newsletter input.title {padding:2px;margin-top:15px;width:190px;}

#pagination {margin-top:30px}

.text_left, .text_left p {
	text-align: left !important;
}

.clear {clear: both;float: none;}

/* LOCALES */
.locale-bar, .locale { display:inline; width:50px }
.flag.locale-gr { background: url(../images/flag-gr.png) no-repeat 0px 2px;padding-left:18px;margin-left:5px }
.flag.locale-en { background: url(../images/flag-en.png) no-repeat 0px 2px;padding-left:18px;margin-left:5px  }

#social {text-align: center;text-align:center;position: absolute;top:43px;left:863px; padding:4px 5px 2px 9px; background: url(../images/social_bg.png) no-repeat top left;}
#social div {display:inline-block;margin-right:2px;}