/*

Theme Name: JerusalemShutter

Theme URI: http://www.jsc.co.il

Description: stracture 

Author: josef dalal

Version: 1.2

Tags: headr side main footrs

*/

body { padding:0px; margin:0px;  background-color:#4F5361; /*background: url(images/bg.png) top; border:0px;*/ 

text-decoration:none; font-family:Arial, Helvetica, sans-serif; position:relative;}

.like{ height:90px; width:500px; margin:0 auto;  }

.rtl{ direction:rtl;}
#wrap_all{ width:914px; position:relative; margin:0 auto; height:auto;}

#w_space{ width:890px; margin:0 auto; height:26px; position:relative; top:10px; }

	/* CSS for the scrollers */

	div.horizontal_scroller{

		position:absolute;

		height:24px;

		top:2px; right:15px;

		width:545px;

		display:block;

		overflow:hidden; 	

	}

	div.scrollingtext{ 

		position:absolute;

		white-space:nowrap;	

	}

	div.scrollingtext h1 {  direction:rtl; line-height:40px; background:url(images/clear.png) no-repeat;

		color:#fff; 	font-size:17px;}

	div.scrollingtext h1 a {  background:url(images/clear.png) no-repeat; text-decoration:none;

		color:#fff; 

	}

	div.scrollingtext h1 a:hover { 

		color:#069;

	}



.mobileonly {
    display: none;
}

p.fasdf {
    display: block;
    width: 100%;
    float: right;
    text-align: center;
}







.T{ margin:0 auto; width:910px; height:20px; position:relative; background:url(images/T.png) no-repeat top center; }

#header{ margin:0 auto; width:910px; height:160px; position:relative; background:url(images/M.png) top center;}

#homot{ position:absolute; background:url(images/homot_03.png) no-repeat; top:25px; right:25px; width:552px; height:85px; }



.contact a{ width:250px; height:85px; background:url(images/contact_a.jpg) no-repeat; position:absolute; top:55px; left:30px; }

.contact a:hover{ width:250px; height:85px; background: url(images/contact_active.jpg) no-repeat; position:absolute; top:55px; left:30px; }



#lang {

	width:88px;

	height:34px;

	background: url(images/he-en-bg.png) no-repeat;

	position:absolute;

	top:-1px;

	left:30px;

	color:#fff;

	font-size:11px;

	text-align:center; line-height:25px;

	/* [disabled]padding:6px 0 10px 1px; */

}

#lang a{color:#fff; text-decoration:none; padding:6px 0 10px 1px;}





#lang a:hover{

	color:#FF0;

	background-image: url(images/arrow.png);

	background-repeat: no-repeat;

	background-position: 50% 20px;

}



.logo a{width:285px; height:75px; background: url(images/logo.png) no-repeat; position:absolute; top:25px; right:35px; }

.logo a:hover{width:300px; height:77px; background: url(images/logo_a.png) no-repeat; position:absolute; top:22px; right:30px; }







#container {position:relative; float:right; margin:0 auto;  width:910px; min-height:440px; text-align:right; background:url(images/M.png) top center; padding:2px; padding-bottom:30px;   }




#content{position:relative;  width:315px;   padding:0px 5px 5px 5px; right:30px; top:15px; }



#content-home{ position:relative;  width:543px; height:170px; padding:10px 5px 0px 5px; margin-right:30px; margin-top:5px; border:solid 1px #60bbe9;}

#content-home p { margin-top:-20px; margin-right:10px;}

#content-home h1 { margin-top:-7px; margin-right:5px;}



#content-545{ position:relative;  width:543px;  padding:10px 5px 0px 5px; margin-right:30px; margin-top:0px; margin-bottom:8px;}

#content-contact{ position:relative;  width:420px; height:500px;   padding:10px 5px 0px 5px; margin-right:30px; margin-top:0px; margin-bottom:5px;}

#content-sale{ position:relative;  width:840px;  padding:10px; margin:0 auto;}

#content-gallery{ position:relative;  width:860px; height:540px; padding:10px; margin:0 auto;}

#home_leftbar { width:280px; height:415px;  border:solid 1px #60bbe9; background:#09C;  position:absolute; top:6px; left:31px; z-index:999; }

.ft-title, #ft-title-ft{right:0px; padding : 10px 10px; 

