﻿body {
font-size: 10px;
font-family: Verdana;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: left;
background-color :#EEFFD2;


}
.bodywidth
{
    width:1007px;
    text-align :left ;
}
.colpad
          {
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            float :left ;
          }

.logo {
background: url(../images/HpfyStores123.gif) no-repeat;
background-color:#fff;
width: 254px;
height: 160px;
float: left;
}

.extra-white {
background: #fff;
width: 749px;
height: 160px;
float: left;
}
.enjoylife {
background: white url(../images/free-yourself-enjoy-life.gif) no-repeat;
width: 717px;
height: 160px;
float: right;
}
/*Start Menu Formating   */
#menu
{
background:url(../images/menuabck.png) repeat-x;
width:1005px;
float:left;
height:38px;
z-index:988;
margin:0px 0 0 0;	
padding:0 0px 0 0;	
}
#menu ul
{
	font-family:Tahoma;
	font-weight:bold;
	float:left;
	list-style:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
#menu ul li
{
	float:left;
	list-style:none;
	padding:0 15px 0 15px;
	margin:0 0 0 0;
	line-height:38px;
	color:#FFFFFF;
	
}
#menu ul li:hover
{
	background:#1a440a;
	float:left;
	list-style:none;
	padding:0 15px 0 15px;
	margin:0 0 0 0;
	line-height:38px;
	
	
}
#menu ul li a
{
	float:left;
	list-style:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
	color:#FFFFFF;
	font-size:15px;
	text-decoration:none;
}
#menu ul li a:hover
{
	float:left;
	list-style:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
	color:#FFFFFF;
	text-decoration:none;
}
/*End Menu Formating   */


/*Start Banner Box   */
.bannerbox
{
    float:left ;
    width :1007px;
    height :auto;
    margin :2px 0px 0px 0px;
    background :#ffffff;
}

.banner1
{
    background : white url(../images/banner1.png) no-repeat;
     float :left ;
     width:125px;
     height:199px;
     margin :0px 0px 0px 1px;
}

.banner2
{
      background: white url(../images/banner2.png) no-repeat;
     float :left ;
     width:125px;
     height:199px;
     margin :0px 0px 0px 1px;
}
.banner3
{    background: white url(../images/banner3.png) no-repeat;
     float :left ;
     width:125px;
     height:199px;
     margin :0px 0px 0px 1px;
}
.banner4
{    
      background: white url(../images/banner4.png) no-repeat;
     float :left ;
     width:125px;
     height:199px;
     margin :0px 0px 0px 1px;
}
.banner5
{
     background: white url(../images/banner5.png) no-repeat;
     float :left ;
     width:125px;
     height:199px;
     margin :0px 0px 0px 1px;
}
.banner6
{
     background: white url(../images/banner6.png) no-repeat;
     float :left ;
     width:125px;
     height:199px;
     margin :0px 0px 0px 1px;
}
.banner7
{
    background: white url(../images/banner7.png) no-repeat;
     float :left ;
     width:125px;
     height:199px;
     margin :0px 0px 0px 1px;
}
.banner8
{
     background: white url(../images/banner8.png) no-repeat;
     float :left ;
     width:124px;
     height:199px;
     margin :0px 0px 0px 1px;
}
/*End Banner Box   */


/* START FEATURED STORES BOX */
.featuredstores
{
    width:1005px; margin:0px 0px 0px 0px;
    float:left ;
    border :0px solid black;
}
.h1cls
{
    margin :10px 0px 0px 0px;
    font-family:Verdana ; font-size :13pt;font-weight :bolder ;color:#434343;
}

.divFeaturedstoresName
{
    float :left ; margin :5px 0px 0px 2px;
    width:995px;
}
.featuredbox
{
    
    -webkit-border-radius:7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
     border-radius:7px;
    background-color:#EEFFD2;
   border :2px solid #3a9616;
     float :left ;
     width:0px;
     width:245px;
     height:432px;
     margin:  10px 0px 0px 2px;
}

.featureboxinnerheading1
{
   /* background :url("images/roundheading.png") no-repeat;*/
     margin:  0px 0px 0px 0px;
       -webkit-border-radius:5px 5px 0px 0px;
       -moz-border-radius: 5px 5px 0px 0px;
        border-radius:5px 5px 0px 0px;
    background-color:#3A9616;
    float :left ; width :245px;height:auto;
}

.featureboxheadingName
{
    text-align :center;color:#FFEED2;
     font-size :10pt;
     height :20px;
}

.featuredImageBox1
{
    margin :10px 0px 0px 14px;
    background :url(../images/woundwashwithbox.png) no-repeat;
    width :217px;height:177px;float :left;
}


.linkDecoration
{
    text-decoration :none;
    color:#EEFFD2
}
.paragrapgh
{
    text-align :justify ;
    font-size :13px;
    
}
.divparagrapgh
{
    float :left ; width:230px; height:60px;margin:4px 5px 0px 8px;
}

.divMorestoresName
{
    float :left ; margin :0px 0px 0px 0px;
    width:995px;
}

/* END FEATURED STORES BOX */


/* START MORE STORES BOX */
.mainmorestoresbox
{
    border :0px solid black;
 
    width :1005px;
     clear :both;
}

.moreStoresbox
{
    background :#3A9616;
     -webkit-border-radius:10px 10px 10px 10px;
     -moz-border-radius: 10px 10px 10px 10px;
     border-radius:10px;
     behaviour:url(border-radius.htc);
    border :1px solid #3A9616;
    float :left ;
    width:197px;
    height :203px;
    margin:4px 0px 0px 2px;
  
}

.morestoreh3
{
    text-align :center ;
    font-family :Verdana ;
    font-size :13px;
    margin :0px 0px 0px 0px;
    padding :4px 0px 0px 0px;
    position:absolute ;
    width:190px;
    height :30px;
      
}
.innerimagebox
{
    float :left ;
    margin : 14px 0px 0px 5px;
   
}
.morestoreboxheadingname
{
    position:relative;
    width:190px;
    text-align : left    ;
    height :34px;
    
    /*border :0px solid black;
    margin :10px 0px 0px 16px;
   /* padding :3px 0px 0px 7px;*/
  /* padding :0;*/
}
/* END MORE STORES BOX */

/*Start Category Details  BOX */
.categorybox
{
    float :left ;
    height:auto;
    width :1002px;
    border :1px solid #3A9616;
   -webkit-border-radius:10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   border-radius:10px;
   margin :10px 0px 0px 0px; 
   background-color:#EEFFD2;
}

.categoryinnerbox
{
    -webkit-border-radius:9px 9px 0px 0px;
    -moz-border-radius: 9px 9px 0px 0px;
     border-radius:9px 9px 0px 0px;
    float:left;
    border:0px solid black;
    height :39px; 
    width :1002px;
    background :#3A9616;
    margin :0px 0px 0px 0px;
}
.browsecategoryname
{
    color:#EEFFD2;
    font-family :Verdana ;
    font-size :13pt;
    text-align :left ;
    margin:4px 0xp 0px 5px;
    padding :0px 0px 0px 8px;
}
/*start Category Menu */
.categorymenu 
{
    float :left ;
   
    
  /*  height :auto ;*/
}
.categorymenu ul li
{

    display :inline ;
    
 font-size :13px;
   
    background-color :#EEFFCE;
    color :#0c1400;
    /*position:relative;*/
    float :left ;
   
}
.categorymenu ul {
  float: left; 
   padding:0px 0px 0px 10px;
  
}

.categorymenu ul li a
{
    text-decoration :none;
    color :#000000;
    background :#EEFFCE url(../images/arrowsymbolnew1.png) no-repeat top left;
    padding-left:15px;
    margin:0px 0px 0px 0px;
    width:230px;
    float:left;
    /*position:relative;*/
   /* border-bottom :1px solid #3A9616;*/
    /*height :29px;*/
    height:29px;
}
.categorymenu ul li a span
{
    position:absolute;
    bottom:0;
}
/*End Category Menu */
/*End Category Details  BOX */

/* footer */


.footerdiv
{
    float :left ;
    background-color:#3A9616;
    height:100px;
    width:1005px;
    margin:10px 0px 0px 0px;
    /*-webkit-border-radius:10px 10px 10px 10px;*/
}

.sociallogo
{
    float :left ;
    margin :35px 0px 0px 5px;
}
.slogo
{
    float :left ; margin :0px 0px 0px 15px;
}

.footermenu
{
    
    text-decoration :none;
    color:#FFFFFF;
    font-family :Verdana ;
    font-size :9pt;
    font-weight :bold ;
     margin :0px 0px 0px 0px;
     text-align :center ;
}
.footermenudivideline
{
    text-align :center ;
    width:3px;
}
.footermenudiv
{
    float :left ;
    margin :20px 0px 0px 105px;
    width:350px;
    border :0px solid black;
}
.footermenuname
{
    text-decoration :none;
    color :#FFFFFF;
}
.a1{height:15px;width:1px;display:inline-block ;border-left:1px dotted #000000;margin:0px 0px 0px 0px;}

.footerrightsideimage
{
     border :0px solid black;
     margin:20px 0px 0px 48px;
     float:left ;
     width :100px;
     
    
}
.footerrightsmessage
{
    float :left;color:#FFFFFF;font-family :Verdana ;font-size: 8pt; margin-left:365px; font-weight :bold ;
}
.algncenter{ text-align:center;}
.wi47{ width:47px;}
.wi50{ width:50px;}
#tba{ width:92%}