/* 
Created by Atanas Mahony for ChiosOnline - www.chiosonline.gr
*/

@import url("master.css");

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

body{ background: #82dfff url(images/bgr.jpg) repeat-x;}

p{font: normal 13px/1.5 Arial, Helvetica, sans-serif; color:#333; margin-bottom: 5px;}

a:link{font: normal 13px/1.5 Arial, Helvetica, sans-serif; color:#008aff; text-decoration:none;}
a:hover{font: normal 13px/1.5 Arial, Helvetica, sans-serif; background:#deeefc; border-bottom: 1px dashed;  text-decoration:none; }
a:visited{font: normal 13px/1.5 Arial, Helvetica, sans-serif; color:#508abc;  text-decoration:none; }
a:active{font: normal 13px/1.5 Arial, Helvetica, sans-serif; color:#008aff;  text-decoration:none; }
a:focus{font: normal 13px/1.5 Arial, Helvetica, sans-serif; color:#008aff; text-decoration:none; }


h1{font: normal 22px/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif; color:#008aff;}
h2{font: normal 18px/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif; color:#008aff;}
h3{ font: bold 14px/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif; color:#008aff;}
h4{ font: bold 14px/1.5 Arial, Helvetica, sans-serif; color:#d6d6d6; border-bottom: 1px solid; margin: 7px 0px 7px 0px;}
h5{ font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#008aff;}
h6{}

/* Structure
----------------------------------------------- */
div#wrap {min-width: 900px; width:905px; margin: 0px auto;}

/* // Header */

div#logo{ float:left;}


/* // Content */

div#container{ width: 100%; border:1px #999999 solid; background:#FFFFFF;}
div#sidebar {float: left;width: 228px;background: white; margin: 5px 0px 10px 5px; display:inline;}
div#content {float: right; background: #fff; width: 669px;height: 1%; display:inline; margin: 5px 0px 10px 3px;}
div#bottom {background: #fff; margin-bottom: 2px;}


div#submenu{ float:left; position:relative; top: -240px;}
div#submenu1{ float:right; position:relative; top: -240px;}


/* sidebar styles*/

.sidebar-topblue { background:#003399 url(images/welcomebg.jpg) no-repeat top left; width:228px; height:242px; display:block; margin:0; padding:0;}






/* // Footer */

div#footer {clear: both;width: 100%;}


/* Navigation
----------------------------------------------- */
#nav {margin:35px 0 0px 0;}

    #nav {
      float:left;
      width: auto;
      background:#15a0d6 url("images/bg.gif") repeat-x bottom;
      }
    #nav ul {
      margin:0;
      padding:10px 7px 0;
      list-style:none;
      }
    #nav li {
      float:left;
	  display:inline;
      background:url("images/right_both.gif") no-repeat right top;
      margin:0 0 0 9px;
      padding:0;
      }
    #nav a {
      float:left;
      display:block;
      position:relative;
      left:-9px;
      margin-right:-9px;
      width:.1em;
      background:url("images/left_both.gif") no-repeat left top;
      padding:5px 20px;
      text-decoration:none;
      font-weight:bold;
      color:#fff;
      }
	  #nav a { border-bottom:none;}
    #nav > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav a {float:none;}
    /* End IE5-Mac hack */
    #nav a:hover {
      color:#333;
      }
    #home #nav-home, 
    #loc #nav-loc,
    #conn #nav-conn, 
    #hist #nav-hist,
    #att #nav-att,
    #serv #nav-serv,
    #info #nav-info {
      background-position:100% -150px;
      }
  #home #nav-home a, 
    #loc #nav-loc a,
    #conn #nav-conn a, 
    #hist #nav-hist a,
   #att #nav-att a,
    #serv #nav-serv a,
   #info #nav-info a {
      background-position:0 -150px;
      padding-bottom:6px;
      color:#333;
      }
	  /* not for IE5.x or IE6 */
    #nav li:hover, 
	#nav li:hover a {
      background-position:100% -150px;
      color:#af7105;
      }
    #nav li:hover a {
      background-position:0 -150px;
      }
	  



#navgr {margin:35px 0 0px 0;}

    #navgr {
      float:left;
      width: auto;
      background:#15a0d6 url("images/bg.gif") repeat-x bottom;
      }
    #navgr ul {
      margin:0;
      padding:10px 7px 0;
      list-style:none;
      }
    #navgr li {
      float:left;
	  display:inline;
      background:url("images/right_both.gif") no-repeat right top;
      margin:0 0 0 9px;
      padding:0;
      }
    #navgr a {
      float:left;
      display:block;
      position:relative;
      left:-9px;
      margin-right:-9px;
      width:.1em;
      background:url("images/left_both.gif") no-repeat left top;
      padding:5px 15px;
      text-decoration:none;
      font-weight:bold;
      color:#fff;
      }
	  #navgr a { border-bottom:none;}
    #navgr > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navgr a {float:none;}
    /* End IE5-Mac hack */
    #navgr a:hover {
      color:#333;
      }
    #home #nav-home, 
    #loc #nav-loc,
    #conn #nav-conn, 
    #hist #nav-hist,
    #att #nav-att,
    #serv #nav-serv,
    #info #nav-info {
      background-position:100% -150px;
      }
  #home #nav-home a, 
    #loc #nav-loc a,
    #conn #nav-conn a, 
    #hist #nav-hist a,
   #att #nav-att a,
    #serv #nav-serv a,
   #info #nav-info a {
      background-position:0 -150px;
      padding-bottom:6px;
      color:#333;
      }
	  /* not for IE5.x or IE6 */
    #navgr li:hover, 
	#navgr li:hover a {
      background-position:100% -150px;
      color:#af7105;
      }
    #navgr li:hover a {
      background-position:0 -150px;
      }
	  











