/* Quick.Cart WebStyle012 stylesheet */

@font-face {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 300;

 
  src: local('Roboto Regular'), local('Roboto-Regular'), url(http://themes.googleusercontent.com/static/fonts/roboto/v11/Xyjz-jNkfiYuJf8UC3Lizw.woff) format('woff');



}

@font-face {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 400;

  src: local('Roboto Regular'), local('Roboto-Regular'), url(http://themes.googleusercontent.com/static/fonts/roboto/v11/Xyjz-jNkfiYuJf8UC3Lizw.woff) format('woff');


}

@font-face {

  font-family: 'Roboto';

  font-style: normal;

  font-weight: 700;

  src: local('Roboto Regular'), local('Roboto-Regular'), url(http://themes.googleusercontent.com/static/fonts/roboto/v11/Xyjz-jNkfiYuJf8UC3Lizw.woff) format('woff');

}

@font-face {

  font-family: 'FontAwesome';

  src: url('font/fontawesome-webfont.eot?v=4.0.3');

  src: url('font/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('font/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('font/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('font/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');

  font-weight: normal;

  font-style: normal;

}

/* GLOBAL STYLES */

body,h1,h2,h3,div.breadcrumb,h5,h6,p,form,fieldset,img,ul{margin:0;padding:0;border:0;}

body,table{color:#F5DEB3;font-family:"Roboto",Helvetica,sans-serif;font-size:12px;}

table{border-collapse:collapse;border-spacing:0;font-size:100%;}

tbody, tfoot, thead{margin:0;padding:0;}

caption, tr, th, td{margin:0;padding:2px 4px;font-size:100%;font:inherit;vertical-align:baseline;}



body{padding:0;text-align:center;font-family:"Roboto",Helvetica,sans-serif;font-size:12px;line-height:1.5em;color:#a5a5a5;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%; 

background-image: url('https://sunny-decor.co.il/templates/webstyle012/img/MPAGE.jpg');
  background-attachment: fixed;   /* STATIC */
  background-repeat: no-repeat;   /* NOT REPEATING */
  background-position: center center; /* CENTERD */
  background-size: cover;         /* FULLSCREEN */
  margin: 0;
  padding: 0;
}



.input, select, textarea{ padding:5px; border:none;background:#fff; font-family:"Roboto",Helvetica,sans-serif; font-size:1em;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;color:#662200;}

/* BLUE TSEVA SAL KNIYOT VE TOFES RECHISHA */

.submit{font-style:normal;font-family:"Roboto",Helvetica,sans-serif;font-weight:700;text-decoration:none;color:#fff;border:0;cursor:pointer;

padding:0px 15px;margin:5px 0px 10px 0;background:BLUE;line-height:40px;height:40px; text-align:center;

-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;

-webkit-box-shadow: 0px 5px 0px 0px rgba(224, 74, 74, 1);-moz-box-shadow:0px 5px 0px 0px rgba(224, 74, 74, 1);box-shadow:0px 5px 0px 0px rgba(224, 74, 74, 1);

-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}

.submit:hover{color:#662200;background:#ff5454;text-decoration:none;color:#fff;line-height:45px;height:45px;margin:5px 0px 5px 0; border:0;

-webkit-box-shadow: 0px 0px 0px 0px rgba(224, 74, 74, 1);-moz-box-shadow:0px 0px 0px 0px rgba(224, 74, 74, 1);box-shadow:0px 0px 0px 0px rgba(224, 74, 74, 1);

-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}

.form legend{position:absolute;clip:rect(1px, 1px, 1px, 1px);}

.form label span{padding-left:10px;color:#949494;font-weight:normal;text-shadow:none;}

.hide{display:none;}



a{background-color:inherit;color:#662200;text-decoration:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}

a:hover{ #F5DEB3;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}



.clear{clear:both;height:0px;font-size:0em;line-height:0px;}

.left{text-align:left;}

.center{text-align:center;}

.right{text-align:right;}



#skiplinks{ display:none}



#container{position:relative;width:100%;margin:0 auto;position:relative; overflow:hidden}



/* HEADER WITH TOP MENU ABOVE LOGO */

#header{z-index:777;color: #7D7D7D;transition: all 0.3s ease-in 0s;width: 100%; height:auto;}

* html #head1 .container, * html #head2, * html #body{background:none;} /* IE 6 hack */



/* MENU TOP 1 */

#head1 {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative;
    padding: 10px 20px;       /* INNER */
   /* TOP-MENUE BACK   background-color: yellow; */
    box-sizing: border-box;   /* -padding- */
}

#head1 .container{margin:0 ;float:right; height:auto; overflow:hidden;padding-bottom:10px;}



#menu1 ul{float:right;margin:25px 0px 0px 0; padding:0;list-style:none; clear:both}

#menu1 li{float:left;padding:0 0 0 27px; margin:0; text-align:left; position:relative}

#menu1 li a{font-size:16px;color:#F5DEB3;}

#menu1 li a:hover, #menu1 .selected a{text-decoration:nonr; color:#a5a5a5}



#menu1 li.lBasket{text-align:right;}

#menu1 li.lBasket a{background:none;}

#menu1 li.lBasket a:before{content:"\f07a";font-family:'FontAwesome';font-weight:normal;font-style:normal;font-size:26px; position:absolute; top:5px; left:0;}

#menu1 li.lBasket span{padding:0px 0 0px 0px;display:block;font-size:11px; color:#a5a5a5; margin:-6px 0 0 0}



/* LOGO, HEADER BACKGROUND AND SLOGAN ON IT NOW */

#head2{ width:100%;margin:0 auto;text-align:left; position:relative; }

#head2 .container{margin:0 ;float:left; height:auto; overflow:hidden;

padding: 10px 20px;       /* INNER */
     /* background-color: red; LOGO BACK */
    box-sizing: border-box;   /* -padding- */}



#logo{padding:15px 0px 15px 0px; color:#ff5454; float:left}

#logo #title a{font-weight:bold;font-size:40px;text-decoration:none; color:#ff5454;}

#logo #title a:hover{opacity:0.5;}

#logo #title a strong{color:#fff; font-weight:normal}



/* HEADER WITH TOP MENU BELOW LOGO */

#head3{ clear:both; }

#head3 .container{width:100%;margin:0 auto 0 auto;text-align:right; position:relative;
padding: 10px 20px;       /* INNER */
    /*  background-color: yellow; AROUND MENUE BACK */
    box-sizing: border-box;   /* -padding- */}


/* MENU TOP 2 */

.toggle input[type=checkbox] {display:none}

.toggle label {display:none}

.toggle input[type=checkbox]:checked ~ div#menu2 {display:none}

.toggle div#menu2 { display:block}

#menu2 ul {
  position: relative;
  width: 100%;
  transition: all 0.25s ease;
}

/* המצב אחרי גלילה */
#menu2.fixed {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 9999;
  background: white; /* BACK COLOR */
  box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}

#menu2 ul{margin:0;list-style:none;overflow:hidden;clear:both; float:left;background:#fff;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;width:100%;}

#menu2 li{float:right;padding:0;}

#menu2 li a{float:left;padding:20px 30px;color:#808080; font-weight:700;font-size:14px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}

#menu2 li a:hover, #menu2 .selected a{text-decoration:none;color:BLACK;

background-image: url("https://sunny-decor.co.il/templates/webstyle012/img/PRODUP.jpg");
background-repeat: repeat;
  background-size: auto;

-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}



/* SLIDER */

#slogan{width:100%;margin:0 auto;text-align:center;padding:110px 0 70px 0px;color:#F5DEB3;background-image: url('https://sunny-decor.co.il/templates/webstyle012/img/BAN1.jpg');
    background-size: cover;        /* FULL */
    background-position: center;   /* CENTER */
    background-repeat: no-repeat;  /* NOREPEAT */; font-size:40px; height:auto; line-height:90%;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;  font-weight: 300;}


#slogan:after{
font-family: Tahoma, sans-serif;
    font-weight: normal;
    font-style: normal;
    display: block;
    clear: both;
    margin-top: 30px;
    font-size: 2em;            /*RELATIV */
    color: #F5DEB3;            /* BEZ */
    text-align: center;        /* CENT */
}



/* BODY STYLES - LEFT AND RIGHT COLUMN */

#body{clear:both;float:left;width:100%;margin:0 auto;}

#body .container{width:100%;margin:0 auto;text-align:right;

padding: 10px 20px;       /* INNER */
     /* UNDER 2ND MENUE YELLOW BACK background-color: yellow; */
    box-sizing: border-box;   /* -padding- */}



}



