
#home_header{
	/*width:982px;*/
	height:232px;
}

#boxes{
	width:1000px;
	padding-left:0px;
	padding-right:9px;
	float:left;
}
#box{
	height:270px;
	width:321px;
	float:left;
	padding-bottom:5px;
}

.box_top{
	background-image:url(https://www.giorgosyfantis.gr/images/packs11/mainbox_01.jpg);
	width:321px;
	height:63px;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#4d4d4d;
	padding-left:15px;
	/*margin-top:13px;*/
	vertical-align:bottom;
}

.box_top a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#4d4d4d;
	/*margin-top:13px;*/
	vertical-align:bottom;
	text-decoration:none;
}

.box_middle{
	background-image:url(https://www.giorgosyfantis.gr/images/packs11/mainbox_02.jpg);
	width:321px;
	height:134px;
	background-repeat:repeat-y;	
	width:217px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4d4d4d;
	
}

.box_bottom{
	background-image:url(https://www.giorgosyfantis.gr/images/packs11/mainbox_03.jpg);
	width:321px;
	height:74px;
	background-repeat:no-repeat;
	text-align:center;
}

.top_text{
	width:280px;
	margin-left:auto;
	margin-right:auto;
}

#middle_text{
	width:200px;
	padding-left:28px;
	padding-top:7px;
	float:left;
	height:105px;
}

#middle_text1{
	width:200px;
	padding-left:15px;
	padding-top:10px;
	float:left;
	height:105px;
}

#middle_text ul {
	padding:0px;
}

#middle_text ul li{
		padding:0px;
}

.red_box ul li{
	list-style-image:url(https://www.giorgosyfantis.gr/images/packs11/redtick.gif);
}
.yellow_box ul li {
	list-style-image:url(https://www.giorgosyfantis.gr/images/packs11/orangetick.gif);
}
.green_box ul  li{
	list-style-image:url(https://www.giorgosyfantis.gr/images/packs11/greentick.gif);
}

.blue_box ul  li{
	list-style-image:url(https://www.giorgosyfantis.gr/images/packs11/cyantick.gif);
}

.red_box_text{
	color:#b4322d;
	font-weight:bold;
}
.yellow_box_text{
	color: #e48b04;
	font-weight:bold;
}

.green_box_text{
	color:#7f9a20;
	font-weight:bold;
}
.blue_box_text{
	color: #359fa8;
	font-weight:bold;
}

.package_cost1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#007ab4;
	font-weight:700;
	left:140px;
	top:-14px;
	position:relative;
	width:140px;
	z-index:2;
}

.package_cost2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#007ab4;
	font-weight:700;
	left:165px;
	top:-15px;
	position:relative;
	width:120px;
	z-index:2;
}

.package_cost3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#007ab4;
	font-weight:700;
	left:170px;
	top:-15px;
	position:relative;
	width:120px;
	z-index:2;
}

.package_cost4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#007ab4;
	font-weight:700;
	left:170px;
	top:-15px;
	position:relative;
	width:120px;
	z-index:2;
}

.eco_icon_text{
	width:18px;
	height:19px;
	left:270px;
	top:-55px;
	position:relative;
	z-index:5;
}

#icons{
	width:78px;
	padding-left:15px;
}

#right_column{
	width:312px;
	height:535px;
	float:left;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:11px;
}

#center{
	width:982px;
	height:550px;
}


#fpa_row{
	height:20px;
	padding-left:13px;
	font-size:11px;
	color:#A9A9A9;
}

#banners_row{
	height:100px;
	width:975px;
	background:url(images/home_page/bottom/footerbanners.jpg);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1b3540;
	border-left:dotted;
	border-left-color:#aaaaaa;
	border-left-width:thin;	
	border-right:dotted;
	border-right-color:#aaaaaa;
	border-right-width:thin;
}

#bottom_banners1{
	width:154px;
	vertical-align:bottom;
	padding-left:100px;
	padding-top:35px;
}
#bottom_banners2{
	width:174px;
	vertical-align:bottom;
	padding-left:80px;
	padding-top:75px;
}
#bottom_banners3{
	width:184px;
	vertical-align:bottom;
	padding-left:70px;
	padding-top:65px;
}

#bottom_banners4{
	width:130px;
	vertical-align:bottom;
	padding-left:75px;
	padding-top:40px;
}

#banners_row a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0096db;
	text-decoration:underline;
}

#search_banner{
	background-image:url(images/home_page/rightbar/search_bg2.jpg);
	width:312px;
	height:176px;
	background-repeat:no-repeat;
}



#search_title {
	font-size:20px;
	color:#404040;
	padding-left:55px;
	padding-bottom:10px;
}	

.blue_title {
	color:#1886b3;
}

