body
{
	margin: 0 auto;
}
.backgroundimage
{
   background-image:url(../SiteImages/Ramadan_Mubarak.jpg)
}
.tableGreyBacktextRightAlign
{
   text-align:right;
   background:#eeeeee;
}
.tableGreyBacktextLeftAlign
{
   text-align:left;
   background:#eeeeee;
}
.grayBackGround
{
   background:#eeeeee;
}
.grayBackGroundWithNormalText
{
   background:#eeeeee;
   font-size: small;
   font-family: Tahoma;
   color: Black;
   text-align:center;
}
.grayBackGroundWithMediumText
{
   background:#eeeeee;
   font-size: medium;
   font-family: Tahoma;
   color: Black;
   text-align:center;
}
.normalText
{
   font-size: small;
   font-family: Tahoma;
   color: #616161;
   text-align:center;
}
.normalTextMaroon
{
   font-size: small;
   font-family: Tahoma;
   color: Maroon;
   text-align:center;
}
.normalTextMaroonAlignRight
{
   font-size: small;
   font-family: Tahoma;
   color: Maroon;
   text-align:right;
}
.normalTextMaroonAlignLeft
{
   font-size: small;
   font-family: Tahoma;
   color: Maroon;
   text-align:left;
}
.normalTextMaroonAlignJustify
{
   font-size: small;
   font-family: Tahoma;
   color: Maroon;
   text-align:justify;
}
.buttonStyle
{
   font-family:Tahoma;
   background-color:Gray;
   color:Black;
}
.normalTextMedium
{
   font-size: medium;
   font-family: Tahoma;
   color: #616161;
   
}
.normalTextMediumAlignCenter
{
   font-size: medium;
   font-family: Tahoma;
   color: #616161;
   text-align:center;
}
.normalTextMediumBlueColor
{
   font-size: medium;
   font-family: Tahoma;
   color: Blue;
}
.separator
{ 
   border-right: 1px solid #ccc; 
}

.normalHeadingWithBlueImageBack
{
   font-size:small;
   color:White;
   font-family:Tahoma;
   font-weight:bold;
   background-image:url("../images/headerbackGround.gif");
   text-align:center;
}
.normalHeadingWithBlueBack
{
   font-size:small;
   color:White;
   font-family:Tahoma;
   font-weight:bold;
   background-color:#1e90ff; 
   text-align:center;
}
.normalTextRightAlign
{
   font-size: small;
   font-family: Tahoma;
   color: #616161;
   float:right;
   text-align:right;
}
.normalTextLeftAlign
{
   font-size: small;
   font-family: Tahoma;
   color: #616161;
   float:left;
   text-align:left;
}

.normalTextHeading
{
   font-size: medium;
   font-family: Tahoma;
   text-align:center;
   font-weight:bold;
   color:Gray;
}
.normalTextHeadingPurpleLeftAlign
{
   font-size: medium;
   font-family: Tahoma;
   text-align:left;
   font-weight:bold;
   color:Purple;
   text-align:left;
}
.normalTextHeadingPurpleCenterAlign
{
   font-size: medium;
   font-family: Tahoma;
   font-weight:bold;
   color:Purple;
   text-align:center;
}
.normalTextHeadingPurple
{
   font-size: medium;
   font-family: Tahoma;
   
   font-weight:bold;
   color:Purple;
}
.normalTextHeadingLeftAlign
{
   font-size: medium;
   font-family: Tahoma;
   text-align:left;
   font-weight:bold;
   color:Gray;
}
.normalIngreText
{
   font-size: small;
   font-family: Tahoma;
   color:#616161;
   text-align:left;
}
.style3
{
   color: #808080;
}
/**************************Email Template styles************************/
.emailHeaderLogo
{
   width: 300px;
   height: 75px;
}
.tableWidthEmail
{
   width:600px;
}
.headingRecipeNameEmail
{
   font-family:Verdana;
   font-size:large;
}
/************************************************************************/