/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: auto; /* Width of Menu Items */
background: #fff  url(images/arrow2.gif) no-repeat scroll 5px 0.5em; 
}
	
.suckerdiv ul li{
position: relative;
}


/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 230px; /*sub menu width*/
top: 0;
visibility: hidden;
background:#d6d6d6;
padding: 1px 1px 3px 1px;


}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #008aff;
font: normal 13px/1.5 Arial, Helvetica, sans-serif;
text-decoration: none;
background: #D7F5FF  url(images/arrow2.gif) no-repeat scroll 5px 0.5em; 
padding:0.1em 0.3em 0.1em 15px;
border: 1px solid #fff;
border-bottom: 0;
text-indent: 5px;
}

.suckerdiv ul li a:visited{
color: #508abc;
background: #D7F5FF  url(images/arrow2.gif) no-repeat scroll 5px 0.5em; 

}

.suckerdiv ul li a:hover{
background: #deeefc url(images/arrow2.gif) no-repeat scroll 5px 0.5em;
}

.suckerdiv .subfolderstyle{
/*background: url(images/arrow.gif) no-repeat 145px 5px;*/
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

.suckerdiv ul .bottomli{
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom:1px solid #FFE47A;
}

.suckerdiv ul li .bottomli{
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom:1px solid #FFE47A;
}

	  
	  
	  

/* Classes
----------------------------------------------- */

/* // Image Classes */

.homeimg { display:inline; margin: 0px 3px 5px 3px; float:left;}
.chiosonlineimg { display:inline; margin: 0px 0px 5px 3px; float:left;}
.pimage{ margin-right: 40px;}

.imgleft{ margin: 5px 10px 5px 0px; float:left;}
.imgright{ margin: 5px 10px 5px 10px; float:right;}
.imageright .caption {font-size: 80%; font-family: Verdana, Arial, sans-serif; text-align: center;}





#langnav{ float:right; display:inline; width: 200px; height:30px; background:none; position:absolute; top: 7px; right: 170px; padding-top:0px;}
#langnav ul{padding-top: 0px;}
#langnav ul li{float:right; padding-right: 10px;}

.flag, .flag:hover, .flag:visited, .flag:active, .flag:focus { border: none; text-decoration: none; background: none; padding: 0; margin: 0;}
.flag:hover { border-bottom: 1px #FFFFFF dashed; padding: 0; margin: 0;}




/* // List Classes */

.lista{display:block; float:left; font: normal 13px/1.5 Arial, Helvetica, sans-serif; color:#333; margin-bottom: 5px;}
.lista ul {list-style:circle;}
.lista ul li {margin-left:10px; padding-bottom:10px;}


/* // Other Classes */

.alignleft{ text-align:left;}
.alignright{ text-align:right;}
.aligncenter{text-align:center;}


.padding15px{ padding: 15px;}


.left{ float:left;}
.right{ float:right;}
.clear { clear:both;}

.sep {height: 3px; background: url(images/sep1.gif) repeat-x center; width:auto; margin: 7px 0px; display:block;}
.sep1 {height: 10px; background: url(images/sep1.gif) repeat-x center; width:auto; margin: 7px 0px; display:block;}


/* Typografy
----------------------------------------------- */


/* common */

.contentlink:link{font: normal 13px/1.5 Arial, Helvetica, sans-serif; color:#008aff; text-decoration:none; background: url(images/bullet_orange.gif) no-repeat scroll 1px 0.1em; padding:0.1em 0.3em 0.1em 16px; display: inline;}
.contentlink:hover{background:#deeefc url(images/arrow.gif) no-repeat scroll 3px 0.4em; border-bottom: 1px dashed;}
.contentlink:visited{font: normal 13px/1.5 Arial, Helvetica, sans-serif; color:#508abc; text-decoration:none; background: url(images/bullet_orange.gif) no-repeat scroll 1px 0.1em; padding:0.1em 0.3em 0.1em 16px; display: inline;}
.contentlink:active{ color:#008aff;}


.colorlink:link{font: normal 10px/1.5 Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; background: #0099ff; padding: 5px 7px; display:inline;}
.colorlink:hover{ background: #ffcc00; color:#af7105; border-bottom:none;}
.colorlink:visited{font: normal 10px/1.5 Arial, Helvetica, sans-serif; color:#fff; background:#0099ff; padding: 5px 7px; display:inline;}
.colorlink:active{ color:#fff; background:#0099ff;}





/* sidebar */

.whitetext{ font: normal 13px/1.5 Arial, Helvetica, sans-serif; color: white;}
.bold{ font-weight:bold;}
h2.whitetitle { color:#FFFFFF; text-align:center; margin: 5px;}

/* content */

.contenttitle { margin: 5px 3px 3px 3px; display: block;}
div#content p{ display:block; float:left; padding: 5px 20px 5px 5px;; margin:0px 0px 5px 0px;}


.footertext{ font-size: 11px; color:#5594aa; margin:5px 0px;}

.whitelink:link{font: bold 11px/1.5 Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; background: none; padding: 0px 0px; display:inline;}
.whitelink:hover{ background: none; color:#fff;}
.whitelink:visited{ color:#fff; background: none;}
.whitelink:active{ color:#fff; background: none;}


/* Tables
----------------------------------------------- */

table { background: #E1F8FF; border: 1px #82DFFF solid; float:left; width: 98%; border-collapse:collapse;}
table td {font: normal 13px/1.5 Arial, Helvetica, sans-serif; padding: 3px 10px; border-bottom: 1px #82DFFF solid;}
table tr {}
table th { background:#ebd897; font: bold 11px/1.5 Arial, Helvetica, sans-serif; padding: 1px; color:#af7105; text-align:center;}




/* Accommodation List
----------------------------------------------- */
.accomlist {
font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
border: 1px solid #D6DDE6;
border-collapse: collapse;
}
.accomlist td, .accomlist th {
border: 1px solid #D6DDE6;
text-align: right;
padding: 0.2em;
}
.accomlist th {
border: 1px solid #828282;
background-color: #00A1FF;
color:#FFFFFF;
font-weight: bold;
padding: 0.2em;
text-align:center;
}
.accomlist caption {
font: bold 120% "Times New Roman", Times, serif;
background-color: #B0C4DE;
color: #33517A;
padding: 0.4em 0 0.3em 0;
border: 1px solid #789AC6;
text-align:center;
}
.accomlist ul {
list-style:none;
}

.accomlist a:link{font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif; color:#008aff; text-decoration:none;}

.accomlist a:hover{font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif; background:#deeefc; border-bottom: 1px dashed;  text-decoration:none; }

.accomlist a:visited{font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif; color:#508abc;  text-decoration:none; }

.accomlist a:active{font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif; color:#008aff;  text-decoration:none; }

.accomlist a:focus{font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif; color:#008aff; text-decoration:none; }



/* Hotels List
----------------------------------------------- */
.hotelslist {
font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
border: 1px solid #D6DDE6;
border-collapse: collapse;
}
.hotelslist td, .hotelslist th {
border: 1px solid #D6DDE6;
text-align: center;
padding: 0.2em;
font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.hotelslist th {
border: 1px solid #828282;
background-color: #00A1FF;
color:#FFFFFF;
font-weight: bold;
padding: 0.2em;
text-align:center;
}

.hotelslist a:link{font: 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif; color:#008aff; text-decoration:none;}

.hotelslist a:hover{font: 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif; background:#deeefc; border-bottom: 1px dashed;  text-decoration:none; }

.hotelslist a:visited{font: 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif; color:#508abc;  text-decoration:none; }

.hotelslist a:active{font: 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif; color:#008aff;  text-decoration:none; }

.hotelslist a:focus{font: 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif; color:#008aff; text-decoration:none; }

.hotelslist caption {
font: bold 120% "Times New Roman", Times, serif;
background-color: #B0C4DE;
color: #33517A;
padding: 0.4em 0 0.3em 0;
border: 1px solid #789AC6;
text-align:center;
}


/* css updates 2.9.11 */

.speciallink{ background:#fff url(images/arrow_blt.png) no-repeat 4px center; border: 1px solid #d9e8ed; border-width:1px 0px; padding:3px 5px 3px 15px; display:block;}
a.speciallink:hover{background:#fff url(images/arrow_blt.png) no-repeat 6px center; border: 1px solid #d9e8ed; border-width:1px 0px; padding:3px 5px 3px 15px; display:block; color:#ff9129;}


.special_row td{ background:#efffe2; color:#314520;}