@charset "utf-8";

/* xbrowser - css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }

body { line-height: 1em; }
ol, ul { list-style: none; }

: focus { outline: 0; }

html { background: #FFF; min-width: 960px; }
body { background: url(../images/background_masterbrand.jpg) center top no-repeat; color: #666; font-family: Arial; }

/* rules */
.replaced { display: block; text-indent: -9999em; font-size: 5px; line-height: 0; }

/* sprites */
.sBlue { background: url(../images/sprites_logos_bg.png) no-repeat; }
.sYellow { background: url(../images/sprites_logos_yb.png) no-repeat; }
.sButtons { background: url(../images/sprites_buttons.png) no-repeat; }

/* header */
#header { height: 95px; overflow: hidden; }
#header h1 { float: right; margin: 23px 0 15px; position: relative; }
#header span.lElmaChips { background-position: -477px 0; height: 44px; width: 48px; }
#header a.lElmaChips { background-position: -363px 0; height: 44px; width: 162px; }
ul#nav { margin: 25px 0 0; }
ul#nav li { float: left; margin: 0 1px 0 0; }
ul#nav li a { background: url(../images/sprites_menu.jpg) no-repeat; display: block; height: 42px; text-decoration: none; text-indent: -5000em; white-space: nowrap; }
ul#nav a.m01 { background-position: 0 0; width: 122px; }
ul#nav a.m01:hover { background-position: 0 -42px; }
ul#nav a.m02 { background-position: -122px 0; width: 104px }
ul#nav a.m02:hover { background-position: -122px -42px; }
ul#nav a.m03 { background-position: -226px 0; width: 102px }
ul#nav a.m03:hover { background-position: -226px -42px; }
ul#nav a.m04 { background-position: -328px 0; width: 133px }
ul#nav a.m04:hover { background-position: -328px -42px; }
ul#nav li ul { margin: 0; position: absolute; visibility: hidden; z-index: 1000; }
ul#nav li ul li { display: block; float: none; font-size: 12px; height: 25px; line-height: 25px; margin: 3px 0 -3px; width: 102px; }
ul#nav li ul li a { background: none; display: block; height: 25px; overflow: hidden; position: relative; text-indent: 0; width: 100%; }
ul#nav li ul li a b { cursor: pointer; display: block; height: 25px; position: absolute; text-align: center; width: 100%; z-index: 1002; }
ul#nav li ul li a span { background: url(../images/fancybox/fancy_closebox.png); display: block; height: 90px; position: absolute; top: -15px; width: 100%; z-index: 1001; }
ul#nav li ul.m02 { margin: 0 0 0 2px; }
ul#nav li ul.m02 li a { color: #EE6868; }
ul#nav li ul.m02 li a:hover span { top: -40px; }
ul#nav li ul.m03 li a { color: #5EB0EA; }
ul#nav li ul.m03 li a:hover span { top: -65px; }
ul#nav li ul li a:hover { background: url(../images/sprites_buttons.png) no-repeat; background-position: -333px 0; color: #FFF; }

/* product & wrap */
#wrap { overflow: hidden; position: relative; width: 100%; }
#product { position: absolute; z-index: 1; }

/* content */
#content { margin: 0 auto; position: relative; width: 940px; z-index: 12; }
#featured { overflow: hidden; }
#hottest { float: left; height: 280px; width: 470px; }
#text { float: right; width: 465px; }
#text h2 { color: #88A1B7; font-size: 21px; margin: 0 0 15px 20px; text-transform: uppercase; }
#text p, #carousel p { font-size: 12px; line-height: 16px; margin: 0 0 10px 20px; }
#text small { font-size: 9px; }

/* carousel */
#carousel { clear: both; height: 255px; margin: 0 0 0 20px; width: 425px; }

/* footer */
#footer { background-position: 0 -74px; clear: both; display: block; height: 65px; overflow: hidden; width: 940px; }
#footer .lPepsiCo { background-position: 0 0; float: left; height: 23px; margin: 10px 0; width: 90px; }
#footer .lElmaChips { background-position: 0 0; float: left; height: 32px; margin: 0 0 0 15px; position: relative; top: 5px; width: 36px; }
#footer em { color: #999; float: left; font-size: 10px; font-style: normal; height: 45px; line-height: 45px; margin: 0 10px; }
#footer p { display: inline; float: right; margin: 7px 8px 0 0; }
#footer p a { margin: 0 0 0 1px; }
#footer .bSAC { background-position: 0 0; float: left; height: 32px; width: 205px; }
#footer .bAbout { background-position: -454px 0; float: left; height: 32px; width: 134px; }
#footer .bSAC:hover { background-position: 0 -32px; }
#footer .bAbout:hover { background-position: -454px -32px; }

