/* Wrapper */
#Wrapper
{
max-width:1200px;
text-align:center;
margin-left:auto;
margin-right:auto;
font-family: arial;
}

/* Top part of page */
#Design_Top_Part_Top {
    height: 28px;
    color: red;
}
#Design_Top_Part_Top span { float: left; }
#Design_Top_Part_Top img { float: right; height:100%; width: auto; }
#Design_Top_Part_Middle {
    text-align:right;
    font-size: 30px;
    font-weight: bold;
    background-color: yellow;
    color: #319EDD;
    font-weight: bold;
    border-bottom: solid orange;
    min-height:40px;
}
#Design_Top_Part_Bottom {
    direction: rtl;
    font-size: 20px;
    color:red;
}
#Design_Top_Part_Bottom span.red_triangles { color:red;}
#Design_Top_Part_Bottom span.span_left { float:left;}
#Design_Top_Part_Bottom span.span_right { float:right;}
#Design_Top_Part_Bottom span.span_center {margin:auto;}

@media only screen and (max-width: 800px) {
    #Design_Top_Part_Bottom span.span_left { float: unset; margin:auto; display:block;}
#Design_Top_Part_Bottom span.span_right { float: unset; margin:auto; display:block;}
#Design_Top_Part_Bottom span.span_center {margin:auto; display:block;}
}



/* Top navigation links menu */
.Top_Menu_Navigation
{
min-height:50px;
overflow: auto;
direction:rtl;
background: #319EDD;
border-top:solid orange;
}
.Top_Menu_Navigation a {
	background: #319EDD;
	border-right: 1px solid #ffffff;
	color: #ffffff;
	display: block;
	float: right;
	font: bold 16px sans-serif;
	line-height: 41px;
	padding: 0 20px;
	text-decoration: none;
}
.Top_Menu_Navigation a:hover {background: yellow; color: #319EDD; text-decoration: underline}

/* The top marquee - located at the top of the website */
div#Top_Marquee_Container
{
    overflow:hidden;
    margin:auto auto auto 0px;;
}
div.Top_Marquee {
    width:90%;
    line-height: 60px;
	color: black;
    white-space: nowrap;
    box-sizing: border-box;
    margin:auto;
    box-sizing: border-box;
}
div.Top_Marquee {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 20s linear infinite;
}
@keyframes marquee {
    0%   { transform: translate(+100%, 0); }
    100% { transform: translate(-100%, 0); }
}
div.Top_Marquee img {max-width:unset;width:auto;height:50px;padding:5px;}
div.Top_Marquee a {text-decoration:none;}


/* Body part */
#Design_Body
{
font-size:20px;
text-align:right;
direction:rtl;
padding:1px;
margin:1px;
min-height:1000px;
overflow: hidden;
}
#Right_Body
{
float:right;
width:180px;
overflow:auto;
}
#Left_Body
{
padding:10px;
margin-right: 200px;
overflow:auto;
}

@media only screen and (max-width: 650px) {
    #Right_Body { float:unset; width:unset;}
    #Left_Body { float: unset; margin-right: unset;}
}


/* Footer */
#Design_Footer
{
text-align:center;
font-size:30px;
background-color:white;
color:black;
direction:rtl;
border:2px solid red;
border-style:dashed;
margin:3px;
padding:3px;
margin-left:auto;
margin-right:auto;
border-radius:20px;
}
#Design_Footer.span { color:red; }

/* Bottom */
#Design_Bottom
{
background-color:white;
color:black;
font-size:12px;
text-align:right;
direction:rtl;
width:100%;
border-radius:5px;
}
#Design_Bottom_Img_Box {float:left; }
#Design_Bottom_Img_Box div {display: block; width:100px; height:90px; border: 1px solid black; padding:5px; margin:15px; text-align:center;}
#Design_Bottom_Img_Box img {max-height:70px;width:auto;}

#Design_Bottom a {color:blue;text-decoration: underline;}
#Design_Bottom a:hover {font-weight:bold;}

#BottomLinks
{
    margin:auto;/*Center the div*/
    padding-top:20px;
}
#BottomLinks a {
    color:#FDF68D;
    text-decoration:none;
    font-size:8px;
}

