@import url(user.css);
@import url(common.css);
@import url(forms01.css);
@import url(/site/template/assets/scripts/jquery/lightbox/css/jquery.lightbox-0.5.css);

html{
  background: #fff;
  height: 100%;
}

body{
  background: #fff url(../images/body_bg.gif) repeat-x;
  color:#000;
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size: 13px;
  text-align: center;
  min-height: 100%;
}

body.admin{
  background-position: 0 14px;
}

#wrap{
  margin:0px auto;
  text-align:left;
  width:1000px;
  min-height: 100%;
  position: relative;
  /* 
  Set margin-bottom to the same height as the footer 
  This makes it so the footer stays locked to the bottom of the webpage
  */
    margin-bottom: -50px;
}

/* HEADER
-------------------------------------------*/
#header{
  height: 160px;
  background: url(../images/header.jpg) 0 0 no-repeat;
  margin:0 auto;
}

#header h1{
  position: absolute;
  top: 30px;
  font-size: 30px;
  color: #fff;
  
}
#logo{
  left:80px;
  position:absolute;
  top: 54px;
}
#logo img{
  height:50px;
  width:332px;
}


/* MAIN NAVIGATION
-------------------------------------------*/
#tabs{
}
  #nav{
    margin:0px auto 0 auto;
    text-align:center;
  }
    #nav ul{
      list-style:none;
      margin:0 auto;
      text-align:left;
    }
      #nav ul li{
        background-image:none;
        display:inline;
        margin:0;
        padding:0;
}
#nav a{
  background: url(../images/navigation.png) no-repeat scroll 0 0 transparent;
  display: block;
  float: left;
  height: 0;
  overflow: hidden;
  padding: 40px 0 0;
  position: absolute;
  top: 120px;
}

/*------------- View Cart -----*/
#t119537 a {
  background: url(../images/utility_nav.gif) no-repeat scroll -296px 0 transparent;
  position:absolute;
  width:84px;
  height:0;
  padding:19px 0 0;
  display:block;
  overflow:hidden;
  right:146px;
  top:23px;
}
#t119537 a.active, #t119537 a:hover {
    background-position: -296px -19px;
}


/*------------- Contact Us -----*/
#t21544 a {
  background: url(../images/utility_nav.gif) no-repeat scroll -216px 0 transparent;
  position:absolute;
  width:80px;
  height:0;
  padding:19px 0 0;
  display:block;
  overflow:hidden;
  right:230px;
  top:23px;
}
#t21544 a.active, #t21544 a:hover {
    background-position: -216px -19px;
}


/*------------- Customer Care -----*/
#t21545 a {
  background: url(../images/utility_nav.gif) no-repeat scroll -114px 0 transparent;
  position:absolute;
  width:102px;
  height:0;
  padding:19px 0 0;
  display:block;
  overflow:hidden;
  right:310px;
  top:23px;
}
#t21545 a.active, #t21545 a:hover {
    background-position: -114px -19px;
}


/*------------- About Us -----*/
#t21541 a {
  background: url(../images/utility_nav.gif) no-repeat scroll -44px 0 transparent;
  position:absolute;
  width:70px;
  height:0;
  padding:19px 0 0;
  display:block;
  overflow:hidden;
  right:412px;
  top:23px;
}
#t21541 a.active, #t21541 a:hover {
    background-position: -44px -19px;
}


/*------------- Home -----*/
#t1644 a {
  background: url(../images/utility_nav.gif) no-repeat scroll 0 0 transparent;
  position:absolute;
  width:44px;
  height:0;
  padding:19px 0 0;
  display:block;
  overflow:hidden;
  right:482px;
  top:23px;
}
#t1644 a.active, #t1644 a:hover {
    background-position: 0 -19px;
}


/*------------- Candles -----*/

#t119318 a {
  background-position: 0 0;
  left: 50px;
  width: 82px;
}
#t119318 a.active, #t119318 a:hover {
  background-position: 0 -40px;
}


/*------------- Diffusers -----*/

