/* index.html styles */

.right-panel
{
    position: absolute;
    top: -23px;
    right: 8px;
    width: 207px;
    margin-top: 30px;
    padding-left: 5px;
    /* border-style: dotted;
    border-width: 1px; */
    height: 159px;
    /* line-height: normal; */
    font-size: 14px;
}

.left-panel
{
    position: absolute;
    top: 5px;
    left: 2px;
    width: 180px;
    margin-top: 5px;
/*  border-style: dotted;
    border-width: 1px; */
    right: 260px;
    font-size: 16px;
    font-weight: bold;
}

/* For menu class */
#Layer3 
{	position:absolute;
	width:100%;
	height:37px;
	z-index:19;
	left: 2px;
	top: 87px;
}

#Layer4 {
	font-size: 10pt;
	line-height: normal;
	left: 159px;
	top: 193px;
}

/* For Bruchim HaBaim */
#Layer5 {
	position:absolute;
	width:317px;
	height:370px;
	z-index:21;
	left: 760px;
	top: 280px;
}
/* Next two styles are for photo */
#Layer7 
{
	position:relative;
	width:400px;
	height:340px;
	z-index:1;
	left: 50px;
	top: 206px;
	overflow: auto;
}

/* Styles for Welcome <div> */
#Layer9 
{
    float:left;
	position:absolute;
	width:421px;
	height:115px;
	z-index:21;
	left: 488px;
	top: 220px;
}

#Layer14
{
    position:absolute; 
    width:420px; 
    height:58px; 
    z-index:24; 
    left: 490px; 
    top: 405px;
}

/* For newspaper style columns <div>*/
div#Layer15
{
	position: absolute;
	width: 415px;
	height: 173px;
	z-index: -1;
	left: 490px;
	top: 481px;
}

/* Styles for Hours <div> */
#Layer16
{
	position:absolute;
	width:391px;
	z-index: 24;
	left: 64px;
	top: 550px;
	margin-top: 0px;
	margin-bottom: 0px;
    height: 12px;
}

#stylePhoto {
    margin-left: 0px;
    height:      315px;
    width:       380px;
    border-color:  black;
    border-width:  2px;
}

.style1
{
    left: 64px;
    top: 585px;
    height: 50px;
}

.style3
{
    position: absolute;
    top: -23px;
    right: 8px;
    width: 207px;
    margin-top: 30px;
    padding-left: 5px; 
    height: 159px; 
    font-size: 14px;
    border-width: 2px;
    border-color: black;
}
.style5
{
    left: 53px;
    top: 226px;
    height: 319px;
}

/* Styles for Hours paragraph. Used only in index.html. */
/*p.Hour*/
p.Hour
{
    text-decoration: none; 
    text-align: left;
    font-family: Arial, Helvetica, sans-serif; /* Times New Roman; */
    font-weight: normal;
    font-size: 14px;
    text-align: left; 
 /*   color: #000000; */
    margin-left: 80px;
    /* 3px; for holidays*/
    /* 80px; for normal hours*/
}

/* Styles for Vacation Hours paragraph */
p.VacationHour
{
    text-decoration: none; 
/*    font-family: Times New Roman; */
    /*font-weight: bold;*/
    font-size: 12px;  
    text-align: left; 
    /*color: #006666;*/
    margin-left: 30px;
}

.HourDagesh
{
    color: red;
    font-weight: normal;
}

/*---------- Styles for Table ---*/
#styleHoursTable
{
    font-size: 12px; 
/*    border-style: solid; 
    border-color: Gray; 
    border-width: 1px; */
    margin: 40px 0px 0px 0px;
    position: absolute;
    left: 35px;
    width: 300px;
    padding: 0px 0px 0px 0px;
    right: 81px;
    font-size: 14px;
}

.styleDayTD
{
    padding-right: 10px;
    margin: 2px;
    text-align: right;
    font-size: 14px;
    width: 150px;
    font-size: 14px;
/*    border-style: dotted;
    border-color: Gray; 
    border-width: 1px; */
}

.styleHours
{
    text-align: center;
    margin: 2px;
    font-size: 14px;
/*    border-style: dotted;
    border-color: Gray; 
    border-width: 1px; */
}
/*------ End Styles for Table ---*/

.styleLinkToPesach
{
    font-size: 12px;
    color: blue;
}
    
