/* CSS Document */

div, span, body, h1, h2, h3, h4, p, a, ul, li, font, input, textarea, option, select, button{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

body {
	margin: 0px 0px 0px 0px;
	background-color:#FFFFFF;
}

#site {
	margin:0 auto;
	width:870px;
	background-color:#FFFFFF;
}

.cleaner {
	clear:both;
}

a {
	text-decoration:none;
	color:#000000;
}

.float {
	float:left;
}

.floatr {
	float:right;
}

a:hover {
	text-decoration:underline;
}

h1, h2, h3, h4, form {
	padding:0;
	margin:0;
}

p {
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.nonvisible {
	color: #A0A0A0 ;	
}

/******************************************************************/
/************************* HEADERS ********************************/
/******************************************************************/

#top {
	margin: 5px 0px 0px 0px ;
	position:relative;
	background:url(images/top_left_bg.jpg) no-repeat left;
	height:46px;
}

#top #login {
	position:absolute ;
	left:43px;
	top:8px;
	width:179px;
	height:26px;
	border-top:2px solid #B16AA6;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	background-color:#C378A8 ;
	background:url(images/login_bg.jpg) repeat-y right;
	text-align: center;
	color: #FFFFFF;	
}

#login a {
	color: #FFFFFF;
	font-size: 11px;
	letter-spacing: 2px;
	font-weight: bold;
}

#header {
	margin: 0px 0px 0px 12px ;
	position:relative;
	background:url(images/header_left_bg.jpg) bottom left no-repeat;
	height:173px;
	width:100px;
}

#header #logo {
	position:absolute;
	left:45px;
	top:10px;
}

#header #logo img{
	border:none;
}

#musichall #search {
	background:url(images/search.jpg) no-repeat;
	width:151px;
	height:70px;
}
#musichall #search select { width:135px !important; margin-left:5px !important; }
#musichall #search input { width:110px !important; margin-left:5px !important; }

#header #search {
	position:absolute;
	left:33px;
	top:136px;
	background:url(images/search.jpg) no-repeat ;
	width:177px;
	height:70px;
}

#musichall #search h1,
#header #search h1 {
	color: #FFFFFF;
	text-align: center;
	margin: 5px 0px 3px 0px;	
}

#musichall #search select,
#header #search select {
	color: #A11770;
	margin: 3px 0px 0px 25px;
	width: 145px;
}

#musichall #search img,
#header #search img {
	cursor: pointer;
}

#musichall #search input,
#header #search input {
	color: #A11770;
	margin: 3px 5px 3px 25px;
	width: 118px;
}

#header #hImage {
	position:absolute;
	left:383px;
	top:0px;
	background-repeat: no-repeat; 
	width: 319px; 
	height: 162px;
}

#header #hImage1  {
	width: 319px; 
	height: 162px; 
	border: 0 none; 
}

#header #slogan {
	position:absolute;
	top:93px;
	left:250px;
	height:60px;
	width:130px;
	margin:10px 0px 0px 0px;
	text-align:right;
	color: #808080 ;
	letter-spacing: 2px;
	line-height: 15px;
}

#flags {
	position:absolute;
	top: 20px;
	left: 810px;
	width: 100px;
	height:25px;
}

#flags .flag {
	padding:1px;
	border: 1px solid #CCCCCC;
}

/******************************************************************/
/*************************** CONTENT ******************************/
/******************************************************************/

#main {
	margin: 0px 0px 0px 0px ;
	position:relative;
	background:url(images/content_left_bg.jpg) no-repeat left top;
	height:146px;
	width:100px;
}

#main #content {
	position:absolute;
	top:0px;
	left:225px;
	width:491px;
}

#main #content .head {
	padding: 2px 5px 4px 5px ;
	color: #808080;
	border-top:2px solid #C9B6D5 ;	
}

#main #content .map{
	position:relative;
	margin: 0px 0px 5px 0px;
	border-top: 2px solid #C9B6D5;
	border-bottom: 2px solid #C9B6D5;
	border-left: 1px solid #C9B6D5;
	border-right: 1px solid #C9B6D5;	
	_cursor: pointer;	
}