/* LEFT COLUMN STYLES */

#column{float:left;width:29%;padding:30px 0 0px 0; text-align:center; clear:both}

#column .type{margin:0;font-size:20px;font-weight:700;color:#141f1f;

background-image: url("https://sunny-decor.co.il/templates/webstyle012/img/PRODUP.jpg");
background-repeat: repeat;
  background-size: auto;
  color: #141f1f !important; /* WHITETEXT*/

height:50px;line-height:50px;text-align:center;width:100%;}

.order #column{display:none;}



/* LEFT MENU */

#menu3{padding:0; clear:both;-webkit-border-radius: 9px;-moz-border-radius: 9px;border-radius: 9px; overflow:hidden; margin-bottom:30px; position:relative}

#menu3 .type:after{content:"\f07c";font-family:'FontAwesome';font-weight:normal;font-size:20px;font-style:normal;position:absolute;right:5%;top:0px;}

#menu3 ul{padding:0px 0;list-style:none;background:#fff; }

#menu3 li{ width:100%; text-align:center;padding:0; margin:0;}

#menu3 li a{width:100%;height:50px;line-height:50px;border-top:1px solid #808080;border-radius:0;color:#808080;padding:0;font-size:14px;font-weight:bold;position:relative;display:block;5-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}

#menu3 li:first-child a {border:none}

#menu3 li a:hover, #menu3 .sub1 a:hover,#menu3 .selected a{background:none;color:#F5DEB3;text-decoration:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}



#menu3 .sub1{ background:url(img/sub-menu.png) top center no-repeat #ffffff; padding-top:8px; margin-top:-8px;}

#menu3 .sub1 li{ background:none;padding:0px 0 0px 0; background:#3b3b3b}

#menu3 .sub1 a{display:block;padding:0px 0 0px 0;background:#2f2f2f;height:50px;line-height:50px;color:#fff; border:none;width:96%;margin:0 auto}

#menu3 .sub1 a:before{ height:30px; line-height:30px;}

#menu3 .sub1 .selected a,#menu3 .sub1 a:hover{background:#2f2f2f; color:#ff5454; border:none}



/* search form */

#searchForm{margin: 0px 0 0px 0; height:64px; position:relative; float:right; width:100%; clear:both}

#searchForm label, #searchForm legend{position:absolute;clip:rect(1px, 1px, 1px, 1px);}

#searchForm .input{width:98%; height:34px; line-height:34px; padding:0 0 0 2%;  position:absolute; left:0;font-family:"Roboto",Helvetica,sans-serif;
text-align: center;
line-height: 34px;
}

#searchForm .submit{width:15%;height:34px; position:absolute; right:0; background:none; z-index:98; min-width:25px;;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}

#searchForm .fa-search {color:#F5DEB3; position:absolute; right:0; font-style:normal; z-index:97; font-size:24px;height:30px;line-height:30px; padding-right:6px;background:none; width:20%; text-align:right;}

#searchForm .fa-search:before {content: "\f002";font-family:'FontAwesome';}



/* BASKET SUMMARY */

#basketSummary{margin:0 0 30px 0px; background:#fff;-webkit-border-radius: 9px;-moz-border-radius: 9px;border-radius: 9px; overflow:hidden}

#basketSummary .title{ width:100%; padding:0; position:relative }

#basketSummary .title:after{content:"\f07a";font-family:'FontAwesome';font-weight:normal;font-size:21px;font-style:normal;position:absolute; color:#fff;right:5%;top:13px;   text-shadow: 1px 1px rgb(212, 70, 70), 2px 2px rgb(215, 71, 71), 3px 3px rgb(218, 72, 72), 4px 4px rgb(222, 73, 73), 5px 5px rgb(225, 74, 74), 6px 6px rgb(228, 75, 75), 7px 7px rgb(232, 76, 76), 8px 8px rgb(235, 77, 77), 9px 9px rgb(238, 78, 78), 10px 10px rgb(241, 79, 79), 11px 11px rgb(245, 80, 80), 12px 12px rgb(248, 81, 81), 13px 13px rgb(251, 82, 82), 14px 14px rgb(255, 84, 84);}



#basketSummary .title a {padding:0;font-size:20px;font-weight:700;color:#fff;background: BLACK;height:50px;line-height:50px;position:relative;display:block;}

#basketSummary ol{margin:6px 0;padding:0;list-style:none;font-weight:bold;}

#basketSummary li{padding:5px 3px 7px;border-bottom:1px solid #808080;}

#basketSummary li span.name{display:block;font-size:16px; font-weight:normal}

#basketSummary li h3 a{ color:#662200}

#basketSummary li h3 a:hover{ color:#ff5454}

#basketSummary li div{padding:5px 0 0;font-weight:normal;font-size:0.9em;}

#basketSummary li .priceQuantity{background:inherit;}

#basketSummary li strong{padding:0 2px 0 5px;font-weight:bold;}

#basketSummary li em{font-style:normal;}

#basketSummary .summary{margin:0;padding:5px 0 10px 0;text-align:center;font-weight:bold;}

#basketSummary .summary em{font-style:normal;}

#basketSummary .summary strong{padding:0 3px;font-weight:bold;}

#basketSummary .summary span{font-weight:bold;}



/* PROMOTED PRODUCTS */

#promoted{margin:0px 0 30px 0;padding:0 0px;background:#fff;-webkit-border-radius: 9px;-moz-border-radius: 9px;border-radius: 9px; overflow:hidden}

#promoted .title{padding:2px 0 2px 0;

background-image: url("https://sunny-decor.co.il/templates/webstyle012/img/PRODDAWN.jpg");
background-repeat: repeat;
  background-size: auto;
  color: #fff !important; /* WHITETEXT*/





color:#fff;font-size:20px;font-weight:bold;height:50px;line-height:50px;width:100%;margin-bottom:10px;text-align:center; position:relative}

#promoted .title:after{content:"\f005";font-family:'FontAwesome';font-weight:normal;font-size:22px;font-style:normal;position:absolute;right:5%;top:2px;}

#promoted ul{list-style:none;padding-bottom:0px;text-align:center;border:1px solid #a5a5a5overflow: hidden; margin-top:10px}

#promoted li{padding:13px 0;}

#promoted li img{ margin-bottom:5px;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-border-radius: 9px;-moz-border-radius: 9px;border-radius: 9px; overflow:hidden}

#promoted li img:hover{border-color:#ff5454; opacity:0.6;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}

#promoted li .name a{color: #662200; font-size: 16px;}

#promoted li .name a:hover{ color:#ff5454}

#promoted li h3{font-size:1.1em;padding:5px 0;}

#promoted li .price, #promoted li .noPrice{padding:2px 0 0;}

#promoted li strong{padding:0 2px 0 5px;font-weight:bold;}

#promoted li .price em{padding:0;background:inherit;font-style:normal;}

#promoted li .price span{font-weight:bold;padding-left:5px;}



/* boxes */

#column .box{padding:0 0px 10px 0;margin:0 0 30px;background:#fff;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;overflow:hidden}

#column .box .type{padding:0;background:#000080;height:50px;line-height:50px;font-size:20px;font-weight:700;color:#fff;float:left;width:100%;margin-bottom:10px; margin-top:0}

#column .box .content{display:block;padding:0px 10px 0px 10px;}



#column .box ul, #column .box ol{margin:0 !important;list-style:none;}

#column .box li{padding:2px 0;}



.boxes { margin-left:-3.85%;}

