@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; font:normal 12px Arial, Helvetica, sans-serif; background:repeat-x; }
ul {padding:0; margin:0;}
ul li {padding:0; margin:0;}

img {border:none;}
.hidden {display:none;}
.white {color:#FFFFFF;}
.clear {clear:both;}
#container {position:relative; width:970px; padding:0; margin:0 auto; }
#header {position:relative; height:97px; width:970px; z-index:2;}
#body {position:relative; z-index:1;}
#header h1 {position:absolute; background:url(../images/hersheys_logo.png) top left no-repeat; width:226px; height:79px; top:12px; left:21px; overflow:hidden; margin:0px; padding:0px; z-index:3;}
#header h1 a {display:block; width:226px; height:79px;}
#header #tagline {position:absolute; right:5px; top:14px; background:url(../images/taglines.gif) 0px 0px no-repeat; width:218px; height:13px; z-index:2;}
#header #nav {position:absolute; background:url(../images/nav-bg.png) 0px 0px no-repeat; top:35px; left:0px; width:976px; height:67px; z-index:1;}

#nav ul {list-style-type:none;}
#nav li a span {display:none;}
#nav ul#nav-main {float:right; width:423px; height:51px; margin:8px 8px 0 0; padding:0; background:url(../images/navigation-sprites.png) 0px -51px no-repeat;}
#nav ul#nav-main li {float:left; height:51px; margin:0; padding:0; position:relative; }
#nav ul#nav-main li a {height:51px; float:left; background:url(../images/navigation-sprites.png) 0px 0px no-repeat;}
#nav ul#nav-main li a.aboutus {width:101px; background-position:0px 0px;}
#nav ul#nav-main li a.products {width:124px; background-position:-101px 0px;}
#nav ul#nav-main li a.recipes {width:95px; background-position:-225px 0px;}
#nav ul#nav-main li a.trocitos {width:103px; background-position:-320px 0px;}

#nav ul#nav-main li#aboutus a.aboutus:hover, #nav ul#nav-main li#aboutus a.current {background-image:none; }
#nav ul#nav-main li#products a.products:hover, #nav ul#nav-main li#products a.current {background-image:none;}
#nav ul#nav-main li#recipes a.recipes:hover, #nav ul#nav-main li#recipes a.current  {background-image:none;}
#nav ul#nav-main li#trocitos a.trocitos:hover, #nav ul#nav-main li#trocitos a.current  {background-image:none;}

#nav ul#nav-main li .sub ul li {background-image:none; height:auto !important;}
#nav ul#nav-main li .sub ul li a {background-image:none; height:auto !important; margin-left:0px;}
ul#nav-main li .sub {position:absolute; top:51px; left:0px; z-index:99999; float:left; display:none; background:none;}
ul#nav-main li:hover .sub {display:block;}
#nav ul#nav-main li#aboutus ul#nav-about {background:url(../images/drop-downs.gif) -143px 0px no-repeat; width:120px; height:84px; padding:0; margin:0;}
#nav ul#nav-main li#aboutus ul#nav-about li a {display:block; width:100px; height:22px; background:url(../images/drop-downs.gif) -153px 0px no-repeat; }
#nav ul#nav-main li#aboutus ul#nav-about li a#about-hersheys {height:29px !important; background-position:-153px 0px;}
#nav ul#nav-main li#aboutus ul#nav-about li a#history {height:22px !important; background-position:-153px -29px;}
#nav ul#nav-main li#aboutus ul#nav-about li a#chocolate {height:22px !important; background-position:-153px -51px;}
#nav ul#nav-main li#products ul#nav-products {background:url(../images/drop-downs.gif) 0px 0px no-repeat; width:143px; height:120px; padding:0; margin:0;}
#nav ul#nav-main li#products ul#nav-products li a {background:url(../images/drop-downs.gif) 0px 0px no-repeat; display:block; width:123px; height:22px !important;}
#nav ul#nav-main li#products ul#nav-products li a#milk-chocolate {height:29px !important; background-position:0px 0px;}
#nav ul#nav-main li#products ul#nav-products li a#kisses {height:22px !important; background-position:0px -29px;}
#nav ul#nav-main li#products ul#nav-products li a#syrup {height:22px !important; background-position:0px -51px;}
#nav ul#nav-main li#products ul#nav-products li a#c-n-c {height:22px !important; background-position:0px -73px;}
#nav ul#nav-main li#products ul#nav-products li a#icebreakers {height:25px !important; background-position:0px -95px;}

/* ---- Sub Menu Roll Overs ---- */
#nav ul#nav-main li#aboutus ul#nav-about li a#about-hersheys:hover {background-position:-153px -134px;}
#nav ul#nav-main li#aboutus ul#nav-about li a#history:hover {background-position:-153px -163px;}
#nav ul#nav-main li#aboutus ul#nav-about li a#chocolate:hover {background-position:-153px -185px;}
#nav ul#nav-main li#products ul#nav-products li a#milk-chocolate:hover {background-position:0px -120px;}
#nav ul#nav-main li#products ul#nav-products li a#kisses:hover {background-position:0px -149px;}
#nav ul#nav-main li#products ul#nav-products li a#syrup:hover {background-position:0px -171px;}
#nav ul#nav-main li#products ul#nav-products li a#c-n-c:hover {background-position:0px -193px;}
#nav ul#nav-main li#products ul#nav-products li a#icebreakers:hover {background-position:0px -215px;}

#body {position:relative; padding-left:8px; margin-top:5px; }

a.ver {display:block; background:url(../images/btn_ver.png) top left no-repeat; width:67px; height:32px;}
a.ver:hover {background-position:left -32px;}
a.ver-dark {background-image:url(../images/btn_ver_dark.png) !important;}

#carousel, #v-placements {float:left;}
#carousel, #carousel-items, #carousel-ul, #carousel-ul li {width:710px; overflow:hidden;}
#carousel-nav {margin-bottom:5px; text-align:center;}
#carousel-nav a {display:inline-block; width:18px; height:9px; border:1px #451e09 solid; background-color:#ffffff;}
#carousel-nav a.active {background-color:#451e09;}
#carousel-items {clear:both;}
#gyro1 {background:url(../images/gyros/gyro01-bg.png) no-repeat; position:relative; display:block; width:710px; height:400px;}
#gyro1 #gyro1-desc {position:absolute; top:111px; left:37px;}
#gyro1 #gyro1-desc p.white {width:160px; font-size:15px; line-height:18px; color:#f4e1c3;}
#gyro1 #gyro1-button {position:absolute; left:243px; top:56px; background:url(../images/gyros/gyro01-video_trocitos.png) no-repeat; width:400px; height:320px;}
#gyro1 a.gyro1_btn {position:absolute; display:block; left:175px; top:97px; cursor:pointer; width:47px; height:48px; background:url(../images/gyros/gyro01-play.gif) left top no-repeat;}
#gyro1 a.gyro1_btn:hover {background-position:left bottom;}
#gyro1 .video {position:absolute; top:0px; left:0px; width:710px; height:400px; background-color:#000000;  display:none; overflow:hidden; text-align:center;}
#gyro1 .video object {margin:0 auto;}
#gyro2 {background:url(../images/gyros/gyro02-bg.png) no-repeat; position:relative; display:block; width:710px; height:400px;}
#gyro2 #gyro2-desc {position:absolute; top:95px; left:53px;}
#gyro2 #gyro2-desc p.white {width:186px; font-size:15px; line-height:16px;}
#gyro2 #gyro2-desc a.ver {position:relative; left:-5px;}
#gyro2 #gyro2-flash {position:absolute; left:310px; top:26px;}

#v-placements {position:relative; width:250px; text-align:right; margin:20px 0px; }
#placement1, #placement2 {position:relative;}
#placement1 {margin-bottom:10px;}
#placement1 a.ver {position:absolute; top:125px; right:21px;}
#placement2 a.ver {position:absolute; top:138px; right:24px;}
#products-nav {position:relative; clear:both; background:url(../images/products-bg.png) no-repeat; width:940px; height:80px; left:-3px; position:relative; padding:6px 23px 6px 26px;}
#products-nav a {display:block; padding:0; float:left; position:relative; margin:6px 3px; width:180px; height:70px; z-index:999999;}
#products-nav a img {position:absolute; display:block; top:-6px; left:0px; z-index:1;}
.mask {display:block; position:absolute; top:0px; left:0px; width:180px; height:82px; z-index:2;}

#footer {clear:both; position:relative; color:#240f02; font-size:xx-small; width:984px; left:-5px; height:40px; line-height:40px;}
#footer #corp_links {float:left; white-space:pre;}
#footer #corp_links a {color:#240f02; text-decoration:none;}
#footer #corp_links a:hover {text-decoration:underline;}
#footer div#corp_links, #footer div#share {display:inline-block; *display:inline; vertical-align:middle;}
#footer #share {float:right; margin-left:30px;}
#footer #share .addthis_toolbox {vertical-align:middle; display:inline-block; *display:inline;}

/*---- PAGE SPECIFIC FORMATING ---- */
#page-bg {position:absolute; z-index:1; width:100%; height:763px; background:center top no-repeat; top:64px; left:0px; zoom:1;}
body#index {background-image:url(../images/bg_home.gif);}

/* ABOUT US PAGE */
body#a-hersheys {background-image:url(../images/bg_about.gif);}
#container {z-index:2;}
#page-bg.a-hersheys {background-image:url(../images/bg_about_full.jpg) !important;}
#body.aboutus-body {height:725px;}
#mission {width:941px; margin:0 auto; margin-top:18px;}
#mission img {display:inline; padding:0; margin:0; float:left;}
#values {position:relative; clear:left; width:941px; margin:0 auto; padding-top:15px;}
#values-title {position:relative; display:block; width:80px; height:17px; margin:0 auto;}
#values-list{position:relative; margin-top:23px;}
.value {position:relative; float:left; width:184px; margin:0px 34px;}
.value h3 {display:block; width:184px; height:35px; padding-bottom:6px; border-bottom:#ddd1d1 1px solid;}
.value p {color:#ffffff; font-size:14px;}
#value-1 {margin-left:0px;}
#value-4 {margin-right:0px;}

#about-links {width:941px; margin:0 auto; margin-top:24px; height:111px; overflow:hidden;}
#about-links div {position:relative; display:inline-block; *display:block;  width:469px; height:111px; background-repeat:no-repeat }
#about-history {*float:left; left:-8px; background-image:url(../images/about_history_link.jpg);}
#about-chocolate {*float:right; background-image:url(../images/about_chocolate_link.jpg);}
#about-chocolate a {position:absolute; right:11px; top:65px;}
#about-history a {position:absolute; left:17px; top:65px;}

/* HISTORY PAGE  & CHOCOLATE PAGE*/
body#a-history {background-image:url(../images/bg_history.gif);}
body#a-history #footer {height:50px; line-height:50px;}
#page-bg.a-history {background-image:none;}
#body.history-body {height:850px; margin-top:25px;}

.history-body h2 {padding-left:7px; display:block; }
#timeline {position:relative; margin:0 auto; width:950px; height:125px;}
#timeline div {position:relative; background:url(../images/history/history_timeline.jpg) no-repeat; height:125px; display:block; float:left; padding:0; margin:0;}
#timeline #timeline01 {width:106px; background-position:left top;}
#timeline #timeline02 {width:162px; background-position:-106px top;}
#timeline #timeline03 {width:126px; background-position:-268px top;}
#timeline #timeline04 {width:93px; background-position:-394px top;}
#timeline #timeline05 {width:63px; background-position:-487px top;}
#timeline #timeline06 {width:122px; background-position:-550px top;}
#timeline #timeline07 {width:102px; background-position:-672px top;}
#timeline #timeline08 {width:174px; background-position: right top;}

#history-info, #chocolate-info {margin-top:15px;}

#history-nav, #chocolate-nav {position:relative; float:left; width:213px; display:block;}
a.history-link, a.chocolate-link {background-image:url(../images/history/history_nav.png); background-repeat:no-repeat; display:block; width:213px; height:58px; cursor:pointer;}
#history1, #chocolate1 {height:68px; background-position:top left;}
#history2, #chocolate2 {background-position:0px -68px; }
#history3, #chocolate3 {background-position:0px -128px;}
#history4, #chocolate4 {background-position:left -188px;}
#history5, #chocolate5 {background-position:left -248px;}
#history6, #chocolate6 {background-position:left -308px;}
#history7 {background-position:left -368px;}

#history1:hover, #history1.current, #chocolate1:hover, #chocolate1.current {background-position:right top;}
#history2:hover, #history2.current, #chocolate2:hover, #chocolate2.current {background-position:right -68px;}
#history3:hover, #history3.current, #chocolate3:hover, #chocolate3.current {background-position:right -128px;}
#history4:hover, #history4.current, #chocolate4:hover, #chocolate4.current {background-position:right -188px;}
#history5:hover, #history5.current, #chocolate5:hover, #chocolate5.current {background-position:right -248px;}
#history6:hover, #history6.current, #chocolate6:hover, #chocolate6.current {background-position:right -308px;}
#history7:hover, #history7.current {background-position:right -368px;}

#history-info-story, #chocolate-info-story {position:relative; float:right; width:731px; height:607px; margin-top:10px; }
#story {position:relative; width:727px; height:603px; background-color:#361404; border:2px solid #c36c4c;}
#history-copy, #chocolate-copy {background:url(../images/history/history-body_bg.png) no-repeat; height:419px; color:#ffffff; font-family:Arial, Helvetica, sans-serif; }
#history-copy h3, #chocolate-copy h3 {font-size:16px; line-height:50px; margin:0px 0px 30px 0px; padding:0; text-align:center;}
#history-copy p, #chocolate-copy p {position:relative; font-size:13px; line-height:16px; margin-right:25px; margin-left:50px;}
#history-copy p.width {position:relative; margin-right:15px; width:310px;}
#history-copy p.bold {font-weight:bold;}
#history-copy p.list {font-size:12px;}
#story-border {position:absolute; top:0px; left:0px; width:731px; height:607px; background:none; z-index:35;}
#border-top {position:absolute; top:0px; left:0px; z-index:2;}
#border-bottom {position:absolute; bottom:0px; left:0px;}

body#a-chocolate {background-image:url(../images/bg_chocolate.gif);}
body#a-chocolate #footer {}
#page-bg.a-chocolate {background-image:none;}
#body.chocolate-body {height:700px; margin-top:25px; color:#361404; font-size:15px; line-height:18px;}


a.chocolate-link {background-image:url(../images/chocolate/chocolate_nav.png);}

#chocolate-info-story {position:relative; height:519px;}
#chocolate-info-story #story {height:515px;}
#chocolate-copy {height:323px;}
#chocolate-info #story-border {height:519px;}
div.left {border-right:1px solid #ffffff; float:left; padding-top:2px;}
div.left p {width:302px; padding:0px; margin-top:0px; }
div.right {padding-top:2px; overflow:hidden; }
div.right p {margin-top:0px; margin-left:25px !important;}
div.left.brown {border-color:#6f3722;}

/* PRODUCT PAGES */
#body.products-body {height:665px; zoom:1; overflow:hidden;}
#body.products-body h2 {display:none;}
p.body-copy {position:absolute; font-size:14px; line-height:19px; margin:0;}

body#p-milkchocolate {background-image:url(../images/products/bg_milkchocolate.gif);}
#page-bg.p-milkchocolate {background-image:url(../images/products/bg_milkchocolate_full.jpg); zoom:1;}
p.milkchocolate-body {top:196px; left:575px; color:#ffffff; width:330px;}

body#p-kisses {background-image:url(../images/products/bg_kisses.gif);}
#page-bg.p-kisses {background-image:url(../images/products/bg_kisses_full.jpg); zoom:1;} 
p.kisses-body {top:182px; left:546px; color:#4c180d; width:355px;}

body#p-syrup {background-image:url(../images/products/bg_syrup.gif);}
#page-bg.p-syrup {background-image:url(../images/products/bg_syrup_full.jpg);}
p.syrup-body {top:151px; left:503px; color:#ffffff; width:380px;}

body#p-cnc {background-image:url(../images/products/bg_cnc.gif);}
#page-bg.p-cnc {background-image:url(../images/products/bg_cnc_full.jpg);}
p.cnc-body {top:159px; left:593px; color:#0067b1; width:362px;}

body#p-icebreakers {background-image:url(../images/products/bg_icebreakers.gif);}
#page-bg.p-icebreakers {background-image:url(../images/products/bg_icebreakers_full.jpg);}
p.icebreakers-body {top:296px; left:588px; color:#08233c; width:360px;}

/* Wallpaper button */
#wallpapers {position:absolute; bottom:20px; right:10px;}
#wallpaper-list {position:relative; top:3px; left:6px; z-index:1;}
#wallpaper-list ul {margin:0; padding:0; background:url(../images/products/menu_wallpaper.png) left top no-repeat; width:126px; height:100px;  list-style-type:none;}
#wallpaper-list ul li a {display:block; width:126px; height:24px;}
#wallpaper-list ul li a:hover {background:url(../images/products/menu_wallpaper.png) no-repeat;}
#wallpaper-list ul li#wallpaper-1024x768 a:hover {background-position:right -49px;}
#wallpaper-list ul li#wallpaper-800x600 a:hover {background-position:right -25px;}
#wallpaper-list ul li#wallpaper-1280x800 a:hover {background-position:right -73px;}
#wallpaper-list ul li.select-title {height:25px;}

#btn_wallpaper {position:relative; display:block; width:138px; height:24px; background:url(../images/products/btn_wallpaper.png) left top no-repeat; cursor:pointer; z-index:2;}
#btn_wallpaper:hover, #btn_wallpaper.on {background-position:left -24px;}
#btn_wallpaper_bg {position:absolute; bottom:-5px; left:-5px;}

/* Product page navigation */
body.products #products-nav {position:relative; height:82px; width:940px; margin:0 auto; padding:6px 10px; background:url(../images/products/bg_product_nav.png) no-repeat;}
#products-nav a {display:block; padding:0; float:left; position:relative; margin:6px 3px; width:180px; height:70px;}
#products-nav a img {position:absolute; display:block; top:-6px; left:0px;}
body.products #products-nav .mask {display:block; position:absolute; top:0px; left:0px; width:180px; height:80px;}

/* Trocitos Page */
body#trocitos {background-image:url(../images/bg_trocitos.gif); background-color:#fffdf9;}
#body.trocitos-body {height:auto; padding-bottom:15px; color:#4c180d; margin-top:30px; height:604px; zoom:1; }
/*#page-bg.trocitos {background-image:url(../images/bg_privacy_2.gif); background-position:bottom; background-repeat:repeat-x;}*/
.trocitos-body h2 {margin-bottom:0px;}
.trocitos-body .body-copy {position:relative; color:#ffffff; zoom:1;}
#app {position:relative; height:500px; width:680px; background:url(../images/trocitos/bg_app.png) left 120px no-repeat; margin:0 auto; margin-top:25px;}
#app_title {position:absolute; left:145px; top:32px; z-index:2;}
#application {position:relative; margin-left:49px; top:30px; width:381px; height:439px; z-index:1;}
#app #description{position:absolute; right:0px; top:53px; width:215px; color:#ffffff;}
#app #description p {padding:0px 10px; font-size:14px; line-height:16px; margin-top:0px;}
#monitor {margin-left:10px;}
#btn_download_bg, #btn_share_bg {background-image:url(../images/trocitos/btn_shadow.png); width:73px; height:24px; padding:4px; float:left; margin-right:20px;}
#btn_download, #btn_share {position:relative; display:block; width:72px; height:24px; background:url(../images/trocitos/btn_download.png) left top no-repeat; cursor:pointer; z-index:2; margin:0 auto;}
#btn_share {background-image:url(../images/trocitos/btn_share.png);}
#btn_download:hover, #btn_share:hover {background-position:left -24px;}
#air {position:absolute; bottom:0px; right:0px; color:#ffffff;font-size:14px; line-height:16px; }
#air a {color:#ffffff; text-decoration:underline;}

/* RECIPES PAGE */
body#recipes {background-image:url(../images/bg_recipes.gif);}
#body.recipes-body {height:auto; padding-bottom:15px; color:#4c180d; margin-bottom:15px;}

#rom {position:relative; height:230px; background:url(../images/recipes/rom_bg.png) bottom center no-repeat; padding-left:80px; margin-top:25px; overflow:hidden;}
#rom p {font-size:14px; line-height:20px; color:#4c180d;}
#callout {position:relative; float:right; margin-right:25px; margin-left:15px; padding:13px 0 0 38px; width:510px; height:183px; background:url(../images/recipes/recipes_callout_bg.png) no-repeat; color:#ffffff;}
#callout img {float:left; margin-right:27px;}
#callout h3 {font-size:17px; margin:50px 0 2px 0;}
#callout p {margin:0px; margin-bottom:22px; font-size:14px; color:#ffffff;}
#callout p.ver {margin-left: 255px; }

.recipes-body #other {position:relative; width:955px; margin:0 auto; margin-top:20px; overflow:hidden; }
#other h2 {text-align:center;}
#other .recipe-item {float:left; margin:0 5px; width:227px;}
.recipe-desc {background-color:#592111; height:42px; color:#ffffff; font-size:14px; font-weight:bold;}
.recipe-desc p.title {margin:0px; padding:10px;}

.recipe-item .btn_ver {position:relative; background:url(../images/recipes/recipes_ver_btn_bg.png) no-repeat; width:50px; height:24px; padding:4px; margin-top:10px; left:-4px;}
.recipe-item .btn_ver .ver {background-image:url(../images/recipes/recipe_ver_btn.png); width:50px; height:24px;}
.recipe-item .btn_ver .ver:hover {background-position:left -24px;}

/* ---- PRIVACY PAGE ---- */
body#privacy {background-image:url(../images/bg_terms.gif); background-color:#fffdf9;}
#body.privacy-body {height:auto; padding-bottom:15px; color:#4c180d;}
#page-bg.privacy {background-image:url(../images/bg_privacy_2.gif); background-position:bottom; background-repeat:repeat-x;}

/*---- RECIPE PAGES ---- */
body#recipe-inner {background-image:url(../images/bg_recipes_inner.gif); background-color:#fffdf9;}
#body.recipe-inner-body {height:auto; padding-bottom:10px; padding-top:25px; color:#4c180d; margin-bottom:15px;}
#page-bg.recipe-inner {background-image:url(../images/bg_recipes_inner_2.gif); background-position:bottom; background-repeat:repeat-x; }
#recipe-body {position:relative; width:700px; float:left; margin-right:18px; margin-bottom:15px;}
#recipe-body h2 {margin:0px}
#recipe-body #desc {font-size:16px; margin-top:2px;}
#recipe-image {float:right; position:relative; margin-right:20px; margin-bottom:15px;}
#recipe-image #rom-flag {width:267px; height:213px; position:absolute; top:0; left:0px; background:url(../images/recipes/rom_flag.png) bottom right no-repeat;}
#recipe-image img {border:1px solid #5c2212;}
#ingredients h4, #instructions h4 {font-size:14px;}
#ingredients ul {padding-left:0; list-style-type:none; line-height:18px;}
#instructions {border-top:#b3a19a 1px solid; clear:both; margin-top:25px; line-height:18px; font-size:12px; padding-right:20px;}
#instructions ol li {position:relative;}
#instructions ol li div {background:url(../images/recipes/instructions_bullet.png) no-repeat left 5px; position:absolute; width:12px; height:18px; left:-40px; top:0px;}

#sidebar {position:relative; float:left; width:240px; border:1px solid #e0c6bb; background-color:#FFFFFF; min-height:522px; color:#642719; font-size:12px; margin-bottom:15px;}
#sidebar h3 {margin-top:0px;}
#print_share {border-bottom:1px solid #e0c6bb; width:100%; height:79px; position:relative; overflow:hidden;}
#print_share #btn_print, #print_share #btn_share {display:block; width:120px; height:79px; float:left;cursor:pointer;}
#print_share #btn_print {background:url(../images/recipes/btn_print.png) left top no-repeat;}
#print_share #btn_share {background:url(../images/recipes/btn_share.png) left top no-repeat;}
#print_share #btn_print:hover, #print_share #btn_share:hover {background-position:left -79px;}

#r-products {min-height:110px; border-bottom:1px solid #e0c6bb; width:220px; padding:10px; }
#r-products ul {padding-left:20px;}
#other-recipes { width:220px; padding:10px;}
.recipe-nav {clear:both; width:940px; text-align:center; margin-top:10px;}
.recipe-nav a {color:#4c180d; text-decoration:none;}
.recipe-nav a:hover {text-decoration:underline;}

.r-item {clear:both; margin-bottom:15px;}
.r-item p {font-weight:bold; margin-top:0px;}
.r-item .recipe-small {float:left; border:1px solid #5c2212; margin-right:10px;}
.r-item .btn_ver {float:left; position:relative; width:50px; height:24px; padding:4px; top:55px;}
.r-item .btn_ver .ver {background-image:url(../images/recipes/recipe_ver_btn.png); width:50px; height:24px;}
.r-item .btn_ver .ver:hover {background-position:left -24px;}


/* ---- SELECT COUNTRY PAGE ---- */
body#select {background-image:url(../images/bg_select.jpg); background-position:center 64px; background-repeat:no-repeat; background-color:#ffffff; color:#5d2311; }
#body.select-body {height:420px; font-weight:bold; font-size:16px; text-align:center;}
.select-body p {margin-top:50px;}
#accept {width:78px; height:24px; margin:25px auto;}
#accept a {display:block; width:78px; height:24px; background:url(../images/btn_accept.gif) no-repeat top left; cursor:pointer;}
#accept a:hover {background-position:left -24px;}
