@charset "utf-8";
/* feng's work for homepage and content*/

body.homepage{margin:auto;font-size:12px;font-family: Arial, Helvetica, sans-serif;color:#666666; background:url(../images/headerBG.gif) repeat-x;}
form{margin:0;}
img{border:none;}

#Container{width:1000px; margin:auto;}
#Content-Container{width: 780px; margin:auto;}
#main{padding:0 0 0 0;}

#header{padding: 0 10px 5px 10px; height:auto;}
#header #top-link{padding:10px 5px 5px 0;text-align:right;}
#header #top-link ul{list-style-type:none;float:right; margin:0;}
#header #top-link li{list-style-type:none;float:left;}
#header #top-link li a{float:left;height:14px; display:block;}
#header #top-link ul li#howto a{background: transparent url(../images/nav_howToShop.gif) 0 0 no-repeat; width:120px;}
#header #top-link ul li#howto a:hover{background: transparent url(../images/nav_howToShopOver.gif) no-repeat 0 0; width:120px;}
#header #top-link ul li#customer a{background: transparent url(../images/nav_customerService.gif) 0 0 no-repeat; width:120px;}
#header #top-link ul li#customer a:hover{background: transparent url(../images/nav_customerServiceOver.gif) no-repeat 0 0; width:120px;}
#header #top-link ul li#account a{background: transparent url(../images/nav_myAccount.gif) 0 0 no-repeat; width:80px;}
#header #top-link ul li#account a:hover{background: transparent url(../images/nav_myAccountOver.gif) no-repeat 0 0; width:80px;}
#header #top-link ul li#basket a{background: transparent url(../images/nav_viewBasket.gif) 0 0 no-repeat; width:85px;}
#header #top-link ul li#basket a:hover{background: transparent url(../images/nav_viewBasketOver.gif) no-repeat 0 0; width:85px;}


#header #top-logo{float:left; margin:0 0 0 20px;}
#header #top-subscribe{float:right; padding:20px 7px 0 0;}
#header #top-subscribe input{margin: 0 0 0 5px; font-size:1.1em;}

#nav{padding: 5px 15px 0 10px;}
#nav #top-list{float:left; margin:5px 0 0 0;}
#nav #top-list li{list-style-type:none;float:left;}
#nav #top-list ul{padding-left:20px;margin:2px 0 0 0;}
#nav #nav-right{float:right;}
#nav #nav-right table{padding:0 4px 0 0; margin:3px 0 0 0;}
#nav #nav-right table #middleinput{padding-right:5px; padding-left:2px;}
#nav #nav-right table #search_value{margin-left:4px; font-size:11px;}



#home-content{padding: 5px 17px 5px 17px;}
#home-content #home-content-left{float:left; padding:0;}
#home-content #home-content-right{float:right; padding:0;}
#home-content #home-content-right #top-div{height:195px;}
#home-content #home-content-right #bottom-div{height:195px; margin: 3px 0 0 0;}
#home-content #home-content-right #top-div img,
#home-content #home-content-right #bottom-div img{margin:0 0 0 3px;}
#home-content #home-content-right img{padding:0; margin:0;}

#content-main{margin:auto; margin-top:15px; margin-bottom:15px;width:705px; border-left:#999999 1px solid; border-right:#999999 1px solid;}
#content-main #content-left-top img{margin:30px 0 10px 0;}
#content-main #content-right{float:right; width:210px; padding:5px 12px 0 12px;}
#content-main #content-left{float:left; width:445px; padding:0 12px 0 12px; border-right:#999999 1px solid;}
#content-main #content-left .left{width:210px;}
#content-main #content-left .right{width:210px; height:auto; padding:0 0 10px 12px; border-left:#999999 1px solid;}
#content-main p{margin: 0px 0 10px 0;}

#footer-content{height:200px;background: url(../images/content_footer_BGMiddle.gif) repeat-x 0 0; margin-right:10px; margin-top:20px}
#footer-content p{margin: 0 0 5px 0;}
#footer-content-BGLHS{height:135px;background:url(../images/content_footer_BGLHS.gif) no-repeat 0 0;}
#footer-content-BGRHS{height:135px;background:url(../images/content_footer_BGRHS.gif) no-repeat right 0;}
#footer-content #footer-nav{float:left;position:relative;left:90px;top:-35px;}
#footer-content #copyright{float:right;position:relative;right:10px;top:-37px; color:#7d7d7d;}

div.footer-text{padding:1px 0 5px 180px;width:320px; height:90px; margin:0;}

div.long-hr{clear:both;background:url(../images/img_hrMiddle.gif) repeat-x 0 0;height:3px;overflow:hidden;margin-right:8px;margin-left:4px;}
div.long-hr-BGLHS{clear:both;background:url(../images/img_hrLongLHS.gif) no-repeat 0 0;height:3px;overflow:hidden;}
div.long-hr-BGRHS{clear:both;background:url(../images/img_hrLongRHS.gif) no-repeat right 0;height:3px;overflow:hidden;}

div.short-hr{clear:both;background:url(../images/img_hrShortMiddle.gif) repeat-x 0 0;height:3px;overflow:hidden;margin-right:16px;margin-left:12px;}
div.short-hr-BGLHS{clear:both;background:url(../images/img_hrShortLHS.gif) no-repeat 0 0;height:3px;overflow:hidden;}
div.short-hr-BGRHS{clear:both;background:url(../images/img_hrShortRHS.gif) no-repeat right 0;height:3px;overflow:hidden;}

div.clear-hidden{clear: both;}
div.left{float:left;}
div.right{float:right;}
div.tip{background:#FFEBAC; padding:5px; color:#9A8325;}
p.news-title{font-family:Georgia; font-size: 12px;font-weight:bold;color: #841E1C;margin:10px 0 2px 0 !important;}
span.title{color: #660000;text-decoration: underline;}
span.footer-link{color: #841E1C;text-decoration: underline;}
#foot-hp{padding:0 0 5px 155px;width:360px; height:90px; margin:0;}
#foot-hp p{padding:16px 0 0 2px; !important; margin:0}




/* shun's work for newsletter*/
body.newsletter{margin:auto;background:url(../images/headerBG.gif) repeat-x;font-size:16px;font-family: Times New Roman, Times, Serif;}
.newsletter h1{ color:#841e1c;font-size:1.5em;text-align:center;margin-top:10px;font-family: Times New Roman, Times, Serif; }
.newsletter h4{background-color:#F35286;color:#FFFFFF;padding:7px 0 7px 15px;margin:0;font-size:1em;font-family: Times New Roman, Times, Serif;}
.newsletter p{font-family: Times New Roman, Times, Serif;font-size:.9em;}
.newsletter a{font-family: Times New Roman, Times, Serif;font-size:1em;text-decoration:underline;}

#frame{width:980px;margin:auto;}
#logo{padding:20px 0 0 34px;letter-spacing:0.1px;}
#logo a{color:#0000CC;}
#img-logo{margin:10px 0 0px 22px;padding:0;}
#top-nav{padding:6px 0 0 0;}
#top-nav li{list-style-type:none;float:left;}
#top-nav ul{padding-left:20px;margin:6px 0 0 0;}
#frame #top-list{clear:both;height:24px;overflow:hidden;}
#frame #top-list ul li{}

#top-list ul li a{height:19px;float:left;	}
#top-list ul li#shop a{background: transparent url(../images/nav_shop.gif) 0 0 no-repeat;width:42px;}
#top-list ul li#shop a:hover{background: transparent url(../images/nav_shopOver.gif) no-repeat 0 0;width:42px;}
#top-list ul li#giftRegistry a{background: transparent url(../images/nav_giftRegistry.gif) no-repeat 0 0;width:98px;}
#top-list ul li#giftRegistry a:hover{background: transparent url(../images/nav_giftRegistryOver.gif) no-repeat 0 0;width:98px;}
#top-list ul li#giftIdeas a{background: transparent url(../images/nav_giftIdeas.gif) no-repeat 0 0;width:79px;}
#top-list ul li#giftIdeas a:hover{background: transparent url(../images/nav_giftIdeasOver.gif) no-repeat 0 0;width:79px;}
#top-list ul li#classes a{background: transparent url(../images/nav_classes.gif) no-repeat 0 0;width:64px;}
#top-list ul li#classes a:hover{background: transparent url(../images/nav_classesOver.gif) no-repeat 0 0;width:64px;}
#top-list ul li#recipes a{background: transparent url(../images/nav_recipes.gif) no-repeat 0 0;width:56px;}
#top-list ul li#recipes a:hover{background: transparent url(../images/nav_recipesOver.gif) no-repeat 0 0;width:56px;}
#top-list ul li#seasons a{background: transparent url(../images/nav_seasons.gif) no-repeat 0 0;width:68px;}
#top-list ul li#seasons a:hover{background: transparent url(../images/nav_seasonsOver.gif) no-repeat 0 0;width:68px;}

#newsletter-containter{ margin-bottom:25px;}


.newsletter-div{width:839px;margin:0 0 3px 115px;padding:0;}
.newsletter-image-div{float:left;margin-right:3px;}
.newsletter-content-div{float:left;width:640px;margin:0;}
.newsletter-content{ background-color:#FBE7EE;height:161px; }
.newsletter-content p{ padding:3px 20px 3px 10px; margin:0; color:#841E1C;}
.newsletter-content p a{ color:#ED145B;}

.newsletter-div a, li#gruden a{color:#9c1847;}
#footer{height:160px;background: url(../images/footer_BGMiddle.gif) repeat-x 0 0; margin-right:10px; }
#footer-BGLHS{ height:125px; background:url(../images/footer_BGLHS.gif) no-repeat 0 0;}
#footer-BGRHS{ height:125px; background:url(../images/footer_BGRHS.gif) no-repeat right 0;}
#footer-nav{float:left;position:relative;top:-20px;left:110px;}
#footer-nav ul{margin:0; padding:0;}
#footer-nav li{float:left;list-style-type:none;}
#footer-nav li a{float:left;height:14px;}


#footer-nav ul li#aboutMillys a{background: transparent url(../images/footer_aboutMillys.gif) no-repeat 0 0;width:82px;}
#footer-nav ul li#contactUs a{background: transparent url(../images/footer_contactUs.gif) no-repeat 0 0;width:72px;}
#footer-nav ul li#storeDetails a{background: transparent url(../images/footer_storeDetails.jpg) no-repeat 0 0;width:74px;}
#footer-nav ul li#aboutMillys a:hover{background: transparent url(../images/footer_aboutMillysOver.gif) no-repeat 0 0;width:82px;}
#footer-nav ul li#contactUs a:hover{background: transparent url(../images/footer_contactUsOver.gif) no-repeat 0 0;width:72px;}
#footer-nav ul li#storeDetails a:hover{background: transparent url(../images/footer_storeDetailsOver.jpg) no-repeat 0 0;width:74px;}

#footer #copyright{float:right;position:relative;top:-22px;right:10px;font-size:10px;color:#7d7d7d;}
#copyright p{font-size:10px;}
#copyright a{text-decoration:none;font-size:10px;font-family:Arial, Helvetica, sans-serif;letter-spacing:0.1px;color: #660000}
.clear{clear:both;}

#unsubscribe{padding-top:0;}
#unsubscribe p{color:#7D7D7D;font-family:Arial, Helvetica;font-size:.7em;}
#unsubscribe a{color:#ED1458;font-family:Arial, Helvetica;font-size:1em;}