/******************************************************************/
/********************** VISIT KYTHERA v 1.0 ***********************/
/******************************************************************/


/***************************** SHOW *******************************/

body {
	background-color: #7ab82e;
	font-family: Arial, Calibri, Verdana, Geneva, Helvetica, "Lucida Grande", sans-serif;
	font-size: 11px;
	line-height: 1.357em;
	background-image:url(http://www.visitkythera.gr/assets/s/images/bg_pat_02.gif);
	background-position:top;	
	background-repeat:repeat-x;
}

#center {
	width: 990px;
	background-color:#fff;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:20px;
}

/* Top Band */

#topBand {
	width: 990px;
	height: 280px;
	background-color:#fff;
}

/* Top Band subMenu02 - Note: The mainMenu level is 00 & the first level subMenu is 01 */


#tbImage {
	float:left;
	width:630px;
	padding-left:25px;
	padding-top:10px;
}
#tbBanners {
	float:left;
	width:140px;
	padding-left:15px;
}
.tbBanner {
	padding-top:10px;
}

/* Left Column */

#leftColumn {
	float:left;
	margin-top:0px;
	width: 190px;
}

#lcGallery {
	margin:0;
}
.lcGalleryTitle {
	font-size:11px;
	font-weight:bold;
	color:#00b0e8;
	padding:50px 0 5px 20px;
}
.lcGalleryPic {
	padding-left:20px;
}
.lcGalleryMore {
	font-size:10px;
	color:#848996;
	font-weight:bold;
}
.lcGalleryMore a {
	display:block;
	color:#898e9c;
	padding-left:20px;
	padding-right:20px;
	margin-top:5px;
	text-align:right;
}
.lcGalleryMore a:hover {
	color:#00b0e8;
}

#lcDownloads {
	margin:0;
}
.lcDownloadsTitle {
	font-size:11px;
	font-weight:bold;
	color:#cc0000;
	padding:20px 0 5px 20px;
}
.lcDownloads ul {
	padding-left:20px;
	padding-right:20px;
	margin-top:5px;
}
.lcDownloads li {
	font-size:11px;
	margin-left:20px;
	padding: 10px 20px 10px 0px;
	background-image:url(../images/lc_downloads_hr.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
#lcDownloads li.last {
	background-image:none;
}
.lcDownloads li a {
	color:#000;
}
.lcDownloads li a:hover {
	color:#666666;
}
#lcBanners {
	padding: 0 20px 0 20px;
	text-align:center;
}
.lcBanner {
	padding: 10px 0 0 0;
}

/* Center Column */

#centerColumn {
	float:left;
	margin-top:0px;
	width: 640px;
}
#mainContent {
	width:625px;
	padding-left:15px;
}


/* List Sort */

#listSort {
	width: 100%;
	background-color: #e5dfdb;
	color: #999;
	margin-bottom:15px;
}
#listSort .top { 
	background: url(../images/c01_tr.gif) no-repeat top right; 
}
#listSort .mdl {
	height:5px;
	padding: 1px 0 0 10px;
}
#listSort .btm {
	background: url(../images/c01_br.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
#listSort .corner {
   width: 10px;
   height: 10px;
   border: none;
   display:none;
   display: block !important;
}

#listSort .container {
	float:left;
	width:121px;
}
#listSort .txt {
	float:left;
	padding: 5px 0 0 1px;
}
#listSort .dropdown {
	width:121px;
	height:20px;
	padding: 1px 2px 0 2px;
	background-color:#fff;
	color:#00b0e8;
	border-style:solid;
	border-width:1px;
	border-color:#999999;
}
#listSort .btn {
	float:left;
	padding:3px 5px 0 5px;
}

/* List 01 */

#list01 {
	width: 100%;
	background-color: #e5dfdb;
	color: #999;
	margin-bottom:15px;
}
#list01 .top { 
	background: url(../images/c01_tr.gif) no-repeat top right; 
}
#list01 .mdl {
	height:80px;
	padding: 0 0 0 10px;
}
#list01 .photo {
	margin:0;
	padding:0;
	float:left;
}
#list01 .title {
	width:180px;
	height:80px;
	float:left;	
}
#list01 .name {
	padding: 28px 0 2px 5px;
	font-size:16px;
	font-weight:bold;
	color:#483a40;
}
#list01 .address {
	padding-left:5px;
	font-family:Verdana, Arial;
	font-size:11px;
	color:#86b5df;
}
#list01 .stars {
	float:left;
	width:55px;
	padding:35px 2px 0 0;
}
#list01 .contact {
	width:235px;
	height:79px;
	float:left;
	background-image:url(../images/list_dots.gif);
	background-position:left;
	background-repeat:repeat-y;
	font-family:Verdana, Arial;
	font-size:11px;
	padding-left:5px;
}
#list01 .details {
	padding-top:0px;
	padding-bottom:0px;
	overflow:auto;
}
#list01 .details a {
	color:#86b5df;	
}
#list01 .details a:hover{
	padding-top:2px;
	color:#99cc00;	
}