.mainTableWidth
{
   max-width:1060px;
   width:1060px;
}
.tableWidth
{
   max-width:1060px;
   width:1060px;
   float:left;
   
}
.tableLeftMenuWidth
{
   max-width:106px;
   width:105px;
   float:left;
 
}

.tableRightMenuWidth
{
   
   max-width:300px;
   float:right;
   width:300px;
   
}
.tableRightMenuWidthWithBorder
{
   
   max-width:299px;
   float:right;
   width:300px;
   border:1px solid #9999FF;
  
}
.tableRightMenuWidthForForum
{
   
   max-width:165px;
   float:right;
   width:165px;
  
}
.tableContentPlaceHolderWithNormalText
{
   max-width:640px;
   width:640px;
   float:left;
   font-size: small;
   font-family: Tahoma;
   color: Black;
  
}
.tableContentPlaceHolderWithNormalTextInCentre
{
   max-width:640px;
   width:640px;
   float:left;
   font-size: small;
   font-family: Tahoma;
   color: Black;
   text-align:center;
  
}
.tableContentPlaceHolderNormalTextInCentreWithInternalPadding
{
   max-width:600px;
   width:600px;
   padding-left:15px;
   padding-right:15px;
   float:left;
   font-size: small;
   font-family: Tahoma;
   color: Black;
   text-align:center;
  
}
.tableContentPlaceHolder
{
   max-width:640px;
   width:640px;
   float:left;
   
}
.tableContentPlaceHolderForForum
{
   max-width:875px;
   width:875px;
   float:left;
   
}
.recipeImageTableDimen
{
    width:400px;
    Height:150px;
    float:left;
}
.floatLeft
{
   float:left;
}
.floatRight
{
   float:right;
}
.buttonFloatLeft
{
  float:left;
}

/**************************** Header Section Starts ***************************/
.header
{
	width: 300px;
	height: 90px;
   background: url('../images/inHouseRecipes_logo4.png') no-repeat;
   float:left;
   
}
.styleHeadLogo
{
   width: 300px;
   height: 90px;
}
.styleHeadLogoEmail
{
   width: 300px;
   height: 90px;
   float:left;
}
.styleTopAd
{
   width: 728px;
}
/**************************** Menu Section Starts *****************************/
.menu
{
    width: 1060px;
	 
	 height: 30px;
    /*background: url(../images/menu.jpg);*/
    background-color:#0099FF;
    background-repeat: no-repeat;
}
.noUnderlineLink
{
   text-decoration:none;
   color:inherit;
}
.menu-text
{
    font-family: verdana;
    font-size: 14px;
    color: #ffffff;
    padding: 5px 5px 5px 5px;
    float: left;
    cursor: pointer;
}
.menuPrintEmail
{
    font-family: verdana;
    font-size: 14px;
    color: #ffffff;
    float: left;
    
    cursor: pointer;
}
.leftMenuHrSeparator
{
    width:80px;
    float:left;
}

.leftMenu-text
{
    max-width:105px;
    width:105px;
    /*background-image: url(../images/right-image.jpg);
    background-repeat: repeat-x;*/
    font-family: Tahoma;
    font-size: 14px;
    color: black;
    float: left;
    text-align: justify;
    /*word-spacing:normal;*/
    /*white-space:nowrap;*/
    cursor:pointer;
    /*text-decoration:none;*/
    border:1px solid #9999FF;
    /*background-color: #eeeeee;*/
}
.leftSubMenu-text
{
    max-width:100px;
    width:100px;
    font-family: Tahoma;
    font-size: 12px;
    color: #616161;
    padding-left: 5px;
    padding-top:1px;
    padding-bottom:1px;
    float: left;
    text-align: justify;
    /*word-spacing:normal;*/
    /*white-space:nowrap;*/
    cursor:pointer;
    /*text-decoration:none;*/
}