.boxes .box{float:left;margin:0 0 20px 3.85%;width:29.48%; padding:0;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;overflow:hidden}

.boxes .box .type{padding:0;background:#ff5454;height:50px;line-height:50px;font-size:20px;font-weight:700;color:#fff;width:100%;text-align:center}

.boxes .box .content{padding:8px 10px 10px;list-style:none;line-height:1.5em;text-align:left;background: #ffffff;}

.boxes .box ul, .boxes .box ol, #column .box ul, #column .box ol{margin:0 !important;list-style:none;}

.boxes .box li, #column .box li{padding:6px 0 2px 15px;}

.boxes .box li a, #column .box li a{display:block;width:87%;padding:2px 2% 4px 7%;color:#ff5454;font-size:1.083em;background:none;}

.boxes .box li a:hover, #column .box li a:hover{color:#ff5454;background:none;}



.boxes.footer .box{margin-top:10px;margin-bottom:10px;}



/* RIGHT COLUMN STYLES */

#content{float:right;padding:30px 0 5px 0;text-align:right; position:relative;width:100%;}

* html #page{width:100%;}

#page{position:relative;text-align:right;clear:left; width:100%}



.order #content{width:100%;}

* html #page{width:100%;} /* IE 6 hack */

* html .order #page{width:94%;} /* IE 6 hack */

#body.order .container{width:1100px;border:0;}



/* PAGE TITLE */

#page h1{margin:8px 0 15px 0;font-size:30px;font-weight:normal; color:#F5DEB3}



/* NAVIGATION PATH - TREE */

#page div.breadcrumb, #page h6.date{ padding-bottom:8px;}

#page div.breadcrumb a{font-weight:normal;}

#page div.breadcrumb a:hover{text-decoration:underline;}

*:first-child+html #page div.breadcrumb{top:-5px;} /* IE 7 hack */

* html #page div.breadcrumb{top:-5px;} /* IE 6 hack */



/* PAGE CONTENT */

#page div.content{padding-top:0px;font-size:17px;line-height:1.5em; color:BLACK}

#page div.content ul, .subpagesList li ol{margin:0 0 0 30px;padding:0;}

#page div.content li{margin:8px 0;padding:0;border-left:0;}

#page div.content p{padding-bottom:10px;}



.pages{padding:8px 0;text-align:right;font-size:1.083em;}

.pages ul, .pages li{display:inline;}

.pages li{padding:0 2px;}

.pages a, .pages strong{padding:0 1px;font-size:1.083em;}



ul.options{float:left;width:100%;margin:10px 0;list-style:none;}

ul.options::after{content:"";display:table;clear:both;}

ul.options li{float:left;margin:0 10px 0 0;}

ul.options .edit a, ul.options .delete a{display:inline-block;width:21px;height:21px;text-indent:100%;white-space:nowrap;overflow:hidden;font-size:1%;color:transparent;}

ul.options .edit a{background:url('../admin/img/ico_edit.gif') no-repeat 0px 0px;}

ul.options .delete a{background:url('../admin/img/ico_del.gif') no-repeat 0px 0px;}

ul.options .edit a:hover, ul.options .delete a:hover{opacity:0.6;}



/* IMAGES STYLES */

.imagesList{list-style:none;}

.imagesList li{margin:0 0 15px 0;text-align:center;}

.imagesList li div{text-align:center;}

.subpagesList li img, .imagesList li img, .imagesList#imagesListPreview li img, .imagePreview img, #products li .photo img, #subpagesGallery td img, .imagesGallery td img, #productsRelated img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;overflow:hidden}

.subpagesList li img:hover, .imagesList li img:hover, .imagesList#imagesListPreview li img:hover, .imagePreview img:hover, #products li .photo a:hover img, #subpagesGallery td img:hover, .imagesGallery td img:hover, #productsRelated img:hover{border-color:#ff5454; opacity:0.6;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}

#product .imagePreview img{width:100%;}

/* IMAGES STYLES - GALLERY */

#imagesGallery3{margin:0 0 15px;}

#imagesGallery4{margin:15px 0 0;}

.imagesGallery{clear:both;}

.imagesGallery .pages{clear:both;}

.imagesGallery table{width:100%;clear:both;padding:10px 0;font-size:1em;}

.imagesGallery table caption{position:absolute;clip:rect(1px, 1px, 1px, 1px);}

.imagesGallery td, .imagesGallery th{padding:15px 7px 10px;text-align:center;vertical-align:top;}

.imagesGallery div{font-weight:normal;font-size:1.1em;line-height:1.4em;}



#imagesList1{float:left;margin:7px 20px 0 0;}

#imagesList2{clear:right;float:right;margin:8px 0 0 15px;}



.imagePreview div{margin:5px 0 10px;text-align:center;}

#imagesListPreview{float:left;margin:6px 20px 0 0;}

* html #imagesListPreview{margin-top:-5px;}

.imagesList#imagesListPreview li{margin-bottom:6px;}



/* FILES LIST STYLES */

#filesList{width:100%;float:left;margin:15px 0 5px;list-style:none;vertical-align:middle;}

#filesList li{width:100%;float:left;clear:left;margin:5px 0 5px;}

#filesList img{margin:0 8px 0 0;vertical-align:middle;}

#filesList em{padding-left:2px;background:inherit;}



/* QUICK.BOX */

#quick-box{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba( 0, 0, 0, 0.7 );z-index:200;}

#quick-box .background{height:100%;}

#quick-box .quick-box-container{position:absolute;padding:0;border-radius:5px;box-shadow: 0 0 15px 1px #000;}

#quick-box .image-wrapper{position:relative;line-height:0;}

#quick-box .image-wrapper img{margin:0;padding:0;border-radius:5px;}

#quick-box .navigation{position:absolute;bottom:0;margin:0;padding:5px 0;text-align:center;font-size:0.875em;font-weight:bold;color:#ddd;line-height:normal;background:rgba( 0, 0, 0, 0.2 );width:100%;}

#quick-box .description{margin:0;padding:5px 0;text-align:center;font-size:0.875em;color:#ddd;font-weight:bold;background:rgba( 0, 0, 0, 0.8 );border-bottom-left-radius:5px;border-bottom-right-radius:5px;max-height:66px;overflow:hidden;}



#quick-box .prev, #quick-box .next{position:absolute;display:block;width:50%;top:15%;height:70%;margin:0px;color:#fff;font-family:Verdana;z-index:100;opacity:0.15;text-decoration:none;}

#quick-box .prev span, #quick-box .next span{position:absolute;top:47%;left:0;padding:10px;border:1px solid #fff;background:#000;}

#quick-box .next span{left:auto;right:0;border-right:none;}

#quick-box .prev span{border-left:none;}

#quick-box .next:hover, #quick-box .prev:hover{opacity:0.8;}

#quick-box .prev{left:0;}

#quick-box .next{right:0;}

#quick-box .close{position:absolute;top:0;right:0;padding:0 4px 2px;opacity:0.5;background:#000;color:#fff;font-weight:bold;font-family:"Trebuchet MS";text-decoration:none;border:1px solid #fff;border-top:none;border-right:none;border-top-right-radius:5px;z-index:100;}

#quick-box .close:hover{opacity:0.8;}

#quick-box .close, #quick-box .prev, #quick-box .next{line-height:normal;}

#quick-box .loading{display:block;padding:40px 35px;color:white;line-height:1em;}



/* SUB PAGES LIST STYLES */

.subpagesList{float:left;width:100%;margin:7px 0;list-style:none;}

.subpagesList li{clear:left;float:left;width:96%;margin:10px 0;padding:13px 2%;background: #ffffff;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;}

* html .subpagesList li{width:100%;}

.subpagesList li .photo{float:left;margin:0 18px 5px 0;}

.subpagesList li h2{padding-bottom:10px;}

.subpagesList li h2, .subpagesList li h2 a{font-size:1.25em;font-weight:normal;}

.subpagesList li ul{list-style:disc;}

.subpagesList li ol{list-style:decimal;}

.subpagesList li p{padding-bottom:10px;}

.subpagesList li div.description{font-weight:normal;font-size:1em;line-height:1.4em;}



/* SUB PAGES LIST - NEWS and GALLERY */

.subpagesList li h6{padding:0 0 5px;font-weight:bold;font-size:1em;}

#subpagesGallery{width:100%;margin:5px 0 10px;padding:10px 0;font-size:1em;}

#subpagesGallery caption{position:absolute;clip:rect(1px, 1px, 1px, 1px);}

#subpagesGallery td, #subpagesGallery th{padding:15px 7px 10px;text-align:center;}

#subpagesGallery h2, #subpagesGallery h2 a{font-size:1.25em;font-weight:normal;margin:3px 0 0;}



/* SITE MAP */

#siteMap{margin:30px 0 10px 20px;list-style:circle;}

#siteMap li{margin:5px 0;padding:5px 10px;}

#siteMap ul{margin:0;padding:3px 0 0 10px;border:0;list-style:none;}

#siteMap ul li{margin:0;padding:3px 10px;border:0;}

#siteMap ul.products{list-style:disc;margin-left:18px;padding:5px 0 5px 4px;}

#siteMap ul.products li{padding:3px 0 2px 0px;}

#siteMap li .price{display:inline;font-size:0.917em;padding-left:5px;}

#siteMap li strong{padding:0 5px 0 7px;}

#siteMap li span{}

#siteMap li ins{text-decoration:none;font-weight:bold;}

#siteMap li ins em{padding-right:5px;background:inherit;text-decoration:line-through;font-style:normal;}



#siteMap li a{font-weight:normal; text-transform:uppercase;  color: #fff; font-size:16px}

#siteMap li a:hover{color: #ff5454;}

#siteMap ul.sub1 li{margin:0;padding:3px 0px 3px 0;border:0;}

#siteMap .sub1 a{margin:0;padding:3px 10px 3px 10px;border:0; text-transform:uppercase; color#F5DEB3; font-size:14px}

#siteMap .products a{margin:0 0 0 0px;padding:3px 10px;border:0; text-transform:none;  color:BLACK; font-size:14px}

#siteMap .products a:hover{color: #ccc;}





/* CONTACT FORM */

#contactPanel{width:100%;margin:10px auto 0;}

#contactPanel fieldset{padding:25px 20px;}

#contactPanel dl, #contactPanel dt, #contactPanel dd{margin:0;padding:0;}

#contactPanel dt{padding:0 0 7px;}

#contactPanel dd{margin-bottom:18px;}

#contactPanel .input, #contactPanel textarea{width:99%;font-size:1em;}

#contactPanel #captcha{width:9%;}

#contactPanel .captcha em{font-style:normal;padding:0 3px;}

#contactPanel label[for=contactPhone]{font-weight:normal;}

#contactPanel .captcha ins {font-weight: bold;padding: 0 3px;text-decoration: none;}

#contactPanel .captcha em {font-style: normal;font-weight: bold;}

#contactPanel .save{text-align:center;}

#contactPanel fieldset legend{position:absolute;clip:rect(1px, 1px, 1px, 1px);}





/* COMMENTS */

#commentForm{clear:both;width:100%;margin:10px auto 0;}

#commentForm fieldset{padding:15px 5px;}

#commentForm dl, #commentForm dt, #commentForm dd{margin:0;padding:0;}

#commentForm dt{padding:0 0 7px;}

#commentForm dd{margin-bottom:18px;}

#commentForm .input, #commentForm textarea{width:99%;font-size:1em;}

#commentForm #captcha{width:9%;}

#commentForm .captcha em{font-style:normal;padding:0 3px;}

#commentForm label[for=contactPhone]{font-weight:normal;}



#commentForm .captcha em{font-style:normal;font-weight:bold;}

#commentForm .captcha ins{padding:0 3px;font-weight:bold;text-decoration:none;}

#commentForm legend{position:absolute;clip:rect(1px, 1px, 1px, 1px);}

#commentForm .save{text-align:center; height:50px; overflow:hidden}



#commentTitle{overflow:hidden;margin:5px 0 5px;padding:10px 0 5px;font-size:1.7em;font-weight:normal;}

#comments{float:left;width:100%;margin:7px 0;list-style:none;}

#comments li{clear:left;float:left;width:100%;margin:5px 0 10px;padding:6px 0 13px;}

* html #comments li{width:100%;}

#comments div{float:left;width:25%;}

#comments span.name{display:block;font-size:1em;}

#comments span.date{display:block;font-size:1em;margin-top:3px;font-weight:normal;}

#comments p{font-weight:normal;font-size:1em;line-height:1.4em;width:75%;float:right;}



/* OPTIONS LINK */

#options{clear:both;float:right;width:100%;margin:10px 0px;font-size:1em;text-align:right;}

*:first-child+html #options{width:95%;} /* IE 7 hack */

#options a{padding:0 0px 0 10px; margin-left:20px}

#options .back, #options .print{float:right;}

#options .print a:before{content: "\f02f";font-family: FontAwesome;font-style: normal;font-weight: normal; font-size:10px; padding-right:5px}



.message{padding:50px 0;text-align:center;}



/* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */

#foot{clear:both;height:70px;font-size:1.083em;float:left;width:100%;margin:0 auto;}

#foot .container{width:1100px;margin:0 auto;padding:27px 0;color:#a5a5a5;overflow:hidden;text-align:left;}

#foot a{background:inherit;color:#a5a5a5;}

#foot a:hover{text-decoration:underline;}



#copy{float:left;padding:0 0px;}

.foot{float:right;padding:3px 6px;}



/* SOCIAL BUTTONS */

#plusOne{position:absolute;top:110px;right:15px; overflow:hidden}

#socialButtons{float:left;width:100%;margin:10px 0;padding:5px 0 3px;text-align:left;list-style:none;}

#socialButtons .title{display:block;float:left;margin:0 0 0 15px;padding:2px 0 0;}

#socialButtons li{float:left;margin:0 10px 0;}

#socialButtons a img{vertical-align:middle;}



/* PRODUCTS LIST */

#products{float:right;width:100%;margin-bottom:10px;list-style:none;clear:both;margin-top:10px;color:#993300;}

#products ul.list{float:right;width:100%;list-style:none; margin-left:1px;color:#993300;}

#products .list li{float:right;clear:none;width:30.6%;margin-left:4%;padding:7px 0%;text-align:center; margin-bottom:30px;color:#993300;}

#products .list li .photo img {-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;overflow:hidden;}

#products li .photo{font-size:0px;line-height:0px;}

#products li h2{padding:5px 0 10px 0;font-weight:bold;font-size:16px;color:#993300;}

#products li h3{padding:5px 0 9px;font-weight:normal;font-size:0.917em;text-align:center;color:#993300;}

#products li h3 em{padding:0 5px;color:#993300;}

#products li .price, #products li .noPrice{margin:5px 0 5px 0;background-color:inherit;color:#662200;font-weight:bold;text-decoration:none;}

#products li .price em{padding:0 6px 0 0;font-style:normal;font-weight:normal;}

#products li .price strong{font-size:1.167em;}

#products li .noPrice strong{font-size:1.083em;}

#products li .price span{padding-left:4px;font-size:1.083em;font-weight:normal;}

#products li .basket{font-size:14px;font-weight:bold;text-align:left;border:0; height:60px; overflow:hidden}

#products li .basket a{width:150px;padding:0 0 0 20px;margin:10px auto 0 auto;display:block;color:BLACK;


background-image: url("https://sunny-decor.co.il/templates/webstyle012/img/PRODDAWN.jpg");
background-repeat: repeat;
background-size: auto;

/* KAFTOR HOSAFA LASAL + SHADOW */

line-height:40px;height:40px;

-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;-webkit-box-shadow: 0px 5px 0px 0px rgba(224, 74, 74, 1);position:relative;

-moz-box-shadow:0px 0px 0px 0px rgba(224, 74, 74, 1);box-shadow:0px 0px 0px 0px rgba(224, 74, 74, 1);

-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}

#products li .basket a:hover{color:#d9b38c;background:#d9b38c;text-decoration:none; color:#fff;line-height:45px;height:45px;

-webkit-box-shadow: 0px 0px 0px 0px rgba(224, 74, 74, 1);-moz-box-shadow:0px 0px 0px 0px rgba(224, 74, 74, 1);box-shadow:0px 0px 0px 0px rgba(224, 74, 74, 1);

-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}

#products li .basket a:after {content:"\f07a";font-family:'FontAwesome'; position:absolute; right:20px; position:absolute;

text-shadow: 0px 0px rgb(212, 70, 70), 0px 0px rgb(215, 71, 71), 0px 0px rgb(218, 72, 72), 1px 1px rgb(222, 73, 73), 0px 0px rgb(225, 74, 74), 0px 0px rgb(228, 75, 75), 01px 0px rgb(232, 76, 76), 0px 0px rgb(235, 77, 77), 0px 0px rgb(238, 78, 78), 0px 0px rgb(241, 79, 79), 0px 0px rgb(245, 80, 80), 0px 0px rgb(248, 81, 81), 0px 0px rgb(251, 82, 82), 0px 0px rgb(255, 84, 84);}