#list01 .more {
	padding-top:33px;
	width:11px;
	padding-left:1px;
	float:left;	
}
#list01 .btm {
	background: url(../images/c01_br.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
#list01 .corner {
   width: 10px;
   height: 10px;
   border: none;
   display:none;
   display: block !important;
}

/* Show Gallery */

#showGallery {
	width: 100%;
	background-color: #eeeae7;
	color: #999;
	margin-bottom:10px;
}
#showGallery .top { 
	background: url(../images/c03_tr.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
#showGallery .mdl {
	padding: 0 0 0 10px;
}
#c_prevb {
	float:left;
	padding:33px 5px 0 5px;
}
#showGallery .gallery {
	margin:0;
	padding:2px;
	display:block;
	float:left;
}
#c_nextb {
	float:left;
	padding:33px 0 5px 5px;
}
#showGallery .btm {
	background: url(../images/c03_br.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
#showGallery .corner {
   width: 10px;
   height: 10px;
   border: none;
   display:none;
   display: block !important;
}

/* Show Left-Right */

.l {
	float:left;
	width:375px;
}
.r {
	float:left;
}

/* Show Description */

#showDescription {
	width: 375px;
	background-color: #635861;
	color: #999;
	margin-bottom:10px;
}
#showDescription .top { 
	background: url(../images/c04_tr.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
#showDescription .mdl {
	padding: 0 10px 0 10px;
}
#showDescription .btm {
	background: url(../images/c04_br.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
#showDescription .corner {
   width: 10px;
   height: 10px;
   border: none;
   display:none;
   display: block !important;
}
#showDescription p {
	color:#fff;
	margin: 0.9em 0 0.9em 0;
	text-align:justify;
}
#showDescription b, #showDescription strong {
	color:#ffcc33;
	font-weight:bold;
}
#showDescription strong {
	color:#ff9900;
	font-weight:bold;
}
#showDescription ul {
	list-style:none;
	list-style-type:none;
	color:#ffcc33;
	padding: 0;
	padding-bottom:3px;
	margin:0;
}
#showDescription li {
	background-image: url(../images/li_desc.gif);
	background-repeat: no-repeat;
	background-position:left;
	padding-left:15px;
}
#showDescription blockquote {
	text-align:justify;
	font-size:11px;
	color:#ffcc33;
	padding: 26px 0px 10px 0px;
	background-image: url(../images/blockquote_desc.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	margin-top: 5px;
	margin-bottom: 10px;
	letter-spacing: 1px;
}

/* Show Prices */

#showPrices {
	width: 375px;
	background-color: #eeeae7;
	color: #999;
	margin-bottom:10px;
}
#showPrices .top { 
	background: url(../images/c03_tr.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
#showPrices .mdl {
	padding: 0 10px 1px 10px;
}
#showPrices .btm {
	background: url(../images/c03_br.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
#showPrices .corner {
   width: 10px;
   height: 10px;
   border: none;
   display:none;
   display: block !important;
}
#showPrices p {
	color:#635861;
	margin: 0.9em 0 0.9em 0;
}
#showPrices b {
	color:#333333;
	font-weight:normal;
}
#mainContent h2 {
	font-size:14px;
	color:#99cc00;
	padding: 3px 0 3px 0;
}
.pricesTable {
	width:100%;
	border-spacing:5px;
}
.pricesTh {
	color:#635861;
	font-size:14px;
	font-weight:bold;
	padding: 0 30px 5px 0;
	vertical-align:top;
}
.pricesThs {
	color:#635861;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding: 0 10px 5px 10px;
	vertical-align:top;
}
.pricesThs span {
	display:block;
	color:#635861;
	font-size:11px;
	font-weight:normal;
	text-align:center;
}
.hotelPrices {
	text-align:center;
	font-size:12px;
	color:#000;
	padding: 5px 0 5px 0;
}
.hotelPricesTitle {
	text-align:left;
	font-size:10px;
	color:#000;
	padding: 5px 0 5px 1px;
}
hr {
	border:0;
	margin:0;
	padding:0;
	font-size:0;
	height:0;
	line-height:0px;
	border:dotted;
	border-width:1px 0 0 0;
	border-color:#635861;
}
.hrPrices {
	border:0;
	margin:0;
	font-size:0;
	line-height:0px;
	height:10px;
	padding: 5px 0 2px 0;
	background-image:url(../images/hor_dots.gif);
	background-position:center;
	background-repeat:repeat-x;
}
.cards {
	font-size:11px;
	font-weight:bold;
	color:#bdada3;
	margin-top:10px;
	padding:0 3px 2px 1px;
}
.reserve {
	text-align:right;
	margin-top:2px;
}
.reserve a {
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#635861;
}
.reserve a:hover{
	color:#cc6600;
}