/**************************** Menu Section Ends *******************************/

/**************************** First Section Starts ****************************/
.leftMiddleImage
{
  width: 230px;
  height: 235px;
  float: left;
  border-right: solid 1px #ffffff;
  text-align: left;
}

/**************************** First Section Ends ******************************/

/**************************** Second Section Starts ***************************/


.pack-box2
{
  width: 190px;
  height: 155px;
  float: right;
  background-image: url('../images/pack-image.jpg');
  background-repeat: repeat-x;
  border-left: solid 1px #ffffff;
  text-align: left;
}
.pack-box1
{
  width: 190px;
  height: 139px;
  float: right;
  background-image: url(../images/pack-image.jpg);
  background-repeat: repeat-x;
  border-left: solid 1px #ffffff;
  text-align: left;
}

/**************************** Second Section Ends *****************************/

/**************************** Third Section Starts ****************************/


.down-box2
{
  width: 193px;
  height: 170px;
  float: right;
  background-image: url('../images/down-image2.jpg');
  background-repeat: repeat-x;
  text-align: left;
}

/**************************** Third Section Ends ******************************/
/**************************** Footer Section Starts ***************************/
.footer
{
  /*float: right;*/
  width: 1060px;
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #616161;
  text-align: left;
  /*margin-top: 18px;*/
  clear: both;
  margin-bottom: 5px;
}
/**************************** Footer Section Ends *****************************/
/**************************** Directions Section Starts ***************************/
.directions
{
  float: left;
  width: 100px;
  font-family: Tahoma;
  font-size: 10pt;
  font-weight: normal;
  color: #616161;
  text-align: justify;
}
.directions-Serial
{
  float: left;
  width: 5px;
  font-family: Tahoma;
  font-size: 10pt;
  color: #616161;
}

/**************************** Directions Section Ends *****************************/
/**************************** General Section Starts **************************/
.title1
{
  font-family: Tahoma;
  font-size: 14pt;
  font-weight: normal;
  color: #8f8383;
  margin-top: 6px;
  margin-left: 8px;
}
.title2
{
  font-family: Tahoma;
  font-size: 14pt;
  font-weight: bold;
  color: #535353;
}
.title3
{
  font-family: Tahoma;
  font-size: 14pt;
  font-weight: normal;
  color: #616161;
  margin-top: 10px;
  margin-left: 0px;
}
.sub-title
{
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #3f3a3a;
  margin-left: 0px;
}
.description
{
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #616161;
  text-align: justify;
  width: 190px;
  line-height: 18px;
  margin-left: 2px;
  margin-top: 0px;
}

.description1
{
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #616161;
  text-align: justify;
  width: 400px;
  line-height: 18px;
  margin-left: 0px;
  margin-top: 2px;
}

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
   font-family: Arial, Sans-Serif;
   font-size: 12px;
   font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
 
.accordionHeader a
{
      color: #FFFFFF;
      background: none;
      text-decoration: none;
}
 
.accordionHeader a:hover
{
      background: none;
      text-decoration: underline;
}
 
.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
   font-family: Arial, Sans-Serif;
   font-size: 12px;
   font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
 
.accordionHeaderSelected a
{
      color: #FFFFFF;
      background: none;
      text-decoration: none;
}
 
.accordionHeaderSelected a:hover
{
      background: none;
      text-decoration: underline;
}
 
.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

a.nav:link {color: #ffffff; text-decoration: none; }
a.nav:visited {color: #ffffff; text-decoration: none; }
a.nav:hover {color: #ffff99; text-decoration: underline; }
a.nav:active {color: black; }

a.leftMenuLink:link {color: blue; text-decoration: none; }
a.leftMenuLink:visited {color: Purple; text-decoration: none; }
a.leftMenuLink:hover {color:Green; text-decoration: underline;}

/**************************** General Section Ends ****************************/