#main #content .map area{
	cursor: pointer;
}

#main #content .map img#greece{
	display:block;
	position: absolute;
/*	width: 176px; */
	width: 242px;
	height: 180px;	
	top:3px;
	padding: 2px 2px 2px 2px;
	left:5px;
}

#main #content .map .locations {
	position:relative;
	min-height:180px;
	_height:180px;
	margin-left:250px;
	padding: 10px 0px 0px 0px;	
}

#main #content .map .locations .prefectures {
	margin-top: 10px;
	margin-left: 100px;
	display: none;	
	filter: alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
	height: 150px
}

#main #content .map .locations .colums2pref {
	margin-top: 10px;	
	margin-left: 5px;
	display: none;	
	filter: alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0;
	height: 150px
}

#main #content .map .locations .colums2pref h2 {
	float: left ;
	width: 100px;
	margin-right:0px;
}

#main #content .map .locations h2 {
	margin:2px 0px 5px 10px;
	color: #6B3370;	
}

#main #content .map .locations h2.region {
	display: none;
}

#main #content .map .locations h2 a {
	color: #6B3370;	
}

#main #content .map #mapbgimage {
	position:absolute;
	display:block;
/*	left:220px; */
	left:253px;
	padding: 10px 0px 0px 0px;
	top:0;
	height: 170px;		
}

#main #content h1.main {
	position:relative;
	background-color:#E3D9E9;
	border-top:2px solid #C9B6D5 ;
	padding:5px 0px 5px 20px ;
	margin:0px 0px 2px 0px;
	color:#A11770;
	font-size:13px;
	font-weight:bold;
	letter-spacing: 2px;
}


#main #content h1.main .date {
	position:absolute;
	top:7px;
	left:400px;
	_left:380px;
	color:#A11770;
	font-size:12px;
	font-weight:normal;
}

#main #content .path {
	position:relative;
	border-top:2px solid #C9B6D5 ;
	padding:5px 0px 5px 20px ;
	margin:0px 0px 2px 0px;
	color:#A11770;
}

#main #content .path a {
	color:#A11770;
}

#main #content .items {
	position:relative;
	margin:0px 0px 2px 0px;
}

#main #content .items .category{
	position: relative;
	padding: 0px 0px 0px 10px;
	color: #5F2679 ;
	list-style-position: inside;
	list-style-type: square;
	display: list-item;
	margin: 7px 0px 3px 0px;
}

#main #content .items .category .date {
	padding-right: 10px;
	font-weight: normal;
}

#main #content .items .categorytext{
	position: relative;
	padding: 0px 10px 3px 20px;
	margin:0px 10px 5px 10px;
	color: #5F2679 ;
}


#main #content .items .category a {
	color: #5F2679 ;	

}

#main #content .items .item {
	background-color:#AE93C1;
	position:relative;
	height:100px;
}

#main #content .items .item .image {
	position:absolute;
	top:10px;
	left:10px;
	width:130px;
	height:78px;
	padding:2px;
	border:1px dotted #DFD1E0;
}

#main #content .items .item .heading {
	position:absolute;
	top:10px;
	left:160px;
	color:#5F2679;
	background:url(images/arrows_b.gif) no-repeat left ;
	padding:0px 0px 2px 15px;
	text-decoration:underline;
	cursor:pointer;
}

#main #content .items .item .heading a {
	color:#5F2679;	
}

#main #content .items .item .shortText {
	position:absolute;
	color: #FFFFFF ;
	top:20px;
	left:160px;
	padding-top: 4px;
	width: 320px;
	text-align: justify;
}

#main #content .products {
	position:relative;	
	margin:10px 0px 2px 0px;	
}

#main #content .products .item {
	position: relative ;
	float: left ;
	width: 235px ;
	_width: 229px ;
	height: 178px ;
	margin: 0px 5px 10px 5px;
	background-color: #FAEFFF;
}

#main #content .products .item .imageh {
	background-color: #FFFFFF;
	position:absolute;
	top:10px;
	left:75px;
	width:78px;
	height:130px;
	padding:2px;
	cursor: pointer;
}


