/* Design!!! */
* {
    box-sizing: border-box;
}

body {
    direction:rtl;
    font-family: Arial;
    padding: 10px;
    background: #f1f1f1;
}

/* Header/Blog Title */
.header {
    padding: 15px;
    text-align: center;
    background-color:white;
    background-image:url("../images/design/bgtop.jpg");
    background-position:bottom left;
    background-repeat:no-repeat;


}
#Top_Menu_Zifzif /*This div is insde the eader div! */
{
color:red;
font-size:15px;
float:left;
margin:20px;
}
@media only screen and (max-width:600px)
{
    .header {
        background-position:left bottom;
        background-repeat:no-repeat;
        background-size: unset;
    }
    #Top_Menu_Zifzif {
        float:unset;
    }
}
.header h1 {
    font-size: 23px;
    line-height: 30px;
    color:black;
    text-decoration:none;
}
.header h2 {
    font-size: 21px;
    line-height: 28px;
    color:black;
    text-decoration:none;
}
.header a {
    text-decoration:none;
    color:black;
}
.header a:hover {
    color:red;
}
/* Style the top navigation bar */
.topnav {
    overflow: hidden;
    background-color: #0099cc;
}

/* Style the topnav links */
.topnav a {
    float: right;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change color on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}


/* Create two unequal columns that floats next to each other */
/* Left column */
.leftcolumn {
    float: left;
    width: 75%;
    overflow:auto;
}
.leftcolumn h2 { text-align:center;background-color:#0099cc;color:white;font-weight:bold;padding-right:5px;padding-left:5px; } 


/* Right column */
.rightcolumn {
    float: left;
    width: 25%;
    background-color: #f1f1f1;
    padding-left: 20px;
}

/* Add a card effect for articles */
.card {
    background-color: white;
    padding: 5px 20px 20px 3px;
    margin-top: 3px;
}

/* Phone number car d- at the top of the left column */
#card_top_number{
    text-align:center;
    color:blue;
    font-size:22px;
    padding:3px;
}

/* Special content card - which is the card with the pages content. */
.content_card h1, .content_card h2, .content_card h3
{
    text-align:center;
}
.side_menu a {
    text-decoration:none;
    color:black;
}
.side_menu a:hover {
    color:black;
    background-color:#0099cc;
    font-weight:bold;
}


