/********************************************
CSS NORMALIZATION
- cancels default styles applied to page elements
- adjusts default elements between browsers to same baseline
*/
div, dl, dt, dd, ul, ol, li, pre, hr, form, fieldset, input, p, th, td, blockquote {margin:0; padding:0;}
img {border:0;}
ul,li {list-style:none;}
.skipNav {display:none;}
/********************************************/
.clearFix {clear:both; margin:0; padding:0;}
a, a:link, a:visited {color:#ec4399; text-decoration:none;}
a:hover {text-decoration:none;}
a:focus {-moz-outline:none!important;}
a.void {cursor:default !important;}

h1 {font-size:20px;}
h2 {font-size:18px; font-family: "courier new", courier, monospace; margin:1px 0 0 0; padding-bottom:13px; color:#ec4399;}
h3 {font-size:11px; font-family:helvetica, arial, sans-serif; margin:0; line-height:13px; }
p {font-size:11px;}

body {width:1000px; *width:auto; margin:0 auto; padding:0; font:84%/1.2em Verdana, Arial, Helvetica, sans-serif; background: url(img/bg_page.png) repeat-x #f7c4dc; text-align:center; }
.bodyWrapper {width:910px; padding:42px 35px 0 55px; margin:0; text-align: left; background:url(img/bg_site.png) top left no-repeat transparent;}
.pageWrapper {width:910px; height:666px; position:relative; padding:0 0 50px; background:url(img/bg_content.jpg) top left no-repeat;}

#flash {margin:0; padding:0; position:absolute; top:1px; left:0; width:940px; height:666px;}
/* header elements */
.headerWrapper {height:106px; margin:0; padding:0; position:relative; z-index:1;}
#siteLogo {position:absolute; width:186px; height:159px; padding:0; margin:0; z-index:1;}

/*.logo-right {position:absolute; top:-42px; right:-20px; width:344px; z-index:1;}*/
.logo-right {position:absolute; top:-18px; right:-145px; width:344px; z-index:1;}
.indentImages {position:absolute; top:8px; right:155px; width:344px; z-index:1;}

#riteNav li {float:right; display:block; width:45px; height:41px; }
#riteNav a {display:block; width:39px; height:41px; text-decoration:none; text-indent:-999em; position:relative; }
#riteNav a span {display: block; width:39px; height: 41px; cursor: pointer; position: absolute; top: 0; left: 0;}
/*#riteNav li#barbieBlog, #riteNav li#barbieBlog a, #riteNav li#barbieBlog span {width:216px;}
#riteNav li#barbieBlog a, #riteNav li#barbieBlog a span {background: url(img/logo_blog_off.png) top left no-repeat;} 
#riteNav li#barbieBlog, #riteNav li#barbieBlog:hover a span, #riteNav li#barbieBlog.sfhover span{background: url(img/logo_blog_on.png) top left no-repeat;}*/

#riteNav li#facebookNew a, #riteNav li#facebookNew a span {background: url(img/Facebook.png) top left no-repeat;}
#riteNav li#facebookNew, #riteNav li#facebookNew:hover a span, #riteNav li#facebookNew.sfhover span{background: url(img/Facebook_big.png) top left no-repeat;}

#riteNav li#twitter a, #riteNav li#twitter a span {background: url(img/Twitter.png) top left no-repeat;}
#riteNav li#twitter, #riteNav li#twitter:hover a span, #riteNav li#twitter.sfhover span{background: url(img/Twitter_big.png) top left no-repeat;}

#riteNav li#youtube a, #riteNav li#youtube a span {background: url(img/YouTube.png) top left no-repeat;}
#riteNav li#youtube, #riteNav li#youtube:hover a span, #riteNav li#youtube.sfhover span{background: url(img/YouTube_big.png) top left no-repeat;}

#riteNav li#BarbieBlog a, #riteNav li#BarbieBlog a span {background: url(img/BarbieBlog.png) top left no-repeat;}
#riteNav li#BarbieBlog, #riteNav li#BarbieBlog:hover a span, #riteNav li#BarbieBlog.sfhover span{background: url(img/BarbieBlog_big.png) top left no-repeat;}

/* navigation */
ul#topNav {position:absolute; left:160px; top:0; width:420px; height:27px; padding:0; text-indent:-999em; list-style:none; display:block; z-index:1;}
ul#topNav,
ul#topNav .link1 a:hover,
ul#topNav .link1 a.navCurrent,
ul#topNav .link2 a:hover,
ul#topNav .link2 a.navCurrent,
ul#topNav .link3 a:hover,
ul#topNav .link3 a.navCurrent,
ul#topNav .link4 a:hover,
ul#topNav .link4 a.navCurrent,
ul#topNav .link5 a:hover,
ul#topNav .link5 a.navCurrent {background:url(img/main-menu-spr.gif) no-repeat;}
ul#topNav a {height:27px; display:block;}
ul#topNav li {float:left;}
ul#topNav .link1 {width:72px; margin-right:1px;}
ul#topNav .link2 {width:71px; margin-right:1px;}
ul#topNav .link3 {width:85px; margin-right:1px;}
ul#topNav .link4 {width:80px; margin-right:1px;}
ul#topNav .link5 {width:85px;}
ul#topNav .link1 a:hover, ul#topNav .link1 a.navCurrent {background-position:0 -27px;}
ul#topNav .link2 a:hover, ul#topNav .link2 a.navCurrent {background-position:-73px -27px;}
ul#topNav .link3 a:hover, ul#topNav .link3 a.navCurrent {background-position:-145px -27px;}
ul#topNav .link4 a:hover, ul#topNav .link4 a.navCurrent {background-position:-231px -27px;}
ul#topNav .link5 a:hover, ul#topNav .link5 a.navCurrent {background-position:-311px -27px;}


#tagLine {padding:100px 38px 0; height:72px; font-size:12px; font-family: "courier new", courier, monospace; font-weight:bold; vertical-align:middle;}
#tagLine img, #tagLine span {float:left; margin-right:20px !important;}

.contentWrapper {clear:both; padding:12px 0 0; height:480px;}
.footer {padding:0 0 20px 0; font-size:10px; text-align:center;}
.footer a {color:#000; text-decoration:underline;}

/* jcarousel style */
.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; width: 780px; height: 470px;}
.jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}
.jcarousel-list li,
.jcarousel-item {float: left; list-style: none; width: 254px; height: 470px; margin-right: 5px; border-left:1px solid #fff;}
.jcarousel-next {z-index: 3; display: none;}
.jcarousel-prev {z-index: 3; display: none;}
.jcarousel-container-horizontal {width: 780px; padding:0 65px;}
.jcarousel-item-placeholder {background: #fff; color: #000;}
.jcarousel-next-horizontal {position: absolute; top:164px; right:0; width:57px; height:88px; cursor: pointer; background: url(img/carousel_control-right_on.png) top left no-repeat transparent;}
.jcarousel-next-disabled-horizontal {background: url(img/carousel_control-right_off.png) top left no-repeat transparent;}
.jcarousel-prev-horizontal {position: absolute; top:164px; left:0; width:57px; height:88px; cursor: pointer; background: url(img/carousel_control-left_on.png) top left no-repeat transparent;}
.jcarousel-prev-disabled-horizontal {background: url(img/carousel_control-left_off.png) top left no-repeat transparent;}
.carouselDisabled .jcarousel-next-horizontal,
.carouselDisabled .jcarousel-prev-horizontal {display:none !important; background:none !important;}

/* jscrollpane */
.scroll-pane {overflow:auto; margin:0; padding:0;}
.jScrollPaneContainer {position: relative; overflow: hidden; z-index:1;}
.jScrollPaneTrack {position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #fff;}
.jScrollPaneDrag {position: absolute; cursor: pointer; overflow: hidden; background: url(img/bg_scrollbar.gif) no-repeat 50% 50% #ec4399;}
.jScrollPaneDragTop {position: absolute; top: 0; left: 0; overflow: hidden;}
.jScrollPaneDragBottom {position: absolute; bottom: 0; left: 0; overflow: hidden;}

/* video modal */
div#nyroModalFull {font-size: 12px; color: #000;}
div#nyroModalLoading {border: 4px solid #000; width: 150px; height: 150px; text-indent: -9999em; background: #fff url(img/ajax-loading.gif) no-repeat center center;}
div#nyroModalLoading.error {border: 4px solid #000; line-height: 20px; padding: 20px; width: 300px; height: 100px; text-indent: 0; background: #fff;}
div#nyroModalWrapper {background: #fff; border: 4px solid #000;}
a#closeBut {position: absolute; display: block; top: -18px; right: -4px; width: 12px; height: 12px; text-indent: -9999em; background: url(img/button_close.gif) no-repeat; outline: 0;}
h1#nyroModalTitle {margin: 0; padding: 0; position: absolute; top: -22px; left: 0; font-size: 12px; color: #000;}
div.wrapper div#nyroModalContent {padding: 5px;}

/* video overlay style */
a.video_overlay {display:block; position:relative; /*220 x 140 */}
a.video_overlay span {display:block; position:absolute; top:45px; left:85px; width:49px; height:49px; background:url(img/button_video_overlay.png) center center transparent no-repeat;}

/* home */
#barbieHome .logo-right, #barbieHome #siteLogo, #barbieHome #topNav {display:none;}

/* events */
.events .item {padding-left:15px;}
.events .scroll-pane {width: 242px; height: 470px; padding:0 2px 0 10px;}
.events .item h3 a {text-decoration:underline;}
.events .item img {margin-bottom:6px;}
.events .item .availability {font-family: "courier new", courier, monospace; font-size:13px; color:#ec4399; }
.events .item ul {margin:0; padding:5px 25px; line-height:13px; font-family:helvetica, arial, sans-serif; font-size:11px; }
.events .item li {float:none !important; width:175px; margin:5px 0; padding:0; height:auto; list-style:disc !important; vertical-align:top; *zoom:1;}
.events .item li.noBullet {display:none;}
.events .item li span {font-weight:bold;}
.events .item .end {padding:6px 0 10px 0; line-height:11px; font-family:helvetica, arial, sans-serif; font-size:11px; font-weight:bold;}

/* news */
.news .jcarousel-item {height:450px;}
.news .scroll-pane {width: 242px; height: 450px; padding:0 2px 0 10px;}
.news .category {font-family: "courier new", courier, monospace; font-size:13px; color:#ec4399; }
.news img {padding-bottom:6px;}
/* shop */
.row {clear:both; padding:0 0 20px 0;}
.shop {padding-left:70px;}
.shop .scroll-pane {width:800px; height:460px; font-family:helvetica, arial, sans-serif;}
.shop .item {float:left; width:232px; margin-right:23px;}
.shop h3 {padding:0 14px; line-height:15px;}
.shop sup {font-size:8px;}
.shop .thumb, .shop .featured {display:block; width:202px; height:121px; padding:18px 15px; position:relative;}
.shop .thumb {background:url(img/bg_item.gif) no-repeat transparent;}
.shop .featured {background:url(img/bg_item.gif) no-repeat transparent;}
.shop .thumb img, .shop .featured img {border:2px solid #000; }

/*
.shop a span.rollover {display:block; position:absolute; top:18px; left:14px;  width:202px; height:121px; background:url(img/shop-bloomingdales.jpg) top left no-repeat;}
.shop a:hover span.rollover {background:url(img/shop-bloomingdales_over.jpg) top left no-repeat;}
*/
/* history */
.history {padding-left:45px;}
.history .scroll-pane {width:845px; height:460px; font-family:helvetica, arial, sans-serif; }
.history .video {float:left; width:200px;  padding-right:2px;}
.history .video h2 {padding:0 5px 13px 20px; }
.history .video h3 {padding:0 5px 0 20px;}
.history .video .thumb {width:200px; height:129px; background:url(img/bg_history_video.png) no-repeat; padding:0; margin:0;}
.history a.video_overlay {padding:11px 19px 19px;}
.history a.video_overlay span {top:25px; left:56px;}
.history .linkRef {position:relative;}
.history .linkRef img {padding:11px 19px;}
.history a.video_overlay span {width:162px; height:99px; top:11px; left:19px;}

#noFlashYouTube {display:none;}