/* Show Info */

#showInfo {
	width: 240px;
	background-color: #cec0b7;
	color: #999;
	margin-bottom:10px;
	margin-left:10px;
}
#showInfo .top { 
	background: url(../images/c05_tr.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
#showInfo .mdl {
	padding: 0 5px 0 5px;
}
#showInfo .btm {
	background: url(../images/c05_br.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
#showInfo .corner {
   width: 10px;
   height: 10px;
   border: none;
   display:none;
   display: block !important;
}
#showInfo p {
	color:#fff;
	margin: 0.9em 0 0.9em 0;
}
#showInfo b {
	color:#635861;
	font-weight:normal;
}
.hrInfo {
	border:0;
	margin:0;
	font-size:0;
	line-height:0px;
	height:10px;
	padding: 5px 0 2px 0;
	background-image:url(../images/hor_dots_w.gif);
	background-position:center;
	background-repeat:repeat-x;
}
.rooms {
	font-size:14px;
	font-weight:bold;
	color:#fff;
	margin-bottom:2px;
}
.roomsNumber {
	font-size:14px;
	font-weight:bold;
	color:#635861;
	padding-left:5px;
}
.roomsTypes {
	font-size:11px;
	font-weight:normal;
	color:#fff;
	padding-left:1px;
	margin-bottom:7px;
}
.season {
	font-size:14px;
	font-weight:bold;
	color:#fff;
}
.seasonDates {
	font-size:14px;
	font-weight:bold;
	color:#635861;
	padding-left:5px;
}
.lShowInfo {
	float:left;
}
.rShowInfo {
	float:left;
}
.location {
	width:230px;
	width:100%;
	float:left;
}
.cityDistance {
	font-size:14px;
	font-weight:bold;
	color:#635861;
	padding: 6px 0 6px 32px;
	background:url(../images/icons_hotels/city_center.gif) left no-repeat;
}
.beachDistance {
	font-size:14px;
	font-weight:bold;
	color:#635861;
	padding: 6px 0 6px 32px;
	background:url(../images/icons_hotels/seaside.gif) left no-repeat;
}
.portDistance {
	font-size:14px;
	font-weight:bold;
	color:#635861;
	padding: 6px 0 6px 32px;
	background:url(../images/icons_hotels/port.gif) left no-repeat;
}
.airportDistance {
	font-size:14px;
	font-weight:bold;
	color:#635861;
	padding: 6px 0 6px 32px;
	background:url(../images/icons_hotels/airport.gif) left no-repeat;
}
.mapLocator {
	text-align:center;
	padding-left:35px;
}
.mapTxt {
	font-size:11px;
	font-weight:bold;
	color:#fff;
	padding-bottom:5px;
	padding-left:35px;
	text-align:center;
}
.mapTxt a {
	font-size:11px;
	font-weight:bold;
	color:#fff;
}
.mapTxt a:hover {
	font-size:11px;
	font-weight:bold;
	color:#635861;
}

/* Show Xtras */

#showXtras {
	width: 240px;
	background-color: #cec0b7;
	color: #999;
	margin-bottom:10px;
	margin-left:10px;
}
#showXtras .top { 
	background: url(../images/c05_tr.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
#showXtras .mdl {
	padding: 0 0 0 5px;
}
#showXtras .btm {
	background: url(../images/c05_br.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
#showXtras .corner {
   width: 10px;
   height: 10px;
   border: none;
   display:none;
   display: block !important;
}
#showXtras p {
	color:#fff;
	margin: 0.9em 0 0.9em 0;
}
#showXtras b {
	color:#635861;
	font-weight:normal;
}
.iconHotel {
	margin: 1px 6px 1px 0px;
}

/* ---------------------------------------- */