/* לחלק של התמונות בתחתית העמודים - 8 התמונות, המקור מאתר אירקודישנינג */
div.index_mutagim {overflow:auto;clear:both;text-align:center;}
.index_mutagim img{min-width:50px;width:15%;height:auto;border:1px #003333 solid;margin:5px;padding:3px;}
.index_mutagim a{text-decoration:none;color:white;}


/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Footer */
div.Contact_Info {
    background-color:#0099cc;
    color:white;
    text-align:center;
    font-size:27px;
    font-weight:bold;
    padding:15px;
}
.footer {
    padding: 20px;
    text-align: right;
    background: #ddd;
    margin-top: 20px;
    overflow: auto;
}
.footer p {font-size:unset;}
div.footer_left_side_images {
    float:left;
    overflow:auto;
}
div.footer_left_side_images div {
    width:200px;
    background-color:white;
    border: 1px solid black;
    padding:3px;
    margin:10px;
    text-align:center;
}
.bottom_links a {
    font-size:8px;
    color:white;
    text-decoration:none;
}



/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {

    .leftcolumn, .rightcolumn {
        width: 100%;
        padding: 0;
    }
    img {
        max-width:100%;
        height:auto;
    }
}

@media screen and (max-width: 600px) {
        img {
        float:unset;
        display:block;
        max-width:100%;
        height:auto;
        margin-right:auto;
        margin-left:auto;
    }
}
/* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
@media screen and (max-width: 400px) {
    .topnav a {
        float: unset;
    }
    div.menu_pages{
        display:block;
        flex-wrap:unset;
        justify-content:unset;
    }
    .menu_pages div {
        display:block;
        float:none;
    }
}



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

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 { 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_55 { width:55px;height:auto; }
.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; }




/************************************************************************
********* Mobile bottom dashboard - with whatsapp and menu links! *******
************************************************************************/
#Bottom_Dashboard_Mobile
{
    display:none;
    position:fixed;
    bottom:0;
    left:0;
    border-top:1px solid black;
    background-color:#0099cc;
    color:white;
    text-align:center;
    width:100%;
}
#Bottom_Dashboard_Mobile a {display:inline;white-space:nowrap;color:white; font-size:17px;}
#Bottom_Dashboard_Mobile img {display:inline;margin:unset;}
@media only screen and (max-width:600px)
{
    #Bottom_Dashboard_Mobile {display:block;}
}







/****************** style for pages! ***************/
/****************** Update August 2022 ! *************/




/*****************************************************************
***** Menu with images at the pages - unique for this website! ***
*****************************************************************/
#Brands_Gallery {
    margin:auto;
    overflow:auto;
    padding-bottom:30px;

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#Brand_Gallery_H1_Title {text-align:center;}

.Brand_Box
{
width:130px;
height:195px;
padding:1px;
margin:10px;
border: 1px solid #ccc;

/*Inside text and links style*/
text-decoration:none;
color:black;
}
@media only screen and (max-width:500px)
{
    .Brand_Box {width:80px;height:auto;}
}

.Brand_Box:hover 
{
border: 1px solid #777;
    -ms-transform: scale(1.1,1.1); /* IE 9 */
    -webkit-transform: scale(1.1,1.1); /* Safari */
    transform: scale(1.1,1.1); /* Standard syntax */
}
.Brand_Box a {text-decoration:none;color:black;}

div.Col_Pic { text-align:center; }
div.Col_Pic img { width:100%;height:auto; }
.Brand_Box h3, .Brand_Box h4 { text-align:center;text-decoration:none;color:black;margin:2px;padding:0px; }
div.Col_Title { height:60px;}
@media only screen and (max-width:500px)
{
    div.Col_Title {height:70px;}
}


/********************************************************************************
**** Design for the 4 images at the bottom of page - unique for this website ****
********************************************************************************/
div.Bottom_Menu
{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-around;}
div.Bottom_Menu_Item 
{
    position:relative;
    width:350px;
    height:220px;
    margin: 10px auto 10px auto;
}
div.Bottom_Menu_Item img {width:100%;height:100%;}
div.Bottom_Menu_Item div {
    position:absolute;
    left:0;
    top:80%;
    display:block;
    width:100%;
    text-align:center;
    background-color:black;
    opacity:0.5;
    color:white;
    text-decoration:none;
}
div.Bottom_Menu_Item a {color:white;font-size:22px;text-decoration:none;}
@media only screen and (max-width:450px)
{
    div.Bottom_Menu_Item {width:260px;height:180px;}
}


/**************************************
*** Design permanent side links box ***
*** Negishut and Whatsapp links     ***
***************************************/
div.permanent_side_links_box {
    position: fixed;
    top:250px;
    left:0px;
    background-color:#ebe9e9;
    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:3px;

}
@media only screen and (max-width:600px)
{
    div.permanent_side_links_box {display:none;}
}




/******************************************************************************************
******************************* Design for pages ******************************************
******************************************************************************************/


/*****************************
******* for pump.html ********
*****************************/
ul#rainbow_pump_list {
    list-style-image: url('../images/pump/star.gif');
}


