﻿@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, 
footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
  {margin: 0; padding: 3; border: 0; font-size:14.5px;font-family: 'Open Sans', sans-serif; color:#202020; vertical-align: middle;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

h1 {color:#876EAF; font-size:16px; padding: 3px 0px 3px 0px;}
h2 {color:#876EAF; font-size:14px; padding: 3px 0px 3px 0px;}
h3 {color:#876EAF; font-size:12px; padding: 0px 0px 0px 0px;}
/* Default Styles 
--------------------------------------------------------------------*/

body {font-family: 'Droid Sans', sans-serif;}
.clearfix {clear: both;}
.wrap {width: 1200px; margin: 1em;}
nav {background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#ccc)); background-image: linear-gradient(#fff, #ccc); border-radius: 6px;
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.4); padding: 0 10px; position: relative;}
.menu li {float: left; position: relative;}
.menu li a {color: #444; display: block; font-size: 14px; line-height: 20px; padding: 16px 12px; margin: 8px 8px; vertical-align: middle; text-decoration: none;}
.menu li a:hover {background: -webkit-gradient(linear, center top, center bottom, from(#ededed), to(#fff)); background-image: linear-gradient(#ededed, #fff);
	border-radius: 12px; box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1); color: #222;}

/* Dropdown styles */
.menu ul {position: absolute; left: -9999px; list-style: none; opacity: 0; transition: opacity 1s ease;}
.menu ul li {float: none;}
.menu ul a {white-space: nowrap;}

/* Displays the dropdown on hover and moves back into position */
.menu li:hover ul {background: rgba(255,255,255,0.7); border-radius: 0 0 6px 6px; box-shadow: inset 0px 0px 2px 2px rgba(0,0,0,0.4); left: 5px; opacity: 1;}

/* Persistant Hover State */
.menu li:hover a {background: -webkit-gradient(linear, center top, center bottom, from(#ccc), to(#ededed)); background-image: linear-gradient(#ccc, #ededed);
	border-radius: 12px; box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1); color: #222;}
.menu li:hover ul a {background: none; border-radius: 0; box-shadow: none;}
.menu li:hover ul li a:hover {background: -webkit-gradient(linear, center top, center bottom, from(#eee), to(#fff)); background-image: linear-gradient(#ededed, #fff);
	border-radius: 12px; box-shadow: inset 0px 0px 4px 2px rgba(0,0,0,0.3);}

/* ------------------------------------------------- MENU END ---------------------------------------------------*/

* {margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}

a:link{color:#4c81a6;text-decoration:none;}
a:hover{color:#4c81a6; text-decoration:underline;}

a img{ border:0px; text-decoration:none;}

.contentElements{background: url(../images/headerTape.png) top left no-repeat;  margin-top:-67px;height:155px; *height:100%;position:relative;}/*the orange stripe also here*/

.tabForm{ margin:10px 10px; font-size:13.44px;font-family: 'Open Sans', sans-serif; color:#202020;}
.tabForm span{ display:block; margin-bottom:3px; margin-top:15px;}
.tabForm input{ background:#ffffff; border-radius:4px; border:1px solid #dddddd;padding:5px; margin-bottom:5px; 
                margin-top:5px; line-height:20px;font-family: 'Open Sans', sans-serif; font-size:14px;}
.tabForm .data{ margin-top:0px;}
.tabForm select{line-height: 20px;background:#ffffff; border-radius:4px; border:1px solid #dddddd;
                margin-top:5px; padding:5px; margin-bottom:5px; line-height:20px;font-family: 'Open Sans', sans-serif; font-size:14px;}

.qTipArrow{background:url(../images/qtip.jpg) left center no-repeat; position:absolute; height:45px; width:8px;z-index:9999999;}
.gtipContainet{width: 255px;position: absolute;z-index: 999999;}
.qtip{ width:227px; border-radius:5px; border:1px solid #bdbdbd;  color:#876EAF; font-size:12px; background:#ececec; float:right; text-align:left; padding:10px; display:block; height:62px;}
.qtip .emphasis{ display:block; font-weight:bold!important; margin-bottom:2px;}

a.Std{ text-align:center; cursor:pointer; color:#CC1100; font-size:13.44px;font-family: 'Open Sans', sans-serif; text-decoration:underline;}

input.button, a.button{ display:block;padding-top:0px; text-align:center; border-radius:4px;line-height:22px;border:none;letter-spacing:0;
                        cursor:pointer;outline-style:none; background: #876EAF; display:block; color:#fff;border-radius:4px; padding:5px;
                        font-size:13.44px;font-family: 'Open Sans', sans-serif; font-weight:bold;display:block;text-decoration:none; margin-top:5px;
                        margin-bottom:5px;}
input.button:hover, a.button:hover{ background: #000; display:block; color:#fff;}

input.buttonActive, a.buttonActive{ display:block;padding-top:0px; text-align:center; border-radius:4px;line-height:22px;border:none;letter-spacing:0;
                        cursor:pointer;outline-style:none; background: #404040; display:block; color:#fff;border-radius:4px; padding:5px;
                        font-size:13.44px;font-family: 'Open Sans', sans-serif; font-weight:bold;display:block;text-decoration:none; margin-top:5px;
                        margin-bottom:5px;}
input.buttonActive:hover, a.buttonActive:hover{ background: #000; display:block; color:#fff;}

input.buttonDelete, a.buttonDelete{ display:block;padding-top:0px; text-align:center; border-radius:4px;line-height:22px;border:none;letter-spacing:0;
                        cursor:pointer;outline-style:none; background: #CC1100; display:block; color:#fff;border-radius:4px; padding:5px;
                        font-size:13.44px;font-family: 'Open Sans', sans-serif; font-weight:bold;display:block;text-decoration:none; margin-top:5px;
                        margin-bottom:5px;}
input.buttonDelete:hover, a.buttonActive:hover{ background: #000; display:block; color:#fff;}

input.buttonWarning, a.buttonWarning{ display:block;padding-top:0px; text-align:center; border-radius:4px;line-height:22px;border:none;letter-spacing:0;
                        cursor:pointer;outline-style:none; background: #FF8000; display:block; color:#fff;border-radius:4px; padding:5px;
                        font-size:13.44px;font-family: 'Open Sans', sans-serif; font-weight:bold;display:block;text-decoration:none; margin-top:5px;
                        margin-bottom:5px;}
input.buttonWarning:hover, a.buttonWarning:hover{ background: #000; display:block; color:#fff;}

input.buttonYes { display:block;padding-top:0px; text-align:center; border-radius:4px;line-height:22px;border:none;letter-spacing:0;
                  cursor:pointer;outline-style:none; background: #009A00; display:block; color:#fff;border-radius:4px; padding:5px; padding-left:40px; padding-right:40px;
                  font-size:13.44px;font-family: 'Open Sans', sans-serif; font-weight:bold;display:block;text-decoration:none; margin-top:5px;
                  margin-bottom:5px;}
input.buttonYes:hover { background: #000; display:block; color:#fff;}

input.buttonNo { display:block;padding-top:0px; text-align:center; border-radius:4px;line-height:22px;border:none;letter-spacing:0;
                  cursor:pointer;outline-style:none; background: #CC1100; display:block; color:#fff;border-radius:4px; padding:5px; padding-left:40px; padding-right:40px;
                  font-size:13.44px;font-family: 'Open Sans', sans-serif; font-weight:bold;display:block;text-decoration:none; margin-top:5px;
                  margin-bottom:5px;}
input.buttonNo:hover { background: #000; display:block; color:#fff;}


/*APPEAR-DISAPPEAR ELEMENTS*/
#accordion {width: 623px;margin-left: auto;margin-right: auto;color:#202020;margin-top:20px;display:block;background:#fafafa;margin-bottom:0px;}

.accordionButton {width:590px;float: left;_float: none;  /* Float works in all browsers but IE6 */
                  background:#fff url(../images/pluss.png) right center no-repeat;cursor: pointer;color:#444444;font-weight:bold;padding:10px;}
	
.accordionContent {width: 580px;float: left;_float: none; /* Float works in all browsers but IE6 */
                   padding:10px 20px;margin-bottom:10px;}
	
div.accordionButton, .accordionButton.off {background:#fafafa;background: url(../images/pluss.png) right center no-repeat;}
div.accordionContent:hover, .accordionContent.on {background:#fff;}	

.accordionButton.off {background: url(../images/pluss.png) right center no-repeat;width: 590px;color:#876EAF;}
.accordionButton.on {width: 590px;height: auto;background:#fff url(../images/minusOrange.png)right center no-repeat; color:#202020;}	
.accordionButton:hover { color:#876EAF;}	
.accordionButton:hover {background: url(../images/plussOrange.png) right center no-repeat;width: 590px;color:#876EAF;}

.bgStyle{border-left:1px solid #dddddd; background:#fff; border-bottom:0px;border-top:1px solid #dddddd;border-right:1px solid #dddddd;}
.bgStyle.last{border-bottom:1px solid #dddddd;}

.formQuestion{margin-left:88px;}
.formQuestion label{ display:block; color:#202020; font-size:13.44px;font-family: 'Open Sans', sans-serif; margin-bottom:7px;}
.formQuestion input, .formQuestion textarea{ background:#ffffff; width:248px; border-radius:4px; border:1px solid #dddddd;padding:5px;
                                             margin-bottom:30px; line-height:20px;font-family: 'Open Sans', sans-serif; font-size:14px;}

.buttonQuest{   height:22px;display:block;padding-top:5px; text-align:center; float:right; margin-top:-60px; margin-right:150px;}
.buttonQuest a{ background: #876EAF; display:block; color:#fff;  border-radius:4px; padding:5px 10px; font-size:13.44px;
                font-family: 'Open Sans', sans-serif; font-weight:bold; text-decoration:none;}
.buttonQuest a:hover{ background: #000; display:block; color:#fff;}

/*FORM PAGES*/
.steps-img {margin-top:50px; margin-bottom:50px;}
.stepsText.border{ border-bottom:1px solid #e7e6e7; display:block; padding-bottom:5px; margin-bottom:20px; }
.data{ font-size:18px; color:#202020; display:block; padding-bottom:5px; border-bottom:1px solid #ffffff; font-weight:bold;font-weight:bold;
       font-family: 'Open Sans Condensed', sans-serif;}

.boxData{margin:10px 10px 0px 30px; border-radius:3px; background:#f3f3f3; display:block; font-size:18.32px; color:#7a7b7c; margin-top:10px;
         height:64px;font-weight:bold;font-family: 'Open Sans Condensed', sans-serif; padding:10px; margin-bottom:15px;}
.boxData .num{ font-size:24.95px; color:#414349; float:left;}
.certificate{ float:right; color:#4c81a6; font-size:12px; font-weight:normal;font-family: 'Open Sans', sans-serif; margin-right:5px; padding-top:8px;}
.certificate .lock{ margin-top:10px; float:right; margin-top:-3px; margin-left:3px; }
 
.formSteps{margin-left:88px;}
.formSteps label{ display:block; color:#202020; font-size:13.44px;font-family: 'Open Sans', sans-serif; margin-bottom:7px;}
.formSteps input, .formSteps textarea{ background:#ffffff; width:248px; border-radius:4px; border:1px solid #dddddd;padding:5px;  margin-bottom:30px; 
                                       line-height:20px;}

.formStep{margin-left:88px; margin-top:0px; border-bottom:1px solid #e7e6e7; padding-bottom:20px;}

.formStep.noBorder{margin-left:88px; margin-top:0px; padding-bottom:20px;border-bottom:0px;}
.formStep label{color:#202020; font-size:13.44px;font-family: 'Open Sans', sans-serif; margin-bottom:7px; display:block;}
.formStep textarea{ background:#ffffff; width:248px; border-radius:4px; border:1px solid #dddddd;padding:5px;margin-bottom:30px; line-height:20px;
                    font-family: 'Open Sans', sans-serif; font-size:14px;}
table input{ background:#ffffff;  border-radius:4px; border:1px solid #dddddd;padding:5px; line-height:20px;}

.formStep .inputStyle{ background:#ffffff; width:238px; border-radius:4px; border:1px solid #dddddd;padding:5px; margin-bottom:30px; 
                       line-height:20px;font-family: 'Open Sans', sans-serif; font-size:14px;}

.formStep .SelectStyle{ background:#ffffff; width:248px; border-radius:4px; border:1px solid #dddddd;padding:5px; margin-bottom:30px; line-height:20px;
                        font-family: 'Open Sans', sans-serif; font-size:14px;}

label.radioContainer { margin:0px; text-align:left; float:left; margin-top:10px!important; padding-top:2px!important;   }
label.inline { margin:0px; display:inline; width:60px!important; margin-top:10px!important; padding-top:0px!important;}
h6{ color:#454545; font-size:18px; font-family: 'Open Sans Condensed', sans-serif; font-weight:bold; padding:27px 0px;}

.postCode { margin-left:20px; }
.postCode a{color:#4c81a6; font-size:12px;height:60px; }

input.next{ display:block;padding-top:0px; text-align:center; float:right; border-radius:4px;line-height:22px;border:none;letter-spacing:0;
            cursor:pointer;outline-style:none; background: #876EAF; display:block; color:#fff;  border-radius:4px; padding:5px 10px; 
            font-size:13.44px;font-family: 'Open Sans', sans-serif; font-weight:bold; text-decoration:none;}
input.next:hover{ background: #000; display:block; color:#fff;}

input.back { background: #9b9b9b; display:block;padding-top:0px; text-align:center; float:left; border-radius:4px;line-height:22px;border:none;
             letter-spacing:0;cursor:pointer;outline-style:none;  display:block; color:#fff;  border-radius:4px; padding:5px 10px; 
             font-size:13.44px;font-family: 'Open Sans', sans-serif; font-weight:bold; text-decoration:none; margin-right:10px;}
input.back:hover{ background: #000; display:block; color:#fff;}

.radioAlight{ margin-right:10px; margin-left:10px;}
select.date { width:66px!important; display:inline-block; margin-right:22px; }
.nav{display:block; width:auto; margin-top:20px; border-top:1px solid #ffffff; padding-top:10px;}
.nav.noBorder{display:block; width:auto; margin-top:20px; border-top:0px; padding-top:10px;}

.greyBox{ background:#ebebeb; height:145px; display:block; width:100%; text-align:right;height:140px;}
.Box{ border:1px solid #dddddd;  background:#fff; padding:15px 18px; margin-left:40px;height:107px;}
.Box h2{  font-size:18px; line-height:18px;font-family: 'Open Sans Condensed', sans-serif; color:#202020; margin-top:0px; margin-bottom:11px;}
.BoxColumn{width:180px; text-align:left; float:left;}
select.Packet{ width:161px!important; display:inline-block; margin-right:22px; background:#ffffff; border-radius:4px; border:1px solid #dddddd;padding:5px; }
.check{width:90px; float:left; font-size:12.41px ; margin-right:30px;}
.check label{width:50px; display:block; float:left; margin-left:10px;font-family: 'Open Sans', sans-serif; font-size:12.41px;}
.check input{ float:left;}
.BoxColumn.big{ width:360px;}
.Box .nav{ border-top:1px solid #dddddd;}

.dataPersonal{ font-size:18px; color:#202020; padding-bottom:5px;  font-weight:bold;font-weight:bold;font-family: 'Open Sans Condensed', sans-serif; float:right;}

.dataPersonal2{  margin:0px; padding:5px; font-size:12px; height:auto; float:left; font-size:12px; font-weight:normal;font-family: 'Open Sans', sans-serif; }
.alightCenter{ text-align:center;}

.homeRightBox.asf li{font-size:14px; color:#202020; display:block; padding-bottom:5px;  font-weight:bold;font-family: 'Open Sans', sans-serif; 
                     float:right;border-bottom:1px solid #ebebeb; text-align:right; width:100%;}

/*border-bottom:1px solid #ebebeb; margin:0px; padding:5px; height:auto; */
.oragnePrice{color:#ff5509; font-size:20px; font-weight:bold;font-family: 'Open Sans Condensed', sans-serif;}
.oragnePriceNormal{color:#ff5509; font-size:20px; font-weight:bold;font-family: 'Open Sans', sans-serif;}
.arrowBack { background:#f5f5f5 ; text-align:center; }
.arrowBack a{ background:#f5f5f5 url(../images/arrow.jpg) center no-repeat; width:34px; height:34px; display:block; }
.arrowBack a:hover{background:url(../images/arrowOver.jpg)center no-repeat; width:34px; height:34px; display:block;}
.arrowBack a.active {background:#f5f5f5 url(../images/arrowOver.jpg) center center no-repeat; width:34px; height:34px; display:block;}
.step2Table{ font-size:11px;font-family: 'Open Sans', sans-serif; text-align:center; padding:0px;}
.step2Table .price{ font-size:10px;font-family: 'Open Sans', sans-serif; text-align:center; font-weight:bold;}
.stepsText.packet{ font-size:20px; color:#7a7b7c; margin-top:34px; margin-bottom:13px; display:block;}
.stepsText.packet .orange{ font-size:24px;} 
.step2Table td{border:1px solid #dedede; padding:0px;}
.step2Table th{ font-size:13px;font-family: 'Open Sans Condensed', sans-serif; font-weight:bold; background:#e0e0e0;border: 1px solid #EBEBEB;}
.normal{ font-size:10.34px!important;font-family: 'Open Sans', sans-serif!important; font-weight:normal!important;}
.back.pop{ float:right; margin-top:0px;}
.popUpContainer{width:880px;  border:15px solid #999999; padding:20px; background:#fff; }

.noborder td{ border:0px!important;}

.popTable{ margin-top:14px; font-size:11px;}
.popTable td{ border:1px solid #d9d9d9;}

.popTable .price{ font-size:22px; color:#ff5509; font-weight:bold;}
.popTable .aligh{ text-align:center;}
.popTable .aligh.bold{ text-align:center; font-weight:bold;}
.popTable .head{ text-align:center; font-weight:bold; height:60px; width:400px; padding-top:10px;}

.greyBox2{ background:#ebebeb; height:145px; display:block; width:100%; text-align:right;height:145px;height:67px; margin-bottom:20px;}
.Box2{ border:1px solid #dddddd;  background:#fff;  border-top:0px;}
.Box2 td{ border:1px solid #dedede;}
.Box2 h2{  font-size:18px; line-height:18px;font-family: 'Open Sans Condensed', sans-serif; color:#202020; margin-top:0px; margin-bottom:11px;}
.BoxColumn2{ text-align:left; float:left; height:57px;}

.youSelect{ font-size:15px;font-family: 'Open Sans Condensed', sans-serif; font-weight:bold;}
.economy{font-size:13.04px;font-family: 'Open Sans', sans-serif; font-weight:bold;}

.formBox{ border:1px solid #dddddd;  text-align:left; padding:10px 17px; margin-top:20px; }

.formBox .stepsText .orange{ font-size:24px;}
.formBox .stepsText{ font-size:20px; color:#010101; border-bottom:2px solid #ebebeb; width:536px; display:block; margin-bottom:20px; }
.tableKalipseis .title{  font-size:16px; font-family: 'Open Sans Condensed', sans-serif; color:#202020; margin-top:0px; font-weight:bold;}

.tableKalipseis{ margin-bottom:21px; font-size:13px;}
.formLine{border-bottom:2px solid #ebebeb; margin:20px 0px; width:536px;}

.greyBoxBottom{ padding:10px 18px;  text-align:left; margin-bottom:0px; padding-bottom:10px; background:#ebebeb; }
.greyBoxBottom img{ margin-right:5px;}
.greyBoxBottom ul{ float:left; display:block; margin-left:-33px; *margin-left:0px; margin-top:10px;}
.greyBoxBottom li{ padding:0px; margin-bottom:0px!important; text-align:left;  list-style:none; font-size:12px; line-height:22px;}
.greyBoxBottom .whiteBox{background:#fff; width:274px; border-radius:5px; float:left; margin-left:95px; padding:9px;}
.whiteBox .title{ font-weight:bold; margin-top:8PX; display:block; width:135px; float:left;font-family: 'Open Sans Condensed', sans-serif; font-size:16px;}
.greyBoxBottom .buy { float:left; display:block;width:75px;   padding:6px 0px; margin-top:-6px;}
.greyBoxBottom .buy a{font-size:16px; width:75px;    padding:15px 0px; margin-left:5px; }
.whiteBox .BIGoragne{color:#ff5509; font-size:25px; font-weight:bold;font-family: 'Open Sans', sans-serif; margin-left:10px; float:right;margin-right:10px;}

.line3{ border-bottom:1px solid #ebebeb; margin:20px 0px; }
.tags{ width:622px; line-height:20px; font-size:12px;font-family: 'Open Sans', sans-serif; display:block; color:#4c81a6;}

.security{background:#f3f3f3; radius-border:5px; overflow:scroll; height:310px; margin-top:90px; overflow-x:hidden; font-size:12px;}

p.smaller{ font-size:13.43px;}

.proccessTable{background: #fff;margin-top: 20px;font-size: 13.43px;width: 620px;text-align: left;border:1px solid #dddddd;padding:5px;}

.centered td{ text-align:center;}
.proccessTable td{  background:#fff; padding:4px; }
.proccessBar{ border:1px solid #dddddd; height:12px; width:222px; float:left; margin-right:10px; }
.archive{ font-size:10.99px;}
.drivers{ font-size:10.99px; }
.drivers a{ color:#4c81a6; font-size:13.43px; font-weight:bold; float:left; }
.kb{  margin-top:2px; font-size:10.99px; display:block; float:right;}

input.tableButton { background: #9b9b9b; display:block;padding-top:0px; text-align:center; border-radius:4px;line-height:22px;
                    border:none;letter-spacing:0;cursor:pointer;outline-style:none;  display:block; color:#fff;  border-radius:4px; padding:5px 10px; 
                    font-size:13.44px;font-family: 'Open Sans', sans-serif; font-weight:bold; text-decoration:none; margin-left:15px;}
input.tableButton:hover{ background: #000; display:block; color:#fff;}
input.tableButton.inactive{ background: #cdcdcd; display:block; color:#fff;}

.drivers.right{ font-size:10.99px; text-align:right; padding:4px; border-top:1px solid #dddddd;}

.SelectStyle.Error{color:#fff!important; background:#63A9CD!important;}
.inputStyle.Error{color:#fff!important; background:#63A9CD!important;}

.redAlert p{font-size:14px; color:#ffffff!important; text-align:center!important;}
.redAlert{  display:block; border-radius:10px; background: url(../images/alert.png) #63A9CD 30px center no-repeat; margin-left:auto; 
            margin-right:auto; margin-top:15px; padding:17px 0px; margin-bottom:20px; }

.MailAlert p{font-size:14px; color:#ffffff!important; text-align:center!important;}
.MailAlert {display:block; border-radius:10px; background: url(../images/alert.png) #876EAF 30px center no-repeat; margin-left:auto; 
            margin-right:auto; margin-top:15px; padding:17px 0px; margin-bottom:20px; }

.PrintHeader{font-size:13px; color:#876EAF; font-family: 'Open Sans', sans-serif; font-weight:bold; display:block;}
.PrintContentElements{margin-top:-67px;height:155px; *height:100%;position:relative;}/*the orange stripe also here*/