#main #content .products .item .imagew {
	background-color: #FFFFFF;
	position:absolute;
	top:40px;
	left:50px;
	width:130px;
	height:78px;
	padding:2px;
	cursor: pointer;
}

#main #content .products .item .heading {
	position:absolute;
	top:150px;
	left:30px;
	width: 170px ;
	text-align: center;
	text-decoration:underline;
	cursor:pointer;
}

#main #content .products .item .heading a {
	color:#5F2679;	
}


#main #content .product {
	position:relative;	
	margin:0px 0px 2px 0px;	
}

#main #content .widep {
	min-height: 110px;
	_height: 110px;	
}

#main #content .highp {
	min-height: 145px;
	_height: 145px;	
}

#main #content .product .imagew {
	display:block;
	position: absolute ;
	top:10px;
	left:10px;
	margin:0px 0px 0px 0px;
	width:130px;
	height:78px;
	padding:2px;
	border: 1px solid #5F2679;
	cursor: pointer;
}


#main #content .product .imageh {
	display:block;
	position: absolute ;
	top:10px;
	left:40px;
	margin:0px 0px 0px 0px;
	width:78px;
	height:130px;
	padding:2px;
	border: 1px solid #5F2679;
	cursor: pointer;
}

#main #content .product .text {
	display:block;
	margin:0px 10px 0px 160px;
	padding:10px 0px 0px 0px;
	color: #5F2679;
}


#main #content .userdata {
	position:relative;
	margin:0px 0px 2px 0px;
	text-align: left ;
	padding: 4px 5px 4px 5px;
}

#main #content .userdata .item{
	width:270px;
	position:relative;
	text-align: left ;
	padding: 1px 5px 1px 4px;
	color: #A11770;
	height: 12px;
	font-size: 10px;
}

#main #content .userdata .logo {
	position: absolute;
	top:2px;
	left:260px;	
	_left: 255px ;
	width: 230px;
	text-align: right ;
}

#main #content .product_title {
	position:relative;
	background-color:#E3D9E9;
	border-top:2px solid #C9B6D5 ;
	padding:3px 0px 3px 20px ;
	margin:0px 0px 2px 0px;
	color:#A11770;
	font-size:11px;
	font-weight:bold;
	letter-spacing: 2px;	
}

#main #content .content {
	position:relative;
	margin:0px 0px 2px 0px;
	text-align: left ;
	padding: 4px 5px 4px 5px;
	color: #808080;
}

#main #content .content * {
	color: #606060;
}


#main #content .content li a{
	font-weight: bold;
	color:#C273AA;
}


#main #content .content .imgintext {
	padding: 2px 2px 5px 5px ;	
}

#main #content .florists {
	margin: 0px 0px 10px 0px;	
}

#main #content .florists .item {
	margin: 4px 3px 4px 3px;
	padding: 2px 2px 2px 10px;
	background-color: #FFFFFF;
	border:1px solid #FFFFFF;
	cursor:pointer;	
	position: relative;
}

#main #content .florists .itemover {
	margin: 4px 3px 4px 3px;
	padding: 2px 2px 2px 10px;
	background-color: #FFCFF3;
	border: 1px solid #A11770;
	cursor:pointer;
	position: relative;
}

#main #content .florists .heading {
	background:url(images/arrows.gif) left no-repeat ;
	padding: 0px 0px 3px 15px;
}

#main #content .florists .heading a {
	color: #A11770;
	font-size: 11px;
}

#main #content .florists .shortText {
	color: #666666;	
	padding: 0px 0px 0px 5px;
}

#main #content .florists .link {
	position: absolute;
	color: #666666;	
	top:8px;
	left:370px;
	height:15px;
	width:100px;
	padding: 0px 0px 0px 5px;
	font-weight: bold;
}

#main #content .florists .floristsstarsheader {
	width:448px;
	height: 13px;
	background: url(images/line.jpg) no-repeat ;	
	margin-left: 5px;
	padding: 1px 0px 2px 20px;
	position: relative;
}

#main #content .florists .floristsstarsheader img {
	float: left;
	margin: 0px 15px 0px 0px;
	border: none;
	height:13px;
	width:14px; 
}