/*********************/
/**		Uniques		**/
/*********************/

/** buttons **/
.buttons { overflow: hidden; padding: 10px 0 0; }
.buttons a { float: left; }
.bTable { background-position: 0 -213px; height: 40px; width: 135px; }
.bTable:hover { background-position: 0 -253px; }
.bTables { background-position: -523px -303px; height: 40px; width: 141px; }
.bTables:hover { background-position: -523px -343px; }
.bOthers { background-position: 0 -139px; height: 32px; width: 298px; }
.bOthers:hover { background-position: 0 -171px; }
.bAbout { background-position: -308px -139px; height: 32px; width: 221px; }
.bAbout:hover { background-position: -308px -171px; }
.bTimeline { background-position: -705px -139px; height: 32px; width: 272px; }
.bTimeline:hover { background-position: -705px -171px; }
.bSite { margin: 0 14px 0 0; }

/** home **/
.home #wrap { height: 600px; }
.home #text p { color: #999; font-size: 12px; line-height: 15px; margin: 0; }
.home #carousel { height: 160px; left: 0; margin: 0; position: absolute; top: 375px; width: 100%; z-index: 11; }
.home #featured { height: 280px; }
.home #footer { bottom: 0; left: 50%; margin: 0 0 0 -470px; position: absolute; }
#news h3 { color: #999; font-size: 11px; height: 18px; line-height: 11px; text-transform: uppercase; }
#news h3 a:hover { color: #88A1B7; }
#news h3.big { height: 33px; }
#news h3.bigger { height: 48px; }
#news a { text-decoration: none; }
#news li { cursor: pointer; display: inline; float: left; margin: 0 0 0 20px; width: 135px; }
#news li.hover p { color: #88A1B7; }
#news li span { background: url(../images/background_featured.jpg) no-repeat; display: block; height: 75px; margin: 0 0 6px; overflow: hidden; width: 135px; }
#news li.f2 span { background-position: -135px 0; }
#news li.f3 span { background-position: -270px 0; }