#products li.column1{clear:both;margin-left:0;color:#993300;}

#products li div.description{margin:7px 0% 0;text-align:justify;color:#993300;}

#products li.pages#pagesAfter{clear:both;}

#products .list li li{float:none;width:auto;margin-left:0px;padding:0;border-top:0px;text-align:left;color:#993300;}



#products .pages{float:right;width:100%;margin:0;padding:9px 0;border:0;background:none;text-align:right;font-size:1em;color:#662200;}

#products .pages li{margin:0;padding:0 2px;border:0;background:none;}

#products .pages a, #products li.pages strong{padding:0 1px;font-size:1em;}

#products .pages .viewAll{padding-right:8px;border-right:1px solid #666;}

#products .pages .title{padding-left:8px;border:none;}

#products .pages#pagesBefore{clear:none;width:auto;}



#products .sort{float:right;width:auto;margin:0 10px 0 0;padding:10px 0;border:0;background:none;text-align:right;}

#products .sort ul{display:inline;list-style:none;}

#products .sort li{display:inline;padding:0 6px;font-weight:bold;color:#fff;border-right:1px solid BLACK;}

#products .sort li:last-child{border:none;padding-right:0;}

#products .sort li a{font-weight:normal;color:BLACK;}



/* PRODUCTS DETAILS HOSAFA LASAL YASHAN */

