/* 
2009.Benovias.gr Cascading Stylesheet 
Created by Atanas Mahony for ChiosOnline - www.chiosonline.gr
*/

@import url(reset.css);

/* Global
----------------------------------------------- */

body{ background:#65b6fc url(../images/bgnd.jpg) no-repeat top center; font: 12px Arial, Helvetica, sans-serif;}
p{ font: 12px/1.3 Arial, Helvetica, sans-serif; color:#383838;}

a:link{ color:#05538d; text-decoration:none; font-weight:bold;}
a:hover{ color:#000000;}
a:visited{ color:#05538d;}

h1{}
h2{ font: 18px/1.5 Tahoma, Geneva, sans-serif; color:#68a5d3; margin-bottom: 5px;}
h3{}
h4{}
h5{}
h6{ color:#fff; margin: 5px 7px;}

/* Structure
----------------------------------------------- */
#wrapper { background:; width: 792px; margin: 0px auto; position:relative;}
#container{ width: 780px; margin:0px auto; position:relative;}
#header{ background: none; width:780px; height:180px; position:relative;}

#mainlogo{ margin: 20px 7px;}

#content{ background:#FFF; min-height:400px; width:780px;}

#sidebar, #main{ margin-top: 10px; display:block;}
#sidebar{ width: 260px; }
#main{ background: url(../images/contentbg.jpg) no-repeat top left; padding: 20px 0px 0 10px; width: 480px;}
#main_plain{ background: url(../images/contentbg_plain.jpg) no-repeat top left; padding: 20px 0px 0 10px; width: 769px;}
.mainblock{ padding:10px 20px; display:inline;}


#sidebar{ background:url(../images/sidebar-bg.gif) repeat-y; margin: 20px 0px;}
.sidecorner-top{background: url(../images/sidebar-top.gif) no-repeat; width:260px; height:8px; display:block; padding-bottom:8px;}
.sidecorner-bottom{background: url(../images/sidebar-bottom.gif) no-repeat; width:260px; height:8px; display:block; padding-top:8px;}

.sideblock{ padding: 5px 10px; position:relative;}
.sideblock p{ font-size:11px; margin: 3px 0px;}
.sideblock a img{ margin: 5px auto; display:block; }
.sideblock h3{ text-transform:uppercase; color:#383838; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px 4px;}
.morebtn{background:url(../images/morebtn.jpg) no-repeat left center; padding-left: 13px; margin: 5px 10px;}

#sep{ background:url(../images/sep.jpg) no-repeat center; height:23px; border:none;}
#sep1{ background:url(../images/sep1.jpg) no-repeat center; height:23px; border:none;}

#footer{ background:#65b6fc; border-top: 2px solid #65b6fc; min-height:30px; margin: 0px 0px 0px 0px; text-align:center;}

address{ margin:0px auto; color:white; padding-bottom:10px;}



#offer{ background:url(../images/sidebgbtn.jpg) no-repeat; width:250px; height:80px; position:relative; left:-5px;}


/* Navigation
----------------------------------------------- */

/* //  Language Navigation */

#langnav{ display: block; height:44px; background: transparent; width: 160px; margin-right:0px;}
#langnav ul{padding-top: 10px; float: left; margin-left: 20px;}
#langnav ul li{float:left; padding-right: 7px;}
#langnav ul li p{ color:#fff; font: bold 11px/2.1 Tahoma Arial, Helvetica, sans-serif; margin: 0 0; }


.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.block{ display:block; padding-left:20px}
.textCenter{ text-align: center; }
.textRight{ text-align: right; }
.textLeft{ text-align: left; }

.small{ font-size:10px!important;}


.m5{ margin: 5px;}
.m7{ margin:7px;}
.m10{margin: 10px;}

.m-left-5{margin-left: 5px;}
.m-left-7{margin-left: 7px;}
.m-left-10{margin-left: 10px;}

.m-bottom-10{margin-bottom: 10px;}
.margin-10-0{ margin: 15px 0px 15px 10px;}

.width350{width: 350px;}

/* Easy Slider */

	#slider{ margin: 10px auto; position:relative;}	
	#slider ul, #slider li{
		margin:0px auto;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:200px;
		height:180px;
		overflow:hidden; 
	
		}	
		
#slider li img{ display:block; margin:0px auto;}		
#slider li p{ display:block; margin:0px auto; text-align:center;}	

	#prevBtn, #nextBtn{
		position:absolute;
		top: 100px;
		display:block;
		width:26px;
		height:28px;
		

}	
	#nextBtn{ left: 225px;}	
	
	#prevBtn a, #nextBtn a{  
		display:block;
		width:26px;
		height:28px;
		background: url(../images/btn_prev.gif) no-repeat;
		text-indent: -9999px;

		}	
	#nextBtn a{ 
		background:url(../images/btn_next.gif) no-repeat; float:right;
		}												

/* // Easy Slider */

.callnow{ width:200px; position:absolute; top: 50px; right:0px; }
.callnow h5{ color:#6d9abb!important; font-size:14px;}
.callnow h4{ color:#fff; font-size:20px;}

.nav{ position:relative; height:30px; position:absolute; top:130px; left:0;}

.menu {font-family: arial, sans-serif; width:779px; height:30px; position:relative; margin:0; font-size:11px; margin:20px 0 60px 0; background:#05bbe2; position:relative; z-index:100;}
.menu ul {padding:0; margin:0; list-style-type: none;}

.menu ul li {float:left; border-left:1px solid #eee; width:106px;}

.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; padding:0 10px 0 10px; height:30px; line-height:30px; color:#FFF; background: #05bbe2 url(../../graphics/drop.gif) bottom right no-repeat; font-size:11px;}

.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}

.menu ul li ul {visibility:hidden; position:absolute; top:30px; left:0; }
.menu ul li ul li {float:left; width:auto;}


.menu ul li:hover a,
.menu ul li a:hover {color:#fff; background:#ff9933;}

.menu ul li:hover ul,
.menu ul li a:hover ul {visibility:visible; width:779px;background:#ff9933; color:#fff; float:left;}

.menu ul li:hover ul.right_side li,
.menu ul li a:hover ul.right_side li {float:right; border:0; border-left:1px solid #eee;}

.menu ul li:hover ul.left_side li,
.menu ul li a:hover ul.left_side li {float:left; border:0; border-left:1px solid #eee;}

.menu ul li:hover ul li a.sub,
.menu ul li a:hover ul li a.sub {background:#ff9933 url(../../graphics/drop2.gif) bottom right no-repeat; color:#fff;}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:0; top:30px; }

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {display:block; background:#ff9933; color:#fff;}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {background:#dfc184; color:#000;}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {visibility:visible; color:#000; background:#dfc184;}

.menu ul li:hover ul.right li {float:right;}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {background:#dfc184; color:#000;}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {background:#bd8d5e; color:#fff;}



table { margin:0px auto; font:12px/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif;}
table td.textRight{ color:#3b87c4;}


.textlocation{ color:#3b87c4;}