#YdfSince
{
display:block;
float:left;
width:100px;
height:auto;
}


h1
{
color:black;
background-color:yellow;
text-align:center;
direction:rtl;
font-size:40px;
}
h2
{
color:black;
background-color:yellow;
text-align:center;
direction:rtl;
}
h3
{
color:black;

text-align:center;
direction:rtl;
}
img
{
border:0px;
}
a
{
text-decoration:none;
color:black;
}

.Menu_Bar a:link
{
border-radius:10px;
font-weight:bold;
color:#FFFFFF;
background-color:#002157;
width:170px;
text-align:center;
padding:4px;
text-decoration:none;
margin:0px;
text-align:right;
direction:rtl;
font-size:14px;
}
.Menu_Bar a:visited
{
border-radius:10px;
font-weight:bold;
color:#FFFFFF;
background-color:#002157;
width:170px;
text-align:center;
padding:4px;
text-decoration:none;
margin:0px;
text-align:right;
direction:rtl;
font-size:14px;
}
.Menu_Bar a:hover
{
background-color:#0076A3;
}







/*TOP MENU*/
div.Menu_Top ul
{
list-style-type:none;
margin:0;
padding:0;
}
div.Menu_Top li
{
float:right;
}
div.Menu_Top a
{
display:block;

padding:7px;
margin:7px;
direction:rtl;
border: 1px solid grey;
font-size:17px;
height:27px;
}
div.Menu_Top a:link,div.Menu_Top a:visited
{
font-weight:bold;
color:white;
background-color:#0A6D94;
text-align:center;
padding:0px;
text-decoration:none;
text-transform:uppercase;
}
div.Menu_Top a:hover,div.Menu_Top a:active
{
color:#0A6D94;
background-color:white;
}












/* Website side menu */
.Menu_Side { display:block; text-align:center;}
div#Menu_Side_Mobile_Button {
  border:solid black 1px;
  padding:10px;
  width:300px;
  text-align:center;
  margin: auto;
  overflow:auto;
  display:none; /* Available only in mobile */
}
div#Menu_Side_Mobile_Button a {
  font-size:22px;
  font-weight: bold;
  color:blue;
  text-decoration: underline;
}

@media screen and (max-width: 650px) {
  .Menu_Side { display:none; }
  div#Menu_Side_Mobile_Button { display:block; }
}

.Menu_Side table {
    margin: auto;
}
.Menu_Side td a
{
background-color:#319EDD; 
color:white;
font-size:15px;
width:150px;
display:block;
padding:1px;
}
.Menu_Side a:link
{
font-weight:bold;
color:#FFFFFF;
background-color:#319EDD;
text-align:center;
padding:3px;
text-decoration:none;
margin:0px;
text-align:right;
direction:rtl;
}
.Menu_Side a:hover
{
background-color:#1B5889;
color:white;
}









#Side_Pirsomet
{
width:160px;
height:400px;
margin: auto;
color:green;
text-align:center;
border-color: #CECECE;
border-style:solid;
border-width:1px;
}
@media only screen and (max-width: 700px) {
    #Side_Pirsomet { display: none; }
}


/*Block Box- in page index6.html*/
#BlockBox
{
padding:5px;
border:1px solid grey;
border-style:dashed;
float:left;
width:150px;
height:350px;
margin-top:20px;
margin-bottom:20px;
margin-right:8px;
margin-left:8px;
}


/*Block Box- in page index6.html*/
#BlockBoxConcrete
{
padding:5px;
border:1px solid grey;
border-style:dashed;
float:left;
width:150px;
height:320px;
margin-top:20px;
margin-bottom:20px;
margin-right:8px;
margin-left:8px;
}


/* For Pinot Tiakh page , index 5.html */
#BlockBoxTit
{
padding:5px;
border:1px solid grey;
border-style:dashed;
float:left;
width:155px;
height:310px;
margin-top:20px;
margin-bottom:20px;
margin-right:8px;
margin-left:8px;
}


