/*****************************************
 Homepage
*****************************************/

#hmLeft {
     width:300px;
     float:left;
     display:inline;
     margin-left:64px;
     }

#hmRight {
     width:790px;
     float:left;
     display:inline;
     margin-left:1px;
     }

#hmLeft .hmLeftBox {
     width:280px;
     padding:10px 10px 0px 10px;
     }

#hmLeft .hmLeftBoxSep {
     background: transparent url(images/leftBoxSep.png) no-repeat right 59px;
     }

#hmFeatured {
     width:740px;
     background: transparent url(images/hmFeaturedBg.jpg) no-repeat left bottom;
     padding:20px;
     }

#hmFeatured img {
     width:197px;
     float:left;
     display:inline;
     border:1px solid #ccc;
     padding:2px;
     margin:10px 20px 0 0;
     }

#hmMidWrap {
     background: #fff url(images/homePageBg.jpg) repeat-y 431px 0;
     }

#hmMidLeft {
     width:434px;
     float:left;
     display:inline;
     }

#hmMidLeft .hmMidLeftBox {
     position:relative;
     height:100px;
     width:394px;
     padding:8px 20px 24px 20px;
     background: #fff url(images/hmMidLeftBoxBg.jpg) no-repeat 0 0;    
     }

#hmMidLeft img {
     float:left;
     display:inline;
     border:1px solid #ccc;
     padding:2px;
     margin:10px 20px 0 0;
     }

#hmMidLeft .featuredShopTop {
     width:255px;
     background: transparent url(images/featuredShopTopBg.jpg) no-repeat 0 0;
     padding:3px 0 5px 0;
     }

#hmMidLeft .featuredShopHeader {
     width:255px;
     background: transparent url(images/featuredShopBg.jpg) no-repeat 0 bottom;
     margin:10px 0 15px 0;
     }

#hmMidLeft .featuredShopPos {
     position:absolute;
     top:10px;
     left:290px;    
     }

#hmMidRight {
     width:355px;
     float:left;
     display:inline;
     margin-left:1px;
     }

#hmMidRight .hmMidRightBox {
     width:310px;
     padding:10px 10px 0px 20px;
     margin-bottom:20px;     
     }

#hmMidRight .hmMidRightBoxSep {
     background: transparent url(images/hmMidRightBoxSep.png) no-repeat left 13px;
     }