#pickerPanel { width: 360px; height: 240px; font: normal 11px verdana, sans-serif; color: #333; line-height: 19px; margin: 0; }

/* slider */

.dragPanel { 
    position: relative;
    background-color: #eeeeee;
    margin: 4px;
    width: 260px;
    height: 180px;
}

.dragPanel h4 { 
    background-color: #bbbbbb;
    height: 10px;
    margin: 0px;
    cursor: move;
}


input { font-size: .85em }
.thumb { 
    cursor:default;
    width:18px; 
    height:18px; 
    z-index: 9;
    position:absolute; 
}

.bg {
    position:absolute; 
    left:10px; 
    height:18px; 
    width:146px; 
    border: 0px solid #aaaaaa;
}

.bg span, .bg p {
    cursor:default;
    position: relative;
    font-size: 2px;
    overflow: hidden;
    color: #aaaaaa;
    top: 4px;
    height: 10px;
    width: 4px;
    display: block;
    float:left;
}

.bg span {
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
}

.bg .lb {
    border-left:1px solid #cccccc;
}

.bg .rb {
    border-right:1px solid #cccccc;
}
#valdiv { position:absolute; top: 100px; left:10px; } 

#rBG {top:30px}
#gBG {top:50px}
#bBG {top:70px}

#rgbSwatch {
    position:absolute; 
    left:160px; 
    top:34px;
    height:50px; 
    width:50px; 
    border:1px solid #aaaaaa;
}

#rgbPanel {
/*
top: 400px;
left: 20px;
*/
width: 360px;
height: 240px;
}

/* picker */

#hueThumb { 
    cursor:default;
    width:18px; 
    height:18px; 
    z-index: 9;
    position:absolute; 
}

#hueBg {
    position:absolute; 
    left:216px; 
    height:198px; 
    width:18px; 
    background:url(../img/hue.png) no-repeat;
    top:18px;
}

#pickerDiv {
    position:absolute; 
    left:10px; 
    height:187px; 
    width:188px; 
    /*
    background:url(../img/pickerbg.png) no-repeat;
    */
    top:20px;
}

#pickerbg { 
    position:absolute; 
    z-index: 1;
    top:0px;
    left:0px;
}
#selector { 
    cursor:default;
    width:11px; 
    height:11px; 
    z-index: 9;
    position:absolute; 
    top:0px;
    left:0px;
}

#pickerSwatch {
    position:absolute; 
    left:260px; 
    top:30px;
    height:60px; 
    width:60px; 
    border:2px solid #aaaaaa;
}

#pickervaldiv { text-align:right; position:absolute; top: 86px; left:246px; }

.colorbox{
width: 25px;
height: 14px;
border: 1px solid black;
border-bottom-width: 0;
}











body {
font-family: Arial;
color: #000000;
font-size: 13px;
text-align: right;
}

a:link {color: black}		/* unvisited link */
a:visited {color: black}	/* visited link */
a:hover {color: #808080}	/* mouse over link */
a:active {color: black}		/* selected link */

.main_scroller {
font-size: 11px;
font-weight: bold;
}

.main_head_1 {
padding: 0 16px 0 16px;
font-size: 18px;
font-weight: bold;
}

.main_body_1 {
padding: 0 16px 0 16px;
font-size: 10px;
}

.main_image_1 {
}

.main_head_2 {
padding: 0 16px 0 16px;
font-size: 18px;
font-weight: bold;
}

.main_body_2 {
padding: 0 16px 0 16px;
font-size: 10px;
}

.main_image_2 {
}

.page_title {
padding: 0 16px 0 16px;
text-align: right;
font-size: 20px;
font-weight: bold;
text-decoration: underline;
}

.page_head, .page_head h2 {
height: 1%;
padding: 0px;
margin: 0px;
font-size: 15px;
vertical-align: top;
text-align: top;
}

.page_head h2 {
display: block;
width: 100%;
}

.page_head a:link,
.page_head a:visited,
.page_head a:hover,
.page_head a:active {
text-decoration: none;
color: black;
display: block;
}

.page_body {
padding: 0 16px 0 16px;
font-size: 16px;
text-align: right;
font-family: Arial;
color: #000000;

}

.page_image {
border: solid 1px silver;
}

.side_body {
padding: 2px;
font-size: 13px;
text-align: center;
}

.object_head {
text-align: center;
font-size: 15px;
font-weight: bold;
}

.object_body {
padding: 2px;
font-size: 13px;
}

.cupon_head_big{
font-size:0 16px 0 16px;
font-weight:bold;
}

.cupon_head_small{
font-size:9px;
font-weight:bold;
}

.cupon_notes{
font-size:11px;
}

.cupon_percent_big{
font-size:15px;
font-weight:bold;
}

.cupon_percent_small{
font-size:8px;
font-weight:bold;
}

.cupon_type{
font-size:12px;
font-weight:bold;
}

.cupon_phone{
font-size:13px;
font-weight:bold;
}

.cupon_date{
font-size:7px;
}

.coupon_print {
font-size: 10px;
font-weight: bold;
}

.dist{
font-size: 11px;
color: #000000
}

.dist input {

border: solid 1px #aaaaaa;
height: 16px;
font-size: 11px;
cursor:pointer;
background-color: ;
white-space: nowrap;	


}
.side {
width: 100%;
background: #BCB2B2;
background-position: top left;
}

.side table {
	border-style: dashed;
	border-color: #3FC95A;
	border-width: 2px;
	width: 100%;
margin: 0px;
padding: 0px;
font: bold 11px/16px arial, helvetica, sans-serif;
}

.side ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}