#t119320 a {
  background-position: -82px 0;
  left: 132px;
  width: 151px;
}
#t119320 a.active, #t119320 a:hover {
  background-position: -82px -40px;
}


/*------------- Incense -----*/

#t51964 a {
  background-position: -233px 0;
  left: 283px;
  width: 72px;
}
#t51964 a.active, #t51964 a:hover {
  background-position: -233px -40px;
}


/*------------- Bath Body -----*/

#t119321 a {
  background-position: -305px 0;
  left: 355px;
  width: 147px;
}
#t119321 a.active, #t119321 a:hover {
  background-position: -305px -40px;
}


/*------------- Gifts -----------*/

#t112217 a {
  background-position: -452px 0;
  left: 502px;
  width: 57px;
}
#t112217 a.active, #t112217 a:hover {
  background-position: -452px -40px;
}


/*------------- Gifts Baskets -----------*/

#t9730 a {
  background-position: -509px 0;
  left: 559px;
  width: 106px;
}
#t9730 a.active, #t9730 a:hover {
  background-position: -509px -40px;
}



/*------------- Odor Control -----------*/

#t41601 a {
  background-position: -615px 0;
  left: 665px;
  width: 117px;
}
#t41601 a.active, #t41601 a:hover {
  background-position: -615px -40px;
}


/*------------- Clearance -----------*/

#t83291 a {
  background-position: -732px 0;
  left: 782px;
  width: 91px;
}
#t83291 a.active, #t83291 a:hover {
  background-position: -732px -40px;
}


/*------------- Holiday -----------*/

#t53570 a {
  background-position: -823px 0;
  left: 873px;
  width: 78px;
}
#t53570 a.active, #t53570 a:hover {
  background-position: -823px -40px;
}


#nav a:hover, #nav a.active{
  color: blue;
}
#main-body{
  background: url(../images/content_bg.gif) 0 0 no-repeat;
  padding-left:50px;
}
  #main-table-body{
    background:transparent;
    border-collapse:collapse;
    clear:left;
  }
  #main-table-body-leftcell{
    vertical-align:top;
    width:250px;
  }
  #main-table-body-rightcell{
    vertical-align:top;
    width:650px;
  }
  
  

/* SUB MENU
-------------------------------------------*/
#sidebar {
  background:none;
  margin:0px 0 0 0;
}

#menu-header {
  background:transparent;
}

#menu{
  margin: 0;
  padding:0;
  width: 250px;
}
  #menu ul{
    font-size: 12px;
    margin:0;
    padding:0 0 15px 0;
    list-style: square inside;
  background: #def2c3 url(../images/left_menu_bottom.gif) left bottom no-repeat;
  }
#menu li{
  background-image:none;
  padding:0 0 0 0px;
  margin: 0 0px 0px 0;
  list-style: none;
}
#menu h3 {
  margin:0;
}
#menu h3 a {
  display: block;
  height: 70px;
  text-indent: -10000px;
  width: 250px;
}
.tab21541 #menu h3 a {
  background: url(../images/heading_about.gif) no-repeat scroll 0 0 transparent;
}
.tab21545 #menu h3 a {
  background: url(../images/heading_customercare.gif) no-repeat scroll 0 0 transparent;
}
.tab21544 #menu h3 a {
  background: url(../images/heading_contact.gif) no-repeat scroll 0 0 transparent;
}
.tab119537 #menu h3 a {
  background: url(../images/heading_viewcart.gif) no-repeat scroll 0 0 transparent;
}
.tab119320 #menu h3 a {
  background: url(../images/heading_diffusers.gif) no-repeat scroll 0 0 transparent;
}
.tab119318 #menu h3 a {
  
  background: url(../images/heading_candles.gif) no-repeat scroll 0 0 transparent;
}
.tab51964 #menu h3 a {
  background: url(../images/heading_incense.gif) no-repeat scroll 0 0 transparent;
}
.tab119321 #menu h3 a {
  background: url(../images/heading_bath.gif) no-repeat scroll 0 0 transparent;
}
.tab112217 #menu h3 a {
  background: url(../images/heading_gifts.gif) no-repeat scroll 0 0 transparent;
}
.tab9730 #menu h3 a {
  background: url(../images/heading_baskets.gif) no-repeat scroll 0 0 transparent;
}
.tab41601 #menu h3 a {
  background: url(../images/heading_odor.gif) no-repeat scroll 0 0 transparent;
}
.tab83291 #menu h3 a {
  background: url(../images/heading_clearance.gif) no-repeat scroll 0 0 transparent;
}
.tab53570 #menu h3 a {
  background: url(../images/heading_holiday.gif) no-repeat scroll 0 0 transparent;
}
      
