/* FAQ Style for Greekferries-Club.gr*/

#faq_layout {width:100%; margin:0 0 0 0; border-bottom:2px solid #ffffff; background:#d5e4f9 url(/images/content_bg.gif) repeat-y center; clear:both; padding:30px 0 30px 0;}
	
	#faq_layout #faq_top {background:#ffffff; width:894px; height:6px; margin:0 0 0 0;}
	#faq_layout #faq_middle {width:894px; height:840px; background:#FFFFFF;}
		#faq_layout #faq_middle .leftcol{width:240px;  float:left; text-align:left; padding-right:24px;}
		
			
			.leftcol h3{font-size:11px; margin:0 0 0 0; padding:6px 0 26px 0; text-align:center; font-weight:bold; color:#FFFFFF;}
		 		.leftcol h3 span{font-size:20px; font-weight:normal;}
			.leftcol a{color:#404040; text-decoration:none;}
		 		.leftcol a div.left{float:left; width:21px; height:17px;  margin:0 0 0 20px;}
		 		.leftcol a:hover div.left{background:url(/images/faq/red_dot.gif) no-repeat; background-position:7px 5px; float:left; width:21px; height:17px;}
		 		.leftcol a.selected div.left{background:url(/images/faq/red_dot.gif) no-repeat; background-position:7px 5px; float:left; width:21px; height:17px; }
				.leftcol a div.right{width:153px; height:16px; border-bottom:1px solid #dcdadd; float:left; padding:1px 0 0 8px; cursor:pointer; margin:0 0 0 8px; font-size:12px; }
		 		.leftcol a:hover div.right{border:none; background:#b00517; color:#FFFFFF; _color:#b00517; border-top:1px solid #FFFFFF;}
		 		.leftcol a.selected div.right{border:none; background:#b00517; color:#FFFFFF; border-top:1px solid #FFFFFF;}
				.leftcol div.clear{clear:both; height:0px; _margin-top:-12px;}
				.leftcol div.years{background-image:url(/images/faq/grey_bg_2.jpg); background-repeat:no-repeat; background-position:center; margin:60px 0 15px 0}

		#content_menu{padding:30px 0 0 0; clear:both;}
			#content_menu img{float:left;margin:0 12px 0 21px;}
			#content_menu div a{font-size:12px; padding:0 0 0 0;}
			#content_menu div a:hover{color:#b00517;}
			#content_menu div a.select{color:#b00517;}	
			#content_menu div.clear {clear:both; height:20px; margin:0 0 0 0;}
		
		
		#faq_layout #faq_middle .rightcol{width:630px;  float:left; padding:60px 0 0 0;}
		
			.rightcol #draggable {position:absolute; left:420px; top: 340px; visibility: visible;}	
			.rightcol h2{font-size:16px; font-weight:normal; margin:0 0 0 0; padding:18px 0 0 0; text-align:center; line-height:20px; letter-spacing:0.01em; color:#4d4d4d;}
		 	.rightcol h4{font-size:14px; font-weight:normal; margin:0 0 0 0; padding:8px 0 8px 26px; text-align:left;}
		 	.rightcol div.col{width:208px; border-right:1px solid #c1c1c1; height:325px; float:left; margin:60px 0 0 0; text-align:left; color:#414141;}
		 	.rightcol div.circle{background:url(/images/faq/grey_bg.jpg) no-repeat; font-size:11px; font-weight:bold; color:#FFFFFF; height:58px; margin:0 75px 0 75px; text-align:center; padding:12px 0 0 0;}
		 	.rightcol div.col p{font-size:12px; margin:0 0 0 0; padding:8px 0 8px 16px;}
			.rightcol div.col p a{color:#b00517;}
			.rightcol div.col p a:hover{text-decoration:none;}
			.rightcol div.col p.numbers{float:left; margin-right:4px;}
			.rightcol div.col p.routes{text-align:left; width:166px; *float:right; *padding-left:0px;}
			.rightcol div.col p.routes a{color:#b00517;}
			.rightcol div.col p.routes a:hover{text-decoration:none;}
			.rightcol .lang{margin:0 0 0 16px;}
			.rightcol .lang div{background:url(/images/faq/grey_tick.gif) no-repeat; background-position:0 3px; font-size:12px; padding:0 0 0 16px; margin:0 20px 0 0; float: left; width:50px; height:16px; text-align:left;}
	
			.rightcol div.grey_box{width:498px; background-color:#E9E7E8; border:1px solid #999999; margin:20px 0px 20px 0px;}
				.rightcol div.grey_box h2{padding:10px 0px 10px 0px;}
	
	#faq_layout #faq_bottom {background:#ffffff; width:894px; height:6px; margin-bottom:20px;}

.hiddenDiv {
	display: none;
	}
	
.visibleDiv {
	position:absolute; 
	top:297px;
	_top:352px;
	left:450px; 
	_left:430px;
	width:608px; 
	height:610px; 
	border: 1px solid #000;
	z-index: 100;
	background-color: #e9e7e8;
	-moz-border-radius: 5px;
	-moz-opacity: .95;
	opacity: .95;
	filter: alpha(opacity=95); 
	color:#000000;
	border:1px solid #0b0b0b; 
	display: block;
	}

				
		.visibleDiv #hiden_content {height:518px; margin-top:20px; _height:420px; width:660px; _width:665px; _margin-top:0px;}
		.visibleDiv #hiden_content #leftcol {width:335px; float:left; text-align:left;}
			.visibleDiv #hiden_content #leftcol img{ margin:30px 0 0 70px;}
			.visibleDiv #hiden_content #leftcol img.pie{ margin:60px 0 20px 80px;}
			.visibleDiv #hiden_content #leftcol p{ margin:0 0 0 0; padding:36px 0 26px 0; font-weight:bold; font-size:12px; text-align:center;}
				.visibleDiv #hiden_content #leftcol .explanation {margin:25px 0 0 70px;}
					.visibleDiv #hiden_content #leftcol .explanation img{float:left; margin:0 10px 0 0;}
					.visibleDiv #hiden_content #leftcol .explanation p{padding:0 0 0 0; margin:0 0 0 0; text-align:left; font-weight:bold; clear:none;}
					.visibleDiv #hiden_content #leftcol .explanation p font{font-size:11px;}
			.visibleDiv #hiden_content #rightcol {width:325px; float:left; text-align:left;}
			.visibleDiv #hiden_content #rightcol h1{ font-size:12px; font-weight:bold; color:#7e7e7e; text-align:left; line-height:14px; margin:0 0 0 0; padding:12px 0 12px 0;}
			.visibleDiv #hiden_content #rightcol h2{ font-size:14px; font-weight:bold; color:#7e7e7e; text-align: center; line-height:14px; margin:80px 0 0 0; padding:12px 0 12px 0; line-height:18px;}
			.visibleDiv #hiden_content #rightcol p{ font-size:11px; color:#070707; margin:0 0 0 0; padding:7px 0 7px 0;text-align:left;}
			.visibleDiv #hiden_content #rightcol p.txt{ font-size:11px; color:#070707; margin:0 0 0 0; padding:7px 0 7px 0;text-align:left; line-height:17px;}
			.visibleDiv #hiden_content #rightcol p span{ padding-left:20px;}
		.visibleDiv a{ color:#ffffff; font-size:11px; font-weight:bold; text-decoration:none; }
		.visibleDiv a:hover{ text-decoration:none;}
		.visibleDiv p{ color:#333333; font-size:11px; margin-left:110px; font-weight:normal;  *padding:6px 0 6px 0; *margin:0 0 0 110px;}
		.visibleDiv a.link{ color:#333333; text-decoration:underline;}
		.visibleDiv a.link:hover{ text-decoration:none;}
		.visibleDiv a.blue_link{ color:#085496; text-decoration:none;}
		.visibleDiv a.blue_link:hover{text-decoration:underline;}
		.visibleDiv span{padding-left:13px;}	
		.visibleDiv .close{height:21px; margin:6px 0 6px 0; width:608px; _width:665px; padding:4px 0 0 0; border-bottom:1px solid #383838; border-top:1px solid #383838; background:#787878; cursor:pointer;}
		.visibleDiv .close img{ margin:0 0 4px 0px; padding-right:3px;}
		.visibleDiv .close span{ vertical-align: top;}
	
		.visibleDiv #hiden_content h2{font-size:16px; font-weight:bold; color:#7e7e7e; text-align:center; line-height:18px; margin:0 0 0 0; padding:12px 0 12px 0; }
		.visibleDiv #hiden_content #Column {width:329px; float:left; }
			.visibleDiv #hiden_content #Column p{ text-align:center; margin:0 0 0 0; padding:8px 0 8px 0;}
		.visibleDiv #hiden_content #Border {float:left; border-left:1px solid #7e7e7e; height:320px; margin:10px 0 0 0;}
		.visibleDiv #hiden_content p{text-align:center; margin:0 0 0 0; padding:16px 0 0 0; clear:both; *padding:8px 0 0 0;}
		.visibleDiv #hiden_content img.png{_behavior: url(/css/iepngfix.htc);}

		.visibleDiv #hiden_content #award{width:609px; height:544px;  background:url(/images/faq/award_bg.jpg) repeat-y;}
		.visibleDiv #hiden_content #award .left{width:226px; float:left; padding:98px 0 0 40px;}
		.visibleDiv #hiden_content #award .right{width:342px; float:left;}
		.visibleDiv #hiden_content #award .right p.title{font-weight:bold; font-size:14px; color: #333333; letter-spacing:0.02em;}
		.visibleDiv #hiden_content #award .right p.txt{font-weight:bold; font-size:12px; color:#000000; letter-spacing:0.02em; line-height:16px;}
		.visibleDiv #hiden_content #award .right p.txt font{ font-size:14px;}
		.visibleDiv #hiden_content #award .right div.split{width:50%; float:left; margin:20px 0 0 0;}
		.visibleDiv #hiden_content #award .right div.split p{font-weight:bold; font-size:11px; color:#000000;}
		.visibleDiv #hiden_content #award .right div.split img{margin:10px 10px 0 0;}
		
	.faq_main_box {z-index: 0; position:absolute; width:640px;  height:auto; text-align:left; *top:400px; *left:490px;}
		
.hiddenflashDiv {
	display: none;
	}
	
.visibleflashDiv {
	position:absolute; 
	top:-110px;
	*top:-90px;
	left:0px; 
	*left:-45px; 
	width:608px; 
	height:610px; 
	*height:560px; 
	border: 1px solid #000;
	z-index: 100;
	background-color: #e9e7e8;
	-moz-border-radius: 5px;
	-moz-opacity: .95;
	opacity: .95;
	filter: alpha(opacity=95); 
	color:#000000;
	border:1px solid #0b0b0b; 
	display: block;
	}

		.visibleflashDiv .close{height:21px; margin:6px 0 6px 0; width:608px;  padding:4px 0 0 0; border-bottom:1px solid #383838; border-top:1px solid #383838; background:#787878; cursor:pointer;}
		.visibleflashDiv .close img{ margin:0 0 4px 0px; padding-right:3px;}
		.visibleflashDiv .close span{ vertical-align: top;}
		.visibleflashDiv a{ color:#ffffff; font-size:11px; font-weight:bold; text-decoration:none; }
		.visibleflashDiv a:hover{ text-decoration:none;}