﻿/*CSS DOCUMENT*/

#hgrgSearchResults
{
    position:relative;
}
#hgrgSearchResults img
{
    cursor:pointer;
}

#hgrgSearchResults .hgrgEnhanced, #hgrgSearchResults .hgrgNormal
{
    padding-top:10px;
    padding-left:4px;
    padding-bottom:10px;
    padding-right:4px;
    width:335px;
    position:relative;
    z-index:5;
}

#hgrgSearchResults .hgrgEnhanced, #popupListing
{
    margin-top:2px;
    margin-right:2px;
    margin-botom:12px;
    margin-left:2px;
    border:1px solid #ccc;
    cursor:default;
    background:#ffffff;
}
#popupListing
{
    display:none;
    position:absolute;
    top:0;
    left:0;
}

.rgName
{
    font-size:16px;
    font-weight:bold;
    color:#870021;
    cursor:pointer;
}
.rgLogo
{
    float:right;
    padding-left:8px;
    cursor:pointer;
}

/*.listingFeatures
{
    display:none;
}*/

#hgrgSearchResults ul
{
    list-style:none;
    padding:0;
    margin:0;
    margin-top:3px;
}
#hgrgSearchResults ul li
{
    float:left;
    margin-right:3px;
    cursor:pointer;
}
.listingFeatures
{    
    margin-top:12px;
}

.rgDescriptions
{  
    margin:9px 0;
}
.rgShortDescription
{  
}
.rgLongDescription
{
    display:none;
    overflow:hidden;  
}
.hgLaunchListing
{
    padding:8px;
    position:absolute;
    bottom:36px;
    right:50px;  
    background:#b6ce56;
    font-weight:bold;
    text-align:center;
    display:none;
    cursor:pointer;
}


/*THE POPUP LISTING////////////////////////*/
#thehglisting
{
    font-family:Verdana, Arial, Sans-Serif;
    font-size:100%;
    position:relative;
    width:750px;
}
#popUpNameLogo
{
    margin-left:15px;
    text-align:left;
}
.popupTop
{
    margin:0 10px;
    font-size:.9em;
    color:#666666;
}
.popupweb
{
    position:absolute;
    right:5px;
    top:5px;
    font-size:10px;
    color:#eeeeee;
    text-align:left;
}
.popupweb img
{
    height:18px;
}
.popupweb a
{
    text-decoration:none;
    color:#33527c;
}
#listingNavigation
{
    font-family:Verdana, Arial, Sans-Serif;
    width:750px;
    background:url(hgpopup/hgPopupNavBg.jpg) bottom left repeat-x #ffffff;
    float:left;
    overflow:hidden;
    border-bottom:1px solid #eeeeee;
    font-size:1em;
    margin-top:8px;
}
.popupweb
{
    background:#ffffff;
    border:1px solid #dddddd;
    padding:4px;
}
.popupweb tr
{
    padding:2px;
}
#listingNavigation ul
{
    list-style:none;
    padding:0;
    margin:0 0 0 10px;
}
#listingNavigation li
{
    float:left;
    padding:8px 40px;
    cursor:pointer;
    margin-right:8px;
    border:1px solid #dddddd;
    border-bottom:none;
    background:url(hgpopup/hgNavUp.jpg) bottom left repeat-x #ffffff;
}
#listingHolder
{
    clear:both;
    width:750px;
    height:380px;
    position:relative;
    background:#ffffff;
    border-bottom:1px solid #eeeeee;
}
#listingDiv
{
    position:relative;
}
#listingHome,#listingVideo,#photogallery,#dealsdiv,#inThePress
{
    position:absolute;
    width:750px;
    height:380px;
    background:#ffffff;
    top:0;
    left:0;
}
.description
{
    margin:35px 15px 8px 10px;
    padding:16px 12px 12px 12px;
    text-align:left;   
    border:1px solid #dddddd; 
    background:url(hgpopup/hgNavUpOver.jpg) bottom left repeat-x #ffffff;
    position:relative;
}
.companyprofile
{
    position:absolute;
    padding:8px;
    border:1px solid #dddddd;
    background:#ffffff;
    top:-25px;
    left:5px;
}
.clearer
{
    clear:both;
    height:2px;
}
.mapDirections
{
    width:100%;
}
#mapHolder
{
    border:1px solid #dddddd;
    margin-left:8px;   
    width:300px; 
    float:left;
}
#mapDirections
{
    float:left;
}
#drivingDirections
{
    border:1px solid #dddddd;
    margin-left:12px;
    float:left;
    width:391px;
    text-align:left;
    padding:12px;
    height:225px;
}
.drivingHeader
{
    font-size:1em;    
}
.getDirections
{
    cursor:pointer;
    padding:4px;
    border:1px solid #333333;
    width:100px;
    text-align:center;
    margin-top:10px;    
    background:#c21e1e;
    color:#ffffff;
    margin-right:8px;
}