/** nossa historia **/
.nossa-historia #product { background: url(../images/background_nossa-historia_high.jpg) no-repeat; height: 451px; left: -579px; margin: 0 0 0 50%; top: 95px; width: 497px; }
.nossa-historia #hottest { display: none; }
.nossa-historia #text { width: 680px; }
.nossa-historia #carousel { background: url(../images/background_nossa-historia-packs_high.jpg) 315px 110px no-repeat; float: right; height: 250px; padding: 10px 0 0; width: 680px; }
.nossa-historia h2 { color: #88A1B7; font-size: 22px; margin: -5px 0 0 230px; text-transform: uppercase; }
.nossa-historia h2 strong { display: block; font-size: 44px; margin: -10px 0 0; }

/** linha-do-tempo **/
.linha-do-tempo #wrap { height: 600px; }
.linha-do-tempo #timeline { height: 440px; left: 0; margin: 0; position: absolute; top: 95px; width: 100%; z-index: 9; }
.linha-do-tempo #footer { position: absolute; top: 535px; }
.linha-do-tempo #hottest, .linha-do-tempo #carousel, .linha-do-tempo #text { display: none; }


/** baconzitos **/
.baconzitos #product { background: url(../images/background_product_baconzitos_high.jpg) no-repeat; height: 561px; left: -485px; margin: 0 0 0 50%; top: 128px; width: 1006px; }
.baconzitos h2 { background-position: -111px -87px; height: 63px; width: 151px; }

/** cebolitos **/
.cebolitos #product { background: url(../images/background_product_cebolitos_high.jpg) no-repeat; height: 543px; left: -455px; margin: 0 0 0 50%; top: 120px; width: 999px; }
.cebolitos h2 { background-position: 0 -73px; height: 52px; width: 136px; }

/** pingo d'ouro **/
.pingo-douro #product { background: url(../images/background_product_pingo-douro_high.jpg) no-repeat; height: 555px; left: -466px; margin: 0 0 0 50%; top: 120px; width: 1052px; }
.pingo-douro h2 { background-position: 0 -87px; height: 57px; width: 101px; }

/** opa **/
.opa #product { background: url(../images/background_product_opa_high.jpg) no-repeat; height: 564px; left: -446px; margin: 0 0 0 50%; top: 118px; width: 1015px; }
.opa h2 { background-position: -104px 0; height: 71px; width: 113px; }

/** natuchips **/
.natuchips #product { background: url(../images/background_product_natuchips_high.jpg) 422px 182px no-repeat; height: 564px; left: -446px; margin: 0 0 0 50%; top: 118px; width: 1015px; }
.natuchips h2 { background-position: -305px -73px; height: 110px; width: 180px; }

/** de montão **/
.de-montao #product { background: url(../images/background_product_demontao_high.jpg) no-repeat; height: 512px; left: -412px; margin: 0 0 0 50%; top: 118px; width: 915px; }
.de-montao h2 { background-position: -535px 0; height: 79px; width: 121px; }

/** stiksy **/
.stiksy #product { background: url(../images/background_product_stiksy_high.jpg) no-repeat; height: 581px; left: -460px; margin: 0 0 0 50%; top: 180px; width: 976px; }
.stiksy h2 { background-position: -146px -73px; height: 55px; width: 115px; }

/** elma chips na mesa **/
.elma-chips-na-mesa #product { background: url(../images/background_product_elma-chips-na-mesa_high.jpg) no-repeat; height: 299px; left: -40px; margin: 0 0 0 50%; top: 362px; width: 536px; }
.elma-chips-na-mesa h2 { background-position: 0 -172px; height: 71px; width: 165px; }
.elma-chips-na-mesa .bSite { background-position: -392px -213px; height: 40px; width: 198px; }
.elma-chips-na-mesa .bSite:hover { background-position: -392px -253px; }

/** stax **/
.stax #product { background: url(../images/background_product_stax_high.jpg) no-repeat; height: 624px; left: -510px; margin: 0 0 0 50%; top: 41px; width: 954px; }
.stax h2 { background-position: -373px 0; height: 73px; width: 139px; }
.stax .bSite { background-position: -600px -213px; height: 40px; width: 106px; }
.stax .bSite:hover { background-position: -600px -253px; }

/** fandangos **/
.fandangos #product { background: url(../images/background_product_fandangos_high.jpg) no-repeat; height: 338px; left: 0; margin: 0 0 0 50%; top: 314px; width: 472px; }
.fandangos h2 { background-position: -405px -87px; height: 75px; width: 109px; }
.fandangos .bSite { background-position: -145px -213px; height: 40px; width: 121px; }
.fandangos .bSite:hover { background-position: -145px -253px; }
.fandangos .bTables { background-position: -117px -303px; display: none; width: 141px; }
.fandangos .bTables:hover { background-position: -117px -343px; }

/** cheetos **/
.cheetos #product { background: url(../images/background_product_cheetos_high.jpg) no-repeat; height: 411px; left: 34px; margin: 0 0 0 50%; top: 247px; width: 439px; }
.cheetos h2 { background-position: -272px -87px; height: 71px; width: 123px; }
.cheetos .bSite { background-position: -276px -213px; height: 40px; width: 106px; }
.cheetos .bSite:hover { background-position: -276px -253px; }
.cheetos .bTables { display: none; }
/**.cheetos .bTables { background-position: -262px -303px; width: 141px; }
.cheetos .bTables:hover { background-position: -262px -343px; }**/

/** doritos **/
.doritos #product { background: url(../images/background_product_doritos_high.jpg) no-repeat; height: 408px; left: -21px; margin: 0 0 0 50%; top: 248px; width: 538px; }
.doritos h2 { background-position: -229px 0; height: 65px; width: 134px; }
.doritos .bSite { background-position: 0 -303px; height: 40px; width: 107px; }
.doritos .bSite:hover { background-position: 0 -343px; }

/** ruffles **/
.ruffles #product { background: url(../images/background_product_ruffles_high.jpg) no-repeat; height: 303px; left: -20px; margin: 0 0 0 50%; top: 366px; width: 535px; }
.ruffles h2 { background-position: -175px -172px; height: 97px; width: 122px; }
.ruffles .bSite { background-position: -407px -303px; height: 40px; width: 106px; }
.ruffles .bSite:hover { background-position: -407px -343px; }

/** elma chips sensacoes **/
.elma-chips-sensacoes #product { background: url(../images/background_product_elma-chips-sensacoes_high.jpg) no-repeat; height: 380px; left: -25px; margin: 0 0 0 50%; top: 335px; width: 610px; }
.elma-chips-sensacoes h2 { background-position: -227px 0; height: 77px; width: 125px; }
.elma-chips-sensacoes .bSite { background-position: -716px -213px; height: 40px; width: 221px; }
.elma-chips-sensacoes .bSite:hover { background-position: -716px -253px; }

/** snacklife **/
.snacklife #product { background: url(../images/background_snacklife_high.jpg) no-repeat; height: 480px; left: -535px; margin: 0 0 0 50%; top: 115px; width: 1019px; }
.snacklife #text { width: 664px; }
.snacklife #text h2 { background-position: -524px -87px; height: 57px; left: -275px; margin: 150px 0 36px 107px; position: relative; width: 153px; }
.snacklife #text h3 { margin: 0 0 21px 20px; }
.snacklife #text p { padding: 0; width: 500px; }
.snacklife .bSite { background-position: -539px -139px; height: 32px; width: 156px; }
.snacklife .bSite:hover { background-position: -539px -171px; }
.snacklife #hottest { display: none; }
.snacklife #carousel { height: 115px; }

/** sua saude **/
.sua-saude #wrap { background: url(../images/background_sua-saude_high.jpg) 50% 101px no-repeat; }
.sua-saude #hottest { height: auto; }
.sua-saude h2 { color: #88A1B7; font-size: 30px; margin: 0 0 0 230px; text-transform: uppercase; }
.sua-saude h2 strong { display: block; font-size: 60px; margin: -10px 0 0; }
.sua-saude h3 { color: #88A1B7; font-size: 32px; margin: 50px 0 15px; text-transform: uppercase; }
.sua-saude h4 { color: #88A1B7; font-size: 12px; margin: 10px 0 20px; text-transform: uppercase; }
.sua-saude #hottest p { font-size: 12px; line-height: 16px; margin: 0 0 10px 0; }
.sua-saude #text .buttons { margin: 60px 0 0 25px; overflow: auto; }
.sua-saude .bLeft { background-position: 0 0; float: left; height: 31px; width: 30px; }
.sua-saude .bLeft:hover { background-position: 0 -31px; }
.sua-saude .bRight { background-position: 0 -62px; float: right; height: 31px; width: 30px; }
.sua-saude .bRight:hover { background-position: 0 -93px; }
.sua-saude #carousel { height: auto; margin: 0; width: 470px; }
.sua-saude #carousel ul { overflow: hidden; }
.sua-saude #carousel li { float: left; position: relative; width: 156px; }
.sua-saude #carousel li a { margin: 0 auto; }
.sua-saude #carousel p.buttons { margin: 0; overflow: auto; padding: 15px 0; }
.sua-saude #carousel p.buttons a { float: none; }

/** sua saude - batata **/
.batata .bLeft, .batata .bRight, .batata #product, .batata #carousel li.p1 a, .batata #carousel li.p2 a, .batata #carousel li.p3 a { background-image: url(../images/background_sua-saude-batata_high.jpg); background-repeat: no-repeat; }
.batata #product { background-position: 0 -156px; height: 357px; left: 42px; margin: 0 0 0 50%; top: 216px; width: 472px; }
.batata #carousel ul { height: 157px; }
.batata #carousel li.p1 a { background-position: -39px 0; height: 144px; margin: 6px auto 0; width: 128px; }
.batata #carousel li.p2 a { background-position: -166px 0; height: 134px; margin: 11px auto 0; width: 134px; }
.batata #carousel li.p3 a { background-position: -303px 0; height: 156px; width: 126px; }

/** sua saude - milho **/
.milho .bLeft, .milho .bRight, .milho #product, .milho #carousel li.p1 a, .milho #carousel li.p2 a, .milho #carousel li.p3 a { background-image: url(../images/background_sua-saude-milho_high.jpg); background-repeat: no-repeat; }
.milho #product { background-position: -13px -164px; height: 263px; left: 42px; margin: 0 0 0 50%; top: 209px; width: 448px; }
.milho #carousel ul { height: 152px; }
.milho #carousel li.p1 { width: 127px; }
.milho #carousel li.p1 a { background-position: -30px 0; height: 151px; width: 115px; }
.milho #carousel li.p2 { display: inline; margin: 0 0 0 60px; width: 216px; }
.milho #carousel li.p2 a { background-position: -144px 0; height: 151px; width: 210px; }
.milho #carousel li.p3 { width: 127px; }
.milho #carousel li.p3 a { background-position: -355px 0; height: 151px; width: 107px; }

/** sua saude - trigo **/
.trigo .bLeft, .trigo .bRight, .trigo #product, .trigo #carousel li.p1 a, .trigo #carousel li.p2 a, .trigo #carousel li.p3 a { background-image: url(../images/background_sua-saude-trigo_high.jpg); background-repeat: no-repeat; }
.trigo #product { background-position: -28px -168px; height: 394px; left: 55px; margin: 0 0 0 50%; top: 144px; width: 434px; }
.trigo #carousel ul { height: 165px; }
.trigo #carousel li.p1 a { background-position: -30px 0; height: 164px; width: 86px; }
.trigo #carousel li.p2 a { background-position: -116px 0; height: 164px; width: 116px; }
.trigo #carousel li.p3 a { background-position: -232px 0; height: 145px; margin: 9px auto 0; width: 123px; }

/** modal **/
#modal { background-color: #F7F6F3; padding: 20px 10px 5px 10px; }
#modal #scroll { height: 430px; overflow: hidden; }
#modal #title { height: 80px; }
#modal #title.big { height: 105px; }
#modal #title.bigger { height: 130px; }
#modal h1 { background-color: #F7F6F3; color: #88A1B7; font-size: 18px; height: 20px; margin: 0; padding: 0; text-transform: uppercase; width: 530px; }
#modal h2 { background-color: #F7F6F3; color: #88A1B7; font-size: 28px; height: 35px; line-height: 20px; margin: 0; text-transform: uppercase; width: 530px; }
#modal #title.big h2 { height: 60px; }
#modal #title.bigger h2 { height: 85px; }
#modal h3 { background-color: #F7F6F3; color: #999; font-size: 14px; height: 21px; margin: 0 0 6px; padding: 0; text-transform: uppercase; width: 530px; }
#modal h1.saude { background-color: #F7F6F3; color: #88A1B7; font-size: 28px; line-height: 25px; margin: 0 0 15px; text-transform: uppercase; width: 530px; }
#modal h2.saude { background-color: #F7F6F3; color: #88A1B7; font-size: 20px; height: auto; margin: 10px 0 0; text-transform: uppercase; width: 530px; }
#modal p { font-size: 12px; line-height: 16px; margin: 0 0 10px; }
#modal ul { font-size: 12px; line-height: 16px; list-style: inside; margin: 0 0 10px; }
#modal small { font-size: 10px; font-style: italic; }
#fancy_content p.image { text-align: center; }
#modal p small { font-size: 9px; }
#modal .imgRight { float: right; padding: 0 0 10px 10px; }
#modal #tips { font-size: 12px; list-style: disc outside; margin: 0 0 20px 15px; }
#modal p.composicao { padding: 0 0 10px; }
#modal #valor { background: url(../images/modal/valor.png) -1px 0 no-repeat; height: 75px; margin: 0 0 -16px -21px; position: absolute; width: 582px; }
#modal #valor.ie6 { background: url(../images/modal/valor-ie6.png) -1px 0 no-repeat; }
#modal #valor p { display: none; }
#pack { background: #F7F6F3; }
#pack div{ padding: 15px 0 0; text-align: center; }
#pack strong { background-color: #F7F6F3; display: block; color: #88A1B7; font-size: 28px; height: 30px; line-height: 20px; text-transform: uppercase; width: 565px; }

/** table **/
.tabela { border: none; font-size: 12px; margin: 0 0 10px; width: 100%; }
.tabela thead { font-weight: bold; }
.tabela tr.odd td { background: #E8E8E8; border-bottom: 1px dotted #CCC; border-top: 1px dotted #CCC; }
.tabela td { padding: 5px; }

/*********************/
/**		Fancybox	**/
/*********************/

div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFF; display: none; z-index: 30; }
* html div#fancy_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
div#fancy_wrap { text-align: left; }
div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; }
div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url(../images/fancybox/fancy_progress.png) no-repeat; }
div#fancy_loading_overlay { position: absolute; background-color: #FFF; z-index: 30; }
div#fancy_loading_icon { position: absolute; background: url(../images/fancybox/fancy_loading.gif) no-repeat; z-index: 35; width: 16px; height: 16px; }
div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 25px; margin: 0; overflow: hidden; background: transparent; display: none; }
div#fancy_inner { position: relative; width: 100%; height: 100%; border: 1px solid #BBB; background: #FFF; }
div#fancy_content { margin: 0; z-index: 100; position: absolute; }
div#fancy_div { height: 100%; width: 100%; z-index: 100; }
img#fancy_img { position: absolute; top: 0; left: 0; border: 0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%; }
div#fancy_close { position: absolute; top: 0; right: 0; height: 15px; width: 20px; background: url(../images/fancybox/fancy_closebox.png) 0 0 no-repeat; cursor: pointer; z-index: 181; display: none; }
div#fancy_close:hover { background: url(../images/fancybox/fancy_closebox.png) -20px 0; }
#fancy_frame { position: relative; width: 100%; height: 100%; display: none; }
#fancy_ajax { width: 100%; height: 100%; overflow: hidden; }
a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url(data: image/gif;base64,AAAA); outline: none; }
a#fancy_left { left: 0px; }
a#fancy_right { right: 0px; }
span.fancy_ico { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block; }
a#fancy_left:hover { visibility: visible; }
a#fancy_right:hover { visibility: visible; }
a#fancy_left:hover span { left: 20px; }
a#fancy_right:hover span { right: 20px; }
.fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }
div#fancy_bg { background: #F7F6F3; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0; } 
div.fancy_bg { position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0; }
div.fancy_bg_n { top: -20px; width: 100%; height: 20px; background: transparent url(../images/fancybox/fancy_shadow_n.png) repeat-x; }
div.fancy_bg_ne { top: -20px; right: -25px; width: 25px; height: 20px; background: transparent url(../images/fancybox/fancy_shadow_ne.png) no-repeat; }
div.fancy_bg_e { right: -25px; height: 100%; width: 25px; background: transparent url(../images/fancybox/fancy_shadow_e.png) repeat-y; }
div.fancy_bg_se { bottom: -25px; right: -25px; width: 25px; height: 25px; background: transparent url(../images/fancybox/fancy_shadow_se.png) no-repeat; }
div.fancy_bg_s { bottom: -25px; width: 100%; height: 25px; background: transparent url(../images/fancybox/fancy_shadow_s.png) repeat-x; }
div.fancy_bg_sw { bottom: -25px; left: -20px; width: 20px; height: 25px; background: transparent url(../images/fancybox/fancy_shadow_sw.png) no-repeat; }
div.fancy_bg_w { left: -20px; height: 100%; width: 20px; background: transparent url(../images/fancybox/fancy_shadow_w.png) repeat-y; }
div.fancy_bg_nw { top: -20px; left: -20px; width: 20px; height: 20px; background: transparent url(../images/fancybox/fancy_shadow_nw.png) no-repeat; }
div#fancy_title table { display: none; margin: 0 auto; }

/*********************/
/**		Scroll		**/
/*********************/

.jScrollPaneContainer { overflow: hidden; position: relative; z-index: 1; }
.jScrollPaneTrack { background: #E4E3E0; cursor: pointer; height: 100%; position: absolute; right: 0; top: 0; }
.jScrollPaneDrag { background: url(../images/sprites_buttons.png) -371px -50px #E4E3E0 no-repeat; position: absolute; cursor: pointer; overflow: hidden; height: 23px !important; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { background: url(../images/sprites_buttons.png) -333px -50px no-repeat; display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 17px; }
a.jScrollArrowUp:hover { background: url(../images/sprites_buttons.png) -390px -50px no-repeat; }
a.jScrollArrowDown { background: url(../images/sprites_buttons.png) -352px -50px no-repeat; display: block; position: absolute; z-index: 1; right: 0; text-indent: -2000px; overflow: hidden; height: 17px; }
a.jScrollArrowDown:hover { background: url(../images/sprites_buttons.png) -409px -50px no-repeat; }