/*********************************
******* for mevukaim.html ********
*********************************/
div.Mevukaim_Gallery {max-width:450px;background-color:#49B5B2;text-align:center;overflow:auto;padding:5px;margin:5px auto 5px auto;}
div.Mevukaim_Gallery img {max-height:150px;height:auto;width:auto;}
#Mevukaim_Telephone_Contact_Text {background-color:#49B5B2;color:black;font-size:25px;font-weight:bold;}

#BlockBoxMevukaimLine
{
    overflow:auto;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}
.BlockBoxMevukaim 
{
    padding: 5px;
    border: 1px solid black; 
    width: 150px;
    min-height: 240px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 8px;
    margin-left: 8px;
    color:black;
    overflow:auto;
}
.BlockBoxMevukaim h3
{
    color:red;
    font-size:16px;
    font-weight:bold;   
}
.Blcok_Box_Mevukaim_Title{ height:35px;text-align:center;}
.Block_Box_Mevukaim_Img{ height:130px;}
.Block_Box_Mevukaim_Content { font-size:16px;}



/*************************************************************************************
******* 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 sn8.html ********
*********************************/
/* For the page sn8.html - the table below */
table.sn8_table {direction:ltr;margin-right:auto;margin-left:auto;}
.sn8_table tr,.sn8_table th,.sn8_table td {direction:rtl;text-align: center;padding:6px;border:1px black solid;}
.sn8_table th {background-color:#6CABC9;}
th.sn8_table_row_th {background-color:#AAE4FF;}
td.sn8_table_td_text_center {text-align:center;}
td.sn8_table_td_text_center_bold_underline {text-align:center;text-decoration:underline;font-weight:bold;}
@media only screen and (max-width:550px) 
{
    .sn8_table tr,.sn8_table th,.sn8_table td {padding:1px;font-size:16px;}
}
@media only screen and (max-width:440px) 
{
    .sn8_table tr,.sn8_table th,.sn8_table td {padding:0px;font-size:14px;}
}


/********************************
******* 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:210px;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%;}
h2.Ytong_Product_Boxes_h2_message {text-align:center;text-decoration:none;background-color:white;color:black;}
/* 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 caveret.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 mamad.html ********
********************************/
div.mamad_info_box 
{
overflow:auto;
margin-bottom:20px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.mamad_info_box div 
{
width:30%;
text-align:right;
padding:5px;
border:1px grey solid;
margin:5px;
overflow:auto;
}
@media only screen and (max-width: 1100px)
{
    .mamad_info_box div{width:100%;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;}



/********************************
******* for mosdi.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;
    cursor:zoom-in;
}



/********************************
******* 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 gallery at bottom of the pages ********
***************************************************/
/* Gallery javascript!!! Important 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;margin: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;}
#gallery_modal_box_close_hyper_link {cursor:pointer;color:blue;}
img.Enlarge_Image {cursor:zoom-in;}




/**************************
******* for ydf.html ******
***************************/
/* For the english part */
div.Ydf_English {direction:ltr;text-align:left;}



/**************************
******* 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 smuya.html ********
********************************/
/* Table with the models of all smuya pumps */
#Smuya_Pump_Table_Div {padding:5px;}
table.Smuya_Pump_Table
{
    border:1px solid black;
    margin-right:auto;
    margin-left:auto;
    padding:3px;
    border-collapse:collapse;/*Mehaber gvulot kfulim shel table+td*/
}
.Smuya_Pump_Table td, .Smuya_Pump_Table th
{
vertical-align:top;
border:1px solid black;
padding:3px;
margin:3px;
}
.Smuya_Pump_Table tr:hover 
{
    background-color:#f5f5f5;
}
.Smuya_Pump_Table img
{
    width:120px;
    height:auto;
    margin:3px;
    cursor:zoom-in;
}



/********************************
******* 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:300px;
    min-height:300px;
}
div.Geves_Product_Boxes div.Green_Geves_Product_Box {background-color:#BCE1C5;}
div.Geves_Product_Boxes div.Pink_Geves_Product_Box {background-color:#F2DAD0;}
div.Geves_Product_Boxes div.Blue_Geves_Product_Box {background-color:#C7EAFB;}


@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 calcar.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 knauf.html *********
*********************************/
#Knauf_Orbond_logo_in_text {height:28px;width:auto;vertical-align:bottom;}
h3.Knauf_Top_Title {text-align:center;background-color:white;color:#00B0A6;font-weight:bold;}


/*****************************
*** For negishut.html page ***
/*****************************/
div.Negishut_Box {max-width:240px;border:1px solid black;overflow:auto;padding:10px;margin:10px auto 10px 0px;vertical-align: middle;}
div.Negishut_Box img { display:block;float:left;width:55px;height:auto; }
div.Negishut_Box a { font-size:23px;font-weight:bold; }
@media only screen and (max-width:580px)
{
    div.Negishut_Box { margin:20px auto 20px auto;}
}