html,body{font-family:Arial,Verdana,Helvetica,sans-serif;font-size:11px;margin:0;padding:0;height:100%;background-color:#fff;color:#333;background:url(../img/main-bg.gif)}
body *{padding:0;margin:0;font-weight:normal}
body input,body textarea,body select{font-size:10px;font-family:Arial,Verdana,Helvetica,sans-serif;color:#333;font-weight:normal}
body input,body textarea{padding:1px;height:12px}
body select{height:18px}
body table{border-collapse:collapse}
body img{border:0}
body a{color:#ad005c}
body strong{font-weight:bold}

.bc03,.bc11,.bc12,.bc13{color:#9d9d9d} /* light gray */
.bc01,.bc02,.bc07,.bc23,.bc36,.bc43{color:#676767} /* medium gray */
.bc01:hover,.bc12:hover,.bc13:hover,.bc17:hover,.bc04,.bc10,.bc15,.bc22,.bc24,.bc26,.bc08,.bc16,.bc17,.bc18,.bc19,.bc29,.bc35,.bc42,.bc44{color:#333333} /* charcoal */
.bc06,.bc09,.bc20,.bc21,.bc25,.bc27,.bc30,.bc32,.bc14,.bc40,.bc41,.bc43:hover,.bc16:hover,.bc23:hover,.bc45{color:#ad005c} /* magenta */
.bc28,.bc34,.bc37,.bc38,.bc41:hover{color:#48841f} /* green */

.bc08,.bc10,.bc11,.bc12,.bc19{font-size:9px}
.bc13,.bc39,.bc43{font-size:10px}
.bc09,.bc24,.bc29,.bc30,.bc33,.bc34,.bc35,.bc36,.bc37,.bc38,.bc40{font-size:11px}
.bc28,.bc32,.bc44,.bc45{font-size:13px}
.bc25{font-size:17px}

.bc10,.bc18,.bc19,.bc22,.bc26,.bc33,.bc35,.bc36,.bc40{line-height:16px}
.bc24{line-height:19px}

.bc37,.bc27,.bc42,.bc04:hover,.bc06:hover,.bc21:hover,.bc38:hover{text-decoration:underline}

#stcontainer{float:right}
.stbutton{color:#48841f;text-decoration:none}

#container{width:981px;margin:0 auto}
#content{float:right;width:878px;margin:70px 0;display:inline}
#header{float:left;width:868px;margin-left:5px;display:inline}
#logo{float:left;display:inline;margin:86px 0 0 0}
#slogan{float:left;margin-left:1px}
#pattern-bar{width:693px;height:29px;float:left;background:url(../img/home-pattern.gif) 0 0 repeat-x;display:inline;margin:6px 0 0 0}
#head-links{float:right;width:460px;padding-top:4px}
#head-links ul{float:right;list-style:none;padding-top:3px;width:175px}
#head-links ul li{float:right}
#head-links ul li.spacer{padding:0 7px}
#head-links a{text-decoration:none}
#bag{float:right;margin-right:0}
#bag img{float:left;margin-right:8px}
#bag a{float:left;margin-top:2px}
#search-box{float:right;width:165px;height:29px;margin-top:6px;display:inline;background:url(../img/sb-bg.gif) 0 0 repeat-x}
#search-box input.text{float:left;width:122px;height:12px;border:1px solid #8c8a8a;margin:7px 0 0 10px}
#search-box input.button{float:left;margin:6px 0 0 2px;width:16px;height:16px}
#shadow-top{float:left;margin-top:5px}
#footer-bar{float:left;width:868px;height:29px;background:url(../img/home-pattern.gif) 0 0 repeat-x;margin:4px 0 0 5px;display:inline}
#footer-menu{float:left;margin:6px 0 3px 5px;width:868px;height:23px;display:inline}
#footer-menu ul{list-style:none;width:868px;text-align:center;margin-top:6px}
#footer-menu li{display:inline}
#footer-menu span{padding:0 8px}
#subfoot-menu{float:left;list-style:none;margin-bottom:15px;width:868px;text-align:center}
#subfoot-menu li{display:inline}
#subfoot-menu li.bc07{padding:0 8px}
#foot-phone,#seo{float:left;margin-bottom:15px;width:868px;text-align:center}
#foot-phone p.bc44{font-weight:bold;padding:2px 0 5px 0}
#seo{padding:0 20px;width:828px}
#credits{float:left;width:868px;text-align:center;margin-bottom:20px}

#inside{float:left;width:868px;height:942px}
#page-content{float:right;width:699px;height:942px;background:#fff}
#sidebar{float:right;width:159px;height:942px;background:#fff}

#beauty{float:left;border:3px solid #eee;margin-left:14px;display:inline}
#beauty *{float:left}
#beauty div{width:269px;height:274px;border-right:3px solid #eee;padding:33px 31px 0 31px}
#beauty div *{float:none}
#beauty h1{text-align:center;padding-bottom:11px}
#beauty p{padding-bottom:11px}

#content-nav{float:left;width:699px;height:50px}
#crumb{float:left;margin:22px 0 0 14px;display:inline}
#shopby{float:right;margin:19px 0 0 0;display:inline}
#shopby a{float:left;display:inline;width:126px;height:13px;background:url(../img/shopby-bg.jpg);padding:2px 0 0 10px;text-decoration:none}
#shopby a:hover{background-position:0 -15px}
#shopby span{float:left;display:block;padding:3px 8px 0 0}
#flavor-link{margin-right:9px}
#price-link{margin-right:14px}

#sb-flavor{position:absolute;clear:left;width:263px;border:3px solid #eee;padding:8px 6px;background:#fff;margin:35px 0 0 404px;display:none}
#sb-flavor table{width:263px}
#sb-flavor table td{text-align:center}
#sb-flavor a{padding:5px 0;text-decoration:none}
#sb-flavor a img{padding:5px 0}

#sb-price{position:absolute;clear:left;width:130px;border:3px solid #eee;background:#fff;margin:35px 0 0 549px;list-style:none;display:none}
#sb-price a{display:block;width:122px;line-height:19px;padding-left:8px;text-decoration:none}
#sb-price a:hover{background:#f6f6f6}

#main-nav{list-style:none;margin-top:12px}
#main-nav li{float:left;position:relative}
#main-nav ul li{position:relative}
#main-nav a.top{display:block;width:159px;height:25px;border-top:3px solid #fff;border-bottom:3px solid #fff}
#main-nav a.top:hover{background-position:0 -25px;border-top:3px solid #eee;border-bottom:3px solid #eee}

#main-nav ul a{text-decoration:none}

#gifts a.top{background:url(/img/menu/gifts.png)}
#flavors a.top{background:url(/img/menu/flavors.png)}
#samplers a.top{background:url(/img/menu/samplers.png)}
#corporate-gifts a.top{background:url(/img/menu/corporate-gifts.png)}
#collections a.top{background:url(/img/menu/collections.png)}
#whats-new a.top{background:url(/img/menu/whatsnew.png)}
#piy-kit a.top{background:url(/img/menu/piykit.png)}
#gift-cards a.top{background:url(/img/menu/gift-cards.png)}
#best-sellers a.top{background:url(/img/menu/best-sellers.png)}

#main-nav li ul{position:absolute;left:-999em;height:auto;width:164px;list-style:none;background:#fff;top:0;margin-left:159px}
#main-nav li:hover ul,#main-nav li li:hover ul,#main-nav li.over ul,#main-nav li li.over ul{left:auto}
#main-nav li:hover a.top,#main-nav li.over a.top,#main-nav li:hover li:hover a.top,#main-nav li.over li.over a.top,#main-nav li:hover li:hover li:hover a.top,#main-nav li.over li.over li.over a.top,#main-nav li:hover li a.top:hover,#main-nav li.over li a.top:hover,#main-nav li:hover li:hover li:hover a.top:hover,#main-nav li.over li li a.top:hover,#main-nav li:hover li:hover li:hover li:hover a.top:hover,#main-nav li.over li.over li.over li.over a.top:hover{background-position:0 -25px;border-top:3px solid #eee;border-bottom:3px solid #eee}

ul.sub a{display:block;float:left;width:150px;line-height:16px;border-top:3px solid #eee;border-right:3px solid #eee;border-left:3px solid #eee;padding-left:8px;padding-top:4px;padding-bottom:5px}
ul.sub li.last a{border-bottom:3px solid #eee}
ul.sub{border-bottom:3px solid #eee}

.lflt{float:left}
.rflt{float:right}
.clear{clear:both}
.align-c{text-align:center}

#main-features{float:left;margin:11px 0 0 14px;display:inline}
#main-features .primary1,#main-features a.primary2{width:211px;height:221px;display:inline;float:left;border:3px solid #eee;text-align:center;text-decoration:none}
#homedisc{float:left;display:inline;margin:28px 0 37px 25px}
#main-features a.primary1:hover,#main-features a.primary2:hover{border:3px solid #dcdcdc}
#main-features img.f-title{margin:15px 0 9px 0}
#p1,#p2,#p3{display:block;float:left;text-align:left;width:180px;padding:10px 0 0 15px}
#p1{width:200px}
#p2{padding-top:1px;width:190px}
#p3{width:190px;padding-left:12px}
#main-features .primary1{margin-right:12px}
#main-features img.vspacer{float:left;margin:41px 4px 0 5px;background:#e3e3e3}

#sf1,#sf2,#sf3{float:left;width:217px;margin-top:36px;display:block;text-decoration:none}
#sf2{width:207px;padding-left:10px}
#sf1 p,#sf2 p,#sf3 p{float:left}
#sf1 img,#sf2 img,#sf3 img{float:left;margin:0 12px 0 10px;display:inline}
#sf1 p{width:118px}
#sf2 p{width:108px}
#sf3 p{width:90px}

#hspacer{float:left;margin:29px 0 29px 14px;display:inline;background:#e3e3e3}

#feature-foot{width:671px;float:left;margin-left:14px;display:inline;text-align:center}
#dop-text{padding:12px 54px}

#sub-nav{float:left;list-style:none;margin-top:23px}
#sub-nav li{float:left}
#sub-nav a{display:block;width:124px;line-height:22px;background:#fff url(/img/asterisk.gif) 18px 6px no-repeat;padding-left:35px;text-decoration:none}
#sub-nav ul{float:left;list-style:none;margin:-4px 0 2px 0}
#sub-nav ul a{float:left;display:inline;background:none;padding-left:34px;line-height:15px}

#online{float:left;list-style:none;margin:30px 0 0 0px}
#online li{float:left}
#follow{padding:0 0 8px 19px;width:114px}
#online a{display:block;width:114px;height:19px;float:left;text-decoration:none}
#facebook{background:url(/img/v2/facebook.jpg) 13px 0 no-repeat;padding:2px 0 4px 45px}
#twitter{background:url(/img/v2/twitter.jpg) 13px 0 no-repeat;padding:2px 0 0 45px}

#newsltr{float:left;margin-top:32px;display:inline;height:159px;background:url(/img/v2/join-bg.gif)}
#newsltr p{float:left;width:159px}
#nlc{padding:13px 0 5px 0;text-align:center;font-weight:bold}
#inp{padding-top:6px}
#newsltr input.text{float:left;width:112px;height:15px;border:1px solid #c8c8c8;margin:1px 0 0 11px;display:inline}
#newsltr input.button{float:left;margin-left:1px;width:19px;height:19px;display:inline}

#verisign-trans{position:absolute;top:30px;margin-left:820px}
