/*www.johnapts.gr CSS Document
Created by Zefxis Creative - Arvanitaki Athanasia
http://www.zefxiscreative.gr*/

body{padding:0;margin:0;background:url(../buttons/johnapts_bg.gif) repeat-x #fff;font:0.8em/1.4em Verdana, Arial, Helvetica, sans-serif;}

div, h1, h2, h3, p, img, ul, li, a{margin:0;padding:0;}
a{text-decoration:none;color:#003399;}
a:hover{/*color:#0066cc;*/text-decoration:underline;}
a img{border:none;}

/* ---------- basic elements ---------- */
.clr{clear:both;height:1px;}
.spacer{/*clear:both;*/height:20px;}
.spacersm{/*clear:both;*/height:10px;}
.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.pright{text-align:right;}
img.imgleft{margin:0 20px 6px 0;float:left;}
img.imgright{margin:6px 20px 0 0;float:right;}

/*-----------------container  ------------------------*/
#container{width:800px;height:auto;margin:auto;padding:0;position:relative;/*background:url(images/top_bg.jpg) no-repeat left top;*/}

/*-----------------header  ------------------------*/
#header{height:120px;margin:0 auto;width:700px;}

/*-----------------header logo ------------------------*/
#header_logo{float:left;}
#header_logo h1{display:none;}
#header_logo h2{font:bold 0.9em/1.4em "Trebuchet MS", Arial, sans-serif;letter-spacing:0.3em;position:relative;top:-35px;left:132px;}

/*-----------------header right ------------------------*/
#header_right{float:right;margin:10px 0 5px 10px;text-align:right;}
#header_right h1{color:#66ccff;font:italic 1.6em/2em Georgia, "Times New Roman", Times, serif;letter-spacing:0.2em;position:absolute;top:80px;left:420px;}

/*-----------------header buttons with text ------------------------
#header_buttons{margin-top:50px;}
#header_buttons ul{}
#header_buttons ul li{list-style-type:none;display:inline;text-align:center;}
#header_buttons ul li a{color:#fff;font:normal 0.7em/1.0em "Trebuchet MS", Arial, sans-serif;text-transform:uppercase;padding:32px 5px 2px 5px;}
#header_buttons ul li a.home{background:url(../buttons/home.gif) no-repeat 50% 0;}
#header_buttons ul li a.home:hover{background:url(../buttons/contact.gif) no-repeat 50% 0;}
#header_buttons ul li a.contact{background:url(../buttons/contact.gif) no-repeat 50% 0;}
#header_buttons ul li a.contact:hover{background:url(../buttons/home.gif) no-repeat 50% 0;}*/

/*-----------------header buttons without text ------------------------*/
#header_buttons{margin-top:25px;}
#header_buttons ul{width:120px;height:40px;/*position:relative;top:0;left:0;*/}
#header_buttons ul li{float:right/*left*/;list-style-type:none;}
#header_buttons ul li a{display:block;width:25px;height:40px;margin:0 0 0 5px;text-align:center;text-indent:-200000px;/*font-size:0;*/}
#header_buttons ul li.home a{background:url(../buttons/home.gif) center 0 no-repeat;}
#header_buttons ul li.home a:hover{background:url(../buttons/home.gif) center -40px no-repeat;}
#header_buttons ul li.contact a{background:url(../buttons/contact.gif) center 0 no-repeat;}
#header_buttons ul li.contact a:hover{background:url(../buttons/contact.gif) center -40px no-repeat;}

/*-----------------header language ------------------------*/
#header_lang{margin-top:15px;font:normal 0.8em/1.2em "Trebuchet MS", Arial, sans-serif;color:#666666;position:relative;top:-35px;left:-70px;}
#header_lang a{font-size:0;padding:10px 10px 0 10px;}
#header_lang a.gr{background:url(../buttons/gr.png) no-repeat 50% -13px;}
#header_lang a.gr:hover{background:url(../buttons/gr.png) no-repeat 50% 0;}
#header_lang a.en{background:url(../buttons/en.png) no-repeat 50% 0;}
#header_lang a.en:hover{background:url(../buttons/en.png) no-repeat 50% -13px;}
#header_lang a.it{background:url(../buttons/it.gif) no-repeat 50% 0;}
#header_lang a.it:hover{background:url(../buttons/it.gif) no-repeat 50% 0;}
/*#header_lang img{padding:2px 3px 3px 3px;vertical-align:middle;}*/

/* ----------middle ---------- */
#middle{height:440px;/*210px*/margin:0 auto;width:700px/*660px*/;/*background:url(../buttons/bluebay_middle_bg.gif) no-repeat;padding:20px;*/}

/* ----------middle left ---------- */
#middle_left{width:500px;height:210px;float:left;margin-right:15px;}
#middle_left img{margin-top:10px;}
#middle_left object{margin-top:10px;}

/* ----------middle nav 1 // menu 1 ---------- */
#middle_menu{width:145px;float:left;margin-top:10px;}
#middle_menu ul{list-style-type:none;}
#middle_menu ul li{margin-bottom:2px;}
#middle_menu ul li a{display:block;height:25px/*30px*/;padding:5px 3px 0 9px;color:#fff;font:bold 0.9em "Trebuchet MS", Arial, sans-serif;}
#middle_menu ul li a:hover{font-weight:bold;}
#middle_menu ul li#item1{background:url(../buttons/name_menu1.gif) no-repeat;}
#middle_menu ul li#item1:hover{background:url(../buttons/name_menu1_hv.gif) no-repeat;}
#middle_menu ul li#item2{background:url(../buttons/bluebay_menu2.gif) no-repeat;}
#middle_menu ul li#item2:hover{background:url(../buttons/name_menu2_hv.gif) no-repeat;}
#middle_menu ul li#item3{background:url(../buttons/name_menu3.gif) no-repeat;}
#middle_menu ul li#item3:hover{background:url(../buttons/name_menu3_hv.gif) no-repeat;}
#middle_menu ul li#item4{background:url(../buttons/name_menu4.gif) no-repeat;}
#middle_menu ul li#item4:hover{background:url(../buttons/name_menu4_hv.gif) no-repeat;}
#middle_menu ul li#item5{background:url(../buttons/name_menu5.gif) no-repeat;}
#middle_menu ul li#item5:hover{background:url(../buttons/name_menu5_hv.gif) no-repeat;}
#middle_menu ul li#item6{background:url(../buttons/name_menu6.gif) no-repeat;}
#middle_menu ul li#item6:hover{background:url(../buttons/name_menu6_hv.gif) no-repeat;}

/*------start center subnav 1// submenu 1---------*/
#center_subnav{margin:10px 10px 5px 10px;padding:5px 0;font-size:1em;/*background:url(../buttons/button.gif) repeat-x 0 0 #6699FF;*/}
#center_subnav ul{list-style-type:none;}
#center_subnav ul li{display:inline;}
#center_subnav ul li a{display:block;float:left;padding:3px 14px 0 24px;background:url(../buttons/nav_bg.gif) no-repeat top left;color:#3366cc;}
#center_subnav ul li a:hover{padding:3px 14px 0 24px;background:url(../buttons/nav_bg.gif) no-repeat top left;color:#003399; text-decoration:none;}

/* ----------main  ---------- */
#main{background:#fff/*url(../buttons/bluebay_main_bg.gif) no-repeat #55EEFF*/;margin:10px auto 0 auto;width:640px/*660px*/;padding:30px/*20px*/;}

/* ----------main content ---------- */
#main_content{/*background-color:#ccc;*/background:url(../buttons/main_bg.png) no-repeat right 100px #fff;width:440px/*470px*/;margin-left:30px;/*margin-right:15px;*/float:left;/*padding-right:30px;color:#003366;*/}
#main_content h1{font:normal 1.6em Verdana, Arial, Helvetica, sans-serif;/*letter-spacing:-1px;*/color:#003399 /*#0033CC #0066cc*/;margin-bottom:0.5em;background:url(../buttons/h1_bg.gif) no-repeat 0 bottom;padding-bottom:22px;}
#main_content h2{font:normal 1.2em/1.4em Verdana, Arial, Helvetica, sans-serif;color:#0066cc;margin-top:1em;margin-bottom:0.6em;}
#main_content h3{font:normal 1.2em/1.4em Verdana, Arial, Helvetica, sans-serif;color:#003399/*#0033CC #0066cc*/;margin-bottom:0.6em;}
#main_content h4{font:normal 1.1em/1.3em Verdana, Arial, Helvetica, sans-serif;color:#003399/*#0066cc*/;margin-top:1em;margin-bottom:0.6em;}
#main_content h5{font:normal 1.2em Verdana, Arial, Helvetica, sans-serif;color:#fff;background: url(../buttons/heading_bg.gif) no-repeat 0 0 #0099FF;width:300px;margin-top:1.2em;margin-bottom:0;padding:5px 10px 5px 20px;}
/*#main_content h6{font:normal 1.3em/1.4em "Trebuchet MS", Arial, sans-serif;color:#0066cc;margin-top:1.2em;margin-bottom:0.5em;}*/
#main_content .textbg{background:url(../buttons/textbg_bg.gif) no-repeat 100% 0 #ccffff;padding:20px 20px 5px 20px;}
#main_content p{margin-bottom:1em;}
#main_content p.back{font-size:0.8em;}
#main_content p.back a{display:block;margin-top:20px;padding:0 0 0 22px;background:url(../buttons/arrow.gif) no-repeat 0 2px;}
#main_content p.back a:hover{background:url(../buttons/arrow_hv.gif) no-repeat 0 2px;}
#main_content ul{margin:1em 0;padding:0;list-style-type:none;}
#main_content ul li{background:url(../buttons/ul.png) no-repeat 0 4px;padding:0 0 0.5em 20px;}

/* ---------- main_content tables price---------- */
#main_content table.price{margin:1em 0;border-spacing:0;width:85%;border:5px solid #6699FF;font-size:0.9em;line-height:1.6em}
#main_content table.price thead th{background:#6699FF;font-weight:bold;font-size:1.1em;color:#fff;padding:.5em;text-align:center;letter-spacing:0.5em}
#main_content table.price tbody th{background:#3366CC;font-weight:bold;font-size:0.9em;padding:.5em;text-align:center;border:5px solid #6699FF;color:#fff;letter-spacing:0.1em}
#main_content table.price td{background:#ebebeb;/*#AAEEFF color:#203276;*/border:5px solid #6699FF;padding:.2em 1em;}
#main_content table.price tr.trodd td{background:#ebebeb;/*#ccc color:#444;*/border:5px solid #6699FF;}
#main_content table.price td.tdcenter{text-align:center;padding:.2em;}

/* ----------main content boxes ---------- */
#main_content #boxes{margin-top:20px;width:480px;}
#main_content #boxes .box{float:left;width:120px;padding:25px 18px 8px 18px;margin-right:3px;background:#3399FF;position:relative;}
#main_content #boxes .box p{color:#fff;text-align:center;}
#main_content #boxes .box img{margin-bottom:15px;border:1px solid #3399FF;}
#main_content #boxes .box a{color:#fff;font-weight:bold;display:block;}
#main_content #boxes .box a:hover{color:#ccffff;}
#main_content #boxes .box a:hover img{border:1px solid #fff;}
#main_content #boxes .box:hover{background:#0066cc;}

/* ----------main content gallery ---------- */
#main_content #gallery{margin:15px 0;}
#main_content #gallery img{margin:0 10px 10px 0;}

/* ----------main column right ---------- */
#main_column{width:170px/*145px*/;/*padding:10px;*/float:left;/*background-color:#CCCCCC;*/}
#main_column img{margin-bottom:10px;}

/* ----------main column right buttons---------- */
#right_buttons{margin:-5px 0 10px 0;}
#right_buttons a{width:85px; height:48px;display:block;margin-bottom:5px;color:#fff;padding:9px 5px 3px 55px;font:bold 1.0em/1.5em "Trebuchet MS", Arial, sans-serif;}
#right_buttons a span{font-size:1.4em;font-weight:normal;}
#right_buttons a.online{background:url(../buttons/online.gif) no-repeat 0 0;}
#right_buttons a.online:hover{background:url(../buttons/online_hv.gif) no-repeat 0 0;}
#right_buttons a.mail{background:url(../buttons/mail.gif) no-repeat 0 0;}
#right_buttons a.mail:hover{background:url(../buttons/mail_hv.gif) no-repeat 0 0;}

/* ----------main right nav 2 // menu 2 ---------- */
#right_menu {margin:2px 0;}
#right_menu ul{list-style-type:none;}
#right_menu ul li{margin-bottom:5px;border-top:2px solid #0066cc;border-bottom:2px solid #0066cc;}
#right_menu ul li a{display:block;width:133px;padding:2px 4px 3px 8px;color:#fff;font:normal 0.9em "Trebuchet MS", Arial, sans-serif;background:#0099ff;}
#right_menu ul li a.track{display:block;width:133px;padding:2px 4px 3px 8px;color:#fff;font:normal 0.9em "Trebuchet MS", Arial, sans-serif;background:#0066cc;}
#right_menu ul li a:hover, #right_menu ul li a.track:hover{background:#ff6600;}

/* ----------main right other elements---------- */
#main_right #cards{text-align:center;margin:15px 0;}
#main_right #cards img{margin:0 1px;}
#main_right .ssl{text-align:center;margin:5px 0;padding:3px 2px 10px 2px;}
#main_right .ssl p{margin:0.5em 0;font-size:0.8em;line-height:1.2em;}
/*#main_right .ssl{background:#fff;text-align:center;font-size:0.8em;line-height:1em;margin:5px 0;padding:3px 2px 10px 2px;border:1px solid #003399;}*/

/* ----------main bottom ---------- */
#main_bottom{background:url(../buttons/mainbottom_bg.gif) no-repeat;margin:0 auto;width:700px;height:50px;clear:both;}

/* ----------footer---------- */
#footer{margin:0 auto;width:660px;padding:15px 20px;}

/* ----------footer nav ---------- */
#footer div.bottom_nav{/*background-color:#ebebeb;*/color:#6699ff;margin:0 -20px 20px -20px;padding:5px;font:0.8em/1.2em Verdana, Arial, Helvetica, sans-serif;text-align:center;}
#footer div.bottom_nav a{color:#3366cc;}
#footer div.bottom_nav a:hover{color:#003399;text-decoration:none;}

/* ----------footer copy ---------- */
#footer div.copy{color: #333333/*#006699*/;margin:2px 5px 2px 0;float:left;width:400px;font:0.9em/1.4em Verdana, Arial, Helvetica, sans-serif;}

/* ---------- footer valid ---------- */
#footer div.valid{margin:3px 0 3px 5px;float:right;width:250px;text-align:right;}

/* ---------- footer zefxis creative ---------- */
#footer div.zefxis{float:right;width:240px;margin:2px 5px 0 5px;color: #666666;text-align:right;font:normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer div.zefxis p{/*color:#fff;*/}
#footer div.zefxis a{/*color:#fff;font-weight:bold*/}
#footer div.zefxis a img{/*border:none;margin-right:4px;*/}

/* ---------- form elements ---------- */
form{margin:10px 0;}
form label{display:block;margin:10px 5px 0 0;font-size:1em;line-height:1.3em;color:#036;padding-bottom:5px;}
form input, form textarea, form select{color:#0066cc;background-color:#fff/*#CCFFFF*/;}
form input, form textarea{font-size:0.9em;border:none;font-family:Arial, Helvetica, sans-serif}
form select{font-size:1em;border:1px solid #3399FF;}
form input, form textarea{padding:5px;}
form textarea{border:none;}
form checkbox{vertical-align:middle;padding:3px;}

form input[type=submit], form input[type=reset], form.frmcontact input[type=submit], form.frmcontact input[type=reset]{color:#fff;background:url(../buttons/button.gif) repeat-x 0 0 #6699FF;border:none;padding:4px;margin:5px 10px 5px 0;font-size:0.8em;width:auto;font-weight:bold;}
form input[type=submit]:hover, form input[type=reset]:hover{background:url(../buttons/button_hv.gif) repeat-x 0 0 #6699FF;} 

form p.frmnote{font-size:0.9em;line-height:1.2em;margin:5px 0 2px 0;}

form.frmcontact{padding:12px 20px;background:#6699FF;width:310px;}
form.frmcontact input, form.frmcontact textarea, form.frmcontact select{width:300px;}
form.frmcontact label{color:#fff;}
form.frmcontact select.pax{font-size:1em;border:1px solid #3399FF;width:49%;}
form.frmcontact select.month{font-size:1em;border:1px solid #3399FF;width:40%;}
form.frmcontact select.year, form.frmcontact select.date{font-size:1em;border:1px solid #3399FF;width:28%;}
form.frmcontact p.frmnote{color:#fff;margin-top:8px;}

form.frmnews{background:#0066CC;padding:5px;}
form.frmnews label{font-size:1em;margin:0 0 2px 0;color:#99CCFF;}
form.frmnews input{font:normal 0.8em Arial, Helvetica, sans-serif;padding:2px;width:130px;background:#0099ff;color:#fff;}
form.frmnews input[type=submit]{font:bold 0.7em "Trebuchet MS", Arial, Helvetica, sans-serif;background:url(../buttons/submit_bg.gif) no-repeat 100% 2px #0066CC;text-align:right;margin:3px 0 0 0;padding:0 16px 0 0;color:#99CCFF;} 
form.frmnews input[type=submit]:hover{color:#fff;background:url(../buttons/submit_bg_hv.gif) no-repeat 100% 2px #0066CC;}