/*FOR DIVS IN THE MAIN PAGE! - index.html */
div.Div_Main_Page
{
border-color:#CECECE;
border-width:1px;
margin:5px;
border-style:solid;
padding:10px;
width:155px;
height:420px;
float:left;

text-align:center;
overflow:auto;
}
div.Div_Main_Page div.Div_Main_Page_Content {
    height: 400px;
}
div.Div_Main_Page p, div.Div_Main_Page li{
    text-decoration:none;
    font-size:16px;
    color:black;
    text-align:right;
}
.Div_Main_Page_A a:link
{
    text-decoration:none;
    color:black;
}
.Div_Main_Page_A a:visited, .Div_Main_Page_A  a:hover, .Div_Main_Page_A  a:active
{
    text-decoration:none;
    color:red;
}
.Div_Main_Page_Title
{
    display:block;
    font-size:16px;
    text-align:center;
}



div.More_Info_Main
{
    font-size:16px;
    border-radius:3px;
    background-color:yellow;
    color:black;
    }








/* NEW PAGES NOVEMBER 2018 */

/* For page bgbond.html */
table.bgbond_table {direction:rtl;border:1px black solid;margin-left:auto;margin-right:auto;}
.bgbond_table th, .bgbond_table td {border:1px black solid;}







/* Gallery javascript!!! 
Used only in some of the pages such as redpowerblock.html, mamad (index4html) , karmit, termokir. 
Added september 2019Important based on pumice mamad! */
#gallery_modal_box{
    display:none;
    position:fixed;
    overflow:auto;
    left:0;
    top:0;
    width:100%;
    height:100%;
    max-height:100%;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.8);
    z-index:2;
}
#gallery_modal_box_white {
    background-color:#F3F3F3;
    text-align:center;
    margin-top:50px;
    margin-left:auto;
    margin-right:auto;
    padding:20px;
    border: 1px solid #888;
    width:80%;
    display:block;
    overflow:auto;
}

#gallery_modal_box_img {max-width:90%;max-height:90%;height:auto;}
#gallery_modal_box_close_button{color:#aaaaaa;float:left;font-size:48px;font-weight:bold;padding-left:20px;}
#gallery_modal_box_close_button:hover, #site_menu_close_button:focus{color:#000;text-decoration:none;cursor:pointer;}
img.Enlarge_Image {cursor:zoom-in;}








/*************************************************************************************
******* for karmit.html, termokir.html, sika.html, plaster.html, tit.html ************
**************************************************************************************/
/* Karmit.php and termokir.php and sika.php */
div.karmit_box_info, div.termokir_box_info
{
overflow:auto;
margin-bottom:20px;
}
.karmit_box_info div , .termokir_box_info div
{
width:45%;
float:right;
text-align:right;
padding:5px;
border:1px black solid;
margin:5px;
overflow:auto;
}
@media only screen and (max-width: 500px)
{
    .karmit_box_info div, .termokir_box_info div {float:unset;width:unset;margin-right:auto;margin-left:auto;}
}
/* Products tables */
table.karmit_products_table, table.termokir_products_table, table.sika_products_table, table.plaster_products_table
{
    border:1px solid black;
    max-width:800px;
    padding:3px;
    border-collapse:collapse;
}
.karmit_products_table td, .termokir_products_table td, .sika_products_table td, .plaster_products_table td
{
vertical-align:top;
border:1px solid black;
padding:3px;
margin:3px;
}
.karmit_products_table tr:hover , .termokir_products_table tr:hover, .sika_products_table tr:hover, .plaster_products_table tr:hover
{
    background-color:#f5f5f5;
}
.karmit_products_table img, .termokir_products_table img, .sika_products_table img, .plaster_products_table img
{
    max-width:200px;
    width:auto;
    height:auto;
    margin:3px;
    cursor:zoom-in;
}
.karmit_products_table h4, .termokir_products_table h4, .sika_products_table h4, .plaster_products_table h4
{
    color:#EA4335;
}
@media only screen and (max-width:500px)
{
    .karmit_products_table img, .termokir_products_table img, .sika_products_table img, .plaster_products_table img 
    {
        max-width:80px;
    }
}
@media only screen and (max-width:400px)
{
    .karmit_products_table img, .termokir_products_table img, .sika_products_table img, .plaster_products_table img 
    {
        max-width:60px;
    }
}
span.Karmit_White {color:white;}

