@charset "utf-8";

/*-------------------------------DEFINE BODY PROPERTIES----------------------------------------*/


/*---------------- FOTIS ADDS HERE -------------------------------------------*/

a#player { width: 300px; height: 250px }
.eskafos_info img { width: 90px }
li.eskafos_product, li.wordpress_article { width: 95%; padding: 10px 10px 10px 0px;  }
img.product_image, img.wordpress_article{float: left; margin: 4px; padding: 6px; background: whitesmoke; border: 1px solid #999999;}
ul.product_attributes, ul.wordpress_articles{ font-size: 1.2em; text-align: justify; line-height: 1.4em; color: #666666;}

a#index_player { width: 376px; height: 212px; display: block; padding: 10px 0;}

object#player_api{height: 358px;}
#youtube_link {float: left; position: relative; display: block; width: 51px; height: 37px; background: transparent url(../img/top_signs.gif) no-repeat 0px 0px}
#facebook_link {float: left; position: relative; display: block; width: 51px; height: 37px; background: transparent url(../img/top_signs.gif) no-repeat -51px 0px}
#twitter_link {float: left; position: relative; display: block; width: 51px; height: 37px; background: transparent url(../img/top_signs.gif) no-repeat -102px 0px}
#youtube_link a:hover { text-decoration: none }
#youtube_link a:hover { text-decoration: none }
#youtube_link a:hover { text-decoration: none }
/*-----------------------------------------------------------------------------------------*/

* {
	margin: 0 auto 0 auto; /* GLOBAL RESET */
	padding: 0;
}

a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}


body{
	margin:0;
	font-size: 62.5%; 
	font-family: Arial, Sans-Serif; /*change font*/
	line-height: 150%; 
	color:#4b4d4a; /*change font color*/
	background: transparent url(i/bg-noise.jpg) repeat top left; /*background color*/ 
}


hr{background: url(i/seperator.png) no-repeat center; width: 100%; height: 35px; border: 0; padding-bottom: 20px;}
.shadowhr{background: url(i/shadowline.png) no-repeat center; width: 100%; height: 30px; border: 0; padding-top: 10px;}
.simpleline{background: url(i/simpleline.png) repeat-x center; width: 1008px; height: 2px; border: 0; padding: 30px 0;}

div, p, ul, img{
	padding:0px; margin:0px; border:none;
}
ul{
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}

a { outline:none; /* Remove Firefox's dotted borders */ text-decoration:none; color:#4281c2; padding:0; margin:0;}
a img { border:none;} /* Remove IE's blue borders */

/*txt a:hover()*/

h1 {font-size: 2.4em;}
h2 {font-size: 2.2em; line-height:1.2em; font-weight:normal; border:none; margin:0 0 15px 0; padding:0; color:#333;}
h3 {font-size: 3.2em; line-height:1.2em; font-weight:normal; border:none; margin:0; padding:0 0 22px 0; color:#4281c2;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.8em;}
h6 {font-size: 1.2em;}


.hr{ border-bottom:1px solid #CCCCCC; border-left:none; border-right:none; border-top:none; margin:10px 0 20px 0; }
.left{ float:left;}
.left_margin_right{ float:left; margin:0 10px 0 0; font-size:1.2em;}
.left_margin_right_top{ float:left; margin:4px 10px 0 0;}
.right{ float:right;}
.right_margin_top{ float:right; margin:40px 0 0 0;}
.right_margin_right{ float:right; margin:0 20px 0 0;}

/*-------------------------------END----------DEFINE BODY PROPERTIES----------------------------------------*/

/*------------------------------GLOBAL TYPOGRAPHY--------------------------------*/

p  {font-size: 1.2em; padding:0; line-height:1.4em;}
.gray {color: #666; font-size:1em; font-style:normal;}
.fat{font-weight:bold;}
.small  {font-size: 0.9em; padding:0; line-height:1.2em;}
.verysmall  {font-size: 0.9em; padding-top:4px; line-height:1.2em;}
.big {font-size: 1.8em; padding:0; line-height:1.2em; color:#f1f1f1; margin:0 0 22px 0;}
.white {font-size: 1.2em; padding:0 10px 0 0; line-height:1.4em; color:#fff;}
.title{font-size: 1.3em; font-weight: bold;}
.stroke { border:1px solid #fff;}
.light, light a:link, .light a:active, light a:hover{color: #f4f4ed;}
.dark{color: #d1d1cb;}

/*------------------------------CONTENT--------------------------------*/

#top_content{ background:transparent; height:144px;}

#nav_content{ background:transparent; height:26px; margin-bottom: 0;}

#header{ background:transparent; height:auto;}
#header p{ color:#fff;}

/* -------------------------MAIN_CONTENT-------------------------------- */

#main_content{ background:transparent; padding: 0px; height: auto; overflow: auto;}
#main_content p{ color:#4b4d4a; }


#news{float: left; width: 220px; padding: 5px 5px 0px 5px; margin-right: 10px;background:#4288b5 url(i/newsgradient.png) repeat-x top left; position: relative;  -moz-box-shadow: 2px 2px 2px #d0d0cd; -webkit-box-shadow: 2px 2px 2px #d0d0cd;}
#news a{color: #eaeaea;}
#news h4{margin-bottom: 10px;}
#main_center{float: left;width: 700px; margin-left: 10px;}
#planroute{background: transparent; padding-left: 10px; overflow: auto; margin-top: 30px;}

#planroute h4{text-align: left; font-size: 1.3em; line-height: 1.6em;}
#planroute p{text-align: left; font-size: 1.1em; line-height: 1.4em;}
#planroute li{float:left; width: 220px; border: 1px solid #eaeaea; margin: 0 2px; padding: 2px; background: #f9f8f4; min-height: 198px!important;}

.main_adverts{width: 100%; padding-top: 10px; padding-left: 60px; margin: 20px 0;}
		a.media   { display: block; }
		div.media { font-size: small; margin: 25px; width: 100% !important }
		div.media div, div.iframe_caption { font-style: italic; color: #888; }
		.advert{float: left; margin-right: 20px;}
.main_adverts span img{-moz-box-shadow: 5px 5px 5px #999; -webkit-box-shadow: 5px 5px 5px #999;}


.time{ font-size: 0.8em; float: right;}
#products{background: transparent; margin-top: 40px; padding-left: 10px;}
/* -------------------------SUBMAIN------------------------------------- */

#submain{ background:transparent; padding:0 0 30px 0; overflow: hidden;}

/* ------------------------FOOTER--------------------------------------- */


#footer{ background:transparent url(i/wave.png) top center repeat-x; height:368px;}
#footer a:link, #footer a:visited{color: white; font-weight: bold;}

#footer_nav{ background:#dcdcda url(i/bg_footer_nav.jpg) top center repeat-x; height:32px; padding:15px 0 0 0;}
#footer_nav .center a.footer_logo{ float: left; display:block; width:25px; height:16px; background: transparent url(../img/logo_footer.png) no-repeat; text-indent:-9999px; overflow:hidden;}
#footer_nav .center p { float:left; font-size:1.1em; color:#848484; padding:0 0 0 20px; }
#footer_nav .center ul { float:right;}
#footer_nav .center ul li{ float:left; margin:0 20px 0 0; }
#footer_nav .center ul li a { font-size:1.1em; text-transform:uppercase; color:#848484;}
#footer_nav .center ul li a:hover { color:#505457;}
#footer_nav .center ul li a:active { color:#505457;}


.center{ width:960px; height:100%; margin:0 auto; padding:0;}
.center1{ width:1012px; height:100%; margin:0 auto; padding:0;}
#top{clear: both;margin-bottom: 0;background: url(i/featured_01.png) bottom left no-repeat;height: 24px;}
#bottom{background:transparent  url(i/featured_02.jpg) repeat-y top left; overflow: hidden;
-moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;height: 9px;}

#top_light1{ background:transparent url(images/topback.jpg) no-repeat center bottom; }
#top_light2{ background:transparent url(images/menuback.jpg) top center no-repeat; margin-bottom: 0;}
#top_light3{ background:transparent  url(i/featured_02.jpg) repeat-y top left; height: auto; overflow: hidden;
-moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;}

#top_light4{ background:transparent; height: auto; overflow: overflow-y;}
#top_light5{ background:transparent; }
#top_light6{ background:transparent; }
.clear{clear: both;}
h1 a { float:left; margin:5px 0 5px 0; display:block; width:301px; height:130px; background: transparent url(../img/logo.png) no-repeat; text-indent:-9999px; overflow:hidden;}


.left_column { width:459px; float:left; padding:0px 10px 10px 10px;}
.right_column { width:320px; float:left; padding:40px 0 10px 10px; color: whitesmoke;}

.left_column_1st { width:400px; height: 336px; float:left; padding:0px 0px 10px 20px; background: transparent url(i/screen.png) no-repeat center top; color: #eaeaea;}
.left_column_1st h5{margin: 4px 0; color: whitesmoke;}
.left_column_1st h2{ padding:0 0 0 4px; background: url(i/bg_sidebarh2-160.png) top left no-repeat;}
.left_column_1st p{color: whitesmoke; padding-top: 10px;}
.left_column_product{ color: #45281a;}
.left_column_1st li{  display: block; height: 29px; line-height: 29px; margin-top: 5px;color: #4d87ad;}
.left_column_1st li a{ display: block;background: url(i/video_button.png) no-repeat top left; color: #4d87ad; padding: 0 0 0 10px; font-size: 15px;}
.left_column_1st li a:hover{ color: #ffffff; text-decoration: none; background-position: 0 -32px;}

#formmain{
	background: #f9f8f4; height: 314px; padding-top: 14px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid #fff;}

#formmain p{color: #000;}
#formmain h2{margin-left: 10px;}
.middle_column_1st{ width:540px; float:left; padding:0px 20px 20px 20px;}
.right_column_1st { width:160px; float:left; padding:35px 0 40px 0;}
.right_column_1st h2{ padding:0 0 0 4px; background: url(i/bg_sidebarh2-160.png) top center no-repeat;}
.title_h2{ padding:0 0 0 4px; background: url(i/bg_sidebarh2-440.png) top left no-repeat;}


.titlenews{height: 52px; width: 260px; background: transparent url(i/titlenews.png) no-repeat center center; z-index: 1;left: 0; position: absolute; margin-left: -11px; margin-top: 5px;}
.titlenews h1, .titlenews h4{padding: 15px;}

.titlenewsblue{height: 52px; width: 260px; background: transparent url(i/titlenewsblue.png) no-repeat center center; z-index: 1;left: 0; position: absolute; margin-left: -11px; margin-top: 5px;}
.titlenewsblue h1, .titlenewsblue h4{padding: 15px; color: #fff;}

.sidefeature{
	padding: 46px 0 10px 0;
	margin: 0 0 10px 0;
	color: white;
	overflow: hidden;
}
	.sidefeature li{list-style: none; color: #666666; font-size: 1.2em;border-top: 1px solid #eaeaea; padding-top: 5px; padding-bottom: 0;}
	.sidefeature a{color: #3b86af;}
	.sidefeature img{float: left; width:72px; height:64px; border:1px solid #eaeaea;padding:3px; margin:4px; background:#f5f5f5;}
	.webtvimg{}
	.webtvimg img{width:64px; height:64px; border:1px solid #666;padding:3px; margin:4px 20px 4px 4px; background:#f5f5f5;}

.feature{
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted white;
	color: #333;
	float: left;
}
	.feature a{color: #45281a;}
	.feature img{float: left; width:75px; height:75px; border:1px solid #45281a;padding:3px; margin:4px 4px; background:#45281a;}
	
.right_column .description{ float:left; width:100%;}
.tagline{ width:560px; height:97px; background:transparent url(../img/tagline.png) no-repeat; text-indent:-9999px; overflow:hidden;}

.getquote {float:left; margin:42px 0 0 -4px; display:block; width:168px; height:45px; background: transparent url(i/button_quote.png) no-repeat; text-indent:-9999px; overflow:hidden;}
.quick_search {float:right; margin:42px 0 0 10px; display:block; width:168px; height:45px; background: transparent url(i/button_search.png) no-repeat; text-indent:-9999px; overflow:hidden;}

ul.listing{ float:left; padding:0px 30px 15px 10px; margin:0;}
ul.listing li{ list-style-image: none; background-image:url(i/li_yellow.png); background-repeat: no-repeat; background-position: left center; padding:0 0 2px 25px; margin:0 0 5px 0; font-size:13px; line-height: 13px;}

.signup { float:right; width:87px; height:24px; display:block; margin:0 20px 0 0; text-indent:-9999px; overflow:hidden;}

.signup_greek {background:transparent url(i/button_signup_greek.png) no-repeat; height: 24px;}
.signup_english {background:transparent url(i/button_signup_english.png) no-repeat;}

.cpanel_greek {background:transparent url(i/control-panel_greek.png) no-repeat; height: 24px;}
.cpanel_english {background:transparent url(i/control-panel_english.png) no-repeat;}


.login {float:right; margin:5px 10px 0 0; color: #4281c2; position: relative; z-index: 1; margin-left: -200px;}
.login a:link, .login a:visited {color: #fff;}

.categories { margin:10px auto; width:960px; background:#f2f2f2; border:1px solid #e0e0df; position: relative; }
.categories h4{ font-size:1.2em; color:#666; font-weight:bold; line-height:1.4em;}
.categories_inner { margin:10px; padding:50px 20px 20px 20px; width:900px; background:#f8f7f7; border:1px solid #ececec;overflow: hidden;}
#categories_inner { margin:10px auto; padding:50px 10px 20px 10px; width:980px; background:#f8f7f7; border:1px solid #ececec;position: relative;}
#categories_inner .titlenewsblue{top: 3px;}
.categories_inner a.all { display:block; width:192px; background:#f2f2f2; border:1px solid #e0e0e0; color:#6c6c6c; font-size:1.2em; padding:5px; /*-moz-border-radius: 5px; -webkit-border-radius: 5px;*/}
.categories_inner a.all:hover { display:block; width:192px; background:#fff; border:1px solid #e0e0e0; color:#6c6c6c; font-size:1.2em; padding:5px; /*-moz-border-radius: 5px; -webkit-border-radius: 5px;*/}

#contacts { margin:20px auto 0; padding: 5px;width:950px; background:white; border:1px solid #e0e0df;}

.column { width:225px; padding:0 15px 0 0; margin:30px 0; float:left; color:#f0f0f0;}
.column h5{ font-size:1.4em; font-weight:bold; letter-spacing:-1px; text-transform:uppercase;}
.column h6 { margin:0 0 10px 0;}
.column h6 a { margin:0 0 10px 0; color:#fafafa;}
.column h6 a:hover { margin:0 0 10px 0; color:#42aa93;}
.column .date{ float:left; width:34px; height:17px; padding:0 0 0 5px; margin:0 10px 0 0; background:transparent url(i/ico_date.png) no-repeat; font-size:1.1em; font-weight:bold;}
.column p {font-size:1.1em;}
.column p.lead {font-size:1.1em; margin:0 0 20px 0;}

.column2 { width:450px; padding:0 15px 0 0; margin:30px 0; float:left; color:#f0f0f0;}
	ul.listingfoot{ float:right; padding:2px 30px 15px 10px; margin:0;}
	ul.listingfoot li{ list-style-image: none; background-image:url(i/li_yellow.png); background-repeat: no-repeat; background-position: left center; padding:4px 0 2px 25px; margin:0 0 18px 0; font-size:1.2em;}
	
	ul.listingfoot1{ float:left; padding:2px 30px 15px 10px; margin:0;}
	ul.listingfoot1 li{ list-style-image: none; padding:4px 0 2px 0px; margin:0 0 18px 0; font-size:1.4em;}

.column_odd { width:235px; padding:0; margin:30px 0; float:left; color:#f0f0f0;}
#tweeter a:link, #tweeter a:visited{color: #ffb600;}
.column_odd p {font-size:1.1em;}
.column_odd h5{ font-size:1.4em; font-weight:bold; letter-spacing:-1px; text-transform:uppercase;}
.column_odd #tweeter { width:181px; height:185px; padding:18px 20px 18px 20px; background: transparent url(i/bg_twitter.png) no-repeat; position:relative; font-size:1.4em; color:#333; font-family:"Times New Roman", Times, serif; font-style:italic;}
.column_odd #tweeter p { color: #45281a; font-size: 0.9em;}
.column_odd #tweeter a.from { font-weight:bold;}
.column_odd #tweeter a.follow { position:absolute; bottom:60px; left:0; color:#fff; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; font-size:0.8em; font-style:italic;}
.column_odd #tweeter a.follow:hover { position:absolute; bottom:60px; left:0; color:#4281c2; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; font-size:0.8em; font-style:italic;}
.column_odd #tweeter p.posted { font-size:0.8em; margin:5px 0 0 0; color: #999;}

.column .ad{ float:left; display:block; width:88px; height:88px; border:1px solid #fff; padding:5px; margin:0; background:#eaeaea;}
.column .ad_odd { float:left; display:block; width:88px; height:88px; border:1px solid #fff; padding:5px; margin:0 15px 15px 0; background:#eaeaea;}

.column .recent_comment { background:transparent url(i/ico_comment.png) top left no-repeat; padding:0 0 0 40px; margin:0 0 20px 0; font-size:1.2em;}
.column a.comment { display:block; font-size:0.9em; margin:5px 0 0 0; color:#f0f0f0;}
.column a.comment:hover {display:block; font-size:0.9em; margin:5px 0 0 0; color:#42aa93;}

#header_right {float: right;margin:5px 0 15px 0; background: transparent;}
.languages_placeholder{padding: 0px; margin: 0px; margin-right: 40px; line-height: 37px;}
#header_right img{float: left;}

#searchform {float: right; margin:30px 0 15px 0; background: transparent url(i/bg_search.png) no-repeat;}

fieldset.search {
	border: none;
	width: 146px;
	
	}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #a4a3a3;
	font-size: 1.2em;
	width: 109px;
	height: 17px;
	padding: 5px;
	vertical-align:middle;
	margin: 0;
	background:none;
	outline: none;
}
.search input.box:focus {
	background: none;
	outline: none;
}
.search button.btn {
	width: 27px;
	height: 27px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(i/bg_search.png) no-repeat top right;
}
.search button.btn:hover {
	background: url(i/bg_search.png) no-repeat bottom right;
}

/*****************************/
/*                           */
/*            MENU           */
/*                           */
/*****************************/	


#menu {
	float:left;
	margin: 0;
	padding: 0;
}

#menu li {
	float: left;
	height:25px;
	list-style: none;
	width:110px;
	display: block;
}


#menu a {
	display:block;
	height:27px;
	overflow:hidden;
	text-indent:10000em;
	text-decoration:none;
	width: 117px;
}

#menu #home_greek {background-image: url(i/menu/home.png); position: relative; z-index: 1900; }
#menu #home_english {background-image: url(i/menu/home_english.png); position: relative; z-index: 1900; }
#menu #search_greek {background-image: url(i/menu/search.png); position: relative; z-index: 1200; margin-left: -16px;}
#menu #search_english {background-image: url(i/menu/search_english.png); position: relative; z-index: 1200; margin-left: -16px;}

#menu #btncategories_greek {background-image: url(i/menu/categories.png); position: relative; z-index: 600;margin-left: -32px; }
#menu #btncategories_english {background-image: url(i/menu/categories_english.png); position: relative; z-index: 600;margin-left: -32px; }

#menu #articles_greek {background-image: url(i/menu/articles.png); position: relative; z-index: 300; margin-left: -48px;}
#menu #articles_english {background-image: url(i/menu/articles_english.png); position: relative; z-index: 300; margin-left: -48px;}

#menu #plantrip_greek {background-image: url(i/menu/menu_trip.png); position: relative; z-index: 250; margin-left: -64px;}
#menu #plantrip_english {background-image: url(i/menu/menu_tripgr.png); position: relative; z-index: 250; margin-left: -64px;}

#menu #tv_greek {background-image: url(i/menu/tv.png); position: relative; z-index: 200; margin-left: -80px;}
#menu #tv_english {background-image: url(i/menu/tv_english.png); position: relative; z-index: 200; margin-left: -80px;}

#menu #sinergates_greek {background-image: url(i/menu/sinergates.png); position: relative; z-index: 100; margin-left: -96px;}
#menu #sinergates_english {background-image: url(i/menu/sinergates_english.png); position: relative; z-index: 100; margin-left: -96px;}

#menu #contact_greek { background-image: url(i/menu/contact.png); position: relative; z-index: 1; margin-left: -112px;}
#menu #contact_english { background-image: url(i/menu/contact_english.png); position: relative; z-index: 1; margin-left: -112px;}
#menu a:hover {
	background-position: 0 -26px;
}

#menu a.selected, #menu a.selected:hover {
	margin: 0;
	padding: 0;
	background-position:0 -52px;
}


/* TOP MAIN FORM */
table.mytable { width: 100%; padding: 0px; border: none;}
table.mytable td { font-size: 1.1em; border: none; background-color: transparent; vertical-align: middle; padding: 7px; font-weight: bold; }
table.mytable td.line {border-left: 1px dotted #3b86af; padding-left: 30px;}
.formitem{ line-height: 55px; height: 55px; float: right; margin: 40px 45px 0 0;}

input.formInputButton   {
	margin:0; display:block; width:168px; height:45px; position: relative; text-indent:-9999px; overflow:hidden; border: 0; cursor: pointer;}

input.formInputButton_greek {background: transparent url(i/button_search_greek.png) no-repeat; }
input.formInputButton_english {background: transparent url(i/button_search_english.png) no-repeat; }

/* VIDEO */
.popular { float:left; width:87px; height:24px; display:block; margin:0 20px 0 0;}
.recent {float:left; margin:5px 10px 0 0; color: #4281c2;}

.company_category_title_bullet{font-size: 1.3em; color: #ffffff;margin-bottom: 10px; line-height: 1.7em;}
#categories_inner .box_header{color:#d05606; font-weight:bold; font-size:1.4em;}
a.company_subcategory_title{color: #999999;}

/* ------------------ PRODUCT PAGE------------------ */
#breadcrumb {

}
#breadcrumb p{margin: 5px 0 10px 20px; font-size: 14px;}
div.buttons{
	background: url(images/buttonbg.png) repeat-x;
	margin-right: 1em;
	border: 1px solid #bfbfbf;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	height: 12px;
	line-height: 12px;
	padding: .5em;
	float: left;
	color: #0380a5;
	font-size: 14px;
}

.buttons img{
	height: 12px;
}

.nextpreviews{padding: 10px 0; overflow: auto; width: 580px;}

.side_advert{ margin: 0 auto; width: 320px; overflow: auto;}

.side_image{width: 350px; float: right;}
.featured { width:350px; height:212px; padding:17px 0 0 13px; background:transparent url(images/bg_image.png) no-repeat;}
.featured img{width:322px ; height:175px ;}

.contact-info{margin: 20px 0; font-size: 12px; background:#258eca; padding: 20px; color: #fff;}
.contact-info a:link, .contact-info a:visited{color: #efbe4e;}
.contact-info a:hover{font-weight: bolder;}

.contact-info h2{background: #f8f7f7; color: #258eca; font-size: 14px; padding: 8px 0px 8px 42px; margin: 0;}
.contact-info ul{}

.contact-info li{list-style: none; line-height: 20px; border-bottom: 1px solid #fff;padding: 4px; margin: 10px 0px;}
.contact-info img{ float: right;}
.contact-info span{font-style: italic; font-weight: bolder; color:#fff; margin-right: 4px; }


#side_data{width: 600px;float: left; background: transparent;}
.side_data-top{width: 600px; height: 60px; background: url(images/side_data-top.png) top center no-repeat;}
.side_data-top span{margin: 16px 0 0 15px;}

/* My Comment */
.side_data{width: 600px; background: url(images/side_data.jpg) top center repeat-y;}
.side_data-bot{width: 600px; height: 50px; background: url(images/side_data-bot.png) top center no-repeat;}

#side_data h1{ color:#4281c2; text-align: left; padding: 15px 0 0 15px;}
#side_data li{ font:1.4em bold; line-height: 2.2em; margin:0 20px; border-top: 1px dotted #4281c2;}
#side_data span{ padding: 0 10px; }
.blue{color: #4281c2; font-style: italic; font-weight: bold;}

.thumbs li{
	float: left;
	margin-left: 5px;
}
.thumbs img{
	width: 100px;
	height: 66px;
	background: #whitesmoke;
	border: 1px solid #dadada;
	padding: 2px;
}



/* BROWSE CATEGORY START */

.gallery {list-style: none; margin: 0; padding: 0; overflow: hidden;}
.gallery ul{position: relative; float: left; width: 980px; list-style: none;}
.gallery li {float: left; position: relative; width: 216px; padding: 5px 10px; margin: 0 5px 20px 0; background:transparent url(i/thumbnail-backdrop.png) 0 0 no-repeat;}
.gallery li a { float: left; padding: 5px; border: 1px solid #fff; margin-bottom: 10px; background: #fff; }
.gallery li a:hover { border-color: #dcdad4;}
.gallery img {float: left; width: 204px; height: 134px; }
.gallery h2{background: transparent; text-align: center;font-size: 14px; line-height: 16px; font-weight: bolder; padding: 4px 0;}
/*.gallery em { background: #fff; color: #000; font-style: normal; padding: 2px 8px 0 22px; display: block; position: absolute; top: 20px; left: 5px; border: 1px solid #999;}
.gallery span { width: 30px; height: 60px; display: block; position: absolute; top: 7px; left: 9px; background: url(images/paper-clip-mini.png) no-repeat; z-index: 3;}*/


/* pageflip */


#pageflip {
	position: absolute;
	right: 0;
	top: 0;
}
#pageflip img {
	width: 50px; height: 52px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	position: absolute;
	z-index: 50;
	right: 0; top: 0;
	background: url(images/subscribe.png) no-repeat right top;
	text-indent: -9999px;
}

/* --------------- this is the subcategory ---------------*/
.middle1000{margin: 0 auto; width: 1000px;}
.middle1000 h1 {margin: 15px 0;}
.middle1000 h3{padding-top: 15px;padding-left: 10px; /*background: transparent url(i/bg-h3.png) left center no-repeat; */text-decoration: underline;}
.subcat-left{width: 210px; margin-right:20px;float: left; background: #258eca; height: 300px; margin-bottom: 20px; padding: 60px 5px 5px 5px; position: relative;
-moz-box-shadow: 2px 2px 5px #999; -webkit-box-shadow: 2px 2px 5px #999;}
.subcat-left .titlenews{top: 5px;}
.subcat-left a:link, .subcat-left a:visited{color: #fff; font-size: 13px;}
	.subcat-left h5{text-align: center; padding: 15px 0px;}
	.subcat-left ul{margin-left: 6px;}
	.subcat-left li{margin-bottom: 10px;}
	.subcat-left em{font-weight: bolder; margin-top: 10px; text-decoration: underline; font-size: 15px;}
	
.subcategory{background:whitesmoke; width:760px; margin-bottom:20px; float: right; font-size: 12px; -moz-box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999;}
.subcategory img{width: 150px; height: 100px; padding: 2px; background: #bebebe; margin: 4px;float: left;}
.subcategory h3{font-size: 14px; color: #ffffff; line-height: 25px; vertical-align: middle;}
.subcategory .topred{ background:#4281c2; height:25px; line-height:25px; padding: 0 10px;color: #ffffff; overflow: hidden;}
.subcategory .topred a:link, .subcategory .topred a:visited{color: #ffffff;}
.subcategory .topred span{}

.subcatdetails{border:none; background:transparent; padding:2px;}
.middle{margin: 20px auto 20px auto;width: 960px;}

.dataleft{float: left; padding: 14px; border-right: 1px dotted #4281c2; margin: 8px 0; min-width: 200px; width: 200px;}
.dataright{float: right; padding: 14px; margin: 8px 0; font-size:14px; min-width: 100px; width: 100px;}

.paginator{font-size: 14px; padding: 4px;}
.paginator .inside{float: right;}
.paginator .inside a:link{margin: 0 6px;}
.paginator .item{background: #efbe4e; border: 1px solid #666; padding: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

#paginator-top{margin: 10px 0; height: 14px; line-height: 14px; font-weight: bolder;}
.promoted{background: whitesmoke url(i/bglines.gif) repeat; font-weight: bolder;}
.promoted .dataleft{}
.promoted .topred{background: #b72820;}

.searches ul{margin: 10px 0; background: #efbe4e; display: block;}
.searches li{ background:#efbe4e ;margin: 10px 0; display: inline; padding: 20 10px; font-weight: bolder; line-height: 20px; height: 20px; font-size: 13px; border: 1px solid #efbe4e;}

/* ------------FORM INSIDE PRODUCT----------- */

.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{width:322px;padding:14px; margin-bottom: 20px;}
/* ----------- stylized ----------- */
	#stylized{
		border:solid 1px #258eca;
		background:#f8f7f7;
	}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #4281c2;
		padding-bottom:10px;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:100px;
		float:left;
	}
	#stylized .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:100px;
	}
	#stylized input{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}
	
	#stylized #checkbox{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:20px;
		margin:2px 0 20px 40px;
	}

	
	#stylized textarea{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}

	#stylized #button{ 
		float: right;
		width:125px;
		height:31px;
		background:#666666 url(images/button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
		border:0;
	}

/*------------- Product Extras ---------------*/
.product_extras{float: left; width: 100px; margin-left: 10px;}
.product_extras ul{}
.product_extras li{font-size: 10px; border: 0;list-style-image: url(i/check32.png);list-style-position: outside;}

/* -------------Tooltip inside product-------------------- */

.tooltip{ overflow: hidden;}
.tooltip img{float: left;width: 80px; height: 50px; margin:0 4px 0 0; border: 1px solid #666;}
.tooltip ul{}
.tooltip li{margin:0 0 5px 3px; font-size: 11px; }


/* ------------------Search ---------------------- */

.searchbody{float: right; width: 740px; padding: 0 10px 10px 10px; background: whitesmoke; font-size: 12px;
}
.searchbody ul{}
.searchbody li{line-height: 20px; margin-bottom: 20px;}
.searchbody fieldset{border: 1px dotted #4281c2; padding: 10px; margin: 10px 10px;}
.searchbody legend{margin: 6px 20px; font-size: 16px; text-decoration: underline; background: #f5f5f5; padding: 5px;}

.searchbody span{margin-right: 10px; font-weight: bolder;}


/* --------------this is the login page----------*/

.loginpage {width:322px;padding:14px; margin: 0 auto;} 
#error{font-weight: bold; color: red; font-size: 16px; text-align: center;}

/* ---------------these are the stats------------- */
#ads_hits{margin:0 30px 0 20px;}
#ads_hits img{border: 4px solid #4281c2;}
#ads_views img{border: 4px solid #4281c2;}

#product_hits{margin: 0 30px 0 120px; }
#product_hits ul{background: transparent; padding: 0 10px; }
#product_hits li{margin: 5px 0;}

#product_top10{margin-right:20px;  }
#product_top10 ul{background: transparent; padding:0 10px;border-right: 2px dotted whitesmoke; border-left: 2px dotted whitesmoke;font-size: 12px; font-weight: bolder;}
#product_top10 li{margin: 5px 0;}

#product_visits{}
#product_visits p{font-size: 12px; font-weight: bolder;}

/* -----------this is the browse_video -------- */
.browse_video{float: left; margin: 0 20px 20px 10px; padding: 5px; background: whitesmoke; border: 1px solid #ccc;}
.browse_video h2{font-size: 14px; font-weight: bolder; margin: 4px; text-align: center;}
.browse_video p{font-size: 8px;}
.browse_video img{background: whitesmoke; padding: 4px; border-bottom: 1px solid #ccc;cursor: pointer;}

/* ------------- this is the webtv page -------------*/
#video_title, #video_description.fat{color: whitesmoke;}

/* ------------this is the video page--------------- */

#eskafos_products{background: whitesmoke; border: 1px solid #ccc;}
#eskafos_products h4{margin: 10px 0 10px 10px;text-decoration: underline;}
#eskafos_products ul{margin-bottom:20px;}
#eskafos_products li{ margin: 5px;}
#eskafos_products img{margin-right:10px;}

li.more a:link, li.more a:visited{font-size: 16px; font-weight: bolder; padding: 5px 10px;background: #4281c2; border: 1px solid #ccc; color: #fff;}
li.more a:hover{background:#efbf4e; color:#000 ;}
li.product_attributes{margin: 10px 0;}
#stylized label.error { clear: both; float: none; width: 100%; color: red}
div.contact_success { color: green; font-weight:bold; font-size: 12px}
li.ads_item { float: left; position: relative; margin: 10px}
br.ads {clear: both; float: none}
div.ads {margin-left : auto; margin-right: auto; }

/* --------this is the photogallery ---------- */

.photogallery{float: left; margin: 10px 5px; border: 1px dotted #ccc;background:whitesmoke; cursor: move; padding: 20px; height: 140px;}
.photogallery img{margin: 0 auto; display: block; vertical-align: middle; border: 1px solid #ccc; background:#4281c2; padding: 2px;}

/*---------- table users -----------------*/
table#users.display{
width: 960px;	
}

/*  ---------------- THESE ARE THE BUTTONS ----------- */

.awesome, .awesome:visited {
	background: #222 url(images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2796d5; }
	.blue.awesome:hover							{ background-color: #2180b6; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }

.adminbtn{}
.adminbtn ul{}
.adminbtn li{display: inline; padding-left: 10px; padding-top: 10px;}