#search_field {
	width: 190px;
	height: 34px;
	background: url(images/home_page/rightbar/searchfield.jpg);
	background-repeat:no-repeat;
	border:none;
	padding-left:4px;
	color:#807F7F;
	font-size:17px;
}

.drop_down_field {
	width: 92px;
	height: 33px;
	background: url(images/home_page/rightbar/extension_dropdown.jpg);
	background-repeat:no-repeat;
	border:none;
	vertical-align:top;
	font-size:12px;
}

#search_banner a {
	text-decoration:underline;
	color:#1886b3;
	font-size:12px;
	
}

#search_links {
	padding-top:8px;
	padding-bottom:12px;
	text-align:center;
}

#search_div {
	padding-left:14px;
	height:33px;
}

#sitebuilder_banner{
	width:312px;
	height:125px;
	border-bottom:dotted;
	border-bottom-color:#aaaaaa;
	border-bottom-width:thin;
	font-size:12px;
}

#sitebuilder_banner ol li{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:12px;
	color:#ff007e;
}

#sitebuilder_banner ol li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0096db;
	text-decoration:underline;
}

.grey_color {
	color:#4d4d4d;
	font-family:Arial, Helvetica, sans-serif;
}

#transfer_hosting{
	width:315px;
	height:32px;
	font-family:Arial, Helvetica, sans-serif;
	color:#4d4d4d;
	font-size:12px;
	padding-top:9px;
	padding-left:8px;
	border-bottom:thin dotted #AAAAAA;
}

.float_left{
	float:left;
}

#homepage_bottom{
	height:75px;
	width:975px;
	border-top:dotted;
	border-top-color:#aaaaaa;
	border-top-width:thin;
	border-left:dotted;
	border-left-color:#aaaaaa;
	border-left-width:thin;	
	border-right:dotted;
	border-right-color:#aaaaaa;
	border-right-width:thin;	
	
}

#newsletter_row{
	font-size:12px;
	width:730px;
	height:75px;
	background-color:#f0f8fb ;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#898989;
	padding-left:7px;
	border-bottom:dotted;
	border-bottom-color:#aaaaaa;
	border-bottom-width:thin;	
	margin-bottom:4px;

}

#newsletter_row a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:underline;
	color:#275c73;
}

#newsletter_textfield{
	width: 266px;
	height: 27px;
	background: url(images/home_page/newsletter/emailfield.jpg);
	background-repeat:no-repeat;
	border:none;
	vertical-align:top;
	padding-left:4px;
	color:#807F7F;
	font-size:17px;
}

#social_networks{
	font-size:12px;
	width:237px;
	height:75px;
	background-color:#f6f7f7 ;
	float:left;
	border-left:dotted;
	border-left-color:#aaaaaa;
	border-left-width:thin;	
	border-bottom:dotted;
	border-bottom-color:#aaaaaa;
	border-bottom-width:thin;	
	margin-bottom:4px;
}

.padding_news{
	padding-top:10px;
	float:left;
	vertical-align:middle;
}

#newsletter_button{
	background-image:url(images/home_page/newsletter/subscribe_bgbutton.jpg);
	color:#474a4c;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	width:87px;
	height:29px;
	border:none;
	cursor:pointer;
	background-repeat:no-repeat;
}


#main_page{
	width:982px;
	height: 745px;
}

#social_networks a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:underline;
	color:#0096db;
}

#social_boxes {
	width:116px;
	height:72px;
	text-align:center;
	padding-top:3px;
	
}


/*---------- bubble tooltip -----------*/

/*Eco Icons*/
a.tt{
    position:relative;
    z-index:24;
    color:#000;
    text-decoration: none;
	background-color: transparent;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	border:none;
		
}
a.tt span{ display: none; }

a.tt:hover{ z-index:25;
	text-decoration:none;
	color:#000;
	text-decoration: none;
	background-color: transparent;
	border:none;
}
		
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:-45px; left:200px;
	padding: 0px 0 0 0;
	width:345px;
	/*color: #000;*/
    text-align: left;
	/*filter: alpha(opacity:90);*/
	border:none;
}

a.tt:hover span.top2{
	display: block;
    background: url(https://www.giorgosyfantis.gr/images/packs11/ecoover_01.png) no-repeat top;
	width:345px;
	height:35px;
	border:none;
}
a.tt:hover span.middle2{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px;
	padding-left:30px; 
	padding-right:20px; 
	background: url(https://www.giorgosyfantis.gr/images/packs11/ecoover_02.png) repeat bottom;
	font-size:11px;
	line-height:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	border:none;
	font-weight:normal;
}
a.tt:hover span.bottom2{
	display: block;
    background: url(https://www.giorgosyfantis.gr/images/packs11/ecoover_03.png) no-repeat bottom;
	width:345px;
	height:23px;
	border:none;
}	

/*Eco Icons*/