#ccBannerContainer {
	float:left;
	padding-left:15px;
	padding-bottom:30px;
} 
#ccBanner {
	width:140px;
	padding-left:10px;
	float:left;
}
.ccBannerTitle {
	font-size:14px;
	font-weight:bold;
	color:#00b0e8;
	padding:20px 0 0 0;
}
.ccBannerPic {
	padding: 0;
}
.ccBannerArrow {
	padding-top:3px;
}
.ccBannerMore {
	font-size:11px;
	color:#848996;
}
.ccBannerMore a {
	display:block;
	color:#898e9c;
	padding-left:2px;
	line-height: 1.4em;
}
.ccBannerMore a:hover {
	color:#00b0e8;
}

/* Relative Links */

#linksColumn {
	float:left;
	width: 165px;	
	margin-top:0px;
	padding:0 5px 0 5px;
}
#ccLinks {
	width: 155px;
	padding:0 0 0 10px;
}
#ccLinks .title {
	font-size:11px;
	color:#898e9c;
	padding:33px 0 2px 0;
	margin-bottom:3px;
}
#ccLinks ul {
	margin-top:2px;
	padding: 4px 0 5px 0;
}
#ccLinks li {
	font-size:11px;
	display:block;
	padding: 10px 0 10px 0;
	background-image:url(../images/cc_links_hr.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
#ccLinks li a {
	color:#999999;
	display:block;
}
#ccLinks li a:hover {
	color:#333333;
}
#ccLinks li.last {
	background-image:none;
}

#ccQuotes {
	width: 155px;
	padding:0 0 0 10px;
}
#ccQuotes .title {
	font-size:14px;
	color:#999999;
	height:20px;
	padding: 2px 0px 2px 10px;
	background-image: url(../images/quotes_title.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	letter-spacing: 1px;
}
#ccQuotes ul {
	margin-top:2px;
	padding: 4px 0 5px 0;
}
#ccQuotes li {
	font-size:11px;
	display:block;
	padding: 0 0 25px 0;
	color:#00b0e8;
	background-image:url(../images/cc_links_hr.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
#ccQuotes li.last {
	background-image:none;
}

/* Right Column */

#rightColumn {
	float:left;
	margin-top:25px;
	width: 160px;
}
* html #rightColumn {
	margin-right:-3px;
}

/* User Panel*/

#userPanel {
	width:140px;
	padding-left:20px;
	display:block;
	height:25px;
	overflow:hidden;
}
#userPanel ul {
	margin-left:4px;
	overflow: hidden;
}
#userPanel li {
	width:40px;
	display: inline;
	float:left;
	padding-left:2px;
	padding-top:10px;
	margin-bottom:5px;
}
#userPanel li a {
	font-family: Tahoma, Arial;
	font-size:8px;
	font-weight:bold;
	text-decoration: none;
	color: #999999;
	padding: 11px 5px 0px 2px;
}
#userPanel li a:hover {
	color:#666666;
}
.btnSave a {
	background-image: url(../images/btn_matrix.gif);
	background-position: 0px 0px;
}
.btnSend a {
	background-image: url(../images/btn_matrix.gif);
	background-position: -47px 0px;
}
.btnPrint a {
	background-image: url(../images/btn_matrix.gif);
	background-position: -96px 0px;
}
.btnSave a:hover { 
	background-image: url(../images/btn_matrix.gif);
	background-position: 0px 20px;
}
.btnSend a:hover {
	background-position: -47px 20px;
	background-image: url(../images/btn_matrix.gif);
}
.btnPrint a:hover {
	background-image: url(../images/btn_matrix.gif);
	background-position: -96px 20px;
}

/* Search */

.rcSearchContainer {
	width:120px;
	padding-left:24px;
	padding-top:10px;
	display:block;
}
.rcSearch {
	width:80px;
	height:15px;
	padding: 1px 2px 0 2px;
	background-color:#fff;
	color:#00b0e8;
	border-style:solid;
	border-width:1px;
	border-color:#999999;
}
.rcSearchBtn {
	width:22px;
	height:18px;
	padding: 0 2px 2px 2px;
	margin-left:2px;
	background-color:#fff;
	color:#999999;
	font-size:11px;
	font-weight:bold;
	border-style:solid;
	border-width:1px;
	border-color:#999999;
}

/* Banners Right */

#rcBanners {
	margin-top:5px;
	padding: 0 10px 0 20px;
	text-align:center;
}
.rcBanner {
	padding: 10px 0 0 0;
}

/* Banners Right */

#footer {
	background-color:#fff;
}