#main #content .florists .floristsstars {
	margin: 0px 3px 0px 13px;
	padding: 0px 2px 0px 0px;
	position: relative;
	color: #A11770;
	font-weight: bold;		
	background-repeat:  no-repeat ;
	background-position: right 2px ;
	height:13px;
	width:100px;
	font-size: 11px;
}

#main #content .florists .floristsstars.star1 { background-image: url(images/star_1.jpg);  }
#main #content .florists .floristsstars.star2 { background-image: url(images/star_2.jpg);  }
#main #content .florists .floristsstars.star3 { background-image: url(images/star_3.jpg);  }
#main #content .florists .floristsstars.star4 { background-image: url(images/star_4.jpg);  }

#main #content .paging {
	position: relative;
	height: 18px;
	background-color: #FFCFF3;
	padding: 3px 10px 1px 10px;
}

#main #content .marginb {
	margin-bottom: 10px;	
}

#main #content .paging select {
	position: absolute;
	top: 2px;
	left:200px;	
	width: 100px;
	color: #A11770;
	font-size: 9px;
	height: 15px;
	padding: 0;
	margin: 0;
}

#main #content .paging .selectreplacement {
	position: absolute;
	top: 4px;
	left:75px;	
	width: 350px;
	color: #A11770;
	font-size: 9px;
	height: 13px;
	padding: 0;
	margin: 0;
	text-align: center;
}


#main #content .paging a img{
	border: none;	
}

#main #content .paging .prev {
	float: left;
}

#main #content .paging .next {
	float: right;
}


/******************************************************************/
/***************************** FORM *******************************/
/******************************************************************/

#main #content .form {
	position:relative;
	margin:0px 0px 10px 0px;
	text-align: left ;
	padding: 4px 5px 4px 5px;
	color: #808080;
	background-color: #F9F7F8 ;
	border-top: 2px solid #C9B6D5;
	border-bottom: 2px solid #C9B6D5;
}


#main #content .form * {
	color: #606060;
}

#main #content .form button {
	position: relative ;
	height:20px;
	margin: 2px 0px 2px 0px;
	left: 200px;
	width:80px;
}

#main #content .form .errortext {
	position: relative ;
	height:20px;
	margin: 2px 0px 2px 0px;
	text-align: center ;
	color: #A11770;
	letter-spacing: 2px;
}

#main #content .form .item {
	position: relative ;
	height:25px;
	margin: 2px 0px 2px 0px;
	left: 80px;
	width:220px;
}

#main #content .form .item label {
	position: absolute ;
	top:4px ;
	left:10px;
	width: 120px;
	text-align: right; 
}

#main #content .form .item input {
	position: absolute ;
	top:2px ;
	left:140px;	
	width: 120px;	
}


#main #content .form .item select {
	position: absolute ;
	top:2px ;
	left:140px;	
	width: 124px;	
}

#main #content .form .itemtext {
	position: relative ;
	height:100px;
	margin: 2px 0px 2px 0px;
	left: 0px;
	width:220px;
}

#main #content .form .itemtext label {
	position: absolute ;
	top:40px ;
	left:0px;
	width: 80px;
	text-align: right; 
}

#main #content .form .itemtext textarea {
	position: absolute ;
	top:2px ;
	left:100px;	
	width: 320px;	
	height: 90px;
}



/******************************************************************/
/**************************** FOOTER ******************************/
/******************************************************************/

#pagelinks {
	position:relative;
	padding:0px 10px 8px 10px;
	text-align:right;
}

#pagelinks .item {
	display:inline;
	color:#B16AA6;
	padding:4px 2px 4px 12px;
	cursor:pointer;
	margin-left: 10px;
	border:1px solid #B16AA6;
}

#pagelinks .top {
	background: url(icons/top.jpg) no-repeat left;
}

#pagelinks .back {
	background: url(icons/back.jpg) no-repeat left;
}

#footer {
	position:relative;
	border-top:2px solid #AE93C1;
	background-color:#FFFFFF;
	margin:5px 0px 0px 0px; 
	padding:0px 10px 0px 10px;
	height:45px;
	text-align:center;
}

