/*
Theme Name: Sharon
Theme URI: http://www.bytech.co.il/
Version: 2.0
Author: ByTech
Description: Sharon Herzilya Template
*/

/* standard elements */

html{
	padding:4px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(img/bg.jpg) top repeat-x;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

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


.big_maincontainer{	
    min-height: 100%;
	padding:0px 0px 0px 0px;
	width:980px;
	margin:auto;
}

.maincontainer{	
	min-height: 100%;
	
	padding:0px 0px 20px 0px;
	width:980px;
	float:left;
}

.countries{
	width:980px;
	float:right;
	height:33px;
	overflow:hidden;
	padding-top:10px;
	background:url(img/menu.jpg) right top no-repeat;
	margin-top:5px;
}

.countries ul{
	float:left;
	padding:0px 20px;
	width:960px;
}

.countries li{
	padding:0px 15px ;
	border-right:1px solid #ccc;
	float:left;
}
.countries li a{
	color:#634428;
	text-decoration:none;
	font-size:13px;
}
.coutries li a:hover{
	color:#217995;
}

* {
	margin: 0;
	padding: 0;
}

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

a:hover {color:#217995;}


code,ul {
	padding-bottom: 0px;	
	direction:ltr;
}

li {
	padding:5px 0;	
	line-height:18px;
	color:#555556; 
	font-size:12px;
	margin: 0 0 0 15px;
}

p{
	margin:0;
	padding:0px 0px 10px 0px;
	line-height:18px;
	text-align: justify;
	font-size:12px;
	color:#484848;
}


/* # ByTech Style # */

h1 {
	color:#393a3a;
	display:block;
	font-family: ""Lucida Grande","Lucida Sans Unicode" Bold", Arial, sans-serif;
	font-size:26px;
	font-weight:normal;
	padding:0px 5px 10px 0;
	margin:0;
}

h2 {
	color:#14879b;
	display:block;
	font-family: ""Lucida Grande","Lucida Sans Unicode" ", Arial, sans-serif;
	font-size:20px;
	font-weight:normal;
	padding:0px 5px 0 0;
	margin:0;
}

.text h3 {
	clear:none;
	margin:0;
}

h3 {
	color:#14879b;
	direction:ltr;
	font-size:13px;
	font-weight:normal;
	margin:10px 0;
	text-align:left;
	font-weight:bold;
	clear:both;
}



/* misc */
.clearer {clear: both;}
.clear {clear: both; width:auto; height:10px; overflow:hidden;}
.search {
	background:#666;
	background-position:right center;
	background-repeat:no-repeat;
	float:right;
	height: auto;
	margin-right:0px;
	margin-top:0px;
	padding-left:2px;
	padding-top:7px;
	padding-bottom:5px;
	width:201px;
    font-family:Arial, Helvetica, sans-serif;
}
#searchform{
	color:#484848;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	margin:0;
	padding-bottom:0;
	padding-left:0;
	padding-top:0;
	width:198px;
	float:right;
}

input { font-size:12px; font-family:Arial, Helvetica, sans-serif; width:140px; margin-left:2px; color:#507201; margin-right:7px;}

#searchsubmit{
	background:none repeat scroll 0 0 #828697;
	border-color:#9396A4 #9396A4 #7f7f7f #7f7f7f;
	color:#FFFFFF;
	font-size:11px;
	height:19px;
	margin-right:3px;
	margin-top:-2px;
	padding:0 0 5px;
	width:38px;
    font-family:Arial, Helvetica, sans-serif;
}

/* structure */



.text{
	height: auto;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	width:auto;
	clear:both;
}


/* header */
.header {
	float:left;
	height:320px;
	margin:0;
	width:980px;
	overflow:hidden;
	position:relative;
}

.flag{
	float: right;
	height: auto;
	overflow:hidden;
	margin:0;
	width: 685px;
	padding:15px 5px 0 0;	
}

.flag .rates {
	color:#C30;
	display:block;
	margin:0 10px;
	float:left;
}

.flag .mem {
	color:#075582;
}
/* Accordion Pics */


#pics {
	width:1960px;
	height:320px;
	float:right;
	list-style: none;	
	margin: 0;
	padding: 0;
	overflow:hidden;
}