#menu ul li a {
  text-decoration:none;
  text-transform:none;
  color:#603a15;
  display:block;
  font-size: 12px;
  padding: 8px 0px 8px 15px;
}
      
#menu ul li a:hover {
  color: #81af38;
}

#menu ul li a.current{
  color: #81af38;
}

#menu ul li ul li a.subcurrent{
  color: #81af38;
  text-decoration: none;
  background: url(../images/bullet2.gif) no-repeat scroll 15px 10px transparent;
}

#menu ul li ul{
  margin: 0 0px 0 0px;
  padding: 0;
  background:none;
}
      
#menu ul li ul li{
  list-style: none;
  padding: 0px 0 0px 0px;
  margin: 0;
}

#menu ul li ul li a {
  font-size: 12px;    
  padding-left: 28px;
  text-decoration: none;
  background: url(../images/bullet1.gif) no-repeat scroll 15px 10px transparent;
}

#menu ul li ul li a:hover {
  background: url(../images/bullet2.gif) no-repeat scroll 15px 10px transparent;
}
      
#menu-footer{
  background: url(../images/cta.gif) no-repeat scroll 0px 0px transparent;
  height:393px;
  margin:20px 0 200px 0;
}
#signup_panel {
  height:152px;
}
#signup_panel #signup {
  margin:81px 0 0 20px;
  width:210px;
  height:30px;
  border: 0 none;
}
#signup_panel-submit {
  width:72px;
  height:24px;
  float:right;
  margin: 7px 19px 0 0;
  cursor:pointer;
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  text-indent: -9999px;
}
a.cta1 img {
  height:62px;
  margin-top:20px;
  width:250px;
}
a.cta2 img {
  height:60px;
  margin-top:18px;
  width:250px;
}
a.facebook img {
  height:34px;
  margin:48px 0 0 86px;
  width:34px;
  float:left;
}
a.twitter img {
  height:34px;
  margin:48px 0 0 4px;
  width:34px;
  float:left;
}
#address {
  position:absolute;
  font-size:11px;
  color:#522602;
  bottom:100px;
  background: url(../images/contact_bg.gif) no-repeat scroll 0px 0px transparent;
  height:50px;
  left: 0;
  padding: 50px 0 0 46px;
  line-height: 16px;
}
#address span {
  font-weight:bold;
  text-transform:uppercase;
}
#address a {
  color:#522602;
}
#address a:hover {
  color:#522602;
  text-decoration:none;
}
#banner {
  display:none;
  
}