#footer .heading {
	position:absolute;
	left:10px;
	top:10px;
	font-size:12px;
	font-weight:bold;
	color: #5F2679;
}

#footer #design {
	position:relative;
	top:5px;
	color:#B16AA6;
	margin: 5px 0px 5px 0px;	
}

#footer #design a {
	color:#B16AA6;	
}

#footer #menub {
	position:relative;
	top:5px;
}

#footer #menub .item {
	display:inline;
	color:#B16AA6;
	padding:0px 5px 0px 5px;
	cursor:pointer;
}

#footer #menub .item a {
	color:#B16AA6;
	cursor:pointer;
}

/******************************************************************/
/************************* LEFT BARS ******************************/
/******************************************************************/

#left_menus {
	position:absolute;
	left:42px;
	top:44px;
	width:180px;
}

#left_menus .menul1{
	position:relative;
	border-top: 2px solid #C96BA7;
	background:url(images/left_menu_bg.jpg) no-repeat top;
	background-color:#C273AA;
	padding:5px 0px 10px 10px;
	margin:0px 0px 5px 0px;
}


#left_menus .menul1 .heading, #left_menus .menul2 .heading{
	position:relative;
	width:165px;
	font-size:13px;
	margin:0px 0px 0px 0px;
	color:#FFFFFF;
	font-weight:bold;
}


#left_menus .menul1 .heading a , #left_menus .menul2 .heading a{
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
}

#left_menus .menul1 .item, #left_menus .menul2 .item{
	position:relative;
	width:130px;
	background:url(images/arrows_w.gif) left no-repeat;
	min-height: 10px;
	_height:10px;
	border-bottom:dashed 1px #AAAAAA;
	padding:0px 0px 5px 15px;
	margin:5px 0px 0px 0px;
	color:#FFFFFF;
	font-weight:normal;
	cursor:pointer;
}


#left_menus .menul1 .more, #left_menus .menul2 .more{
	position:relative;
	width:130px;
	min-height: 10px;
	_height:10px;
	padding:0px 0px 5px 15px;
	margin:10px 0px 0px 0px;
	color:#FFFFFF;
	font-weight:normal;
	cursor:pointer;
	text-align: right;
}


#left_menus .menul1 .item a, #left_menus .menul2 .item a, #left_menus .menul1 .more a, #left_menus .menul2 .more a{
	color:#FFFFFF;	
}

#left_menus .menul2{
	position:relative;
	border-top: 2px solid #C96BA7;
	background-color:#C273AA;
	padding:5px 0px 10px 10px;
	margin:0px 0px 5px 0px;
}

#left_menus .banners {
	position:relative;
	border-top: 2px solid #C273AA;
	border-bottom: 2px solid #C273AA;
}

#left_menus .banners .item{
	position:relative;
	width:180px;
	padding:2px 0px 2px 0px;
	cursor:pointer;
}



/******************************************************************/
/************************* RIGHT BARS *****************************/
/******************************************************************/

#right_menus {
	position:absolute;
	left:718px;
	top:46px;
	width: 151px;
}

#right_menus .menur1 {
	position:relative;
	border-top: 2px solid #B16AA6;
	padding:10px 0px 0px 10px;
	margin:0px 0px 20px 0px;
}


#right_menus .menur1 .item{
	position:relative;
	width:100px;
	background:url(images/arrows.gif) left no-repeat ;
	_height:10px;
	min-height:10px;
	border-bottom:dashed 1px #AAAAAA;
	padding:0px 0px 5px 15px;
	margin:5px 0px 0px 0px;
	font-weight:bold;
	color:#666666;
	cursor:pointer;
}


#right_menus .menur1 .more{
	position:relative;
	width:100px;
	_height:10px;
	min-height:10px;
	padding:0px 0px 0px 15px;
	margin:10px 0px 0px 0px;
	font-weight:bold;
	color:#666666;
	cursor:pointer;
	text-align: right;
}

#right_menus .menur1 .item a, #right_menus .menur1 .more a {
	color:#666666;
	font-size:9px;
}
	
#right_menus .menur2, #right_menus .menur3 {
	position:relative;
	width:151px;
	margin:5px 0px 10px 0px;
}