#product{display:block;text-align:right;}

* html #product{margin:0;} /* IE 6 hack */

#product h1{padding:5px 0 5px;font-size:3.25em;font-weight:normal;color:#662200;}

#product div.breadcrumb{margin:0 0 10px;padding:2px 0 7px;font-weight:normal;font-size:0.917em;color:#993300;}

#product div.breadcrumb em{padding:0 5px;}


#product #box{
    float:right;
    width: calc(100% - 10px);
    margin: 5px;
    padding: 3px 0 10px;
    background: #ffffff;
    text-align: center;
    color: #ff5454;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    overflow: auto;
}



#product #box form{font-weight:bold;}

#product #box form legend{ display:none}

#product #box #price, #product #box #noPrice{padding:7px 0;font-size:1.417em;text-align:center; }

#product #box #price em{font-style:normal;}

#product #box #price strong{padding:0 6px;font-size:1.176em;font-weight:bold;}

#product #box #available{padding:8px 2px 0;font-weight:bold;font-size:0.9em;color:#a5a5a5}

#product #box #addBasket{padding:10px 0 0px; height:50px;  height: auto;}

#product #box #addBasket .submit{width:71%;padding:0px; margin:0 auto;text-align:center;font-size:1.1em;font-weight:bold;display:block;color:#fff;background:#d9b38c;line-height:40px;height:40px;

-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;

-webkit-box-shadow: 0px 5px 0px 0px rgba(224, 74, 74, 1);-moz-box-shadow:0px 5px 0px 0px rgba(224, 74, 74, 1);box-shadow:0px 1px 0px 0px rgba(224, 74, 74, 1);

-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease; position:relative}

#product #box #addBasket .submit:hover{color:#ff5454;background:#d9b38c;text-decoration:none; color:#fff;line-height:45px;height:45px;

-webkit-box-shadow: 0px 0px 0px 0px rgba(224, 74, 74, 1);-moz-box-shadow:0px 0px 0px 0px rgba(224, 74, 74, 1);box-shadow:0px 0px 0px 0px rgba(224, 74, 74, 1);

-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}

#product #box #addBasket .submit:after {content:"\f07a";font-family:'FontAwesome'; position:absolute; right:20px; position:absolute;

text-shadow: 1px 1px rgb(212, 70, 70), 2px 2px rgb(215, 71, 71), 3px 3px rgb(218, 72, 72), 4px 4px rgb(222, 73, 73), 5px 5px rgb(225, 74, 74), 6px 6px rgb(228, 75, 75), 7px 7px rgb(232, 76, 76), 8px 8px rgb(235, 77, 77), 9px 9px rgb(238, 78, 78), 10px 10px rgb(241, 79, 79), 11px 11px rgb(245, 80, 80), 12px 12px rgb(248, 81, 81), 13px 13px rgb(251, 82, 82), 14px 14px rgb(255, 84, 84);}



#product div.content{clear:left;padding:0 0 10px;font-size:1.3em;line-height:1.5em;color:#993300;}

#product div.content ul, #product div.content ol{margin:5px 0 0 30px;padding:0;}

#product div.content li{margin:8px 0;padding:0;border-left:0;}

#product div.content p{padding-bottom:10px;}


#product #box{
    height: auto;
}

/* FEATURES */

#features{margin:0 0 15px;width:100%; font-size:1em;background:#808080; border:0;border-spacing: 1px;overflow:hidden;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px; }

#features caption{position:absolute;clip:rect(1px, 1px, 1px, 1px);}

#features thead td{padding:8px;text-align:center;font-weight:bold;background:#ffffff;color:RED;}

#features tbody td, #features tbody th{padding:5px;font-weight:normal;text-align:center; background:#fff; font-weight: bold;color:#662200;}

#features .l0 td, #features .l0 th{background:#fff;}



/* PRODUCTS RATING */

#productRating{margin:10px 0 5px;text-align:center;}

#productRating .results{margin:2px 0 0;font-size:0.9em;color:#a5a5a5}

#productRating .results strong{padding:0 0 0 2px;}

.ratingDisplay{width:80px;height:16px;background: url('img/stars.png') no-repeat 0 0;font-size:0em;margin:6px auto;}

#comments .ratingDisplay{width:80px;margin-bottom:0;opacity:0.5;}

.rating{float:left;width:80px;height:16px;margin:0;padding:0;list-style:none;position:relative;clear:both;background: url('img/stars.png') no-repeat 0 0;}

.stars0{background-position:0 0}

.stars1{background-position:0 -96px}

.stars2{background-position:0 -112px}

.stars3{background-position:0 -128px}

.stars4{background-position:0 -144px}

.stars5{background-position:0 -160px}

#commentForm dd.vote{float:left;}

#commentForm dt.vote{float:left;margin-right:5px;}

* html #commentForm dd.vote{margin-bottom:0;}

#commentForm .commentContent{clear:both;}

#commentForm ul.rating li{cursor:pointer;float:left;text-indent:-999em;}

#commentForm ul.rating li a {position:absolute;left:0;top:0;width:16px;height:16px;text-decoration:none;z-index: 200; transition:none}

#commentForm ul.rating li.one a{left:0}

#commentForm ul.rating li.two a{left:16px;}

#commentForm ul.rating li.three a{left:32px;}

#commentForm ul.rating li.four a{left:48px;}

#commentForm ul.rating li.five a{left:64px;}