/* Images gallery - which directs to the items full details in the table */
div.Sika_Gallery, div.Karmit_Gallery, div.Termokir_Gallery, div.Plaster_Gallery
{
    overflow:auto;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
}
div.Sika_Gallery div, div.Karmit_Gallery div, div.Termokir_Gallery div, div.Plaster_Gallery div
{
    width:145px;
    border:1px solid black;
    padding:3px;
    margin:3px;
}
div.Sika_Gallery div:hover, div.Karmit_Gallery div:hover, div.Termokir_Gallery div:hover, div.Plaster_Gallery div:hover {background-color:#f5f5f5;}
div.Sika_Gallery img, div.Karmit_Gallery img, div.Termokir_Gallery img, div.Plaster_Gallery img {max-height:100px;max-width:100%;width:auto;height:auto;display:block;margin:auto;}
div.Sika_Gallery a, div.Karmit_Gallery a, div.Termokir_Gallery a, div.Plaster_Gallery a {text-decoration:none;color:black;}
div.Sika_Gallery h4, div.Karmit_Gallery h4, div.Termokir_Gallery h4, div.Plaster_Gallery h4 {text-align:center;font-size:16px;height:40px;margin:2px auto 3px auto;}
table.sika_products_table span.Telephone_products_table, table.karmit_products_table span.Telephone_products_table, table.termokir_products_table span.Telephone_products_table, table.plaster_products_table span.Telephone_products_table {background-color:#CC0000;color:white;float:left;margin:5px;padding:3px;}
/* tit.html - Search box for the gallery ******************
*********This page is based on the above pages! ***********/
#Tit_Gallery_Search {border:1px grey solid;display:block;width:230px;padding:3px;margin:5px auto 5px 10px;}
#Tit_Gallery_Search input {width:120px;}
#Tit_Gallery_Search span {display:none;text-align:left;color:blue;cursor:pointer;}

/* tit/plaster table images - for 2 specific images */
table.plaster_products_table img.plaster_table_images_rounded_style {width:80px;height:auto;border:0px;border-radius:10px;}

/* Termokir colorful titles */
h2.Termokir_H2_Colorful_Title_Blue {background-color:#00467F;color:white;}
h2.Termokir_H2_Colorful_Title_Orange {background-color:#F78F1E;color:black;}
h2.Termokir_H2_Colorful_Title_Orange_Light {background-color:#DD9933;color:white;}
h2.Termokir_H2_Colorful_Title_Cyan {background-color:#00A1B1;color:white;}
h2.Termokir_H2_Colorful_Title_Gray {background-color:#717174;color:white;}
h2.Termokir_H2_Colorful_Title_Yellow {background-color:#FFD204;color:black;}









/* For the page plaster (html5.html) - the boxes */

div.plaster_products_boxes
{
    overflow:auto;
}
.plaster_products_boxes div {
    padding: 5px;
    border: 1px solid grey;
    border-style: dashed;
    float: right;
    width: 150px;
    min-height: 430px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 8px;
    margin-left: 8px;
    font-size:16px;
    text-align:center;
}
.plaster_products_boxes ul 
{
    text-align:right;
}
.plaster_products_boxes img
{
    width:100px;
    height:auto;
    border:0px;
    border-radius:10px;
    cursor:zoom-in;
}




/**************************************************
********* For red block - redblock.html ***********
***************************************************/
/*********************************
******* for red-block.html - march 2020 ******
*********************************/
div.red_block_gallery {
    overflow:auto;
    text-align:center;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}
.red_block_gallery div {max-width:400px;height:auto;border:1px solid black;margin:10px;padding:10px;}
.red_block_gallery img {width:100%;height:auto;}



/********************************
******* for geves.html ********
********************************/
/* Style for item boxes */
div.Geves_Product_Boxes {
    overflow:auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
div.Geves_Product_Boxes div.Geves_Boxes_Box {
    padding:4px;
    margin:10px;
    border:1px solid grey;
    width:250px;
    min-height:300px;
}
@media only screen and (max-width:630px)
{
    div.Geves_Product_Boxes div.Geves_Boxes_Box {width:230px;}
}
@media only screen and (max-width:580px)
{
    div.Geves_Product_Boxes div.Geves_Boxes_Box {width:100%;}
}
div.Geves_Product_Boxes h3 {
    background-color:unset;
}
div.Geves_Product_Boxes p, div.Geves_Product_Boxes ul, div.Geves_Product_Boxes li {
    font-size:16px;
}
div.Geves_Boxes_Box div /*Phone number buttons in every div*/
{
    background-color:#006B95;
    color:white;
    text-align:center;
    border-radius:10px;
    font-size:18px;
    font-weight:bold;
    padding:3px;
    text-decoration:none;
}



/*************************************************************************************
******* for karmit.html, termokir.html, sika.html, plaster.html, tit.html ************
**************************************************************************************/
/* Karmit.php and termokir.php and sika.php */
div.karmit_box_info, div.termokir_box_info
{
overflow:auto;
margin-bottom:20px;
}
.karmit_box_info div , .termokir_box_info div
{
width:45%;
float:right;
text-align:right;
padding:5px;
border:1px black solid;
margin:5px;
overflow:auto;
}
@media only screen and (max-width: 500px)
{
    .karmit_box_info div, .termokir_box_info div {float:unset;width:unset;margin-right:auto;margin-left:auto;}
}
/* Products tables */
table.karmit_products_table, table.termokir_products_table, table.sika_products_table, table.plaster_products_table
{
    border:1px solid black;
    max-width:800px;
    padding:3px;
    border-collapse:collapse;
}
.karmit_products_table td, .termokir_products_table td, .sika_products_table td, .plaster_products_table td
{
vertical-align:top;
border:1px solid black;
padding:3px;
margin:3px;
}
.karmit_products_table tr:hover , .termokir_products_table tr:hover, .sika_products_table tr:hover, .plaster_products_table tr:hover
{
    background-color:#f5f5f5;
}
.karmit_products_table img, .termokir_products_table img, .sika_products_table img, .plaster_products_table img
{
    max-width:200px;
    width:auto;
    height:auto;
    margin:3px;
    cursor:zoom-in;
}
.karmit_products_table h4, .termokir_products_table h4, .sika_products_table h4, .plaster_products_table h4
{
    color:#EA4335;
}
@media only screen and (max-width:500px)
{
    .karmit_products_table img, .termokir_products_table img, .sika_products_table img, .plaster_products_table img 
    {
        max-width:80px;
    }
}
@media only screen and (max-width:400px)
{
    .karmit_products_table img, .termokir_products_table img, .sika_products_table img, .plaster_products_table img 
    {
        max-width:60px;
    }
}
span.Karmit_White {color:white;}

/* Images gallery - which directs to the items full details in the table */
div.Sika_Gallery, div.Karmit_Gallery, div.Termokir_Gallery, div.Plaster_Gallery
{
    overflow:auto;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
}
div.Sika_Gallery div, div.Karmit_Gallery div, div.Termokir_Gallery div, div.Plaster_Gallery div
{
    width:100px;
    border:1px solid black;
    padding:3px;
    margin:3px;
}
div.Sika_Gallery div:hover, div.Karmit_Gallery div:hover, div.Termokir_Gallery div:hover, div.Plaster_Gallery div:hover {background-color:#f5f5f5;}
div.Sika_Gallery img, div.Karmit_Gallery img, div.Termokir_Gallery img, div.Plaster_Gallery img {max-height:100px;max-width:100%;width:auto;height:auto;display:block;margin:auto;}
div.Sika_Gallery a, div.Karmit_Gallery a, div.Termokir_Gallery a, div.Plaster_Gallery a {text-decoration:none;color:black;}
div.Sika_Gallery h4, div.Karmit_Gallery h4, div.Termokir_Gallery h4, div.Plaster_Gallery h4 {text-align:center;font-size:13px;height:40px;margin:2px auto 3px auto;}
table.sika_products_table span.Telephone_products_table, table.karmit_products_table span.Telephone_products_table, table.termokir_products_table span.Telephone_products_table, table.plaster_products_table span.Telephone_products_table {background-color:#CC0000;color:white;float:left;margin:5px;padding:3px;}
/* tit.html - Search box for the gallery ******************
*********This page is based on the above pages! ***********/
#Tit_Gallery_Search {border:1px grey solid;display:block;width:230px;padding:3px;margin:5px auto 5px 10px;}
#Tit_Gallery_Search input {width:120px;}
#Tit_Gallery_Search span {display:none;text-align:left;color:blue;cursor:pointer;}



/********************************
******* for ytong.html ********
*********************************/
div.Ytong_Product_Boxes {
    overflow:auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
div.Ytong_Product_Boxes_Box {padding:4px;margin:10px;border:1px solid grey;width:160px;min-height:300px;}
div.Ytong_Product_Boxes h4 {text-align:center;text-decoration:underline;}
div.Ytong_Product_Boxes_Image {width:100%;height:150px;text-align:center;}
div.Ytong_Product_Boxes_Image img {width:auto;max-width:100%;max-height:100%;}
div.Ytong_Product_Boxes_Box li {font-size:14px;} /* Modified for this site only - june 2020 */

/* Ytong midot boxes */
div.Ytong_Midot_Boxes 
{
    overflow:auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
div.Ytong_Midot_Boxes div {border:1px black solid; min-width:160px;height:auto;padding:15px;margin:10px;}



/********************************
******* for pumis.html ********
********************************/
/* Style for item boxes */
div.Product_Boxes {
    overflow:auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
div.Product_Boxes_Box h2.Product_Boxes_Box_h2_red {text-decoration:none;background-color:white;color:red;font-weight:bold;}
div.Product_Boxes_Box h2.Product_Boxes_Box_h3_blue {text-decoration:none;background-color:white;color:blue;font-weight:bold;}
div.Product_Boxes_Box {padding:4px;margin:10px;border:1px solid grey;width:210px;min-height:300px;}
div.Product_Boxes h4 {text-align:center;text-decoration:underline;}
div.Product_Boxes_Image {width:100%;height:150px;text-align:center;}
div.Product_Boxes_Image img {width:auto;max-width:100%;max-height:100%;}




/********************************
******* for mosdi - index17.html ********
********************************/
/* Table with the models of all mosdi pumps */
table.Mosdi_Pump_Table
{
    border:1px solid black;
    margin-right:auto;
    margin-left:auto;
    padding:3px;
    border-collapse:collapse;/*Mehaber gvulot kfulim shel table+td*/
}
.Mosdi_Pump_Table td, .Mosdi_Pump_Table th
{
vertical-align:top;
border:1px solid black;
padding:3px;
margin:3px;
}
.Mosdi_Pump_Table tr:hover 
{
    background-color:#f5f5f5;
}
.Mosdi_Pump_Table img
{
    margin:3px;
}



/**************************************
*** Design permanent side links box ***
*** Negishut and Whatsapp links     ***
***************************************/
div.permanent_side_links_box {
    position: fixed;
    top:150px;
    left:0px;
    padding: 2px;
    border-radius: 0px 10px 10px 0px;
}
div.permanent_link_box img {
    width: 35px;
    height:35px;
    border-radius: 10px 10px 10px 10px;
    display:block;
    padding:10px;
    background-color:#ebe9e9;
    margin-left:0px;
    margin-right:auto;
}
div.permanent_link_box img#back-to-e10 {
  width: 100px;
  height:auto;
  transition: filter 0.3s ease;  /* Changes with hover to oragne with time */
}
div.permanent_link_box img#back-to-e10:hover {
  filter: sepia(1) hue-rotate(-20deg) saturate(500%);
}



/******************************************************************************************
******************************* Global Elemetns style *************************************
*******************************************************************************************/

/* Unique for supplies.co.il for old pages */
div.text_center { text-align:center;}
a.text_white { color:white; }

/* Below are general */
body { 
    direction:rtl;
    background-color:white;
    font-family:Arial,Helvetica,sans-serif;
}


p { font-size:20px; }
p.text_center, h2.text_center, h3.text_center, span.text_center { text-align:center; }

p.text_size_17, li.text_size_17, ul.text_size_17, h2.text_size_17 { font-size:17px; }
p.text_size_18, li.text_size_18 { font-size:18px; }
p.text_size_19, li.text_size_19, ul.text_size_19 { font-size:19px; }
p.text_size_20, li.text_size_20 { font-size:20px; }
p.text_size_22, b.text_size_22, ul.text_size_22, li.text_size_22 { font-size:22px; }
p.text_size_24 { font-size:24px; }
p.text_size_25, li.text_size_25, ul.text_size_25 { font-size:25px; }
p.text_size_28 { font-size:28px; }
p.text_size_30 { font-size:30px; }

p.text_red, li.text_red, ul.text_red, b.text_red, span.text_red, h3.text_red, h5.text_red { color:red; }
p.text_blue, a.text_blue, b.text_blue, h3.text_blue, a.text_blue { color:blue; }
p.text_green, ul.text_green, span.text_green { color:green; }
p.text_white, span.text_white { color:white; }

p.text_background_red, span.text_background_red { background-color:red; }
p.text_bold, b.text_bold, li.text_bold, ul.text_bold, span.text_bold { font-weight:bold; }
p.text_underline, b.text_underline, a.text_underline { text-decoration: underline; }


p li, ul li { font-size: 20px; }

img { border:0px; }
img.border_10px { border-radius:10px; }

span.No_Wrap, a.No_Wrap { white-space:nowrap; }
span.No_Wrap img, a.No_Wrap img {display:inline-block;}


div.overflow_auto { overflow:auto; }
div.overflow_auto_with_clear_both { overflow:auto;clear:both; }

a.hyper_link_text_decoration_none { text-decoration:none; }
a.hyper_link_blue_underline_bold {color:blue;text-decoration:underline;font-weight:bold;}
a.hyper_link_float_left { float:left; }


/* Images float and divs */
.Img_Float_Left{float:left;margin:20px;}
.Img_Float_Right{float:right;margin:20px;}
img.Img_Center{display:block;margin-right:auto;margin-left:auto;}
div.Img_Center{text-align:center;margin:10px;}
div.Img_Center img{margin:10px auto 10px auto;}

@media only screen and (max-width: 500px)
{
    .Img_Float_Right, .Img_Float_Left {float:unset;max-width:100%;height:auto;display:block;margin-right:auto;margin-left:auto;}
    div.Img_Float_Left {text-align:center;}
    div.Img_Float_Right {text-align:center;}
    .Img_Center img, img.Img_Center, img.Img_Float_Left, img.Img_Float_Right {float:unset;max-width:100%;height:auto;display:block;margin-right:auto;margin-left:auto;}
}

/* Images sizes */
.Max_Image_Size_100 { width:120px;height:auto; }
.Max_Image_Size_120 { width:120px;height:auto; }
.Max_Image_Size_140 { width:140px;height:auto; }
.Max_Image_Size_150 { width:150px;height:auto; }
.Max_Image_Size_170 { width:170px;height:auto; }
.Max_Image_Size_180 { width:180px;height:auto; }
.Max_Image_Size_200 { width:200px;height:auto; }
.Max_Image_Size_210 { width:210px;height:auto; }
.Max_Image_Size_240 { width:240px;height:auto; }

.Max_Image_Height_100 { height:100px;width:auto; }
.Max_Image_Height_120 { height:120px;width:auto; }
.Max_Image_Height_140 { height:140px;width:auto; }
.Max_Image_Height_160 { height:160px;width:auto; }
.Max_Image_Height_180 { height:180px;width:auto; }
.Max_Image_Height_200 { height:200px;width:auto; }
.Max_Image_Height_240 { height:240px;width:auto; }
.Max_Image_Height_280 { height:280px;width:auto; }
.Max_Image_Height_300 { height:300px;width:auto; }
.Max_Image_Height_360 { height:360px;width:auto; }
.Max_Image_Height_400 { height:400px;width:auto; }
.Max_Image_Height_500 { height:500px;width:auto; } 

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





/********************************
******* for caveret - index2.html ********
*********************************/
/* Gallery products at bottom of the page. */
div.Caveret_Gallery {overflow:auto;display:flex;flex-wrap:wrap;justify-content:center;}
div.Caveret_Gallery div.Caveret_Gallery_Box{width:250px;border:1px solid black;padding:3px;margin:4px;}
div.Caveret_Gallery div.Cavert_Gallery_Pic_Div{min-height:150px;}
div.Caveret_Gallery h4 {text-align:center;}
div.Caveret_Gallery img {max-width:120px;height:auto;border-radius:10px;display:block;margin:auto;}


/********************************
******* for calcar - index3.html *********
*********************************/
div.Calcar_Boxes 
{
    overflow:auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
div.Calcar_Boxes div {border:1px black solid; min-width:160px;height:auto;padding:15px;margin:10px;}
div.Calcar_Boxes div#Calcar_Argaz ul {float:right;font-weight:bold;}

/* New calcar boxes for shomrey merhak */
div.Calcar_Boxes_Shomrey_merhak 
{
    overflow:auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
div.Calcar_Boxes_Shomrey_merhak div {max-width:200px;max-height:280px;border: black 1px solid;padding:3px; margin:10px;}
div.Calcar_Boxes_Shomrey_merhak div h4 {min-height:30px;}
div.Calcar_Boxes_Shomrey_merhak div img {display:block;margin:auto;max-width:150px;height:auto;}
div.Calcar_Boxes_Shomrey_merhak div img.Max_Image_Size_180 {display:block;margin:auto;max-width:180px;height:auto;}

/* Specific size for calcar sevivon image */
#Calcar_Sevivon_Image {width:50px;height:50px;}




/**************************
******* for sale box ******
******* in many pages *****
***************************/
div.Sale_Box {max-width:900px;border:1px solid black;box-shadow:5px 10px 18px #888888;overflow:auto;padding:10px;margin:10px auto 30px auto;}
div.Sale_Box img {float:left;margin:10px;}
p.Sale_Box_Red {color:red;}
p.Sale_Box_Black {color:black;}
@media only screen and (max-width:500px)
{
    div.Sale_Box img {margin:3px;}
}
@media only screen and (max-width:400px)
{
    div.Sale_Box img {float:unset;margin:auto;}
}


/********************************
******* for mamad - index4.html ********
********************************/
div.mamad_info_box 
{
overflow:auto;
margin-bottom:20px;
}
.mamad_info_box div 
{
width:45%;
float:right;
text-align:right;
padding:5px;
border:1px grey solid;
margin:5px;
overflow:auto;
}
@media only screen and (max-width: 600px)
{
    .mamad_info_box div{float:unset;width:unset;margin-right:auto;margin-left:auto;}
}

table.mamad_products_table
{
    border:1px solid black;
    margin:3px;
    padding:3px;
    border-collapse:collapse;/*Mehaber gvulot kfulim shel table+td*/
}
.mamad_products_table td
{
vertical-align:top;
border:1px solid black;
padding:3px;
margin:3px;
}
.mamad_products_table tr:hover 
{
    background-color:#f5f5f5;
}
.mamad_products_table img
{
    max-width:100%;
    width:160px;
    height:auto;
    margin:3px;
    cursor:zoom-in;
}
@media only screen and (max-width: 600px)
{
    .mamad_products_table img {width:auto;}
}

div.Oref_Box {border:1px solid grey;max-width:450px;vertical-align:middle;overflow:auto;padding:5px;margin:3px auto 3px auto;}
div.Oref_Box img{float:left;}