/*

	Playmates Toys Screen styles
	4/2011

	updated 11/2021

	-----------------------------------
	Colors: 
	-----------------------------------
	
	blue:	#006bb0
	blue-alt:  #0051b0
	red:	#d41a2e

	-----------------------------------
	Font sizing:
	-----------------------------------
	
	10px after reset. Use ems: 
	1.1em = 11px 
	1.2em = 12px
	1.3em = 13px
	etc.
	
	-----------------------------------
	Font stacks:
	-----------------------------------
	
	'MuseoSans', 'Helvetica Nue', arial, sans-serif
	'MuseoSans-700', 'Helvetica Nue', arial, sans-serif
	'Museo-700', 'Helvetica Nue', arial, sans-serif
	arial, 'Helvetica Nue', helvetica, sans-serif
	arial, sans-serif
	
	-----------------------------------

*/

@import "lib/reset.css";
@import "fonts/fonts.css";

body { margin: 0; padding: 0; font-family: 'MuseoSans', 'Helvetica Nue', arial, sans-serif; font-weight: normal; font-style: normal; color: #4b4b4b; line-height: 1.2; background: #091329; text-align: center; }

a { color: #006bb0; text-decoration: underline; }
a:hover { color: #d41a2e; text-decoration: underline; }
a.plain { color: #4b4b4b; text-decoration: underline; }

a.more { color: #d41a2e; font-size: 75%; text-transform: uppercase; }

/* =typography defaults
------------------------------------------------------ */

h1,h2,h3,h4,h5,h6 { clear: both; position: relative; font-weight: bold; color: #006bb0; line-height: 1.125; }

h1 { font-size: 3.9em; margin-bottom: 0.5em; margin-top: 0; }
h2 { font-size: 2.8em; margin-top: 1.1em; margin-bottom: 0.675em; }
h3 { font-size: 2.5em; margin-top: 1.3em; margin-bottom: 0.35em; }
h4 { font-size: 2.2em; margin-top: 1.55em; margin-bottom: 0.425em; text-transform: uppercase; font-family: 'MuseoSans', 'Helvetica Nue', arial, sans-serif; }
h5 { font-size: 2.2em; margin-top: 1.5em; margin-bottom: 0.5em; font-style: italic; }
h6 { font-size: 1.8em; margin-top: 1.5em; margin-bottom: 0.325em; font-weight: normal; font-family: 'MuseoSans-700', 'Helvetica Nue', arial, sans-serif; }

h1.title { font-weight: normal; font-family: 'MuseoSans-700', 'Helvetica Nue', arial, sans-serif; }
h1.title,h2.title,h3.title,h4.title { margin-bottom: 0; line-height: 1; }
h2.byline,h3.byline,h4.byline,h5.byline,h6.byline { margin-top: 0.2em; line-height: 1.3; margin-bottom: 0.5128em; }

p,ul,ol,dl { margin: 0 0 1.5em; }
p,li,dt,dd { font-size: 1.8em; line-height: 1.3; }
li { margin: 0 0 0 1.5em; }
li li { font-size: 100%; }
ul { list-style: disc; }
ul ul { list-style: circle; }
ul.plain { list-style: none; }
ol { list-style: decimal; }
ol.roman { list-style: upper-roman; }
ol.alpha { list-style: upper-alpha; }
p.title { margin-bottom: 0.325em; }

blockquote { margin: 0 0 1.3em; color: #006bb0; padding-left: 2em; border-left: 5px solid #64b5e5; }
blockquote p { font-style: italic; font-weight: bold; margin: 0 0 0.625em; font-size: 2em; }
blockquote p.author,blockquote cite { font-style: italic; font-size: 85%; }

em,i { font-style: italic; font-weight: normal; }
strong,b { font-weight: bold; }

small { font-size: 85%; line-height: 1; }

hr { clear: both; height: 1px; width: 100%; margin: 0 0 1.5em; background: none; border: 0; border-top: 1px solid #64b5e5; }


/* =helper classes
------------------------------------------------------ */

.hide {	display: none; }
.highlight { background: #ffc; }
.quiet { color: #888; }
.left { float: left; margin: 0 8px 8px 0; }
.right { float: right; margin: 0 0 8px 8px; }
.center { text-align: center; }
.red { color: #d41a2e; }
.clear { clear: both; }

/* large button style */
.button, a.button { display: inline-block; padding: 10px 20px; font-size: 18px; font-family: 'Museo-500', 'Helvetica Nue', arial, sans-serif; color: #022d46; background: #f2b618 url(../images/layout/button-bg.gif) repeat-x left bottom; text-decoration: none; border: 1px solid #022d46; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer;}
.button:hover, a.button:hover { position: relative; top: -1px; background: #f6cc5e url(../images/layout/button-bg-on.gif) repeat-x left bottom; cursor: pointer; }


/* =layout
------------------------------------------------------ */

#wrap { background-color: #52d1fe; background-image: linear-gradient(180deg, rgb(44,39,73) 0%, rgb(43,90,162) 20%, rgb(82,209,254) 80%, rgb(252,252,252) 100%);}
#wrap-inner { position: relative; padding: 0 0 45px 0; }
#horizon { position: absolute; bottom: 0; left: 0; height: 565px; width: 100%; }
#horizon-left { position: absolute; bottom: 0; left: 0; height: 1469px; width: 764px; }
#horizon-right { position: absolute; bottom: 0; right: 0; height: 368px; width: 418px; z-index: 2; }
#container { min-height: 600px; }
.page { width: 905px; margin: 0 auto; position: relative; text-align: left; z-index: 3; }
#main { border: 15px solid #0051b0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 4px 8px rgba(0,0,0,0.6); -moz-box-shadow: 0px 4px 8px rgba(0,0,0,0.6); box-shadow: 0px 4px 8px rgba(0,0,0,0.6); }
#main-inner { border: 3px solid #64b5e5; background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.9); min-height: 430px; }
/* inner width = 869px */
#content { float: left; width: 620px; margin: 0 0 0 25px; padding: 35px 0; }
#sidebar { float: right; width: 175px; padding: 35px 0; }
#content.full,.full { float: none; width: auto; margin: 0 25px; }
div.grid-2-col .col{ width: 290px; margin: 0 20px 0 0; float: left; }


/* =content general styles
------------------------------------------------------ */

.entry { border-bottom: 1px solid #c7c7c7; margin-bottom: 15px; }
.entry.last { border: 0; margin: 0; }
.entry .figure { float: left; width: 192px; margin: 0 20px 16px 0; }
.entry .entry-body { float: left; width: 558px; /* 605px */}
.entry h4 a { text-decoration: none; }
.entry .figure img { border: 3px solid transparent; }
.entry .figure a:hover img { border: 3px solid #006bb0; }

dl.headlines dt { font-style: italic; }

h6.box-header { margin: 0; padding: 9px 15px 5px 15px; background: #64b5e5; color: #fff; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; }
ul.downloads,.box { border: 1px solid #64b5e5; padding: 25px; background: #d7ebf7; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; }
.box { padding: 15px; }

/* file type icons */
li.file { list-style: none; margin: 0; padding: 15px 0 15px 58px; background: url(../images/icons/file.png) no-repeat 0 0; min-height: 13px; }
li.pdf, li.PDF { background-image: url(../images/icons/file_pdf.png); }
li.zip, li.ZIP { background-image: url(../images/icons/file_zip.png); }
li.txt, li.TXT { background-image: url(../images/icons/file_zip.png); }
li.eps, li.EPS { background-image: url(../images/icons/file_zip.png); }
li.jpg, li.JPG, li.jpeg, li.JPEG  { background-image: url(../images/icons/file_jpg.png); }
li.gif, li.GIF { background-image: url(../images/icons/file_zip.png); }
li.tif, li.tiff, li.TIF, li.TIFF { background-image: url(../images/icons/file_zip.png); }
li.doc, li.docx, li.DOC, li.DOCX { background-image: url(../images/icons/file_zip.png); }
li.xls, li.xlsx, li.XLS, li.XLSX { background-image: url(../images/icons/file_xls.png); }
li.ppt, li.pptx, li.PPT, li.PPTX { background-image: url(../images/icons/file_ppt.png); }

/* footnote */

.footnote { border-top: 1px solid #c7c7c7; padding-top: 15px; }

/* inline video */
.plyr { margin-bottom: 3em; }
:root { --plyr-color-main: #006bb0; }

/* sidebar link lists - archives, etc */

#sidebar h2 { margin: 30px 0 1em 15px; text-transform: uppercase; letter-spacing: 1px; color: #d41a2e; font-family: 'Museo-500','Helvetica Nue',arial,sans-serif; font-size: 1.5em; }
#sidebar ul.links { margin-left: 15px; }
#sidebar ul.links li { margin: 0 0 0.5em; padding: 0 0 0 10px; background: url(../images/layout/arrow-right.gif) no-repeat 0 5px; list-style: none; font-family: 'Museo-500','Helvetica Nue',arial,sans-serif; font-size: 1.4em; line-height: 1.3; text-transform: uppercase; }
#sidebar ul.links li a { text-decoration: none; }
#sidebar ul.links li.rss { padding-left: 20px; background: url(../images/layout/feed-icon-12x12.png) no-repeat 0 2px; }


/* =brand splash pages
------------------------------------------------------ */

#hero img { border-bottom: 1px solid #64b5e5; line-height: 0; font-size: 0; display: block; }
#content.brand-splash,.brand-splash { float: none; width: auto; margin: 0 25px; }

.brand-buttons { float: right; }
.brand-splash h1,.brand-splash h5 { clear: left; float: left; }
.brand-splash h5 span.heart img { position: relative; bottom: -10px; margin: 0 -5px 0 -2px; }
.brand-intro { clear: both; }

#product-thumbs { margin: 0 -20px 30px 0; }
#product-thumbs .thumb { float: left; margin: 0 16px 15px 0;  }
#product-thumbs .thumb img { border: 3px solid transparent; display: block; }
#product-thumbs .thumb a { text-decoration: none; }
#product-thumbs .thumb a:hover img { border: 3px solid #006bb0; }
#product-thumbs .thumb-title { color: #006bb0; text-align: center; font-size: 2.2em; font-family: 'MuseoSans-700','Helvetica Nue',arial,sans-serif; }

#product-thumbs .video-thumb { width: 255px; }
#product-thumbs .video-thumb img { margin-bottom: 4px;}
#product-thumbs .video-thumb .thumb-title { font-size: 1.8em; }
#product-thumbs .video-thumb .video-thumb-img { position: relative; display: block; width: 255px; height: 187px; background-size: 255px auto; margin-bottom: 4px; }
#product-thumbs .video-thumb .video-play-icon { position: absolute; top: 60px; left: 89px; display: block; width: 76px; height: 76px; background: url(../images/layout/icn-video-play.png) no-repeat 0 0; }

.retailer-logos a { margin: 0 12px 15px 0; height: 55px; text-decoration: none; }
.retailer-logos img { vertical-align: middle; }


/* brand navigation */
.brand-nav {
	margin: 0; padding: 0;
	list-style: none;
	text-align: center;
	background: #dbedf7;
	border-bottom: 1px solid #64b5e5;
}
.brand-nav li {
	display: inline;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.brand-nav li a {
	display: inline-block;
	zoom: 1;
	*display: inline;
	padding-left: 2px;
	margin-left: -0.25em; /* collapse inline-block spacing */
	font-size: 16px;
	text-decoration: none;
	color: #376585;
	font-weight: bold; 
	background: url(../images/layout/brand-nav-sep.png) repeat-y top left;
}
.brand-nav li a span {
	display: block;
	padding: 14px 20px 12px 20px;
}
.brand-nav li.last span {
	background: url(../images/layout/brand-nav-sep.png) repeat-y top right;
}
.brand-nav li.active span, .brand-nav li.parent-active span, .brand-nav li a:hover {
	background-color: #bde2f6;
}

/* Secondary navigation under banner */
.brand-subnav {
	margin: 0 0 1em 0;
	padding: 6px 10px 4px 10px;
	list-style: none;
	text-align: center;
	background: #cfe7f4;
	position: relative;
	border-bottom: 1px solid #fff;
	overflow: hidden;
}
.brand-subnav li {
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.brand-subnav li a {
	display: block;
	padding: 5px 14px;
	font-size: 15px;
	text-decoration: none;
	color: #6695b6;
	font-weight: bold; 
}
.brand-subnav > li.active > a, .brand-subnav > li.parent-active > a, .brand-subnav a:hover {
	color: #376585;
}
.brand-subnav > li.active > a, .brand-subnav > li.parent-active > a {
	background: #a1c8e5;
	border-radius: 30px;
}

/* This indicator is injected and positioned via javascript so that the menu can wrap if it needs to*/
#brand-subnav-indicator,
.brand-subnav-indicator {
	height: 5px;
	width: 10px;
	background: transparent url(../images/layout/subnav-marker.png) no-repeat 50% 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

/* Tertiary navigation - second level under banner */
.brand-subnav-sub-extended {
	margin: -10px 0 1em 0; 
	padding: 8px 10px 4px 10px;
	list-style: none;
	text-align: center;
	background: #eff3e5;
	border-bottom: 1px solid #fff;
	position: relative;
}
.brand-subnav-sub-extended li {
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.brand-subnav-sub-extended li a {
	display: block;
	padding: 5px 14px;
	font-size: 15px;
	text-decoration: none;
	color: #6695b6;
	font-weight: bold; 
}
.brand-subnav-sub-extended li a:hover {
	color: #41759b;
}
.brand-subnav-sub-extended li.active a,
.brand-subnav-sub-extended li.parent-active a {
	color: #41759b;
	background: #cfe7f4;
	border-radius: 12px;
}

/* Quaternary navigation - third (!) level under brnad banner */
.brand-subnav-sub {
	margin: -1.1em 0 -1.5em 0; 
	padding: 0;
	list-style: none;
	text-align: center;
	padding-right: 10px;
	padding-top: 10px;
}
.brand-subnav-sub li {
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.brand-subnav-sub li a {
	display: block;
	padding: 5px 14px;
	font-size: 15px;
	text-decoration: none;
	color: #6695b6;
	font-weight: bold; 
}
.brand-subnav-sub li a:hover {
	color: #3591d0;
}
.brand-subnav-sub li.active a {
	color: #3591d0;
	background: #fff;
	background: rgba(255,255,255,.7);
	border-radius: 12px;
}

/* brand popups */

body.brands #fancybox-content,
body.notice-active #fancybox-content { 
	border: 10px solid #167dc2;
	background: #5bafe0;
	padding: 2px;
}
body.brands #fancybox-content > div,
body.notice-active #fancybox-content > div {
	background: #fff;
}
.brand-popup {
	height: 474px; width: 690px;
	position: relative;
	background: #fff;
	overflow: hidden;
}

.brand-popup.auto { /* image only autosize */
	width: auto;
	height: auto;
}
.brand-popup img {
	margin: 0 auto;
	display: block;
}

.brand-popup .views {
	height: 474px; width: 690px;
	position: absolute;
	top: 0; left: 0;
}
.brand-popup .view {
	height: 474px; width: 690px;
	position: absolute;
	top: 0; left: 0;
	background: #fff;
}
.brand-popup .view-text {
	position: absolute;
	top: 43px;
	left: 16px;
	width: 184px;
	height: 420px;
	text-align: left;
	z-index: 9;
	overflow: auto;
	padding-right: 5px;
}
.brand-popup .view-text-short {
	height: 350px;
}
.brand-popup .view-text p {
	font-size: 15px;
}
.brand-popup h2 {
	font-size: 26px;
	line-height: 1;
	margin: 0; padding: 0;
	position: absolute;
	top: 10px; left: 16px;
	z-index: 10;
}
.brand-popup .view-full {
	position: absolute;
	right: 0; top: 0;
	width: 482px; height: 474px;
	line-height: 474px;
	text-align: center;

}
/* wider text (h4hg) */
.brand-popup.wide .view-text {
	width: 280px;
}
.brand-popup.wide .view-full {
	width: 394px;
	overflow: hidden;
}
/* extra-wide text (h4hg real girl stories) */
.brand-popup.extra-wide .view-text {
	width: 380px;
}
.brand-popup.extra-wide .view-full {
	width: 294px;
	overflow: hidden;
}

.brand-popup .view-full img {
	display: block;
	margin: auto;
}

.brand-popup .view-nav {
	position: absolute;
	bottom: 10px; left: 16px;
	z-index: 20;
	margin: 0; padding: 0; list-style: none;
}
.brand-popup .view-nav li {
	float: left;
	width: 65px; height: 65px;
	margin: 0 6px 0 0;
	padding: 0;
}
.brand-popup a img {
	border: 2px solid #fff;
}
.brand-popup a:hover img, .brand-popup .active img {
	border-color: #167dc2;
}

.notice-popup {
	padding: 30px 50px;
	width: 600px;
	height: auto;
	background: #fff;
}
.notice-header {
	margin-bottom: 1em;
}
.notice-popup .external-continue {
	text-decoration: none;
	font-weight: bold;
	font-size: 1.125em;
}

.notice-popup .external-cancel {
	color: #666;
	text-decoration: none;
}

.notice-popup .external-continue span,
.notice-popup .external-cancel span {
	text-decoration: underline;
}

#view-links { 
	position: absolute;
	right: 16px; bottom: 10px;
	margin: 0; padding: 0;
	list-style: none;
	z-index: 10;
}
#view-links li {
	float: left;
	width: 48px;
	height: 48px;
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
}
#view-link-shop { 
	display: block;
	width: 48px; height: 48px;
	background: url(../images/layout/icn-bag-48.png) no-repeat 0 0;
}
#view-link-video {
	display: block;
	width: 48px; height: 48px;
	background: url(../images/layout/icn-movie-48.png) no-repeat 0 0;
}
#view-link-download {
	display: block;
	width: 48px; height: 48px;
	background: url(../images/layout/icn-download-48.png) no-repeat 0 0;
}

/* this icon is only used in image gallery lightboxes with a print link */
#printable {
	position: absolute;
	bottom: 2px;
	right: 2px;
	width: 64px;
	height: 58px;
	display: block;
	text-indent: -9999em;
	background: #fff;
	background: rgba(255,255,255,1);
	border-radius: 10px 0 0 0;
	background: #fff url(../images/layout/icn-print-48.png) no-repeat 10px 5px;
	opacity: 0.7;
	z-index: 1500 !important;
}
#printable:hover {
	opacity: 1;
}

/* gallery thumbs */
.gallery-thumb { position: relative; }
.gallery-thumb span.zoom { display: block; width: 30px; height: 30px; background: url(../images/layout/thumb-zoom.png) no-repeat 0 0; position: absolute; bottom: 2px; right: 2px; }

/* diaries */
.diary-wrap {
	clear: both;
}
.diary-content {
	float: left;
	width: 560px;
}
.diary-sidebar {
	float: right;
	width: 160px;
	padding-bottom: 30px;
}
.diary-sidebar h2 { margin: 1em 0 0.5em 0; text-transform: uppercase; letter-spacing: 1px; color: #d41a2e; font-family: 'Museo-500','Helvetica Nue',arial,sans-serif; font-size: 1.5em; }
.diary-sidebar h2:first-child { margin-top: 0; }
.diary-sidebar ul li { margin: 0; padding: 0 0 0 10px; background: url(../images/layout/arrow-right.gif) no-repeat 0 5px; list-style: none; font-family: 'Museo-500','Helvetica Nue',arial,sans-serif; font-size: 1.4em; line-height: 1.3; text-transform: none; }
.diary-sidebar ul li a { text-decoration: none; }

.diary-img {
	float: right;
	margin: -20px 15px 20px 0;
}


/* =history timeline
------------------------------------------------------ */

#timeline { width: 919px; margin: 0 25px 43px 25px; }

.timeline-entry { margin: 0 0 30px; }
#timeline .year { position: relative; float: left; left: -42px; width: 131px; height: 40px; background: url(../images/layout/date-flag-bg.png) no-repeat 0 0; }
#timeline .year span { font-size: 2.2em; display: block; margin: 3px 0 0 40px; font-family: 'MuseoSans-700','Helvetica Nue',arial,sans-serif; color: #194577; }
#timeline .intro { width: 690px; margin-left: -27px; padding-top: 8px; float: left;  color: #194577; }
#timeline .intro p { font-weight: bold; line-height: 1.2; }
#timeline .intro p em { font-weight: bold; }

.carousel-wrap { clear: both; position: relative; height: 200px; width: 820px; left: -10px; }
.carousel { position: absolute; height: 200px; width: 730px; left: 45px; overflow: hidden; }
.carousel .items { width: 20000em; position: absolute; }
.carousel .items a { display: block; height: 200px; float: left; margin: 0 10px 0 0; position: relative; }
.carousel .items a span.zoom { display: block; width: 30px; height: 30px; background: url(../images/layout/thumb-zoom.png) no-repeat 0 0; position: absolute; bottom: 0; right: 0; }
.carousel-wrap a.prev,
.carousel-wrap a.next { display: block; width: 38px; height: 76px; position: absolute; top: 45px; text-indent: -9999px; cursor: pointer; }
.carousel-wrap a.prev { left: 0; background: url(../images/layout/carousel-prev.png) no-repeat 0 0; }
.carousel-wrap a.next { right: 0; background: url(../images/layout/carousel-next.png) no-repeat 0 0; }
.carousel-wrap a.disabled { visibility: hidden !important; }


/* =investor relations
------------------------------------------------------ */

ul.pr-list { list-style: none; }
ul.pr-list li { margin: 0; padding: 4px 0 10px 32px; background: url(../images/layout/icn-pdf.gif) no-repeat 0 0; min-height: 10px;}


/* =header
------------------------------------------------------ */

#header { position: relative; z-index: 100; height: 213px; background-image: url(../images/layout/header-bg.png); background-repeat: repeat-x, no-repeat; background-position: top left, top; }
#logo { position: absolute; top: 63px; left: 15px; width: 226px; height: 102px; text-indent: -999em; background: transparent url(../images/layout/pt-logo.png) no-repeat 0 0; }
#logo a { display: block; width: 226px; height: 102px; }

#social { float: right; margin: 30px 0 0 0; }
#social a { margin: 0 5px; }
#social a#kidsafe { position: relative; top: 3px; }
#social a:last-child { margin-right: 0; }

/* stars */
.star-lg { position: absolute; width: 31px; height: 32px; background: url(../images/layout/stars-sprite.png) no-repeat 0 0; }
.star-md { position: absolute; width: 27px; height: 28px; background: url(../images/layout/stars-sprite.png) no-repeat -31px 0; }
.star-sm { position: absolute; width: 20px; height: 20px; background: url(../images/layout/stars-sprite.png) no-repeat -58px 0; }


/* =navigation
------------------------------------------------------ */

/* jquery suckerfish essential styles */
.sf-menu,.sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { line-height: 1.0; }
.sf-menu ul { position: absolute; top: -999em; width: 230px; }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility: inherit; }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul { left: 0; top: 54px; z-index: 600; }
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul { left: 230px; top: 0; }
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left: 230px; top: 0; }

/* menu styling */
ul#nav { margin: 0; padding: 0; list-style: none; width: 654px; height: 53px; position: absolute; top: 84px; left: 251px; border-left: 1px solid #022d46; }
ul#nav li { float: left; height: 53px; font-size: 17px; margin: 0; padding: 0; background: none; position: relative; }
ul#nav li a { display: block; float: left; height: 53px; line-height: 50px; padding: 0 15px; border-right: 1px solid #022d46; color: #022d46; text-decoration: none; font-family: 'Museo-500', 'Helvetica Nue', arial, sans-serif; text-transform: uppercase; background: url(../images/layout/nav-bg-sprite.gif) repeat-x 0 0; }
#nav li a:hover,#nav li.active a,#nav li.sfHover a { background-position: 0 -53px; }
#nav ul { width: 230px; height: auto; margin: 0; padding: 15px 0; position: absolute; background: #01a2e3 url(../images/layout/nav-sub-bg.gif) repeat-x bottom left; -webkit-box-shadow: #231f20 0px 5px 5px; -moz-box-shadow: #231f20 0px 5px 5px; box-shadow: #231f20 0px 5px 5px; }
#nav ul li { height: auto; width: auto; float: none; line-height: 1.2; border: 0; margin: 0; padding: 5px 15px; }
#nav ul li a,
#nav li.sfHover li a { background: none; height: auto; width: auto; border: none; float: none; margin: 0; padding: 0; line-height: 1.2; font-family: 'Museo-500', 'Helvetica Nue', arial, sans-serif; text-transform: none; font-size: 17px; }
#nav ul li a:hover { color: #e9e8ff; }


/* =subnav
------------------------------------------------------ */

ul.subnav { width: 175px; background: #64b5e5; margin: 0; padding: 12px 0; list-style: none; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; }
ul.subnav li { list-style: none; font-family: 'Museo-500', 'Helvetica Nue', arial, sans-serif; font-size: 1.4em; line-height: 1.3; text-transform: uppercase; margin: 0; padding: 0; position: relative; }
ul.subnav li a { display: block; color: #1c283f; padding:8px 0 8px 14px; text-decoration: none; }
ul.subnav li a:hover { color: #e9e8ff; }
ul.subnav li.active a, ul.subnav li.parent-active a { display: block; margin: 0; padding: 0; margin-left: -7px; margin-right: -9px; width: 191px; background: transparent url(../images/layout/subnav-bg-top.png) no-repeat left top; color: #006bb0;  }
ul.subnav li.active a span, ul.subnav li.parent-active a span { display: block; margin: 0; padding:10px 0 12px 21px; min-height: 18px; background: url(../images/layout/subnav-bg-bot.png) no-repeat bottom left; }
/* second-level */
ul.subnav ul { margin: -5px 0 10px 1px; background: #b4e3fc url(../images/layout/subnav-bg-sub-top.gif) repeat-x top left; border: none; width: 176px; padding: 10px 0; }
ul.subnav li.active ul li, ul.subnav li.parent-active ul li { margin: 0; padding: 3px 0 3px 14px; width: auto; font-size: 95%; background: none; text-transform: none; }
ul.subnav li.active ul li a, ul.subnav li.parent-active ul li a { width: auto; display: inline; margin: 0; padding: 0; background: none; color: #006bb0; }
ul.subnav li.active ul li a:hover, ul.subnav li.parent-active ul li a:hover { color: #1c283f; }
ul.subnav li.active ul li a span, ul.subnav li.parent-active ul li a span { padding: 0; min-height: 1px; background: none; }

/* third-level */
ul.subnav ul ul { margin: 0; padding: 5px 0; background: none; width: auto; }


/* =home page
------------------------------------------------------ */

/* roadblock fancybox adjustments */
body.roadblock-active #fancybox-overlay {
	/*background-image: url(../images/layout/roadblock-bg.jpg);
	background-position: top center;
	background-repeat: repeat-x;*/
}
body.roadblock-active #fancybox-content {
	border-color: #000;
}
body.roadblock-active #fancybox-outer { 
	background: #000; 
	/*-webkit-border-radius: 0; 
	-moz-border-radius: 0; 
	border-radius: 0; */
	-webkit-box-shadow: #9eb435 0 0 70px 20px; 
	-moz-box-shadow: #9eb435 0 0 70px 20px;
	box-shadow: #9eb435 0 0 70px 20px;
}
body.roadblock-active #roadblock-close {
	padding-top: 15px;
}
body.roadblock-active #roadblock-close a {
	font-size: 22px;
	font-weight: normal; 
	font-family: 'MuseoSans-700', 'Helvetica Nue', arial, sans-serif;
	text-decoration: none;
}

/* image only */
body.roadblock-image-active #fancybox-content {
	border-color: #167dc2;
	background: #5bafe0;
	padding: 2px;
}
#image-roadblock img {
	display: block;
}

/* show header and footer if browser is tall enough */
@media only screen and (min-height: 760px) {
	body.roadblock-active #fancybox-wrap {
		top: 280px !important;
	}
	body.roadblock-active #header {
		z-index: 1104;
	}
	body.roadblock-active #footer {
		position: relative;
		z-index: 1101;
	}
}

body.home #container { padding-bottom: 30px; }
.slideshow-box { background: #0051b0 url(../images/layout/box-bg-stripes.gif) repeat-x left top; margin: 0 0 15px 0; padding: 15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 4px 8px rgba(0,0,0,0.6); -moz-box-shadow: 0px 4px 8px rgba(0,0,0,0.6); box-shadow: 0px 4px 8px rgba(0,0,0,0.6); min-height: 627px; position: relative; }
.slideshow-image { margin: 0 0 15px; width: 869px; height: 499px; overflow: hidden; background: #fff; border: 3px solid #022d46; position: relative; }
.slide-nav { text-align: center; margin: 0 0 20px 0; }
.slide-nav a { display: inline-block; overflow: hidden; width: 31px; height: 30px; background: url(../images/layout/slideshow-nav-bg.png) no-repeat 0 0; margin: 0 4px; text-indent: -9999px; }
.slide-nav a:hover,.slide-nav a.activeSlide { background-position: 0 -30px; }

.slide-buttons { text-align: center; margin: 0 0 5px; }
.slide-buttons .button { margin: 0 10px; }

/* promo ad images */
.promos { margin-right: -1px; }
.promo { float: left; padding: 10px; margin: 0 15px 15px 0; background: #0051b0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 4px 8px rgba(0,0,0,0.6); -moz-box-shadow: 0px 4px 8px rgba(0,0,0,0.6); box-shadow: 0px 4px 8px rgba(0,0,0,0.6); line-height: 1; overflow: hidden; }
.promos .first { clear: left; }
.promos .last { margin-right: 0; }


/* =investor relations
------------------------------------------------------ */

ul.pr-list { list-style: none; }
ul.pr-list li { margin: 0; padding: 4px 0 10px 32px; background: url(../images/layout/icn-pdf.gif) no-repeat 0 0; min-height: 10px;}


/* =tables
------------------------------------------------------ */

table { margin-bottom: 1.8em; width:100%; border-right: 1px solid #64b5e5; border-bottom: 1px solid #64b5e5; }
th,td,caption { font-size: 1.2em; padding: 5px 10px 5px 8px; text-align: left; font-family: arial, 'Helvetica Nue', helvetica, sans-serif; }
caption { font-weight: bold; text-align: left; background: #f4f9fe; color: #006bb0; padding-top: 7px;}
th { font-weight: bold; text-align: left; background: #f4f9fe; color: #006bb0; border-top: 1px solid #64b5e5; border-left: 1px solid #64b5e5; }
td { border-top: 1px solid #64b5e5; border-left: 1px solid #64b5e5; background: #fff; }
tfoot td { font-style: italic; background: #f4f9fe; }
table p, table ul, table ol { font-size: 1em; }


/* =forms
------------------------------------------------------ */

form.pt-form {}

.pt-form ol {list-style: none; margin: 0;padding: 0;}
.pt-form ol li {list-style: none;  margin: 0 0 0.5em; padding: 0;  }
.pt-form label { display: block; font-family: 'Museo-500'; color: #006bb0; text-transform: uppercase; font-size: 14px; }
.pt-form input, .pt-form textarea, .pt-form select { display: block; width: 240px; font-family: 'MuseoSans'; font-size: 18px; padding: 5px; color: #666; background: #fff; border: 1px solid #64b5e5;}
.pt-form label em, .pt-form em.required { color: #d41a2e; font-weight: bold; }

.pt-form fieldset input, .pt-form fieldset textarea { width: 260px;}
.pt-form .full input, .pt-form .full textarea { width: 547px;}
.pt-form p.submit { text-align: center; margin-bottom: 0.5em;}
.pt-form .right, .pt-form .right { float: left; margin: 0; }
.pt-form .left { margin-right: 15px;}

.pt-form select { width: 260px; font-family: 'MuseoSans', 'Helvetica Nue', arial, sans-serif; font-size: 18px;  }

.pt-form .radio { margin: 0 0 20px 0; }
.pt-form .radio div { margin: 5px 0 0 10px; }
.pt-form .radio div label { display: inline; text-transform: none; color: #353535; font-family: 'MuseoSans', 'Helvetica Nue', arial, sans-serif; font-size: 16px; }
.pt-form .radio div input { width: auto; margin: 0 5px 0 0; display: inline; }

.pt-form input.error, .pt-form textarea.error { background: #ffedef; border: 1px solid #d41a2e; }
.pt-form label.error { color: #d41a2e; line-height: 1; margin: 6px 0 0 0; }

.pt-form .date { float: left; margin-right: 15px; width: 140px; }
.pt-form .date:last-child { margin-right: 0; }

.pt-form input:focus { outline: 0; border-color: #006bb0; }
.pt-form li.full { margin-bottom: 17px; }
.pt-form input[type="radio"] { width: auto; display: inline;  }
.pt-form input[type="checkbox"] { width: auto; display: inline;  }
.pt-form li ul { margin-top: 5px; margin-bottom: 0; }
.pt-form li li { display: inline-block; }
.pt-form li li label { display: inline; margin-left: -4px; }
.pt-form li li input[type="radio"] ~ label { margin-left: -9px; }
.pt-form li li { margin-right: 14px; margin-bottom: 5px; }
.pt-form ul + label.error { margin-top: -5px; }
.pt-form span.required_item { color: #d41a2e; font-weight: bold; margin-left: 3px; }

.pt-form .custom-select {
  position: relative;
  display: inline-block;
  width: 100%; }
 .pt-form .custom-select select {
	padding: 10px 23px 10px 10px;
	border-radius: 0;
	display: block;
	width: 100%;
	height: 44px;
	background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
 .pt-form .custom-select:after {
    position: absolute;
    display: block;
    content: '';
    top: 18px;
    right: 15px;
    height: 0;
    width: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #b70a0d;
    pointer-events: none; }

/* custom file */
.jcf-file {
	display: inline-block;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
	background: transparent;
}
.jcf-file .jcf-real-element {
	position: absolute;
	font-size: 200px;
	height: 200px;
	margin: 0;
	right: 0;
	top: 0;
}
.jcf-file .jcf-fake-input {
	display: inline-block;
	text-overflow:ellipsis;
	white-space: nowrap;
	vertical-align: top;
	overflow: hidden;
	background: #fff;
	border: 1px solid #64b5e5;
	padding: 0 8px;
	font-size: 13px;
	line-height: 36px;
	height: 34px;
	width: 137px;
}
.jcf-file .jcf-upload-button {
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	overflow: hidden;
	border: 1px solid #64b5e5;
	margin: 0 0 0 -1px;
	padding: 0 8px;
	line-height: 36px;
	height: 34px;
	width: 100px;
	background: #64b5e5;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
}

/* user message */
div#message { padding-top: 15px; } /* anchor wrapper */
p.success { margin-bottom:1em; border:2px solid #C6D880; padding:15px; background:#E6EFC2; color:#529214; }

/* date popup modal */
.date-popup {
	width: 450px;
	padding: 40px 30px 20px;
	text-align: left;
}

.date-popup p.submit {
	margin-top: 30px;
	text-align: left;
}

/* =footer
------------------------------------------------------ */

#footer { clear: both; padding: 45px 0; color: #5cb0e6; text-align: center; background: #091329 url(../images/layout/footer-bg.gif) repeat-x top left; }
#footer .page { text-align: center; }
#footer a { color: #5cb0e6; text-decoration: none; }
#footer li:nth-child(3) a { color: #fff; }
#footer a:hover { text-decoration: underline; }
#footer p { margin: 0 0 0.5em; font-size: 1.2em; line-height: 1.5em; font-weight: bold; }
#footer .nav { margin: 0 0 1.5em; padding: 0; list-style: none; }
#footer .nav li { display: inline-block; margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px solid #5cb0e6; font-size: 12px; line-height: 1em; font-weight: bold; }
#footer .nav li.last { margin-right: 0; border-right: 0; }
#footer .nav img { vertical-align: bottom; }
#footer .footer-links { }
#footer .footer-links li { font-size: 1.4em; text-transform: uppercase; font-family: 'MuseoSans-700', 'Helvetica Nue', arial, sans-serif; }


/* =misc
------------------------------------------------------ */

/* 
   elements can be wrapped with the class "cn" to avoid the @font-face rendering
   to avoid problems with Chinese characters.
   example: <span class="cn" lang="zh-hk">投資者資訊</span>
*/
.cn { font-family: arial, sans-serif !important; }

/* accessibility */
#skip-links { position: absolute; top: 0; left: -999em; }

/* self-clearing floats, add class of "clearfix" or "wrap" */
.clearfix:before, .clearfix:after,
.wrap:before, .wrap:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after, .wrap:after { clear: both; }


/* =plugins
------------------------------------------------------ */

/*
	jQuery.Tipsy tooltip plugin
*/
.tipsy { font-size: 12px; position: absolute; padding: 5px; z-index: 100000; }
.tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

/* Rounded corners */
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/

.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }

/* Rules to colour arrows */
.tipsy-arrow-n { border-bottom-color: #000; }
.tipsy-arrow-s { border-top-color: #000; }
.tipsy-arrow-e { border-left-color: #000; }
.tipsy-arrow-w { border-right-color: #000; }

.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }


/*

 FancyBox - jQuery Plugin
 Modified for PlaymatesToys.com
 - Blue themed buttons
 - Rounded corners
 - CSS based drop shadow (no images)

*/
#fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; }
#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('../images/fancybox/fancybox.png'); }
#fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; }
#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; }
#fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; margin-top: -15px; }
#fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: #4a4a4a 0 2px 15px; -moz-box-shadow: #4a4a4a 0 2px 15px; box-shadow: #4a4a4a 0 2px 15px; }
#fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; }
#fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 29px; background: transparent url('../images/fancybox/fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none; }
#fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; }
#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; }
#fancybox-frame { width: 100%; height: 100%; border: none; display: block; }
#fancybox-left,#fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('../images/fancybox/blank.gif'); z-index: 1102; display: none; }
#fancybox-left { left: 0px; }
#fancybox-right { right: 0px; }
#fancybox-left-ico,#fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 29px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }
#fancybox-left-ico { background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -30px; }
#fancybox-right-ico { background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -60px; }
#fancybox-left:hover,#fancybox-right:hover { visibility: visible; /* IE6 */ }
#fancybox-left:hover span { left: 20px; }
#fancybox-right:hover span { left: auto; right: 20px; }
.fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; }
#fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('../images/fancybox/fancybox-x.png'); }
#fancybox-bg-ne { top: -20px; right: -20px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -162px; }
#fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('../images/fancybox/fancybox-y.png'); background-position: -20px 0px; }
#fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -182px; }
#fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('../images/fancybox/fancybox-x.png'); background-position: 0px -20px; }
#fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -142px; }
#fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('../images/fancybox/fancybox-y.png'); }
#fancybox-bg-nw { top: -20px; left: -20px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -122px; }
#fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; }
.fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; }
.fancybox-title-outside { padding-top: 10px; color: #fff; }
#fancybox-title-outside { font-family: 'MuseoSans', 'Helvetica Nue', arial, sans-serif; font-weight: bold; font-size: 1.5em; text-shadow: 1px 1px 5px #000; filter: dropshadow(color=#000, offx=1, offy=1);}
.fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; }
#fancybox-title-over { padding: 10px; background-image: url('../images/fancybox/fancy_title_over.png'); display: block; }
.fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; }
#fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; }
#fancybox-title-float-wrap td { border: none; white-space: nowrap; }
#fancybox-title-float-left { padding: 0 0 0 15px; background: url('../images/fancybox/fancybox.png') -40px -90px no-repeat; }
#fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('../images/fancybox/fancybox-x.png') 0px -40px; }
#fancybox-title-float-right { padding: 0 0 0 15px; background: url('../images/fancybox/fancybox.png') -55px -90px no-repeat; }

/* IE6 */
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_close.png',sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_nav_left.png',sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_nav_right.png',sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_title_over.png',sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_title_left.png',sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_title_main.png',sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_title_right.png',sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w,.fancybox-ie6 #fancybox-bg-e,.fancybox-ie6 #fancybox-left,.fancybox-ie6 #fancybox-right,#fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); }
#fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); }
#fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_loading.png',sizingMethod='scale'); }

/* IE6,IE7,IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }
/*.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_shadow_n.png',sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_shadow_ne.png',sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_shadow_e.png',sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_shadow_se.png',sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_shadow_s.png',sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_shadow_sw.png',sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_shadow_w.png',sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/fancybox/fancy_shadow_nw.png',sizingMethod='scale'); }*/

/* Override shadow images for custom css corners/shadow */
#fancybox-bg-n,#fancybox-bg-ne,#fancybox-bg-e,#fancybox-bg-se,#fancybox-bg-s,#fancybox-bg-sw,#fancybox-bg-w,#fancybox-bg-nw { background: none; display: none; }