/* 
Add this for Memorial weekend
------------------------------
    <p class = "Hour" style="text-align: left">
      <span class="HourDagesh">Memorial Weekend Hours</span><br />
      May 29, 2010 &nbsp;&nbsp; &nbsp; Saturday:&nbsp &nbsp &nbsp <b>Closed</b><br />
      May 30, 2010 &nbsp;&nbsp; &nbsp; Sunday:  &nbsp &nbsp &nbsp 11:00 am - 5:00 pm<br />
      May 31, 2010 &nbsp;&nbsp; &nbsp; Monday:  &nbsp &nbsp &nbsp <b>Closed</b><br />
    </p>

Add this for Shavuot above Normal Store Hours
---------------------------------------------
    <p class = "Hour" style="text-align: left">
        <br />
        <span class="HourDagesh">Chag Shavuot Store Hours</span><br />
        May 18, 2010 &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;
        Tuesday:&nbsp; <b>10:00 am - 3:00 pm</b><br />
        
        May 19 - 20, 2010 &nbsp; Wednesday and Thursday:&nbsp; 
        <b>Closed</b><br /><br />         
        <span class="HourDagesh">Regular Store Hours</span><br />
    </p>

Add this for Vacation Hours
---------------------------
Use <p class = "VacationHours". 
Not tested yet.
<p class = "Hour" style="text-align: left">
     <span class="style1">
     VACATION HOURS!</span> Store will be closed from July 30 to August 4, 2009. 
     On August 5 or 6, call (408) 370-1818 for hours of operation. We resume normal 
     hours on August 7. 
</p>

Use below for Labor day, change dates.
--------------------------------------
<div id="Layer16">
    <p class = "Hour">
         The store will be closed <span class="HourDagesh">LABOR DAY</span> 
         weekend from September 5 (16 Elul) to September 7 (18 Elul). Normal
         hours of operation resume Tuesday, September 8, 2009 (19 Elul).
    </p>
</div>

Use below for Rosh Hashanah
---------------------------
<p class = "Hour" style="text-align: left">
     Monday - Wednesday: 10:00 am - 6:00 pm <br />
     Thursday:&nbsp; 10:00 am - 7:00 pm<br />
     Friday:&nbsp;10:00 am - 3:00 pm,&nbsp;&nbsp;&nbsp; Sunday: 11:00 am - 5:00 pm<br />
     <span class="HourDagesh">
         <span lang="en-us" style="font-size:12px;">
         Shanah Tovah, the store will be closed Sunday 
         September 20, 2009.
         </span>
     </span>
</p>

Use below for Sukkot
--------------------
<p class = "Hour" style="text-align: left">
     <span class="HourDagesh">
         <span lang="en-us" style="font-size:12px;">
         Friday October 2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; (14 Tishri),
         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
         10:00 am - 3:00 pm, Erev Sukkot<br />

         Sunday October 4&nbsp;&nbsp; (16 Tishri),
         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
         closed for Chag Sukkot<br />

         October 5 - 8
         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
         (17 - 20 Tishri),&nbsp;&nbsp; 
         10:00 am - 5:00 pm, Chol Hamoed<br />
         
         Friday October 9&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; (21 Tishri),
         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
         10:00 am - 3:00 pm, Erev Chag<br />

         Sunday October 11 (23 Tishri),
         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
         closed for Simchat Torah<br />
         </span>
     </span>
</p>

Use below for Thanksgiving
--------------------------
<p class = "Hour" style="text-align: left">
     Monday - Wednesday: 10:00 am - 6:00 pm <br />
     Thursday:&nbsp &nbsp;November 26, Closed for Thanksgiving<br />
     Friday:&nbsp &nbsp &nbsp &nbsp;
     November 27, 11:00 am - 3:00 pm<br />
     Sunday:&nbsp &nbsp &nbsp;  11:00 am - 5:00 pm
</p>

Use below for Hanukkah sale in the announcement Div
---------------------------------------------------
    <div class="style3" align="center";>
        <span lang="en-us">
        <span class="HourDagesh">
        POST HANUKKAH SALE<br /><br />
        20% to 50% OFF<br /><br />
        December 20 to 27, 2009
        </span> 
        </span>
    </div>

Use below for New Year break
---------------------------------------------------
    <p class = "Hour" style="text-align: left">
         <span class="HourDagesh">New Year Hours</span><br />
         12/31/09, Thursday:&nbsp; 10:00 am - 3:00 pm<br />
         01/01/10, Friday:&nbsp; &nbsp; &nbsp; &nbsp;Closed<br />
         01/03/10, Sunday:&nbsp &nbsp &nbsp;11:00 am - 5:00 pm
    </p>

Use for February
-----------------
        <span class="HourDagesh" style="font-size: larger"
        During February, the store is closed on Mondays.
        </span>        

User for Passover inside Layer16
----------------- 
     <p class = "Hour" style="text-align: left">
        <span class="HourDagesh">First Seder on March 29 (14 Nisan), 2010
        &nbsp &nbsp &nbsp 
        </span>
    </p>
    
       <a href="holidays/pesach.html" class="styleLinkToPesach">
            To Passover <span lang="en-us">P</span>ages
        </a>
        <br />
        <a href="../contact/hours_special.html" class="styleLinkToPesach">
            To Passover <span lang="en-us">Store Hours</span>
        </a>        

User for July 4th
-----------------
    <p class = "Hour" style="text-align: left">
        <span class="HourDagesh" ; style="margin-left:-60px">
        Independence Day Store Hours, 2010</span>
    </p>
    <p class="Hour" style="margin-left:40px; margin-top:-5px">
        July 04, &nbsp; Sunday: &nbsp; &nbsp; Closed <br />
        July 05, &nbsp; Monday: &nbsp; &nbsp; Closed
    </p>

*/