width :auto; 

text-align : right; 

}

#ft { margin:2px auto; direction:rtl;}

.ft-prev, .ft-next { 



padding : 0 10px; 

} 

.ft-button-ft-active { 

color : black; 

}



#content545_leftbar {  width:280px; height:415px;  border:solid 1px #60bbe9; position:absolute; top:44px; left:31px; z-index:101; background:#09c; }



#contact_baner {  width:452px; height:452px;  border:solid 1px #60bbe9; position:absolute; top:24px; left:31px; z-index:101; background:#09c; text-align:center; }

/*************Typography*******************/

h1 {font-size:30px; color:#667f8a; font-weight:lighter; text-indent:30px; background:url(images/h1_ind.png) no-repeat 99% 13px ; margin-top:-10px; margin-right:-7px;  }

p{  border-right: 1px solid #CCC ;

	font-size:14px;

	margin-top:-15px; margin-right:-5px; padding-right:5px;

	text-align: justify;

}

p a{color:#3399cc;}

p a:hover{}



h2{font-size:19px;}

h3{font-size:17px;}

h4{font-size:12px; color:#666; font-weight:lighter;}

h5{font-size:10px;}





#contact_form{ width:260px;}

/***************** its makes all photo ***************/



.clear{ clear:both;}



.aligncenter, div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.alignleft {

	float: left;

}

.alignright {

	float: right;

}

.wp-caption {

	background-color: #fefefe;

	border: 1px solid #ddd;

	margin: 2px 7px 0px 7px ;

	padding-top: 5px;

	text-align: center;

}

.wp-caption img {

	border: 0 none;

	margin: 0;

	padding:0px;

}

.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 20px;

	margin: 0;

	padding: 0 4px 2px;

	color:#000035;

}

 .gallery-caption

{ font-size:13px; width:150px;

	margin-right:30px ;	

	}



.alignnone { border:none;}

/***************** its makes all photo ***************/





/*********onmusehover home page tabs**************/

#homeicons{ width:555px; position:relative; height:120px; background:#CCF; float:right; top:10px; right:30px; padding:0px; cursor:pointer;	}

#products img { position:relative; top:10px; right:27px;

	margin:3px -1px -1px -1px;	

	cursor:pointer;	

}



.description { 

	background-color:#fdfdfd;

	border:1px solid #60bbe9;	

	width:507px;

	min-height:160px;

	display:none;

	margin-top:22px; margin-right:34px;

	padding:0 20px; position:relative;

	

}







.description .arrow {

	width:25px;

	height:25px;

	background: url(images/yellow.png) no-repeat scroll 0px 5px;

	margin-top:-25px;

	margin-right:15px;

	font-size:1px;

	position:absolute;

}



#tab_2 .arrow {

	margin-right:125px;	

}

#tab_3 .arrow {

	margin-right:235px;	

}

#tab_4 .arrow {

	margin-right:350px;	

}

 #tab_5 .arrow {

	margin-right:460px;	

}







#tab_5 h1, #tab_4 h1, #tab_3 h1, #tab_2 h1, #tab_1 h1{ margin-top:15px;} 







/******************Recommandation page *********************/



#reco_wrap { position:relative; padding:10px; margin-right:35px; 

	background:url(images/reco_bg.jpg) no-repeat top;

	border:0px;

	width:800px;

	height:635px;

	

	

}

#reco_title{

	position:absolute;

	background: url(images/reco_buble.png) no-repeat top;

	left: 175px;

	top: 15px;

	width: 335px;

	height:182px;

	

}

#reco_title p { margin-right:50px; width:260px; margin-top:32px; font-size:16px; text-align:right;}

#reco_title p a { color:#060; font-size:20px; text-decoration:none;}



#reco_subtitle{

	position:absolute;

	width: 780px;

	left: 20px;

	top: 555px;

}

#reco_inside{

	position:absolute;

	width:436px;

	left: 67px;

	top: 285px;

	height: 302px;

}