#pics li{
	float:right;
	padding:0;
	margin:0;
	background-color:#333;
}

#pics li a {	
	border-right: 1px solid #ccc;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:120px;
	height: 320px;
	opacity:0.5;
	filter:alpha(opacity=50);
	float:left;
}

#pics li a.opened {
	min-width:730px;
	opacity:1;
	filter:alpha(opacity=100); 
}

#pics li a.bgnone {
	background:none;
}

#pics li a img {
	display:none;
}

.nohome, #nohome, .nohome li, #nohome li {
	height:140px;
	padding:0;
	list-style-type:none;
	margin:0;
}

.clear {
	clear: both;
}


/* navigation */
.navigation {		
}
.line_bg{
}

.sidenav_in {
	float:right;
	width:250px;
	padding:20px 0 0;
}

.sidenav_in img {
	padding:3px;
	border:1px solid #ccc;
	float:left;
}

.vr_img {
	float:left;
	height:100px;
	margin:0 10px 0 0;
	width:110px;
}

.vr_img h3 {
	
}

#vr {
	padding:3px;
	border:1px solid #ccc;
	background-color:#fff;
}

.sidenav{
	float: right;
	width:420px;
	direction:ltr;
	margin:0px 0px 0px 0px;
	padding:20px 0px 15px 15px;
	height:auto;
	overflow:hidden;
}

.sidenav h2 {
	color:#14879b;
	display:block;
	font-family: ""Lucida Grande","Lucida Sans Unicode" ", Arial, sans-serif;
	font-size:22px;
	font-weight:normal;
	padding:0px 0 15px 0;
	margin:0;
}

.sidenav h3 {
	border-bottom:1px solid #CCCCCC;
	color:#2191ad;
	direction:ltr;
	float:right;
	font-weight:bold;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
	width:300px;
}

.sidenav h3 a {
	color:#2191ad;
	text-decoration:none;
}

.sidenav h3 a:hover {color:#005596;}


#sidebar{
}

/* content */


.post{
	float:left;
	padding:0 0 40px;
	width:710px;
}
#post_home{
}
.content .post p{
}
#content_home{
}

.content {
	float: left;
	margin:20px 0px 0px 0px;
	padding:0px 15px 0px 0px;
	width:525px;
	direction:ltr;
	height:auto;
	overflow:hidden;
	border-right:1px solid #ccc;
}


.content_in {
	float: left;
	margin:20px 0px 0px 0px;
	padding:0px 15px 0px 0px;
	width:709px;
	direction:ltr;
	height:auto;
	overflow:hidden;
	border-right:1px solid #ccc;
}


.content ul {
	padding:10px 0 10px 0px;
	margin: 0px 0px 0px 0px;
}

.content li {
	background:url(img/li.gif) left top no-repeat;
	padding:0px 0 5px 15px;
	margin: 0px 0px 0px 0px;
}


.content p{
	color:#555556;
}
.p-wrapper{
}
.alignright, .alignleft{
	margin:0 10px 10px 0;
}

.alignleft {
	border:1px solid #CCCCCC;
	float:left;
	padding:3px;
	float:left;
}

.single a.rightbox {
	min-height:0;
	margin:0 0 5px;
}

.rightbox {	
	display:block;
	min-height:240px;
	float:left;
}
.news {
	width:160px;
	float:left;
	height:250px;
	overflow:hidden;
	margin:0 0 20px;
}
#news {
	width:160px;
	height:250px;
	overflow:hidden;
	margin:7px 0;
}

#news ul{
	height:250px !important;
}

#news li{
	list-style-type:none;
	background:none;
	padding:0;
	margin:0;
}

.post_image{
	float: left;
	width:375px;
	height:130px;
	background-color:#CCC;
	margin-bottom:10px;
}

