@charset "utf-8";
/* CSS Document */

/* Vip Menu */
.vip-menu{ height:21px; margin-bottom:26px;}
.vip-menu ul, .vip-menu ul li{ list-style:none; padding:0; margin:0;}
.vip-menu ul li{ float:left; margin-right:4px;}
.vip-menu ul li a, .vip-menu ul li.vip a:hover{ width:165px; height:21px; display:block; text-indent:-9999px;}
.vip-menu ul li.vip a{ background:url(../images/bt_vip.jpg) no-repeat;}
.vip-menu ul li.vip a:hover, .vip-menu ul li.vip a.active{ background:url(../images/bt_vip.jpg) no-repeat left -21px;}
.vip-menu ul li.join a{ background:url(../images/bt_join_godiva.jpg) no-repeat; width:105px;}
.vip-menu ul li.join a:hover, .vip-menu ul li.join a.active{ background:url(../images/bt_join_godiva.jpg) no-repeat left -21px;}
.vip-menu ul li.news a{ background:url(../images/bt_news.jpg) no-repeat;}
.vip-menu ul li.news a:hover, .vip-menu ul li.news a.active{ background:url(../images/bt_news.jpg) no-repeat left -21px;}
/*FAQ*/
.vip-menu ul li.about_faq a{ background:url(../images/bt_about_godiva.jpg) no-repeat; width:185px; }
.vip-menu ul li.about_faq a:hover, .vip-menu ul li.about_faq a.active{ background:url(../images/bt_about_godiva.jpg) no-repeat left -21px;}
.vip-menu ul li.service_faq a{ background:url(../images/bt_service_godiva.jpg) no-repeat;  width:122px; height:21px; }
.vip-menu ul li.service_faq a:hover, .vip-menu ul li.service_faq a.active{ background:url(../images/bt_service_godiva.jpg) no-repeat left -21px;}
.vip-menu ul li.vip-list a{ background:url(../images/bt_vip_list.jpg) no-repeat; width:130px; height:21px; }
.vip-menu ul li.vip-list a:hover, .vip-menu ul li.vip-list a.active{ background:url(../images/bt_vip_list.jpg) no-repeat left -21px;}
.vip-menu ul li.vip-services a{ background:url(../images/bt_vip_services.jpg) no-repeat;  width:150px; height:21px; }
.vip-menu ul li.vip-services a:hover, .vip-menu ul li.vip-services a.active{ background:url(../images/bt_vip_services.jpg) no-repeat left -21px;}


/* Products Main Menu */
#pro-menu{ margin-top:65px;}
#pro-menu ul, #pro-menu ul li{ list-style:none; padding:0; margin:0;}
#pro-menu ul li{ float:left; padding:0px 2px 0px 0px; background:url(../images/pro_menu_line.jpg) no-repeat right 9px; position:relative; height:36px;}

#pro-menu ul li a{ display:block; height:36px; width:20px; overflow:hidden; text-indent:-500px; font-size:12px;}
#pro-menu ul li a:hover { font-size:12px;}
#pro-menu ul li.active .sub ul li a { background:url(../images/dropdown_bg.gif) no-repeat scroll 0 -23px}
#pro-menu ul li.active .sub ul li h2 a{ background:url(../images/dropdown_bg_first.gif) no-repeat scroll left -23px; }

#pro-menu ul li.main-products a{ background:url(../images/menu_classic.png) no-repeat; width:100px;}
#pro-menu ul li.main-products a:hover, #pro-menu ul li.main-products-active a{ background:url(../images/menu_classic.png) no-repeat left -36px; width:100px;}

#pro-menu ul li.sharing a{ background:url(../images/menu_share.png) no-repeat; width:60px;}
#pro-menu ul li.sharing a:hover, #pro-menu ul li.sharing-active a{ background:url(../images/menu_share.png) no-repeat left -36px; width:60px;}

#pro-menu ul li.self-indulgence-products a{ background:url(../images/menu_leisure.png) no-repeat; width:112px;}
#pro-menu ul li.self-indulgence-products a:hover, #pro-menu ul li.self-indulgence-products-active a{ background:url(../images/menu_leisure.png) no-repeat left -36px; width:112px;}

#pro-menu ul li.personalised-collection a{ background:url(../images/menu_personality.png) no-repeat; width:150px;}
#pro-menu ul li.personalised-collection a:hover, #pro-menu ul li.personalised-collection-active a{ background:url(../images/menu_personality.png) no-repeat left -36px; width:150px;}

#pro-menu ul li.spring-easter a{ background:url(../images/menu_easter.png) no-repeat; width:94px;}
#pro-menu ul li.spring-easter a:hover, #pro-menu ul li.spring-easter-active{ background:url(../images/menu_easter.png) no-repeat left -36px; width:94px;}

#pro-menu ul li.mother a{ background:url(../images/menu_MOTHER-DAY.png) no-repeat; width:95px;}
#pro-menu ul li.mother a:hover, #pro-menu ul li.mother-active a{ background:url(../images/menu_MOTHER-DAY.png) no-repeat left -36px; width:95px;}

#pro-menu ul li.summer-collection a{background:url(../images/menu_summer.png) no-repeat scroll 0 0;width:131px;}
#pro-menu ul li.summer-collection a:hover, #pro-menu ul li.summer-collection-active a{ background:url(../images/menu_summer.png) no-repeat left -36px; width:131px;}

