/* Front end classes */
.GrowthPanel { display: block; width: 453px; padding: 0; margin: 0; border: 0; }
.GrowthPanel.Grid { width: 475px; }
.GrowthPanel.List .gp_top { width: 453px; height: 75px; background: url(Images/gp_top.png) no-repeat; }
.GrowthPanel.Grid .gp_top { width: 475px; height: 75px; background: url(Images/gp2_top.png) no-repeat; }
.GrowthPanel.List .gp_center { width: 453px; height: auto; background: url(Images/gp_center.png) repeat-y; position: relative; }
.GrowthPanel.Grid .gp_center { width: 475px; height: auto; background: url(Images/gp2_center.png) repeat-y; position: relative; }
.GrowthPanel.List .gp_bottom { width: 453px; height: 31px; background: url(Images/gp_bottom.png) no-repeat; }
.GrowthPanel.Grid .gp_bottom { width: 475px; height: 31px; background: url(Images/gp2_bottom.png) no-repeat; }
.GrowthPanel.List .gp_content { width: 391px; height: 385px; float: left; border: 0; border-right: solid 1px #dbdbdb; margin-left: 6px; background: url(Images/gp_months.png) no-repeat right bottom; position: relative; }
.GrowthPanel.Grid .gp_content { width: 412px; height: 385px; float: left; border: 0; border-right: solid 1px #dbdbdb; margin-left: 6px; background: url(Images/gp_months.png) no-repeat right bottom; position: relative; }
.GrowthPanel.List .gp_content.LCID1040,
.GrowthPanel.Grid .gp_content.LCID1040 { background: url(Images/gp_months.it-IT.png) no-repeat right bottom; }

.GrowthPanel.List .gp_content.LCID3082,
.GrowthPanel.Grid .gp_content.LCID3082 { background: url(Images/gp_months.es-ES.png) no-repeat right bottom; }

.GrowthPanel.List .gp_content.LCID1055,
.GrowthPanel.Grid .gp_content.LCID1055 {background: url(Images/gp_months.tr-TR.png) no-repeat right bottom; }

.GrowthPanel.List .gp_content.LCID2070,
.GrowthPanel.Grid .gp_content.LCID2070 {background: url(Images/gp_months.pt-PT.png) no-repeat right bottom; }





.GrowthPanel .gp_slider { width: 50px; float: left; background: #f3f3f3; }
.GrowthPanel .gp_slider ul { margin: 0; padding: 0; border: 0; list-style-type: none; }
.GrowthPanel .gp_slider ul li { margin: 0; padding: 0; border: 0; list-style-type: none; text-align: center; }
.GrowthPanel .gp_slider ul li a { font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 26px; color: #16509e; display: block; position: relative; }
.GrowthPanel .gp_slider ul li a:hover, 
.GrowthPanel .gp_slider ul li a:link, 
.GrowthPanel .gp_slider ul li a:visited,
.GrowthPanel .gp_slider ul li a:active { text-decoration: none; color: #16509e; }
.GrowthPanel .gp_slider ul li a.disabled,
.GrowthPanel .gp_slider ul li a.disabled:hover, 
.GrowthPanel .gp_slider ul li a.disabled:link, 
.GrowthPanel .gp_slider ul li a.disabled:visited,
.GrowthPanel .gp_slider ul li a.disabled:active { color: #cccccc; }
.clear_float { clear: both; }



div.gp_top h2 { margin: 12px 0 0 17px; padding: 0; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 27px; font-weight: normal; color: #90b1de; display: inline-block; height: 32px; line-height: 32px; }
div.gp_top h3 { margin: 0 0 0 17px; padding: 0; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #0a4aa5; display: inline-block; height: 19px; line-height: 19px; padding-top:8px; }

.gp_center .indicator { width: 72px; height: 57px; background: url(Images/indicator.png) no-repeat; position: absolute; top: 2px; z-index: 11; overflow: hidden; }
.GrowthPanel.List .gp_center .indicator { left: 381px; }
.GrowthPanel.Grid .gp_center .indicator { left: 403px; }
.gp_center .indicator div { text-align: center; top: 13px; left: 17px; width: 50px; position: absolute; }
.gp_center .indicator div span { font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 26px; color: #ffffff; }

/*.gp_center .indicator .oldValue { z-index: 13; }
.gp_center .indicator .nextValue { z-index: 12; }*/
.GrowthPanel.List .gp_content > div { width: 331px; }
.GrowthPanel.Grid.gp_content > div { width: 355px; }
.gp_content > div { margin: 13px 44px 13px 16px; position: absolute; top: 0px; left: 0px; background-color: #ffffff; z-index: 8; }
.gp_content > div.active { z-index: 10; }
.gp_content > div.last-active { z-index: 9; }


div.Product img { border: none; }

.gp_content div.List div.Product { width: 331px; }
.gp_content div.List div.Product.TextPositionLeft,
.gp_content div.List div.Product.TextPositionRight { height: 80; }
.gp_content div.List div.Product.TextPositionTop,
.gp_content div.List div.Product.TextPositionBottom { height: 160; }
.gp_content div.List div.Product span.Image { width: 130px; height: 80px; }
.gp_content div.List div.Product img { width: 130px; height: 80px; border: none; }
.gp_content div.List div.Product span.Text { width: 188px; height: 80px; overflow: hidden; margin: 0 0 0 13px; }
.gp_content div.List div.Product.TextPositionLeft span.Image,
.gp_content div.List div.Product.TextPositionRight span.Image,
.gp_content div.List div.Product.TextPositionLeft span.Text,
.gp_content div.List div.Product.TextPositionRight span.Text { float: left; }
div.Product span.Text h4.Title, div.Product span.Text h4.Title a { font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 14px; color: #296db4; height: 17px; margin: 0 0 10px 0; text-decoration: none; }
div.Product span.Text h4.Title a:link { text-decoration: none; }
div.Product span.Text span.Subtitle, div.Product span.Text span.Subtitle p { font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 12px; color: #666666; margin: 0 0 0 0; }
div.Product span.Text > span.Subtitle { margin-top: 10px; }
.gp_content div.List div.Separator { width: 331px; height: 13px; background: url(Images/separator.png) no-repeat right 6px; }

.gp_content div.Big div.Product { width: 331px; }
.gp_content div.Big div.Product img { width: 331px; height: 302px; }

.gp_content div.Grid { width: 352px; }
.gp_content div.Grid div.Product { width: 175px; background: url(Images/gp_grid_bkg.png) no-repeat; float: left; margin-bottom: 3px; }
.gp_content div.Grid div.Product span.Image { width: 175px; height: 151px; display: block; }
.gp_content div.Grid div.Product img { margin-left: 16px; margin-top: 5px; width: 150px; height: 130px; }
.gp_content div.Grid div.Product span.Text { width: 161px; margin-left: 14px; display: block;  }

.GrowthPanel.Grid .gp_content div.Big,
.GrowthPanel.Grid .gp_content div.Big div.Product { width: 352px; }