/* BREADCRUMBS
-------------------------------------------*/
#breadcrumbbar{
  padding:0 0 0 0px;
  margin: 0;
  position:relative;
  width: 901px;
  background: url(../images/breadcrumb_shadow.png) center 0 no-repeat;
  min-height:50px;
}
  #breadcrumblist{
    font-size: 10px;
    line-height:120%;
    padding:17px 0 .5em 10px;
    width:710px;
   color:#010101;
  }
    #breadcrumblist a:link, #breadcrumblist a:visited{
 font-weight:bold;
  color:#f17700;
  text-decoration:none;
      
    }
    #breadcrumblist a:hover, #breadcrumblist a:active{ 
  text-decoration:underline;
    }
    #breadcrumbemail{
      font-size: 10px;
      position:absolute;
      right:9em;
      text-align:right;
      top:18px;
      width:9em;
      line-height: 12px;
    }
      #breadcrumbemail a:link, #breadcrumbemail a:visited{
        background:url(../images/email.gif) 0 2px no-repeat;
        float:right;
        padding:0 5px 0 18px;
        line-height: 12px;
  color:#f17700;
  font-weight:bold;
  text-decoration:none;
      }
        #breadcrumbemail a:hover, #breadcrumbemail a:active{
  text-decoration:underline;
        }
    
    #breadcrumbprint{
      font-size: 10px;
      position:absolute;
      right:5px;
      text-align:right;
      top:18px;
      width:9em;
      line-height: 12px;
    }
      #breadcrumbprint a:link, #breadcrumbprint a:visited{
        background:url(../images/printer.gif) 0 2px no-repeat;
        float:right;
        padding:0 5px 0 18px;
        line-height: 12px;
  color:#f17700;
  font-weight:bold;
  text-decoration:none;
      }
        #breadcrumbprint a:hover, #breadcrumbprint a:active{
  text-decoration:underline;
        }


/* CONTENT AREA
-------------------------------------------*/
#content{
  clear:left;
  width:inherit;
}
  #content-header{
    display:none;
  }
  #content-body{
    margin: 100px 30px 0 30px;
    padding:0 0 140px 0;
    overflow:hidden;
    min-height: 400px;
  }
#pagetitle{
  width:650px;
  height:70px;
  background:#f1e9df url(../images/pagetitle_bg.gif) right top no-repeat;
  left: 300px;
  position: absolute;
  top: 210px;
}
#pagetitletext h1{
  font-size:24px;
  font-weight: normal;
  color: #532702;
  font-family: Georgia,Tahoma,Arial,Verdana,Helvetica,sans-serif;
  margin: 0;
  padding: 20px;
}
#pagetitletext h1.pagetitleH1TooLong {
  padding: 6px 20px;
}
  #content-footer{
    
  }

/* FOOTER
-------------------------------------------*/
#clearfooter{
    /* 
    Set clearfooter to the same height as the footer 
    This makes it so the footer stays locked to the bottom of the webpage
    */
    height: 50px;
    clear: both;
}

#footer{
  clear:both;
  height: 150px;
  margin:0 auto;
  position:relative;
  background:#f7fbf1;
}
  #footerwrap{
    margin:0 auto;
    width: 900px;
    position:relative;
    height: 130px;
  }
#footernav {
  padding:46px 0 0;
  
}
#footernav ul{
  margin: 0;
  padding: 0 0 0 10px;
  border-top: 1px solid #b7d18d;
  border-bottom: 1px solid #b7d18d;
  height: 38px;
}
#footernav ul li{
  float: left;
  background: none;
  padding:0;
}
#footernav ul li a{
  color:#77a829;
  font-size:11px;
  font-weight:bold;
  text-decoration:none;
  text-transform:uppercase;
  padding:0 12px;
  line-height:38px;
}
#footernav ul li a:hover, #footernav ul li a.active {
  color:#563519;
}
#footernav ul li#f1644 a, #footernav ul li#f21541 a, #footernav ul li#f21545 a, #footernav ul li#f21544 a, #footernav ul li#f119537 a {
  font-size:9px;
  position:absolute;
  top:28px;
  line-height: 14px;
  padding:0;
}
#f1644 a {
  left:22px;
}
#f21541 a {
  left:65px;
}
#f21545 a {
  left:130px;
}
#f21544 a {
  left:226px;
}
#f119537 a {
  left:302px;
}
#footer_logos {
  position:absolute;
  bottom:170px;
  right:106px;
  width:225px;
  height:68px;
  background: url(../images/paypal_logo.gif) 0 0 no-repeat;
} 
#mcafee {
  position:absolute;
  bottom:170px;
  right:0px;
  width:95px;
  height:56px;
}
#poweredby{
  font-size:10px;
  position:absolute;
  right:0;
  bottom:0;
}
#poweredby a{
  color:#522602;
  text-decoration:none;
}
#poweredby a:hover {text-decoration: underline;}