.meta{
}
.meta p{

}
.post-tags{
}
.post-tags a{
	color:#9A9A9A;
	font-style:italic;
	text-decoration:none;
	font-weight:100;
}
.post-tags a:hover{
	color:#555556;
		font-weight:100;
}

.left_post_content{
}
.right_post_content{
}

/* footer */
.footer{
	height:40px;
	margin:auto;
	overflow:auto;
	padding:10px;
	width:960px;
	float:left;
	background:url(img/bg_footer.jpg) right top no-repeat;
}


.footer ul{
	list-style-type: none;
	text-align: left;
	float: left;
	padding:0px;
	margin:0px 0px 0px 0px;
	width:900px;
}

.footer li{
	padding:0px 20px 5px 0px;
	list-style-type: none;
	float: left;
	text-align: left;
	color:#000;
	line-height:20px;
	font-size: 11px;
}

.footer a
{
	text-decoration:none;
	color: #000;
	font-weight: bold;
	font-size: 11px;
}

.footer a:hover{
	color: #000;
}

.footer a#current{color: #000;}


.testimonial {
	margin:20px 0 0;
}
.testimonial a {
	font-size:14px;
	line-height:24px;
	color:#d61223;
}

.testimonial a:hover {
	text-decoration:underline;
}

.flag .green {
	color:#009933;
}

/* bytech */
.bytech{
	width:980px;
	overflow: hidden;
	padding:10px 0px 0px 0px;
	margin: auto;
	clear:both;

}


.bytech ul{
	list-style-type: none;
	text-align:right;
	width:985px;
	float:left;
	text-align:center;
	padding:5px 15px 5px 0px;
}

.bytech li{
	padding:5px 0px 5px 0px;
	list-style-type: none;
	display:inline;
	text-align:center;
	color:#333;
	line-height:20px;
	font-size: 11px;
	clear:both;
}

.bytech a
{
	text-decoration:none;
	color: #333;
	font-weight: bold;
	font-size: 12px;
}

.bytech a:hover{
	color: #333;
}

.bytech a#current{color: #1C3F94;}



.logo{
	float: left;
	width:221px;
	height:97px;
	padding:5px 0 0;
}

.logo img {
	float:left;
	margin-left:-30px;
}


.direct_link{
	float:left;
	text-align:right;
	width:270px;
	padding-top:10px;
	color:#FF9;
	
}

.description {
	float:right;
	width:auto;
	height:auto;
	padding:0 0 10px;
}



#deals{
	margin-top:-16px;
}

.deals{
	width:256px;
	height:60px;
	overflow: hidden;
	padding:0px;
	float:right;
	text-align: left;
	color:#fff;
	background:url(img/bg_deals.jpg) left top no-repeat;
	font-size:12px;
	margin-top:3px;
}

.deals li{
	background:url(img/bg_deals.jpg) right top no-repeat;
	width:248px;
	height:52px;
	list-style-type:none;
	margin:0px 0px 0px 0px;
	padding:4px;
}


.deals a {
	color:#FFF;
	font-weight:bold;
}

.deals a:hover {
	color:#ccc;
}


.CLR{
	height:10px;
	clear:both;
	overflow:hidden;
	width: auto;
}

.highlights{
	float: right;
	width:424px;
	height: auto;
	overflow:hidden;
	
}

.highlights ul {
    direction: ltr;
    float: left;
    margin-bottom:15px;
}

.highlights li {
    background: url("img/li.gif") no-repeat scroll left top transparent;
    margin: 0;
    padding: 0 0px 5px 15px;

    color: #555556;
    direction: ltr;
    float: left;
    font-size: 12px;
    line-height: 18px;
    width: 380px;
}



.pics{
	float:right;
	width:336px;
	height:261px;
	padding:3px;	
	border:1px solid #ccc;	
}

.pics img {
	width:336px;
	height:261px;
	margin:3px;
}