#theVars
{
    display:none; 
}
#drivingDirections table.form
{
    border:1px solid #aaaaaa;
    padding:8px;
    margin-top:8px;
    background:#ffffff;
    width:100%;
}
#drivingDirections table.form td
{
    padding:6px;
}
.bestResults
{
    margin:4px 0 0 12px;
    color:#666666;
    font-size:.8em;    
}


/*VIDEO SECTION/////////////////////*/

#videoHolder
{
    float:left;
    margin-top:5px;
}
#videoPlayer
{
    float:left;
}
#videoPlaylist
{
    float:left;
    margin:8px 0 8px 14px;
    text-align:left;
}
.videoPlaylistInterior
{
    margin-top:4px;
    border:1px solid #aaaaaa; 
    overflow:auto;
    width:250px;
    height:330px;  
}
.smallVideoDescription
{
    font-size:.7em;
}
.videoPlaylistInterior table table td
{
    padding:6px 8px 6px 4px;   
}
.videoPlaylistInterior table table td img
{
    padding:3px;
    background:#ffffff;
    border:1px solid #999999;
}

/*PHOTOGALLERY SECTION/////////////////////////*/

#galleryHolder
{
    float:left;
    position:relative;
    width:710px;
    border:1px solid #aaaaaa;
    padding:8px;
    margin:12px 10px 0 14px;
    height:300px;
    overflow:auto;
}
.photoHolder
{
    float:left;
    margin-right:12px;
    margin-bottom:12px;
    padding:5px 5px 18px 5px;
    border:1px solid #aaaaaa;
    cursor:pointer;
}
.aPhoto
{
    position:relative;
    width:115px;
    height:90px;
    overflow:hidden;
}
.aPhoto img
{
    position:absolute;
    left:0;
}

#bigImageHolder
{
    width:500px;
    background:#ffffff;
    position:absolute;
    z-index:10000;
    display:none;
    overflow:hidden;
}
#bigImageClose
{
    padding:5px;
    border:1px solid #999999;
    font-size:.7em;
    width:40px;
    background:#ffffff;
    position:absolute; 
    top:0;
    right:0;
    opacity:.8;
    cursor:pointer;
}
#bigImageNext, #bigImagePrev
{
    width:50px;
    background:#000000;
    padding:4px;
    position:absolute;
    z-index:10005;
    color:#ffffff;
    display:none;
}
#galleryHeader
{
    text-align:left;
    margin-top:12px;
    margin-left:12px;
    font-size:1em;    
}


/*///////////////COUPONS////////////*/

.couponHolder
{
    height:330px;
    overflow:auto;
    width:735px;  
    border:1px solid #eeeeee;
    margin-left:10px;  
    float:left;
}
#couponHeader
{
    font-size:1em;
    margin:12px;
    text-align:left;
}
.aCoupon
{
    width:330px;
    border:1px solid #cccccc;
    float:left;
    margin:8px 0 4px 6px;
    position:relative;
    padding:10px;
}
.couponLogo
{
    position:absolute;
    top:5px;
    right:5px;
    opacity:.15;
}
.couponMain
{
    font-size:3.2em;
    font-weight:bold; 
    margin-top:8px;
}
.couponSub
{
    font-size:1.6em;    
}
.couponTopText
{
    font-size:.8em;
    padding:6px;
    background:#eeeeee;
    color:#333333;    
}
.couponSmall
{
  font-size:.7em;
  text-align:left;
  margin-left:5px;   
  margin-bottom:8px;
}
.couponExpire
{
    font-weight:bold;
    font-size:.8em;
    position:absolute;
    bottom:3px;
    right:3px;
}
.couponWebsite
{
    font-size:.85em;
    color:#333333;
    margin-bottom:12px;    
}
.printCoupon
{
    position:absolute;
    top:0;
    right:0;
    padding:8px;
    background:#be0000;
    opacity:0;
}
.printCoupon a
{
 text-decoration:none;
 color:#ffffff;
 font-weight:bold;    
 display:block;
}
.pressContainer
{
    text-align:left;
    width:740px;
    height:330px;
    border:1px solid #dddddd;
    overflow:auto;  
}
.aPressItem
{
    margin:10px 8px    
}
.aPressItem a
{
    font-size:1.2em;
}
#pressHeader
{
    text-align:left;
    font-size:1em;
    margin:12px;    
}

#homeandgardendirectorytopad{
    padding:0 6px 6px;
    text-align:center;
    border:1px solid #999999;
    background:#eeeeee;
    font-size:10px;
    color:#555555;
}