div.vertical_scroller{

	top:235px; right:350px;

		position:relative;

		height:290px;

		width:400px;

		display:block;

		overflow:hidden;

		border:0px;

		}

		

			 div.scrollingtext_v{

				 margin-right:5px;

		position:absolute;

		white-space:nowrap;

		font-family:Arial;

		font-size:17px;

		

		color:#333;}

	

/*********footer***************/

#footer_wrap{ clear:both; position:relative; margin:0 auto; background: url(images/M.png) repeat-y top center; width:912px; height:270px; padding-left:0px; padding-top:5px;}

#footer{ margin-left:15px;  background:url(images/footer_bg.png) repeat-x top center; width:878px; height:270px; padding-left:0px; }



#footer_frame{ margin-top:25px; margin-right:10px; width:352px; height:200px; text-align:center; background: url(images/fotter_frame.png) top left; padding:10px 10px 10px 4px; float:right;}



#F{ margin:0 auto;  width:912px; height:20px; background:url(images/D.png)}



#news_shutter{ width:460px; height:80px; background:#444; position:relative; top:25px; left:15px;}

#f_list{ color:#069; width:460px; height:90px; background:#fff; position:relative; top:10px; left:15px;}

#f_list ul{ float:right; margin-right:-12px; margin-top:8px; list-style:square;}

#f_list ul li a { color:#069; text-decoration:none; }



#f_title_info{ width:460px; height:30px; background:#fff; position:relative;  text-align:right; margin:35px 0px 0px 15px; }

#f_title_info h2 { position:absolute; background:none; margin-top:5px; margin-left:10px;  direction:rtl;   color:#069;  font-size:15px;}

#f_title_info h2 a{  text-decoration:none;  background:none;  color:#069;  font-size:15px;}

#f_title_info h2 a:hover{ color:#0CF;  }









 /*validator*/

 #validators{ margin:12px auto; clear:both; width:840px; text-align: center;}

 #validators p {

	color: #FFF;

	text-align: center; border:none;

}

.keyw { font-size:15px; color:#FFF; text-align:center;}

.keyw a{ font-size:15px; color:#FFF;text-align:center;}

.keyw a:hover{ font-size:15px; color:#CCC;}


/*********************************************shutters_new***********************************************/
.content_sn{ float:right; position:relative;  width:543px;  padding:10px 5px 0px 5px; margin-right:25px; text-align:right; margin-top:0px; margin-bottom:0px; height:auto;}
.sn-excrept{ background-image:url(images/sn-bg.jpg); float:right; padding:10px 5px; position:relative; border:1px solid #efefef; border-bottom:2px dashed #CCC; width:100%; height:160px; margin:1px 2px; }
.sn-bwrap{ width:360px; position:absolute; z-index:101; height:auto; right:174px; top:-10px;}
.sn-excrept p{ border:none !important; font-size:14px; color:#333; text-align:right;}
.sn-img{ float:right; padding:2px;}
.sn-title{ font-size:22px !important; color:#458EBA;}
.sn-footer{ width:98%; position:absolute; bottom:22px; height:auto; background-color:#EAF3FB;}
.sn-date { position:absolute; right:20px; color:#666; font-size:13px;}
.sn-more{ position:absolute; z-index:10001; left:12px;  top:-10px; font-size:14px; background-color:#fff;color:#fff !important;  background:#3087B6;  padding:5px 10px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -khtml-border-radius: 7px;
  border-radius: 7px;  }
.sn-more a { color:#FFF; font-size:16px; font-weight:bold; text-decoration:none;  }
.sn-more a:hover{color:#CF0;}

#sn-back a{ color:#fff; padding:7px;   list-style:none !important; background-color:#2C80AD; }
#sn-menu{ float:right; margin-right:20px;} 

#sn-single{ position:relative; float:right; width:540px !important; height:auto; }
#sn-single p { font-size:14px; border:none; color:#333;}
#sn-single li { font-size:13px;}
#sn-single .gallery{ width:540px !important;}
#sn-single h3 {color:#3087B6; font-size:15px; text-align:center;}

.fcshere{float:left; margin:0 7px; color:#fff !important;  background:#3087B6;  padding:10px;  -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;}
.fcshere a{color:#fff;  background:#3087B6;  padding:10px; text-decoration:none;}
.fcshere a:hover{ background-color:#eee; color:#3087b6;}

#gallery-1 img {
    border: 2px solid #cfcfcf;
    width: 100%;
    height: auto;
}

#gallery-1 .gallery-item {
    width: 30% !important;
    margin: 30px 1.5% 0 1.5%;
}