.right_images img{
	background-color:#FFFFFF;
	border:0 solid #CCCCCC;
	color:#FFFFFF;
	margin:4px 0;
	padding:9px;
}

.small_image {
	float: left;
	border:1px solid #ccc;
	margin:0px 10px 10px 0px;
}

.small_image a{
	text-decoration:none;
}

.small_image a:hover{
	text-decoration:underline;
}

.small_image img{
	float:left;
	padding:3px;
	border:none;
}

.sidenav_in .small_image {
	height:186px;
	width:206px;
}

.img{
	border:1px solid #ccc;
	margin:0px;
	padding:3px;
	overflow:hidden;
	float: left;
	margin-bottom:10px;
}

.img_left{
	margin:0px;
	padding:0px;
	overflow:hidden;
	float: right;
	margin-top:10px;
	border-top:1px dotted #ccc;
	padding-top:10px;
}

/* =Menu
-------------------------------------------------------------- */

#access {
	width:720px;
	float:right;
	height:40px;
	padding-top:17px;
	background:url(img/bg_menu.jpg) right top no-repeat;
	margin-top:0px;
	display:block;
	font-size: 13px;
	margin-right:0px;
	font-weight:bold;

}

.menu-header {
	width:auto;
}

.menu {
	font-size: 13px;
	float:none;
	width:680px;
	margin:auto;
}
#access .menu-header ul ul {
	list-style: none;
	margin: 0;
	border:1px solid #CCCCCC;
}
#access li {
	position: relative;
	float: left;
    padding:0 7px;
	margin:0;
	list-style-type:none;
	}
	
.address li {
	float:left;
	list-style-type:none;
}

a.flower {
	background:url("img/flower.jpg") no-repeat scroll left center transparent;
	color:#D61223;
	display:block;
	float:left;
	font-weight:bold;
	height:30px;
	margin:0 0 10px;
	padding:20px 0 0 40px;
	width:auto;
}
	
.menu-header li{
	position: relative;
	float: right;
    padding:10px;
	}

.menu-item ul li{
	float:left;
    padding:10px;
}

.menu li {
	position: relative;
	float: left;
	}

#access a {
	display:block;
	text-decoration:none;
	color:#000;
}
#access ul ul {
	display:none;
	position:absolute;
	top:18px;
	right:0;
	float: right;
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;	
    padding:0px 0px 0px 0px;
}
#access ul ul ul {
	left:100%;
	top:0;
    padding:0px 0px 0px 0px;
}
#access ul ul a {
	background-color: #D0D9FD;
	height:auto;
	padding:10px;
	width: 160px;
	border-bottom:1px solid #ccc;
}

#access ul li:hover > ul {
	display:block;
}
.current-menu-item a{
	color: #000;
	padding:0px;
}

#access .menu-item-168 a {
	color:#093;
}

* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color:#004483;
}

.car{
	float:left;
	
	
}

/****** compo style ********************************************************************************************************************************/

.compo {
background:url(img/bg_compo.jpg) no-repeat scroll 0 0 transparent;
float:left;
height:52px;
width:722px;
margin-top:3px;
padding-top:8px;
}

select{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
height:17px;
}

#facility1{
font-size:11px;
width:140px;
}

#room_type1{
font-size:11px;
width:160px;
}

.container_body{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:702px;
height: auto;
overflow:hidden;
padding:0px 10px 0px 10px;
margin:auto;
text-align:left;
float:left;
}

.left_top_curve, .top_bar .right_top_curve, .left_bottom_curve, .bottom_bar, .right_bottom_curve, .heading{
display:none;
}

.content_container{
width:100%;
height:auto;
}

.content_compo{
padding:0 5px;
}


.check_in_block{
margin-top:3px;
margin-bottom:5px;
float:left;
font-size:11px;
}

.check_out_block{
margin-top:3px;
float:left;
font-size:11px;
}

.check_text{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  width:75px;
  direction:ltr;
  color:#000;
  width:90px;
}