#pro-menu ul li.cvday a{background:url(../images/menu_cvday.png) no-repeat scroll 0 0;width:165px;}
#pro-menu ul li.cvday a:hover, #pro-menu ul li.cvday-active a{ background:url(../images/menu_cvday.png) no-repeat left -36px; width:165px;}

#pro-menu ul li.ice-cream-parlor a{ background:url(../images/menu_icp.png) no-repeat; width:108px;}
#pro-menu ul li.ice-cream-parlor a:hover, #pro-menu ul li.mother-active a{ background:url(../images/menu_icp.png) no-repeat left -36px; width:108px;}

#pro-menu ul li.mid-aut a{ background:url(../images/menu_mid.png) no-repeat; width:145px;}
#pro-menu ul li.mid-aut a:hover, #pro-menu ul li.mother-active a{ background:url(../images/menu_mid.png) no-repeat left -36px; width:145px;}


#pro-menu ul li.special{ background:none; padding-right:0; margin-right:-3px;}
#pro-menu ul li.special a{ background:url(../images/menu_sale.png) no-repeat; width:67px;}
#pro-menu ul li.special a:hover, #pro-menu ul li.special-active a{ background:url(../images/menu_sale.png) no-repeat left -36px;}

#pro-menu ul li.ice-cream{ background:none; padding-right:0; margin-right:-3px;}

#pro-menu ul li.ice-cream a{ background:url(../images/menu_sale.png) no-repeat; width:70px;}
#pro-menu ul li.ice-cream a:hover, #pro-menu ul li.ice-cream-active a{ background:url(../images/menu_sale.png) no-repeat left -36px; width:70px;}


#pro-menu ul li .sub {position: absolute; top:47px; left:10px; display:none; background:url(../images/dropmenu.png) repeat left top; /*border:#e9c970 solid 1px;*/border-top:#e9c970 solid 1px;border-left:#e9c970 solid 1px;border-bottom:#e9c970 solid 1px; z-index:1000;}
#pro-menu ul li .sub ul{ list-style: none; margin: 0 0 0 0; padding: 8px 0 8px 0; width: 125px; float: left; }
 
#pro-menu ul li .sub ul li{ background:none; padding:0; margin:0;height:23px; width:125px; overflow:hidden;}
#pro-menu ul li .sub ul li a:hover{ color:#ffffff;}
#pro-menu ul li .sub ul li a{ padding-left:24px; display:block; background:url(../images/dropdown_bg.gif) no-repeat left -23px; height:23px; line-height:23px; _height:23px; min-height:23px; text-decoration:none; text-indent:0; width:170px;}
#pro-menu ul li .sub ul li a:hover, #pro-menu ul li .sub ul li.active a{background:url(../images/dropdown_bg.gif) no-repeat; width:170px;}

#pro-menu ul li .sub ul li h2 a{ color:#91320a; font-weight:bold; padding-left:15px; background:url(../images/dropdown_bg_first.gif) no-repeat left -23px; height:23px; display:block; width:170px;}
#pro-menu ul li .sub ul li h2 a:hover, #pro-menu ul li .sub ul li.active h2 a{ color:#fff; background:url(../images/dropdown_bg_first.gif) no-repeat;}

#pro-menu ul li .sub ul li.subitem{ width:170px; padding:0; margin:0; overflow:hidden;}
#pro-menu ul li .sub ul li.subitem a{ padding-left:42px; display:block; background:url(../images/dropdown_bg1.gif) no-repeat left -23px; height:23px;}
#pro-menu ul li .sub ul li.subitem a:hover, #pro-menu ul li .sub ul li.subitem.active a{background:url(../images/dropdown_bg1.gif) no-repeat;}


#pro-menu ul li .sub ul ul{ float:none; padding:0; margin:0;}

#pro-menu ul li.main-products .sub{left:-90px; width: 850px}
#pro-menu ul li.sharing .sub{width: 170px}
#pro-menu ul li.self-indulgence-products .sub{left:-253px; width:680px;}
#pro-menu ul li.personalised-collection .sub{width: 340px}
#pro-menu ul li.spring-easter .sub{width: 0px}
#pro-menu ul li.special .sub{width: 0px}

#pro-menu ul li .sub ul, #pro-menu ul li .sub ul li {width: 170px;}


/* Left News */
.left-news ul, .left-news ul li{ list-style:none; padding:0px; margin:0px;}
.left-news ul{ height:300px; overflow:hidden;}
.left-news ul li{ height:75px; float:left; width:293px; cursor: pointer;}
.left-news ul li.current{ background: url(../images/news_bg.png) no-repeat;}
.left-news ul li .boxitem{ padding:11px 0px 0px 21px;}
.left-news ul li .photo{ float:left; width:59px;}
.left-news ul li .news-title{ float:left; width:183px;}
.left-news ul li .news-title a, .left-news ul li .news-title a:hover{ color:#b27601; line-height:18px; text-decoration:none; font-size:12px; display:block;}
.left-news ul li .news-title a:hover, .left-news ul li.current .news-title a{ color:#91320a;}
.left-news .nav-left, .left-news .nav-right{ float:left; width:80px;}
.left-news .nav-right{ float:right; padding-right:47px;}

.ja-mdtool{padding-right:5px;}