#right_menus .menur2 .heading, #right_menus .menur3 .heading{
	background-color:#E3D9E9;
	color:#8D4BAB;
	border-top:2px solid #C9B6D5;
	font-weight:bold;
	font-size:10px;
	padding:3px 0px 5px 10px;
}

#right_menus .menur2 .heading a, #right_menus .menur3 .heading a{
	color:#8D4BAB;
	font-weight:bold;
	font-size:10px;
}

#right_menus .menur2 .item, #right_menus .menur3 .item{
	background:url(images/dot.jpg) no-repeat left;
	padding:0px 0px 0px 15px;
	margin:8px 0px 8px 6px;
	color:#D23C9D;
	text-decoration:underline;
	cursor:pointer;
	font-size:10px;
}


#right_menus .menur2 .more, #right_menus .menur3 .more{
	padding:0px 0px 0px 15px;
	margin:8px 0px 8px 6px;
	color:#D23C9D;
	cursor:pointer;
	font-size:10px;
	text-align: right;
}

#right_menus .menur2 .item a, #right_menus .menur3 .item a, #right_menus .menur2 .more a, #right_menus .menur3 .more a { 
	color:#D23C9D;
	font-size:9px;	
}

#right_menus .banners {
	position:relative;
	border-top: 2px solid #C273AA;
	border-bottom: 2px solid #C273AA;
}

#right_menus .banners .item{
	position:relative;
	width:151px;
	padding:2px 0px 2px 0px;
	cursor:pointer;
}



/******************************************************************/
/**************************** NEWSLETTER **************************/
/******************************************************************/

.newsletter {
	border:1px solid #C9B6D5;
	padding-bottom: 5px;
	background-color: #F7F5F6;
}

.newsletter form {
	text-align: center;
}

.newsletter input {
	margin: 5px 0px 0px 0px;	
}


/******************************************************************/
/**************************** GALLERY *****************************/
/******************************************************************/



#main #content .gallery {
	position:relative;	
	margin:10px 0px 2px 0px;	
}

#main #content .gallery .item {
	position: relative ;
	float: left ;
	width: 231px ;
	_width: 225px ;
	height: 176px ;
	margin: 0px 5px 10px 5px;
}

#main #content .gallery .item .imageh {
	background-color: #FFFFFF;
	position:absolute;
	top:7px;
	left:73px;
	width:78px;
	height:130px;
	padding:2px;
	cursor: pointer;
}


#main #content .gallery .item .imagew {
	background-color: #FFFFFF;
	position:absolute;
	top:40px;
	left:50px;
	width:130px;
	height:78px;
	padding:2px;
	cursor: pointer;
}


#main #content .gallery .item .imageq {
	background-color: #FFFFFF;
	position:absolute;
	top:7px;
	left:50px;
	width:130px;
	height:130px;
	padding:2px;
	cursor: pointer;
}

#main #content .gallery .item .heading {
	position:absolute;
	top:145px;
	left:0px;
	width: 231px ;
	_width:226px;
	text-align: center;
	text-decoration:underline;
	cursor:pointer;
	height:23px;
}

#main #content .gallery .item .heading a {
	color:#5F2679;	
}


#main #content .gallery1 .item {
	border:2px solid #FAEFFF;
}


#main #content .gallery2 .item {
	border:2px solid #FAEFFF;
	background-color: #FAEFFF;
}


#main #content .gallery3 .item {
	border:2px solid #FAEFFF;
}

#main #content .gallery3 .item .heading {
	background-color: #FAEFFF;	
}


#main #content .gallery4 .item  {
	border: 2px solid #FAEFFF;
}

#main #content .gallery4 .item .imagew {
	border: 2px solid #FAEFFF;
	padding: 1px;
}

#main #content .gallery4 .item .imageh {
	border: 2px solid #FAEFFF;
	padding: 1px;
}

#main #content .gallery4 .item .heading a {
	padding: 3px;
}


#main #content .gallery5 .item {
	border:2px solid #E3D9E9 ;
}

#main #content .gallery5 .item .heading {
	background-color: #E3D9E9 ;
}