.check_text img{
	padding-left:5px;
	float:left;
}

#Fixed_Date1{
width:55px;
height:12px;
font-size:11px;
margin-right:5px;
color:#000;
float:left;
}

#Fixed_Date2{
width:55px;
height:12px;
font-size:11px;
margin-right:5px;
color:#000;
float:left;
}

.date1{
	direction: ltr;
	width:80px;
	float: left;
	font-size:11px;
}

.date2{
	direction: ltr;
	width:80px;
	float: left;
	font-size:11px;
}

.content_compo img {
	float:left;
}

.check_detail{
}

.dates{
width:100px; left:18px;
font-size:11px;
}

.additional_detials_block{
margin-top:5px;
}

.additional_detials_block .no_of_rooms_block{
float:left;
margin-right:10px;
}

.additional_detials_block .room_type_block{
float:left;
font-size:11px;
width:170px;
color:#000;
}

.additional_detials_block .adult_block{
float:left;
font-size:11px;
width:40px;
color:#000;
}

#adult1{
width:30px;
}

.baby1{
width:30px;
}

#children1{
width:30px;
}


.additional_detials_block .children_block{
float:left;
font-size:11px;
width:50px;
color:#000;
}

.additional_detials_block .baby_block{
float:left;
font-size:11px;
color:#000;
width:30px;
}

*+HTML .additional_detials_block .facility_block{
float:left;
padding:0px;
top:0px;
font-size:11px;
}

.additional_detials_block .facility_block{
float:left;
padding-top:0px;
padding-left:10px;
padding-right:0px;
width: auto;
font-size:11px;
color:#000;
}

.blnk_line{
clear:both;
}

.submit_block{
margin:0px 0px 0px 0px;
padding:12px 0 0;
float:right;
}

.submit_block .submit_button{

}


.submit_block .direct_link{
	display:none;
	float:right;
}

.submit_block .submit_button .search_btn {
	background:none repeat scroll 0 0 #DDDFE5;
	border:1px solid #99a9d0;
	color:#000000;
	cursor:pointer;
	display:block;
	float:right;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	height:20px;
	margin:0;
	padding:0 3px 1px 0;
	text-align:center;
	width:60px;
}

/* gallery */

dl, dt {
	float:left;
	width:80px;
	height:150px;
	margin:5px;
}

.gallery dl img {
	border:0;
}

/* Contact me style */

.mmf table div {
	width:225px;
}

.mmf td {
	border-bottom: 1px dotted #ccc;
	height:60x;
	padding: 10px 0;
	vertical-align:middle;
}

.mmf-form input, .mmf select {
		background:#FF9;
		width:140px;
		height:20px;
}

.mmf-form label {
	display:block;
	padding-left:6px;
}

.mmf-list-item input {
	width: 30px;
	vertical-align:top;
}

img.calendarButton {
	background:#eae7fc;
	display:inline;
	border:0 none;
	float:right;
}

.mmf-form textarea {
	background:none repeat scroll 0 0 #FFFF99;
	height:100px
}
.mmf-form td.pr {
	padding-left:100px;	
}

img.aligncenter {
	float:left;
	margin-right:280px;
	
}

.mmf span.asterix {
	color:#F00;
	font-weight:bold;
}

.mmf-form label.mmfin {
	display:inline-block;	
}

.mmf-form span.mmf-radio {
	display:inline-block;
	padding-left:20px;
}

.mmf-form #ms input {
	width:100px;
	border:1px solid #36F;	
}

td span.mmf-not-valid-tip {
	color:red;
	font-size:11px;
	left:4%;
	padding:2px;
	position:absolute;
	top:-25%;
	width:140px;
	z-index:100;
	background:none;
	border:0;
}

td .newsletter span.mmf-not-valid-tip {
	left:-105%;
}
#gallerymore img {
	border:0;
	padding:0;
	float:left;
}

.herteliya_pdf{
	float:left;
	width:420px;
	height:auto;
	overflow:hidden;
}