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

body{padding:0px;margin:0px;background:url(../buttons/lotustours_bg.png) repeat-x #003da3;font:80%/140% Arial, Helvetica, sans-serif;color:#fff/*919191*/;}

div, ul, h1, h2, h3, h4, h5, li, p, img, a{margin:0;padding:0;}
ul{list-style-type:none;}
a{text-decoration:none;color:#94B8DB;font-weight:bold;}
a:hover, a:active{text-decoration:underline;color:#ccc;}
a img{border:none;}

/* ---------- basic elements ---------- */
.clr{clear:both;height:1px;}
.spacer{clear:both;height:20px;}
.spacersm{clear:both;height:10px;}
.divider{background-color:#DBE3E7;clear:both;height:2px;margin:10px 0;}
.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.back{font:normal 0.8em Verdana, Arial, Helvetica, sans-serif;text-align:right;}
img.imgleft{margin:0 18px 6px 0;}
img.imgright{margin:6px 18px 0 0;}

#container{width:1000px;margin:0 auto;}

#header{background:url(../buttons/header_bg.png) 0 0 no-repeat;min-height:270px;padding:0 120px;/*background:yellow;*/}

#headerleft{float:left;width:300px;margin:0 10px 0 0;/*background:red;*/}

#logo{padding:20px 0 0 20px;}
#logo h1{font:normal 28px/38px "Times New Roman", Times, serif;color:#000066/*#003399*/;}
#logo h1 a{color:#000066/*#003399*/;text-decoration:none;}

h1.hide{display:none;}

#home{float:left;margin:60px 0 0 25px;padding:0 0 0 0;width:85px;}
#home ul{/*width:120px;height:40px;position:relative;top:0;left:0;*/}
#home ul li{float:left;list-style-type:none;}
#home ul li a{display:block;height:32px;width:60px;padding:18px 0 0 25px;margin:0 0 0 0/*20px*/;color:#cc9933;font-size:95%;font-weight:normal;text-decoration:none;/*text-transform:uppercase;text-indent:-200000px;*/}
#home ul li a:hover, #home ul li a:active{color:#ccc/*ccffff;*/}
#home ul li a.home{background:url(../buttons/home.png) 0 0 no-repeat;}
#home ul li a:hover.home, #home ul li a:active.home{background-position:0 -52px;}
/*#home ul li a.contact{background:url(../buttons/contact.gif) 0 0 no-repeat;}
#home ul li a:hover.contact{background:url(../buttons/contact_hv.gif) 0 0 no-repeat;}*/

#note{margin:10px 0 0 0;float:left;}
#note h1{font:normal 15px/20px Arial, Helvetica, sans-serif; font-style:italic;color:#003399/*#6699cc*/;display:block;padding:45px 0 5px 5px;background:url(../buttons/note.png) -2px 0 no-repeat;height:70px;width:185px;}


#headerright{padding:0 0 0 0;margin:0 0 0 300px;/*background:green;*/}

#lang{margin:5px 0 0 300px;/*margin:-15px 0 0 280px;background:red;width:115px;*/}
#lang img{padding:5px 3px 0 3px;}


#main{background:url(../buttons/main_bg.png) 0 0 no-repeat;min-height:550px/*570px*/;/*background:red;*/}

#main #content{margin:0 120px;width:760px/*1000px - ??? 760px ??? from .indextext*/;text-align:left;}/*{margin:0 120px;width:1000px;text-align:left;}*/

#main #content #contentleft{width:285px;margin:20px 0 0 15px;float:left;/*background:blue;*/}

#main #content #contentleft .offer a{display:block;width:175px;height:70px;/*w290px-h80px*/margin:0 0 0 0;font:bold 14px Verdana, Arial, Helvetica, sans-serif;line-height:140%;text-decoration:none;color:#ebebeb;padding:30px 80px 0 30px;background:url(../buttons/offer.png) 0 0 no-repeat;}
#main #content #contentleft .offer a:hover{color:#fff;background:url(../buttons/offer.png) 0 -100px no-repeat;}
#main #content #contentleft ul{}
#main #content #contentleft ul li{list-style-type:none;}
#main #content #contentleft ul li a{display:block;width:190px;height:55px;/*w290px-h80px*/margin:0 0 0 0;font:normal 15px Verdana, Arial, Helvetica, sans-serif;color:#cc9933;padding:25px 3px 0 97px;}
#main #content #contentleft ul li a:hover, #main #content #contentleft ul li a:active{text-decoration:none;color:#ccc;}
#main #content #contentleft ul li a.leftnav1{background:url(../buttons/leftnav1.png) 0 0 no-repeat;}
#main #content #contentleft ul li a:hover.leftnav1, #main #content #contentleft ul li a:active.leftnav1{background-position:0 -80px;}
#main #content #contentleft ul li a.leftnav2{background:url(../buttons/leftnav2.png) 0 0 no-repeat;}
#main #content #contentleft ul li a:hover.leftnav2, #main #content #contentleft ul li a:active.leftnav2{background-position:0 -80px;}
#main #content #contentleft ul li a.leftnav3{background:url(../buttons/leftnav3.png) 0 0 no-repeat;}
#main #content #contentleft ul li a:hover.leftnav3, #main #content #contentleft ul li a:active.leftnav3{background-position:0 -80px;}
#main #content #contentleft ul li a.leftnav4{background:url(../buttons/leftnav4.png) 0 0 no-repeat;}
#main #content #contentleft ul li a:hover.leftnav4, #main #content #contentleft ul li a:active.leftnav4{background-position:0 -80px;}

/*#main #content #contentleft .text{width:160px;margin:0 27px 0 0;float:left;text-align:left;color:#fff;padding-right:10px;}
#main #content #contentleft .text h1{font:normal 140%/150% Arial, Helvetica, sans-serif;color:#ccc;font-family:Arial, Helvetica, sans-serif;margin:0 0 10px 0;}
#main #content #contentleft .text p{font:normal 110%/140% Arial, Helvetica, sans-serif;margin:0 0 10px 0;}*/

#main #content #contentright{width:450px;margin:0 0 0 310px;padding:0 ;/*float:left;background:black;*/}
#main #content #contentright h1{font:bold 200%/140% Georgia, Geneva, serif;padding:25px 0 15px 0;color:#6699cc;/* cc9933 background:black;*/}
#main #content #contentright h2{font:normal 140%/140% Arial, Helvetica, sans-serif;padding:10px 0;color:#ccc;/*background:black;*/}
#main #content #contentright h4{font:bold 150%/150% Georgia, Geneva, serif;padding:10px 0;color:#6699cc;/*background:black;*/}
#main #content #contentright h5{font:bold 140%/140% Georgia, Geneva, serif;padding:25px 0 5px 0;color:#ccc;/*background:black;*/}

#main #content #contentright p{font:normal 100%/150% Arial, Helvetica, sans-serif;margin:0 0 15px 0;color:#fff;/*background:black;*/}



/*------------------------ footer ---------------*/
#footer{width:1000px;background:url(../buttons/footer_bg.png) 0 0 no-repeat;padding:80px 0 30px 0;}

#footer div.footcont{width:760px;margin:0 120px;}

#footer ul.footnav{width:500px;float:left;text-align:left;margin:30px 0 5px -5px;font:100%/150% Arial, Helvetica, sans-serif;color:#6699cc}
#footer ul.footnav li{display:inline;}
#footer ul.footnav li a{margin:0 5px;color:#6699cc;font-weight:normal/*#99cccc#ccffff*/;}
#footer ul.footnav li a:hover, #footer ul.footnav li a:active{color:#ccc;text-decoration:none;}

#footer div.copy{width:500px;float:left;text-align:left;margin:15px 0;font:95%/140% Arial, Helvetica, sans-serif;color:#6699cc}


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

/* ---------- footer valid ---------- */
#footer div.valid{width:240px;float:right;text-align:right;margin:10px 0;color:#996600;font:0.9em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;}
#footer div.valid div.val{float:right;margin:0 0 0 5px;width:65px;height:18px;display:block;text-align:left;}
#footer div.valid div.val a{height:16px;line-height:15px;display:block;background:url(../buttons/valid_arrow.png) 100% 0 no-repeat #6699cc;color:#003399;font-size:10px;border:1px solid #fff;font-weight:bold;text-decoration:none;text-transform:uppercase;padding:0 5px 0 3px;}
#footer div.valid div.val a:hover, #footer div.valid div.val a:active{background:url(../buttons/valid_arrow.png) 100% -16px no-repeat #003399;color:#6699cc;border:1px solid #6699cc;}


/* ---------- form elements ---------- 
form{margin:20px 0px;padding:0px;}
form label{display:block;margin:10px 5px 4px 0px;}
form input, form textarea, form select{font-family:Arial, Helvetica, sans-serif;color:#999;background-color:#f4f4f4;}
form input, form textarea{font-size:105%;border:1px solid #ececec;}
form select{font-size:105%;border:1px solid #ececec;}
form input, form textarea{padding:4px;}
form textarea{border:1px solid #ececec;}
form checkbox{vertical-align:middle;padding:3px;}
form .button{color:#6182A2;background-color:#DBE3E7;padding:3px;border:1px solid #D7D7D7;margin:5px 10px 5px 0;}
form .button:hover{color:#406384;background-color:#CCE0EB;border:1px solid #B9CAD0;} 
form.contactform{}*/

/* ---------- form elements ---------- */
form{margin:5px 0px;}
form label{display:block;margin:6px 10px 1px 10px;font-size:0.8em;line-height:1.5em;color:#003399;}
form input, form textarea, form select{color:#003399;background-color:#94b8db;font-family:Arial, Helvetica, sans-serif;margin:0 10px 3px 10px;}
form input, form textarea{font-size:0.9em;border:none;}
form select{font-size:0.9em;border:1px solid #94b8db;/*padding:3px;border:none;*/}
form input, form textarea{padding:3px;}
form textarea{border:none;font-size:1em;}
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:#ebebeb;background:/*url(../buttons/button.gif) repeat-x 0 0*/ #3566b0;border:none;padding:5px;margin:20px 50px 10px 10px;font-size:0.8em;width:auto;font-weight:bold;cursor:pointer;}
form input[type=submit]:hover, form input[type=reset]:hover{background:/*url(../buttons/button_hv.gif) repeat-x 0 0*/ #6699cc;color:#fff;} 

#main #content #contentright td.frmtdnote{font-size:0.9em;padding:5px 10px;color:#ccc;} 
#main #content #contentright td.frmtdtext{font-size:1.0em;padding:5px 10px;color:#ccc;} 

#main #content #contentright td.frmtdtitle{font:normal 120%/150% Arial, Helvetica, sans-serif;padding:15px 10px 0 10px;color:#6699cc;font-weight:bold;/*background:black;*/}

form.frmcontact{padding:5px 5px 10px 5px;background:url(../buttons/accordion_bg.png) 0 0 repeat-y /*#6699cc*/;width:440px;}
form.frmcontact input, form.frmcontact textarea{width:190px;}
form.frmcontact input.sminput{width:40px;}
form.frmcontact label{color:#ccc;}
form.frmcontact select{width:200px;}
form.frmcontact select.slctours{width:300px;}
form.frmcontact select.slcmonth{width:140px;float:left;}
form.frmcontact select.slcdate{width:60px;float:left;margin:0 0;}
form.frmcontact select.slcyear{width:80px;float:left;}


@media print{
form.contactform{
display:none !important;}}


#main #content #contentright .accordion{/*BORDER-BOTTOM:#c4c4c4 1px solid;*/ width:450px;margin:30px 0 0 0;}
#main #content #contentright .accordion h3{/*BORDER-BOTTOM:#c4c4c4 1px;BORDER-LEFT:#c4c4c4 1px solid;BORDER-RIGHT:#c4c4c4 1px solid;BORDER-TOP:#c4c4c4 1px solid;MARGIN:0px;background:url(images/arrow-square.gif) right -51px no-repeat #6699cc;*/font:normal 130%/100% Arial, Helvetica, sans-serif; color:#6699cc/*6003399*/; cursor:pointer;padding:10px 15px;background:url(../buttons/accordion_h3_bg.png) 0 0 no-repeat;}
#main #content #contentright .accordion h3:hover{/*BACKGROUND-COLOR:#e3e2e2*/background:url(../buttons/accordion_h3_bg.png) 0 -36px no-repeat;color:#ccc;}
#main #content #contentright .accordion h3.active{/*BACKGROUND-POSITION:right 5px*/background:url(../buttons/accordion_h3_bg.png) 0 -72px no-repeat;color:#ccc;}
#main #content #contentright .accordion div{/*BORDER-LEFT:#c4c4c4 1px solid;BORDER-RIGHT:#c4c4c4 1px solid;*/padding:15px 15px 15px 15px;background:url(../buttons/accordion_bg.png) 0 0 repeat-y;}
#main #content #contentright .accordion div img{padding:0 10px 10px 0;}
#main #content #contentright .accordion div p{}
#main #content #contentright .accordion div p.nosmoke{font:bold 80%/150% Arial, Helvetica, sans-serif;text-align:right;margin:0 5px 0 0;padding:10px 35px 10px 0; background:url(../buttons/nosmoking.png) 100% 2px no-repeat;}


