@charset "utf-8";
/* CSS Document
-----------------------------------------------
Rethimnon.gr - stylesheet.css
author	:	Stefanakis Petros EnterTheWeb.gr
Copyright	:	2010|01|15
----------------------------------------------- 
*/
/*==================================================================================================*/
/*									HTML Classes													*/
/*==================================================================================================*/

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; 
text-align:center;
margin: 0;
padding: 0;
position:relative;
background:#fff;
z-index:0;
}

body#etwcms {
background-image: none !important;
text-align:left;
margin:0; padding:40px 5px 5px 5px;
text-align:left;
color:#000;
}


h1 { margin:1px 0 7px 0; padding:0; font:Helvetica ; font-weight:normal; font-size:180%; color:#1a1817;}
h2 { margin:1px 0 7px 0; padding:0; font:tahoma; font-weight:bold; font-size:140%; color:#C01F36;}
h3 { margin:1px 0 7px 0; padding:0; font:tahoma; font-weight:normal; font-size:140%; color:#C01F36; border-bottom:1px solid #C01F36;}
h4 { margin:1px 0 4px 0; padding:0; font:tahoma; font-weight:normal; font-size:140%; color:#818181;  }
h5 { margin:1px 0 4px 0; padding:0; font:tahoma; font-weight:normal; font-size:120%; font-weight:normal;  color:#6699FF;  }
h6 { margin:1px 0 4px 0; padding:0; font:"Trebuchet MS"; font-size:90%; color:#FF6600; }


img { border:0; vertical-align:middle; }
.img_left { float:left; margin:5px; position:relative; border:1px solid #000;}
.img_left:hover { border:1px solid #317BAF;}
.img_right { float:right; margin:5px; position:relative; border:1px solid #00;}
.img_right:hover { border:1px solid #317BAF; }

blockquote { margin:10px; padding:10px; background:#f0f0f0; color:#000; font-weight:normal; text-align:center;}
blockquote h5 { text-align:left; }
hr {  border:1px solid #ccc; }

.toggleopacity { border:0; filter:alpha(Opacity=50); opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; cursor:pointer; }
.toggleopacity:hover { border:0; filter:alpha(Opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1;  }

.invertoggleopacity { border:0; filter:alpha(Opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1;  cursor:pointer; }
.invertoggleopacity:hover { border:0; filter:alpha(Opacity=50); opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; }

.table1 { width:100%; border:1px solid #000; border-collapse:collapse; background:#fff6ca; margin:0 auto;  font-size:90%;}
.table1 th { background:#615141; padding:5px;}
.table1 td { padding:10px 10px 10px 25px; background:url(/_global_images/tick-img.png) no-repeat 5px center ; background-color:none;}
.table1 .row1 { background:#bca885; color:#fff;}

.ul_1 { margin: 0 0 0 25px; padding: 0; list-style-type:none;}
.ul_1 li { margin:5px; padding:0; list-style:url(/_global_images/tick-img.png); list-style-position:outside;}

.ul_2 { margin: 0 0 0 25px; padding: 0; list-style-type:none;}
.ul_2 li { margin:5px; padding:0; list-style:url(/_global_images/velos-img.png); list-style-position:outside;}

.text { padding:10px;}
.table_grey { width:100%; }
.table_grey td { padding:2px; background-color:#f7f7f7;}
.table_grey th { padding:2px; background-color:#FFFAF0;}

.thumb { margin:10px; }

.error { border:1px solid #ff0000;   }
.error_msg { display:block; margin:3px; width:350px; background-color:#ff3300; color:#fff; font-weight:bold; padding:3px 5px 3px 10px; }
.no_error { border:2px solid #ff5500; display:none;    }


.slideshow { height: 232px; width: 232px; margin: auto }
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }

.offer_hosting_box { margin:5px; text-align:center;}
.style_oldprice { text-decoration:line-through;}

.sprite { background:url(/_global_images/sprites.png);} /*<img alt="" src="/_global_images/transparent.png" class="sprite" />*/


/*==================================================================================================*/
/*									Header Classes	         										*/
/*==================================================================================================*/
#Outer_header { width:100%; position:relative; background:#000;  }
#Header { width:1300px; height:486px; margin:0 auto; position:relative; background:url(/_global_images/headerbg.jpg) left bottom no-repeat; padding:0;}
.logo { position:absolute; left:150px; top:20px; width:252px; height:108px; background-position:-13px -243px;  }

#domains_box_header { position:absolute; top:-360px; right:0px; width:200px; z-index:100; padding:10px 5px; text-align:left; }
#domains_box_header .title { color:#C01F36; font-weight:bold; font-size:140%; }
#domain { background:#fff;}

.table_domains { width:100%; text-align:left;}
.table_domains tr{ margin:0; padding:0;}
.table_domains tr td{ margin:0; padding:0;}

#slider {height:232px; width:980px; position:absolute; top:150px; left:160px; text-align:left;}
#slider .thumbholder {float:right; width:500px; text-align:right}
#slider h2 {font: 2.2em 'FertigoProRegular', Arial, Helvetica, sans-serif; margin-bottom:10px; color:#fff;}
#slider .container {overflow:hidden; position:relative; cursor:pointer; color:#ddd; height:232px;  width:980px;}
#slider .slides li {display:block; height:242px; width:980px; position:absolute; overflow:hidden; left:0; top:0;}
#slider li .txtholder {float:left; width:470px; padding-top:35px;}
.slides {position:relative;}
#slider .slides p {font-size:1.4em; line-height:24px;}
#slider .pagination {
	display:block;
	list-style:none;
	z-index:100;
	width:210px;
	text-align:center;
	position:absolute;
	top:0px;
	height:25px;
	left:-40px;
}
 ul.pagination li {display:inline;}

 ul.pagination li a { display:block; float:left; width:19px; height:19px; margin:3px; background:url(/_global_images/slidernav.png) no-repeat; text-indent:-9000px;}
 ul.pagination li.active a {background:url(/_global_images/slidernava.png) no-repeat!important; text-indent:-9000px;}

/*==================================================================================================*/
/*									Main Classes													*/
/*==================================================================================================*/
#Main { width:1032px; margin:-80px auto 0 auto; padding:0; position:relative; background:url(/_global_images/mainbg.png) no-repeat;   }

/*==================================================================================================*/
/*									Content Classes													*/
/*==================================================================================================*/

/*================== tabs ============ */
.shadetabs{ padding: 3px 0; margin:0; font: bold 10px Verdana; list-style-type: none; text-align: left; }
.shadetabs li{ display: inline; margin: 0; }
.shadetabs li a{ text-decoration: none; position: relative; z-index: 1; padding: 3px 7px; margin:0 3px 0 0; border:1px solid #e8e8e8; color: #D1525F; background: #fff; }
.shadetabs li a:visited{ color: #D1525F; }
.shadetabs li a:hover{ text-decoration: underline; color: #000; }
.shadetabs li a.selected{ position: relative; top: 1px; }
.shadetabs li a.selected{ color: #000; }
.shadetabs li a.selected:hover{ text-decoration: none; } 
.tabcontent{ display:none; }
@media print {
.tabcontent {
display:block !important;
}
}
/*=======================*/
#Content { width:670px; margin:25px 0 0 25px; padding:50px 20px 20px 20px; position:relative; float:left; display:inline; text-align:justify; font-size:110%;} 
#Content p {font-size:120%; color:#333; font-family:verdana, sans-serif; line-height:1.6em;   } 

#Content a { color:#C01F36; text-decoration:none;}
#Content a:visited {color:#C01F36;}
#Content a:hover {color:#000;}

.formdomains { margin:30px 0;  padding:20px 10px; 
  background: #f6f6f6 url('/_global_images/bg-input-focus.png') repeat-x 0px 0px;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-bottom: solid 2px #aaa;
  border-right: solid 2px #aaa;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.formdomains h2 { font-size:160%; font-weight:normal;   }
.formdomains h3 { font-size:120%; border:0;   }
.formdomains input.text { width:400px; color:#aaa; font-size:140%;
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  border-color: #999;
  background: url('/_global_images/bg-input-focus.png') repeat-x 0px 0px;
}


/* boldbuttons*/
#Content #buttons a{
background: transparent url('/_global_images/button-left.png') no-repeat top left; display: block; float: left; font: bold 13px Arial; /* Change 22px as desired */
line-height: 37px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
color:#000;
height: 51px; /* Height of button background height */
padding-left: 28px; /* Width of left menu image */ 
text-decoration: none; cursor:pointer;}
#Content #buttons a:link, #Content #buttons a:visited, #Content #buttons a:hover, #Content #buttons a:active{ color: #000; /*button text color*/ }
#Content #buttons a span{
background: transparent url('/_global_images/button-right.png') no-repeat top right; display: block; padding: 4px 28px 8px 2px; color: #000; /*Set 22px to be equal or greater than'padding-left' value above*/
}
#Content #buttons a:hover{ /* Hover state CSS */ text-decoration: underline; color:#000;}
/* END boldbuttons*/

#Content .table_hostpackages {font-size:100%; margin:0 auto; text-align:center; border:1px solid #cc6600;}
#Content .table_hostpackages .tr_title { background-color:#cc6600; color:#fff;}
#Content .table_hostpackages .tr_row1 { background-color:#dbdbdb; color:#cc6600;}


#top_links { position:absolute; top:-2px; left:26px; margin:0 0 50px 0; padding:5px 0 0 0; background:#000; z-index:10; text-align:left; width:980px; height:50px}
#top_links ul{ margin: 0; padding: 0;  float: left; list-style-type: none;}
#top_links ul li{ position: relative; float: left; display: inline;}
#top_links ul li a {  margin:0 12px; padding:10px 0 3px 0; overflow: auto;  display: block; text-decoration: none; font-weight:normal; font-size:160%; 
color:#b1b0b0;}
#top_links ul li a:visited {  color:#7d7d7d; }
#top_links ul li a:hover  {  color: #fff;}
/*
#top_links ul li ul{ width: 100%; position: absolute; left: 0;  top: 1em; display: block; visibility: hidden;   }
#top_links ul li ul li{ padding:0; float: none; display: list-item;   }
#top_links ul li ul li ul{ left: 159px; top: 0; }
#top_links ul li ul li a { padding:3px; width: 160px; display: block;  text-decoration: none; border:1px solid #ccc; color:#000;  background:#fff;  font-weight:normal;}
#top_links ul li ul li a:hover { display: block; background-color:#fafafa; color:#C2192A; border:1px solid #ccc;}
*/
.current { color:#fff; }

#top_links .mainfoldericon{ padding-right:14px; background: url(/_global_images/arrow-down.gif) no-repeat center right; }/*kokkino*/
#top_links .subfoldericon{ background: #fff url(/_global_images/arrow-right.gif) no-repeat center right; }/*kitrino*/

#megamenu_div { background:#e0e0e0; margin:5px 0; padding:5px 5px; text-align:left;}
#megamenu_div a { text-decoration:none; color:#7c0000; margin-right:10px; font-size:110%;}
.megamenu{position: absolute; display: none; left: 0; top: 0; background: #f5f5f5; border-left: 1px solid #bbb; border-bottom: 1px solid #bbb; border-right: 1px solid #bbb; border-top:5px solid #000; padding: 10px; font: normal 12px Verdana; z-index: 100;}
.megamenu .column{ float: left; width: 180px; /*width of each menu column*/ margin-right: 5px; text-align:left;}
.megamenu .column ul{margin: 0; padding: 0; list-style-type: none;}
.megamenu .column ul li{padding-bottom: 13px; }
.megamenu .column h3 {background: #e0e0e0; font: bold 13px Arial; margin: 0 0 5px 0; color:#7c0000; text-decoration:none; }
.megamenu .column ul li a{text-decoration: none; color:#000;}
.megamenu .column ul li a:hover{color: #7c0000;}
.megamenu .column a{text-decoration: none; color:#C01F36;}
.megamenu .column a:hover {color:#000;}


.box_tabs { width:280px;height:260px;  float:left; display:inline; position:relative; z-index:5; margin:10px 20px;  background:#fff url(/_global_images/box-tabs.jpg) repeat-x left bottom;}
.box_tabs_content { height:200px; border:1px solid #e8e8e8; padding:10px;  }

.box_red_title { margin:10px 0; padding:0 5px 5px 5px; background:#fff url(/_global_images/box-red-title.jpg) top left repeat-x; border:1px solid #000;}
.box_red_title h3{ color:#fff; margin:1px 3px 10px 3px; text-align:center; border:none; font-weight:normal; font-size:130%;}

.box_grey_title { width:310px; height:230px; margin:5px; padding:0 5px 5px 5px; background:#fff url(/_global_images/box-grey-title.jpg) top left repeat-x; float:left; display:inline; border:1px solid #000;}
.box_grey_title h3{ color:#000; margin:3px 3px 10px 3px; text-align:center; border:none; font-weight:bold; font-size:110%;}

.box_grey_title ul { margin: 0 0 0 15px; padding: 0; text-align:left;}

/*==================================================================================================*/
/*									Right Classes													*/
/*==================================================================================================*/
#Right {  width:260px; margin:0; padding:53px 5px 0 5px; position:relative; float:left; display:inline; text-align:left;}
#Right a { color:#C01F36; text-decoration:none;}
#Right a:visited {color:#C01F36;}
#Right a:hover {color:#000;}

.right2_text_right { width:190px; float:left; display:inline; margin:0 0 0 70px; padding:0 10px 10px 10px; 
color:#898989; text-align:left;}
#Right ul { margin: 0 0 0 20px; padding: 0; list-style-type:none; text-align:left;}
#Right ul li { margin:0 0 8px 0; padding:0; list-style:url(/_global_images/tick-icon2.png);}
#Right ul li a { text-decoration:none; color:#000; padding:0px; margin:0;}
#Right ul li a:visited {color:#000;}
#Right  ul li a:hover { color:#C01F36; border-bottom:1px solid #000;}

.right2_text_left { width:40px; float:left; display:inline; margin:0 0 0 -270px; padding:5px 10px 10px 10px; 
 text-align:right;}

#latest_news {width:258px; height:24px; padding:3px; background: url(/_global_images/news-box-header.png) no-repeat; text-align:left; color:#fff; }

/*==================================================================================================*/
/*									Footer Classes													*/
/*==================================================================================================*/
#Outer_footer {width:100%; height:362px; position:relative; background:url(/_global_images/footerbg.jpg) repeat-x;}
#Footer {margin:0 auto; padding:20px 0 0 0; width:1032px; height:342px; background:none; position:relative; text-align:left;}

#Footer a {  color: #af115e; text-decoration:none;}
#Footer a:visited { color:#EAE4CC; }
#Footer a:hover { color:#000; background:none;}

#Footer .powerdby { color:#838381; position:absolute; bottom:10px; left:10px;  font-size:90%; text-align:left; }
#Footer .powerdby a{ text-decoration:none; color:#86050A;}
#Footer .powerdby a:visited { color:#86050A;}
#Footer .powerdby a:hover { color: #4c4c4c;}

/* TWEETS */
#tweets { position:relative; left: 0px; top: 10px; width: 380px; height:150px; overflow:auto; background-color:#111; } 
#tweets p { font-size: 14px; margin-bottom: 10px; padding: 10px; color: #fff; background:#333; }
#tweets p a { padding-left:2px; color: #af115e; }
#tweets p a img { border:none; }

/* INFORMATION */
#tweetcount { position:relative; width: 380px; height:30px;  font-size:14px; color:#818181; }
#tweetcount h1 { font: bold 18px Helvetica, Arial, Sans-serif; text-align: center; text-shadow: 0px 2px 6px #333; }
#tweetcount h1 small { font-size: 13px; text-transform:uppercase; display: block; margin-top:10px; }
#tweetcount h2 a { display: block; text-decoration: none; margin: 10px 0; font: italic 13px Georgia, Times, Serif;  text-align: center; text-shadow: 0px 2px 6px #333; }
#tweetcount h2 a:hover { color: #90bcd0; }
#tweetcount p { margin:15px 0; }
#tweetcount p a { color: #af115e; }

/* OVERLAY */
#overlay { position: absolute; left: 0px; top: 70px; width: 380px; height:150px; background: #e6e6e6; }
#overlay img { position:relative; left:150px; top:50px; }

#newsletter { width:295px; position:absolute; top:30px; left:400px; }
#newsletter a,a:visited,p { color:#fff;}
#newsletter a:hover { color:#ff0000;}
#newsletter h4 { color:#eee;}
#newsletter h3 {color:#C01F36; text-decoration:none; border:0; }

#div_footer { width:295px; position:absolute; top:20px; right:0; color:#fff; }
#div_footer h3 {color:#C01F36; text-decoration:none; border:0; }

#icons { width:1032; height:50px; position:absolute; bottom:65px; left:0; }
#icons img{ margin-right:5px;}
.pa {width:51px; height:50px; background-position:-220px -20px; }
.redhat {width:49px; height:50px; background-position:-297px -12px;}
.php {width:50px; height:50px; background-position:-358px -95px;}
.windows {width:50px; height:50px; background-position:-10px -96px;}
.frontpage {width:65px; height:50px; background-position:-429px -92px;}
.mysql {width:49px; height:50px; background-position:-72px -16px;}
.java {width:48px; height:48px; background-position:-83px -96px;}
.apache {width:50px; height:50px; background-position:-371px -12px;}

.gr {width:49px; height:45px; background-position:-176px -162px;}
.eu {width:60px; height:39px; background-position:-236px -165px;}
.eett {width:99px; height:29px; background-position:-311px -169px;}
.icann {width:55px; height:44px; background-position:-424px -166px;}

#social_icons { height:32px; width:300px; position:absolute; top:-40px; right:0;}
#social_icons img{ margin-right:5px;}
.fb {width:32px; height:32px; background-position:-298px -79px;}
.tw {width:33px; height:32px; background-position:-297px -118px;}
.in {width:32px; height:32px; background-position:-444px -38px;}
.for {width:33px; height:32px; background-position:-444px -7px;}
.gplus {width:33px; height:32px; background-position:-9px -210px;}
.rss {width:41px; height:39px; background-position:-151px -20px;}

#payment {  position:absolute; bottom:10px; right:20px; color:#f0f0f0; }
.payment {width:158px; height:33px; background-position:-5px -165px; }