/* Floating & Alignment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto}
.alignleft {
	float: left; margin-right:10px;}
.alignright {
	float: right}
	
.text-right {
	text-align:right}
.text-left {
	text-align:left}
.text-center {
	text-align:center}

/* Clear Floats */
.clear, .clearpagination {
	clear: both}

.clearfix {
	display: inline-block;}

/*----------------------------------------------*/
/* 3.2 Framed Tabs with Icons*/
/*----------------------------------------------*/
.tabBox {
	position:relative;
	background:url(https://www.giorgosyfantis.gr/images/tabs_bg.jpg) left top no-repeat;}

.text .tabBox {
	width:100%}
	
.tabBox .tabs,
.text .tabBox .tabs{
	float:right;
	height:42px;
	background:url(https://www.giorgosyfantis.gr/images/tabs_bg.jpg) right top;
	margin:0 !important;
	padding:0 8px 0 0;
	line-height:40px;}
	
.tabBox .tabs li {
	list-style:none;
	float:left;
	display:block;
	text-align:center;
	margin:0;}

.tabBox .tabs li a {
	display:block;
	width:51px;
	height:42px;
	text-decoration:none;}

.tabBox .tabs .current {
	background:url(https://www.giorgosyfantis.gr/images/tabs_active_bg.gif) 0 0 no-repeat}

.tabTitle {
	float:left;
	line-height:40px;}
	
.tabTitle h3, .col .tabTitle h3 {
	font-size:19px;
	color:#222;
	text-shadow:#fff 0 1px 1px;
	line-height:40px;
	padding-left:25px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0 !important}

.tabBox .tabcontent {
	clear:both;
	background:#fff;
	border:1px solid #d6d6d6;
	border-top:none;
	line-height:1.5em;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;}

.tabcontent .inner {
	padding:15px;width:100%;}

.tabcontent p {
	margin-bottom:10px !important;
	font-family:Arial, Helvetica, sans-serif;
	color:#404040;
	font-size:14px;}

.tabcontent h3 {
	color:#2e88c7;
	font-size:19px;
	margin:10px 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;}

.tabcontent img {
	border:1px solid #dfdfdf}


/*----------------------------------------------*/
/* 3.3 Framed Tabs */
/*----------------------------------------------*/
.tabFrameBox {
	position:relative;}

.text .tabFrameBox {
	width:100%}

.text .tabFrameBox .tabs,
.tabFrameBox .tabs{
	float:left;
	margin:0 !important;
	padding:0;
	 text-decoration: none;
	text-shadow:#fff 0 2px 1px}

.tabFrameBox .tabs li {
	font-family: "HattoriHanzoLight", Calibri, sans-serif;
	font-size:18px;
	list-style:none;
	float:left;
	display:block;
	text-align:center;
	background:url(https://www.giorgosyfantis.gr/images/framed_tab_bg_right.gif) right 0 no-repeat;
	height:39px;
	margin:0 3px -1px 0;
	line-height:36px}

.tabFrameBox .tabs li a {
	display:block;
	float:left;
	background:url(https://www.giorgosyfantis.gr/images/framed_tab_bg_left.gif) left 0 no-repeat;
	padding:0 35px;
	height:39px;
	color:#000;
	text-decoration:none;}

.tabFrameBox .tabs .current {
	background:url(https://www.giorgosyfantis.gr/images/framed_tab_bg_right.gif) right -39px no-repeat;
	height:39px;
	margin:0 3px -1px 0;}

.tabFrameBox .tabs .current a {
	background:url(https://www.giorgosyfantis.gr/images/framed_tab_bg_left.gif) left -39px no-repeat;
	color:#fff;
	text-shadow:#40434c 0 2px 1px;
	text-decoration:none;}

.tabFrameBox .tabs .current a span {
	background:url(https://www.giorgosyfantis.gr/images/framed_tab_arrow.gif) center bottom no-repeat;
	display:block;
	float:left;
	height:39px;
	text-decoration:none;}

.tabFrameBox .tabcontent {
	clear:both;
	background:#fff;
	border:1px solid #d6d6d6;
	line-height:1.5em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;}