#commentForm ul.rating li a:hover{z-index:2;width:80px;height:16px;overflow:hidden;left:0;background: url('img/stars.png') no-repeat 0 0}

#commentForm ul.rating li.one a:hover{background-position:0 -96px;}

#commentForm ul.rating li.two a:hover{background-position:0 -112px;}

#commentForm ul.rating li.three a:hover{background-position:0 -128px}

#commentForm ul.rating li.four a:hover{background-position:0 -144px}

#commentForm ul.rating li.five a:hover{background-position:0 -160px}



/* BASKET AND ORDER */

fieldset#orderedProducts {min-width:0; }

#orderedProducts table{margin:10px 0 0 0;border:none; width:99.6%; overflow:hidden;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;padding: 15px;}

#orderedProducts thead .price, #orderedProducts thead .quantity, #orderedProducts thead .summary{text-align:right; }

#orderedProducts thead em{padding:0 0px 0 0;font-style:normal;}

#orderedProducts tbody th a{background:inherit; color:#662200}

#orderedProducts tbody th a:hover{ color:#2f2f2f}

#orderedProducts tbody .price, #orderedProducts tbody .summary{font-weight:bold;text-align:right;background:#fff; padding-left:0}

#orderedProducts tbody .quantity{text-align:right;background:#fff; color:#a5a5a5; padding-left:0}

#orderedProducts tbody .quantity input{text-align:right;background:#ccc; color:#662200}

#orderedProducts tbody .quantity label{position:absolute;clip:rect(1px, 1px, 1px, 1px);}

#orderedProducts tfoot{text-align:right;}

#orderedProducts tfoot .summaryProducts,#orderedProducts tfoot .summaryProducts th,#orderedProducts tfoot .summaryShippingPayment,#orderedProducts tfoot .summaryOrder{text-align:right;}

#orderedProducts tfoot .summaryProducts td,#orderedProducts tfoot .summaryProducts th{text-align:right; border-top:none; }

#orderedProducts thead td {font-size:16px; font-weight:bold; padding: 10px 15px; }

#orderedProducts #recount td {border-bottom: 1px solid #808080; padding-bottom:10px;}

#orderedProducts .buttons td {}

#orderedProducts td, #orderedProducts th{padding:6px 0px 6px 0;background:#fff;padding: 10px 15px;}

#orderedProducts tfoot tr .nextStep{text-align:right; background:#fff; padding-right:0; height:50px; overflow:hidden}



#orderedProducts table thead td{ background:YELLOW; color:BLACK; font-weight:700;padding-left:1%; line-height:40px; height:40px; font-size:14px; padding: 10px 15px; }

#orderedProducts tbody th{padding-left:1%;}

#order #orderedProducts thead .summary,#order #orderedProducts tbody .summary,#order #orderedProducts tfoot .summaryProducts td{padding: 10px 15px;padding-right:1%;padding-left:0;}

#order #shippingPaymentCost, #order #orderSummary{text-align:right; padding-right:1%; }



#orderedProducts table .submit {padding:0px 1.5% 0px 1.5%; margin:0 1.7% 6px 0}

#orderedProducts table .submit:hover {margin-bottom:1px}

#orderedProducts table .continue {margin:0 0 6px 3%}

#orderedProducts table .continue:hover {margin-bottom:1px}



#basket .info{padding:10px 20;text-align:left;}

#basket legend{position:absolute;clip:rect(1px, 1px, 1px, 1px);}

#basket #recount .submit{ margin:0}

#basket #recount .submit:hover{ margin-bottom:-5px}



#basket .summaryProducts{font-size:1.36em;font-weight:bold;}

#basket .summaryProducts #summary{font-weight:bold;}

#basket .del{padding:0;background:#fff; text-align:center; color:#FFF}

#basket .del a{ color:#a5a5a5}

#basket .del a:hover{ color:#2f2f2f}

#basket #pageDescription{margin-top:20px;}

#basket #continue{text-align:left;background:#fff; }

#basket #save{text-align:left;background:#fff;}



/* DISCOUNT VOUCHERS */

#discountVoucher td{text-align:right;}

#discountVoucher strong{padding-right:3px;}

#incorrectVoucher{margin:7px 0;font-weight:bold;}



#order legend{position:static;clip:auto;padding:20px 0 10px;border:0;font-size:1.2em;font-weight:bold;}

#order #personalData{padding:12px 3%; margin-left:2%;}

#order #personalData #setBasic, #order #personalData #setExtend{float:left;width:50%;}

#order #personalData label{display:block;padding:2px 0;font-weight:bold;}

#order #personalData label span {font-weight: normal; padding-left:3px;}

#order #personalData #company label, #order #personalData #comment label{font-weight:bold;}

#order #personalData .input, #order #personalData #oComment{width:90%;margin:0 0 5px;}

#order #personalData #oComment{height:125px;}

#order #vrn {float: left;width: 40%;}

#order #vrn label{font-weight:bold;}



#order #invoice{height:20px;float: left;height: 20px;margin-left: 2%;padding-top:23px;text-align: right;}

#order #invoice input {float: left;margin-top:7px;}

#order #invoice label{float:left;margin:2px 0 0 5px;font-weight:normal;}



#order #street {clear: both;}



#shippingAndPayments fieldset{padding:11px 3%;}



#order .summaryProducts, #order .summaryShippingPayment, #orderPrint .summaryShippingPayment{font-size:1.182em;}

#order .summaryProducts th, #order .summaryShippingPayment th, #orderPrint .summaryShippingPayment th{font-weight:normal;text-align:right;}

#order .summaryOrder, #orderPrint .summaryOrder{font-size:1.36em;font-weight:bold;}

#order .summaryOrder th, #orderPrint .summaryOrder th, #order #orderSummary {text-align:right;border-bottom: 1px solid #808080;}

#order #rulesAccept th, #order #nextStep th{text-align:right;font-weight:normal;}

#order #rulesAccept th a{font-weight:bold; color:#ff5454}

#order #rulesAccept th a:hover{color:#662200}

*:first-child+html .nextStep .submit, *:first-child+html #basket #save .submit{padding:2px 0px;} /* IE 7 hack */



/* ORDER SUMMARY/PRINT PAGE */

#orderPrint #pageDescription{padding:10px 8px 20px;text-align:center;background:inherit;font-weight:normal;font-size:1.5em;}

#orderPrint #pageDescription p{padding:5px 0;}

#orderPrint .legend{clear:both;padding:20px 0 10px;font-size:1.2em;font-weight:bold;}

#orderPrint dl{float:left;display:block;width:100%;margin:0;padding:5px 0;}

#orderPrint dt, #orderPrint dd{float:left;display:inline-block;width:40%;margin:0;padding:3px 0;}

#orderPrint dt{clear:left;text-align:right;}

#orderPrint dd{padding-left:3%;font-weight:bold;}

#orderPrint dd.orderComment, #orderPrint dd.orderIP{font-weight:normal;}



/* ORDER STATUS LINK */

#orderPrint .orderStatusLink{margin:10px 30px 20px;padding:14px;text-align:center;border-top:1px solid #bebebe;border-bottom:1px solid #bebebe;}

#orderPrint .orderStatusLink div{padding:3px 0;}

#order #orderedProducts table {margin: 10px 0 0 0;width: 99.6%;}



/* PAYMENTS */

#paymentDescription{margin:10px 30px 20px;padding:20px;text-align:center;font-weight:bold;}

#paymentOuter{margin:10px 0 0;}

#paymentChannels{padding-left:20px;}

#paymentChannels select, #paymentChannels label, #paymentChannels .zagielInfo{display:none;}

#paymentChannels .zagielInfo label{display:inline;}

a.zagielInfo{margin:0 20px 0 0;}

.zagielInfo a{margin-left:5px;font-weight:normal;}