.side li {
list-style-type: none;
margin: 0px;
padding: 0px;
}


.side a:link {color: #371313}		/* unvisited link */
.side a:visited {color: #371313}	/* visited link */
.side a:hover {color: #371313}	/*mouse over link 
.side a:active {color: #371313}		/* selected link */
.side a {
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0px;
padding: 2px 3px;
color: #371313;
background: #812D2D;
text-decoration: none;
}



.side a:hover {
color: #000000;
background: #817A7A;
}

.menu1 {
width: 100%;
background: #eee;
}

.menu1 ul {
list-style: none;
margin: 0px;
padding: 0px;
}

.menu1 a {
height: 17px;
font: normal normal 10px Arial;
display: block;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc #888 #555 #bbb;

	margin: 0px;
padding-top:2px;
padding-bottom:2px;
}

.menu1 a {
height: 17px;
color: #FFFFFF;
background: #0B65ED;
text-decoration: none;
background-repeat: no-repeat;
}

.menu1 a:visited {
color: #FFFFFF;
}

.menu1 a:hover {
height: 17px;
color: #F4961C;
background: #737373;

}

.menu1 li {
position: relative;
}
.menu1 ul ul {
position: absolute;
top: 0px;
right: 100%;
width: 100%;
}

.menu1 ul ul ul {
position: absolute;
top: 0px;
right: 100%;
width: 100%;
}

div.menu1 ul ul,
/*div.menu1 ul li:hover ul ul,
div.menu1 ul ul li:hover ul ul
{display: none;}*/

div.menu1 ul li:hover ul,
div.menu1 ul ul li:hover ul,
div.menu1 ul ul ul li:hover ul
{display: block;}


.menu2 {
width: 100%;
background: #777777;

#777777;
}

.menu2 ul {
list-style: none;
margin: 0px;
padding: 0px;
width: 179px;
float:right;
}


.menu2 a, .menu2 h2 {
background-repeat: no-repeat;font: normal normal 13px Arial;
display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	margin: 0px;
padding: 2px 3px;
background-repeat:no-repeat;
}

.menu2 h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

.menu2 a {
color: #FFFFFF;
background: 
#777777;

777777;
text-decoration: none;
height: 17px;
}

.menu2 a:visited {
color: #FFFFFF;
}

.menu2 a:hover {
color: #000000;
background: 
#FFFFFF;
height:100%;
}

.menu2 li {
position: relative;
background: #777777;
height: 100%;
}


.menu2 ul ul {
position: absolute;
z-index: 500;
}

.menu2 ul ul ul {
position: absolute;
top: 0px;
right: 100%;
}

div.menu2 ul ul,
div.menu2 ul li:hover ul ul,
div.menu2 ul ul li:hover ul ul
{display: none;}

div.menu2 ul li:hover ul,
div.menu2 ul ul li:hover ul,
div.menu2 ul ul ul li:hover ul
{display: block;}
<!--[if IE]>

.3px_ie_hack {
paddong-bottom: -4px;
}

.side ul li {float: left; width: 100%;}
.side ul li a {height: 1%;
}
body {
font-size: 100%;
behavior: url(csshover.htc);
}
.menu1 ul li {float: right; width: 100%;}
.menu1 ul li a {height: 1%;}

#menu1 a {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}

#menu1 ul li {float: left; width: 100%;}
#menu1 ul li a {height: 1%;}

.menu2 ul li {float: right; width: 100%;}
.menu2 ul li a {height: 1%;}

#menu2 a {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}

<![endif]-->

.whtbigheader {
        COLOR: #fff; FONT-FAMILY: "Arial", "Arial (Hebrew)", "David (Hebrew)", "Courier New (Hebrew)"; FONT-SIZE: 18px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.text12w {
	COLOR: #fff; FONT-FAMILY: "Arial", "Arial (Hebrew)", "David (Hebrew)", "Courier New (Hebrew)"; FONT-SIZE: 12px; TEXT-DECORATION: none
}

		

#nav1, #nav1 ul {padding: 0;margin: 0;list-style: none;}#nav, #nav ul {padding: 0;margin: 0;list-style: none;}
#nav1 a {z-index: 500;height: 17px;padding-right:0px;text-align:center;
vertical-align:text-middle; 
line-height: 130%;
}
#nav1 a:hover {display: block;z-index: 500;height: 17px; padding-right:0px;text-align:center;}
#nav1 li {float: left;z-index: 500;}
#nav1 li ul {position: absolute;display: none;z-index: 500;float:right;}
#nav1 li:hover ul {display: block;z-index: 500; float:right}
#nav1 li:hover ul, #nav li.sfhover ul {display: block;z-index: 500;float:right}

#nav2, #nav2 ul {padding: 0;margin: 0;list-style: none;}
#nav2 a {display: block;z-index: 500;padding-right:0px; text-align:center;height: 17px;
line-height: 130%;}
#nav2 a:hover {display: block;z-index: 500;padding-right:0px; text-align:center;height: 17px;}
#nav2 li {float: left;z-index: 500;}
#nav2 li ul {position: absolute;display: none;z-index: 500;}
#nav2 li:hover ul {display: block;z-index: 500;}
#nav2 li:hover ul, #nav li.sfhover ul {display: block;z-index: 500;}