@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; float:right;}
#pro-menu #topnav {  _margin-right:10px; }


#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.vday2012 { background:none; padding-right:0;}
#pro-menu ul li.vday2012 a, #pro-menu ul li.vday2012 a:hover{ background:url(../images/menu_vday2012.png) no-repeat; width:146px;}
#pro-menu ul li.vday2012 a:hover, #pro-menu ul li.vday2012 a.level1_active{ background:url(../images/menu_vday2012.png) no-repeat left -36px;}

#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.ice-cream2011 a{ background:url(../images/menu_ice_cream2011.png) no-repeat; width:116px; margin:0 0 0 1px; }
#pro-menu ul li.ice-cream2011 a:hover, #pro-menu ul li.ice-cream2011-active a{ background:url(../images/menu_ice_cream2011.png) no-repeat left -36px; width:116px;}

#pro-menu ul li.father-day2011 a{ background: url(../images/menu_fatherday_s.png) no-repeat scroll left top transparent; width: 92px;}
#pro-menu ul li.father-day2011 a:hover,#pro-menu ul li.father-day2011-active a {background: url(../images/menu_fatherday_s.png) no-repeat left -36px; width: 92px; }

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

#pro-menu ul li.mid-aut { display:none;}
#pro-menu ul li.mid-aut a{ background:url(../images/menu_mid_s.png) no-repeat; width:94px;}

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

#pro-menu ul li.parfait-collection { display:none;}
#pro-menu ul li.parfait-collection a{ background:url(../images/menu_parfait.png) no-repeat; width:120px;}
#pro-menu ul li.parfait-collection a:hover, #pro-menu ul li.parfait-collection-active a{ background:url(../images/menu_parfait.png) no-repeat left -36px; width:120px;}



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

#pro-menu ul li.christmas{ display:none;}
#pro-menu ul li.christmas a{ background:url(../images/menu_christmas.png) no-repeat; width:137px;}
#pro-menu ul li.christmas a:hover, #pro-menu ul li.christmas-active a{ background:url(../images/menu_christmas.png) no-repeat left -36px; width:137px;}

#pro-menu ul li.truffes-dessert a{ background:url(../images/menu_truffes.png) no-repeat; width:98px; margin:0 2px;}
#pro-menu ul li.truffes-dessert a:hover, #pro-menu ul li.mother-active a{ background:url(../images/menu_truffes.png) no-repeat left -36px; width:98px;}

#pro-menu ul li.halloween-collection a{ background:url(../images/menu_halloween.png) no-repeat; width:105px; margin:0 2px;}

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

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

#pro-menu ul li.mousse-chocolate{ display:none;}
#pro-menu ul li.mousse-chocolate {padding-right:0; margin-right:-3px;}
#pro-menu ul li.mousse-chocolate a{ background:url(../images/menu_mousse_chocolate.png) no-repeat left -1px; width:169px; }
#pro-menu ul li.mousse-chocolate a:hover, #pro-menu ul li.mousse-chocolate-active a{ background:url(../images/menu_mousse_chocolate.png) no-repeat left -37px; }


#pro-menu ul li.motherday2011 a{ background: url("../images/menu_coeur.png") no-repeat scroll left top transparent; width: 112px;}
#pro-menu ul li.motherday2011 a:hover,#pro-menu ul li.motherday2011-active a {background: url("../images/menu_coeur.png") no-repeat left -36px; width: 112px; }

#pro-menu ul li.cny2012 {}
#pro-menu ul li.cny2012 a{ background: url("../images/menu_newyear2011.png") no-repeat scroll left top transparent; width: 184px;}
#pro-menu ul li.cny2012 a:hover,#pro-menu ul li.cny2012-active a {background: url("../images/menu_newyear2011.png") no-repeat left -36px; width: 184px; }

#pro-menu ul li.spring-easter-collection a{ background:url(../images/menu_spring_easter.png) no-repeat left top; width:119px; margin-left:3px;}
#pro-menu ul li.spring-easter-collection a:hover, #pro-menu ul li.spring-easter-collection-active a{ background:url(../images/menu_spring_easter.png) no-repeat left -36px; }

#pro-menu ul li.special{ background:none; padding-right:0; display:none;}

#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:850px;}

#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;}