@media print{

  /* PRINT STYLES */

  * {color:#000 !important;background:#fff !important;border-color:#fff !important;border-width:1px !important;text-shadow:none;}



  body{margin:1cm 0; }

  #container{width:17.2cm;height:auto;}

  #head2 .container, #head2{padding-top:10px;height:auto;}

  #logo{padding:0 0 0.2cm; background:none;}

  #head1 .container, #head2 .container, #head3 .container, #body .container, #foot .container{border-width:0px !important;}



  #body{clear:none;}

  #body .container{overflow:visible;}

  #logo #title, #page h1{padding-top:5px;}

  #page div.breadcrumb{position:relative;top:0;}



  #header .container, #body .container, #foot .container, #content, #page, #products, #product, .order #content{float:none;width:17.2cm;padding:0;margin:0;}

  #column, #head1, #head3, #back, #page .tS, #products li .basket, #product #box #addBasket .submit, #socialButtons, #plusOne, #contactPanel, #commentForm{display:none;}



  #features td, #features th{border-bottom:1px solid #444;}

  #productsRelated .price em, #productsRelated .price span, #productsRelated .price strong{font-weight:normal;}

  #slogan{width:100%;margin:0 auto;text-align:center;padding:0px 0 0px 0px;color:#ffffff;font-size:50px; height:auto; line-height:90%;text-shadow:none}

  #header{z-index:777; margin:0;-webkit-box-shadow:none;box-shadow:none;padding:10px 0;background:none;min-height:auto;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; position:fixed; top:0; left:0; width:100%}

}





/* RESPONSIVE WEB DESIGN - media queries */

@media screen and (max-width:1116px){ /* RWD Step 1 */

#body .container{width:95%; padding:0 2.5%;}

#body.order .container{width:95%; padding:5 2.5% 5 2.5%;}

#header{width:100%; padding:0; height:auto;}

#head1,#head2,#head3 {width:95%; padding:0 2.5%}

#head3 .container {width:100%}

#slogan{width:95%; padding-left:2.5%; padding-right:2.5%}

#foot .container{width:95%; padding-left:2.5%; padding-right:2.5%}

#menu1 ul{padding:5px;}

#basket #save{padding:6px 9px 0;}

#products .list li{width:48%;padding:0px;margin:5px;}

#products .list .i1{clear:left;}

#products li.column1{clear:none;}

#product{width:100%;}

#product div.content{padding-bottom:0px;}

#product .imagePreview{margin-right:5px;}

#product #imagesListPreview{margin-right:0px;}

#product #box{padding:2px 1%px;width:32.9%;margin-top:7px;}

x#promoted{padding:0px;width:100%;}

#basketSummary ol{padding:0 10px;}

#options {clear: both;float: right;font-size: 1em;margin: 10px;text-align: right;width:auto; padding-right:2.5%}

#order #orderedProducts table {margin: 10px 0 0 0; width: 95%;}

#order #personalData {padding: 12px 2% 12px 4%;margin-right:0%; margin-left:0}

}

@media screen and (max-width:865px){

#container {    overflow: hidden;}

#product .imagePreview{width:50%;margin-right:0.5%; padding-right:0; margin-top:6px}

#product .imagePreview img,#product .imagesListPreview img{width:100%;}

#product .imagesListPreview{ width:10%; float:left; padding-left:0; padding-right:0; margin-left:0; margin-right:0; padding-top:0; margin-top:6px;}

#product #box{width:31%;padding:0px 0 0 0px; margin:6px 0 0 0; float:right}

#price {font-size:50%}

#product #box #addBasket .submit {    width:90%;}

#orderedProducts table {width:95%;}

}

@media screen and (max-width:852px){

#logo #title a {font-size: 45px;}

#menu2 li a {padding: 20px 20px;}

#orderedProducts table {width:95%;}


}

@media screen and (max-width:800px){

#menu1 ul{padding:0px 5px}

#products .list li{width:46%;margin:5px 2%;}

#products .list li img{width:100%;max-width:180px;}

#promoted .title{padding:5px 0px 0 0}

#promoted img{width:90%;max-width:180px;}

#imagesGallery3 table{padding:0px;}

#imagesGallery3 img{width:90%}

#subpagesGallery{padding:0px;margin:0px;}

#subpagesGallery img{width:90%}

#orderedProducts table {width:95%;}

}

@media screen and (max-width:782px){

#menu2 li a {padding: 20px 13px;}

#product #box #price {font-size:14px}

#product #box #price strong {font-size:14px;font-weight: bold;}

#promoted .title:after{ display:none}

#orderedProducts table {width:95%;}

}

@media screen and (max-width:670px){

#column, #content{width:100%}

#page15 #basketSummary{ display:none}

#head1 .container {margin: 0;float: right;height: auto;overflow: hidden;padding-bottom: 10px;}



#head3 .container { position:relative;}

.toggle input[type=checkbox] {position: absolute;top: -9999px;left: -9999px;background:#ff5454;}

.toggle label {display:inline-block;margin:0px 0 0px 0;cursor:pointer;position:relative;float:right;height:50px;line-height:50px;width:100%;

background-image: url("https://sunny-decor.co.il/templates/webstyle012/img/PRODDAWN.jpg");
background-repeat: repeat;
  background-size: auto;


 border:0;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px; }

.toggle label:before{content:"\f0c9";font-family:'FontAwesome';font-weight:normal;font-style:normal;font-size:39px; position:absolute; top:0px;right:18px;color:GREY;


text-shadow: 1px 1px rgb(199, 199, 199), 1px 1px rgb(205, 205, 205), 1px 1px rgb(210, 210, 210), 1px 1px rgb(216, 216, 216), 1px 1px rgb(221, 221, 221), 1px 1px rgb(227, 227, 227), 1px 1px rgb(232, 232, 232), 1px 1px rgb(238, 238, 238), 1px 1px rgb(243, 243, 243), 1px 1px rgb(249, 249, 249), 1px 1px rgb(255, 255, 255);}


.toggle input[type=checkbox]:checked ~ div#menu2 {position:absolute;left:0;top:55px;width:100%;display:block;visibility:visible;opacity:1;transition: opacity 0.3s linear; z-index:98}

.toggle div#menu2 {position:absolute;left:0;top:55px;width:100%;display:block;visibility:hidden;opacity:0;transition:visibility 0s 0.3s, opacity 0.3s linear; z-index:98}

#menu2 li{float:left;padding:0; clear:both;width:100%; text-align: center;}

#menu2 li a{float:left;clear:both;width:100%;height:auto;padding:10px 0 10px 10px;color:GRAY;border-top: 1px solid #808080;font-size:16px;background:#fff;font-weight:700;}

#menu2 li:first-child a{border-top:none;font-size:16px;font-weight:700; text-align: center;}



#slogan{padding-bottom:65px; padding-top:80px;font-size:36px; height:auto; line-height:90%;}

#slogan:after{font-size:60px;}



#content {padding: 0px 0 5px 0;}

#promoted .title:after{ display:block}

#orderedProducts table {width:95%;}

}

@media screen and (max-width:630px){

#basket #save{padding:6px 4px 0; width: 100px;}

#products .list li {width: 94.8%; float:left; clear:both;margin: 5px 0% 20px; padding:0 2.5%;

background-image: url("https://sunny-decor.co.il/templates/webstyle012/img/PRODBACK.jpg");
background-repeat: repeat;
  background-size: auto;


 border:0;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;}

#products .list li .photo{margin-top:10px;}

#orderedProducts table {width:95%;}

}

@media screen and (max-width:584px){

#slogan{font-size:35px;line-height:90%; height:auto; padding-bottom:40px}

#slogan:after{font-weight:normal;font-style:normal; display:block; clear:both; margin-top:20px;  text-shadow: 1px 1px rgb(32, 32, 32), 2px 2px rgb(33, 33, 33), 3px 3px rgb(34, 34, 34), 4px 4px rgb(35, 35, 35), 5px 5px rgb(35, 35, 35), 6px 6px rgb(36, 36, 36), 7px 7px rgb(37, 37, 37), 8px 8px rgb(38, 38, 38), 9px 9px rgb(39, 39, 39), 10px 10px rgb(39, 39, 39), 11px 11px rgb(40, 40, 40), 12px 12px rgb(41, 41, 41), 13px 13px rgb(42, 42, 42), 14px 14px rgb(43, 43, 43), 15px 15px rgb(43, 43, 43), 16px 16px rgb(44, 44, 44), 17px 17px rgb(45, 45, 45), 18px 18px rgb(46, 46, 46), 19px 19px rgb(47, 47, 47);

}

#orderedProducts table {width:95%;}

}

@media screen and (max-width:481px){ /* RWD Step 2 */


#menu2 ul {
  position: relative;
  width: 100%;
  transition: all 0.25s ease;
}

/* המצב אחרי גלילה */
#menu2.fixed {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 9999;
  background: white; /* BACK COLOR */
  box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}


 #basket #save{padding:6px 4px 0; width: 100px;}

#logo #title a {color: #ff5454;font-size: 35px;font-weight: bold;text-decoration: none;text-transform: capitalize;}

#banner {padding-top: 15px;}

.boxes{margin:0;}

.boxes .box{float:left;width:100%;padding:0;margin:0 0 16px 0;}



#skiplinks {display:block; overflow:hidden;background:#ff5454; }

#skiplinks ul { list-style:none; padding:0; margin:0; overflow:hidden}

#skiplinks li {width:50%;padding:2px 0; float:left; list-style:none; display:block}

#skiplinks li a { color:#fff}

#order #personalData #setBasic, #order #personalData #setExtend {float: left;width: 103%;}


#orderedProducts table {
    width: 99%;
    margin: 0 auto;
    border-collapse: collapse;
    table-layout: auto;
 display: block;
}

#orderedProducts thead td {font-size: 13px;}

#orderedProducts table thead td{ background:GREEN; color:#fff; font-weight:normal; text-transform:uppercase;padding-left:0.4%;}


#orderedProducts tbody th{padding-left:0.4%;}

#order #orderedProducts thead .summary,#order #orderedProducts tbody .summary,#order #orderedProducts tfoot .summaryProducts td{padding-right:0.4%;padding-left:0}

#order #shippingPaymentCost, #order #orderSummary{text-align:right; padding-right:0.4%}

#orderedProducts table th,
#orderedProducts table td {
    border: 1px solid #ccc;
    padding: 6px 4px;
    text-align: right;
    white-space: normal;
    word-wrap: break-word;
    display: table-cell;
}

.foot{float:left;}



#product #box {width: 100%;padding: 0px 0 0 0px;margin: 6px 0 6px 10px;float: right;clear:both}

#product .imagePreview {width: 60%;margin-right: 0%;padding-right: 0;margin-top: 6px;}

#imagesListPreview {float: right;margin: 6px 0px 0 0; width:30%}

.imagesList li {   margin: 0 0 15px 0;   text-align: right;}



#menu1 li{ display:none}



#menu1 li.lBasket{ display:block}

#menu1 li.lBasket a{background:none;}

#menu1 li.lBasket a:before{content:"\f07a";font-family:'FontAwesome';font-weight:normal;font-style:normal;font-size:26px; position:absolute; top:5px; left:0;}

#menu1 li.lBasket span{padding:0px 0 0px 0px;display:block;font-size:11px; color:#a5a5a5; margin:-6px 0 0 0}

#orderedProducts table{margin:10px 0 0 0;border:none; width:95%;}


}

@media screen and (max-width:380px){

#logo #title a{font-size:25px; float:left}

#searchForm .submit{width:20%;}

#orderedProducts table{margin:10px 0 0 0;border:none; width:95%;}

}

@media screen and (max-width:320px){

  #page{margin:0px;width:100%;}

  .imagesList{padding-right:5px;}

  #page .content, #order legend{padding:5px 0 0 5px;}

  #filesList{padding-left:5px;}

  .subpagesList li .photo{margin-right:15px;width:30%;}

  .subpagesList li img{width:99%}

  #products ul.list li img{width:95%;}

  #orderedProducts tfoot #save .submit{;width:70px;}

  #orderedProducts .del{overflow:hidden;width:10px;background: url('img/ml_close.png') no-repeat;background-position:center;}

  #orderedProducts .del a{height:10px;padding-top:6px;font-size:4px;color:transparent;}  

  #basket #save{padding:6px 4px 0; width: 50px;}

  #promoted{margin-left:2px;}

  #promoted li .price em{}

  #promoted li .price span{padding:0px;}

  #promoted li strong{padding:0px;}

  #contactPanel dd{margin-bottom:8px;}

  #comments li{border-bottom:1px solid #ff5454;margin:0px;}

  #comments div{float:left;width:100%;}

  #comments div div{clear:both;float:right;}

  #comments h5{float:left;}

  #comments h6{float:right;}

  #comments p{width:100%;margin-top:5px;}

  #features{min-width:0;width:100%;}

  #commentForm dd{margin-bottom:10px;}

  #siteMap ul{padding-top:15px;}

  #siteMap ul.products{padding-top:10px;padding-bottom:15px}

  #product .imagePreview{width:60%;margin-right:4%;}

  #product .imagePreview img{width:99%;max-width:250px;}

#orderedProducts table{margin:10px 0 0 0;border:none; width:95%;}

}

/* PLUGINS */
#product #box #attributes{max-width:30%;margin:0 0 10px;}
* html #product #box #attributes{width:30%;}
#product #box #attributesLabel{display:none;}
.attribute{padding:20px;border:1px solid #bebebe;margin:0 50px 20px;background:#efefef;}
.attribute h3{font-size:1.2em;font-weight:bold;}
#product #box dl#attributesSelects{text-align:center;margin:0 10px 10px;border:1px solid #bebebe;padding:0 2px 5px 10px;}
#product #box dl#attributesSelects dd{padding:0 0 5px;margin:0;}
#product #box dl#attributesSelects dt{padding:5px 0 2px;margin:0;}
#product #box dl#attributesSelects select{width:30%;}

@media screen and (max-width:410px){
  #product #box{width:100%;}
}

/* === PRODUCT PAGE – תמונה מימין, מלל משמאל === */

/* מבטיח כיוון RTL בעמוד מוצר */
#product {
    direction: rtl;
}

/* התמונה הראשית / הגלריה */
#product .imagePreview {
    float: right;
    width: 48%;
    box-sizing: border-box;
    padding: 10px;
    margin: 6px 0 10px 0;
    background: #000;      /* רקע שחור לתמונה */
    border-radius: 9px;
    text-align: center;
}

/* לוודא שהתמונה עצמה ממלאת יפה את ה־DIV */
#product .imagePreview img {
    width: 100%;
    height: auto;
    display: block;
}

/* המלל המלא – ליד התמונה, משמאל, מיושר לימין */
#product #productDescription {
    float: left;
    width: 48%;
    box-sizing: border-box;
    padding: 0 15px 10px 0;
    text-align: right;
}

/* כל תוכן בתוך #product שיהיה מיושר לימין כברירת מחדל */
#product .content {
    text-align: right;
}

/* clearfix כדי שהקונטיינר יעטוף את שני העמודות */
#product::after {
    content: "";
    display: block;
    clear: both;
}

/* =========================
   RWD – במסכים צרים: אחד מעל השני
   ========================= */
@media screen and (max-width: 670px) {
    #product .imagePreview,
    #product #productDescription {
        float: none;
        width: 100%;
        margin: 0 0 15px 0;
        padding-right: 0;
    }

    #product .imagePreview {
        margin-top: 10px;
    }
}


/* BANNERS */
#banner0{text-align:center;padding-bottom:15px;}
#banner1{text-align:center;margin:10px 0;}
#column .theme-default{padding-top:15px;}
#column .theme-default .nivoSlider{width:230px;margin:0 auto;}
#content .theme-default .nivoSlider{width:660px;margin:0 auto;}
.theme-default .nivo-controlNav{padding: 5px 0;}
.nivoSlider a.nivo-imageLink {background:white; filter: alpha(opacity=0);opacity: 0;} /* modrhh+ IE link hack*/
@media print{ #banner0, #banner1, #column .theme-default, #content .theme-default{display:none;} }