/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/* general */
A { color:#ed145b; text-decoration:none; outline:none; }
A:hover { text-decoration:underline; }
A.more { text-transform:uppercase; display:block; font-size:12px; font-weight:bold; margin-bottom:1em; }

INPUT, 
SELECT,
TEXTAREA,
LABEL { font-size:100%; }

LABEL INPUT, 
LABEL SELECT,
LABEL TEXTAREA { font-size:100% !important; }

INPUT.txt { border:1px solid #ed145b; padding:5px 2px; width:300px; }

FORM UL { margin-top:15px; }
FORM LI { margin-bottom:15px; clear:both;}
FORM LABEL SPAN { display:block; float:left; padding:6px 0; width:150px; }
FORM INPUT.sbmt { margin-left:150px; }

.last { background:none !important; border:none !important; }

.lt { float:left; }
.rt { float:right; }

H2 { font-size:20px; font-weight:bold; margin-bottom:.4em; }
H3 { font-size:14px; font-weight:bold; margin-bottom:.4em; }

P,
P *,
LI,
LI * { line-height:140% !important; }

P,
UL { margin-bottom:1em; }

HR { margin-top:0; margin-bottom:1em; width:100%; clear:both; border:none; border-top:2px solid #d8eae8; height:2px; }
/*HR { margin-bottom:-1em; float:left; } IE FIX */

EM { font-style:italic; }

P.note { color:#666; font-size:10px; margin:10px 0; }
P.note IMG { vertical-align:middle; margin-right:10px; }

.hdn { /*position:absolute; top:-999px; left:-999px;*/ display:none; }

HTML, 
BODY { height:100%; background:transparent url(../img/body.png) repeat-y top center; color:#333; }

#hdr-bdy { min-height:100%; height:auto !important; height:100%; padding-bottom:165px; }

/* header */
#hdr { background:transparent url(../img/hdr.png) repeat-x 0 100%; min-height:66px; height:auto !important; height:66px; position:relative; z-index:1; }
#hdr UL { float:left; width:auto; margin:0; }
#hdr LI { float:left; text-transform:uppercase; }

#hdr LI, 
#hdr LI * { line-height:1.1em !Important; }

#hdr LI A { color:#ec068d; }
#hdr LI A:hover, #hdr LI.active A { color:#fff; background-color:#1f1f1f; }
#hdr LI.logo A:hover { background-color:transparent; }
#hdr UL.pri LI { position:relative; padding-right:2px; background:transparent url(../img/hdr-pri-LI.gif) no-repeat 100% 0; }
#hdr UL.pri A { font-size:15px; display:block; padding:25px 15px 0 13px; height:38px; }
#hdr UL.pri A:hover { text-decoration:none; }
#hdr UL.pri LI.logo A { padding:13px 32px 0 0; height:50px; }

#hdr UL.pri UL { display:none; position:absolute; width:302px; background:#000; padding-bottom:15px; opacity:.9; filter:alpha(opacity=90); -moz-box-shadow: 0px 1px 2px #000; -webkit-box-shadow: 0px 1px 2px #000; box-shadow: 0px 1px 2px #000; }
#hdr UL.pri UL LI { background:none; padding:0; float:none; }
#hdr UL.pri UL A { margin:0 10px; padding:10px 0; background:none; font-weight:bold; font-size:12px; color:#fff; border-bottom:1px solid #fff; height:auto; }
#hdr UL.pri UL A:hover { background:none; color:#ec068d; border-bottom:1px solid #ec068d; }


#hdr UL.sec { float:right; }
#hdr UL.sec LI { padding:23px 0 0 10px; }
#hdr UL.sec A { font-size:70%; background:transparent url(../img/hdr-sec-LI.gif) no-repeat 100% 50%; padding-right:13px; }
#hdr UL.sec LI.active A { color:#fff; text-decoration:underline; }
#hdr UL.sec LI.nobg A { background:none; }
#hdr UL.sec LI.srch { padding:18px 0 0 0; }
#hdr UL.sec LI.srch INPUT { width:196px; height:18px; padding:5px 0 0 25px; color:#fff; background:#2d2d2d url(../img/hdr-srch-INPUT.gif) no-repeat 0 0; border:none; }
#hdr UL.sec LI.srcg LABEL { font-size:77%; }

/* body */
#bdy { float:left; width:100%; padding-top:30px; position:relative; z-index:0; }

#bdy .intro { padding-bottom:10px; border-bottom:5px solid #005952; margin:0 0 45px; font-size:28px; font-weight:100; }
#bdy .home-intro { padding:0; border:none; color:#ed145b; margin:0 0 10px; }

#bdy .product { float:left; width:100%; margin-bottom:1em; border-bottom:2px solid #d8eae8; }
#bdy .product .shot { float:left; width:307px; height:173px; position:relative; left:-5px; margin-bottom:1em; background:transparent url(../img/shot.png) no-repeat 0 0; padding:3px 5px 7px; }
#bdy .product .desc { float:right; width:635px; }
#bdy .product A.enlarge { font-size:70%; text-transform:uppercase; font-weight:bold; position:absolute; bottom:17px;left:15px; }

#bdy .hotspots LI { float:left; width:292px; padding:16px 5px 7px 20px; min-height:160px; height:auto !important; height:160px; position:relative; left:-5px; margin-bottom:1em; background:transparent url(../img/shot.png) no-repeat 0 0; }
#bdy .hotspots LI DIV { min-height:160px; height:auto !important; height:160px; }
#bdy .hotspots LI.hs-global DIV { padding-right:68px; width:224px; background:url(../img/hs-global.png) no-repeat 100% 100%; }
#bdy .hotspots LI.hs-creative DIV { padding-right:112px; width:180px; background:url(../img/hs-creative.png) no-repeat 100% 100%; }
#bdy .hotspots LI.hs-packaging DIV { padding-right:86px; width:206px; background:url(../img/hs-packaging.png) no-repeat 100% 100%; }
#bdy .hotspots H2 { margin-bottom:0; }
#bdy .hotspots P { line-height:1.1em !important; font-size:93%; margin-bottom:1.2em; }
#bdy .hotspots P * { line-height:1.1em !important; font-size:100% !important; }


/* carousel */
#carousel { width:950px; height:369px; padding:2px 0 0 4px; position:relative; background:#333 url(../img/carousel.png) no-repeat center center; margin-bottom:1em; }
#carousel DIV.bdr { height:100%;  }
#carousel LI { width:200px; padding:70px 10px 0; position:static; }
#carousel LI .mid, #active .mid { background:#fff; position:static; width:200px; height:181px; text-align:center; }
#carousel LI .mid IMG, #active .mid IMG { width:50%; height:auto; margin-top:10%; }

#carousel #active { display:none; position:absolute; top:0; left:318px; width:310px; height:auto; z-index:200; padding:0; }
#carousel #active .mid { width:310px; height:362px; }
#carousel #active .mid IMG { width:260px; height:auto; margin-top:10px; }

#carousel A.prv, 
#carousel A.nxt { position:absolute; display:block; z-index:100; bottom:17px; width:28px; height:27px; background-repeat:no-repeat; background-position:0 0; opacity:.4; }

#carousel A.nxt:hover,
#carousel A.prv:hover { opacity:1; }

#carousel A.nxt { right:282px; background-image:url(../img/carousel-nxt.png); }

#carousel A.prv { left:282px; background-image:url(../img/carousel-prv.png); }

/* press */
UL.press-releases { margin-bottom:.5em; }
UL.press-releases LI { margin-bottom:.5em; }
UL.press-releases LI * { line-height:1.1em !important; }
UL.press-releases SPAN { color:#666; } 
UL.press-releases H3 { min-width:150px; font-size:14px; display:inline; margin:0; }
UL.press-releases A.more { margin:0; display:inline; }


/* footer */
#ftr { background:transparent url(../img/ftr.png) no-repeat 50% 0; height:150px; margin-top:-165px; clear:both; padding-top:15px; }

#ftr H4,
#ftr UL,
#ftr LI { float:left; }

#ftr UL,
#ftr P { margin-bottom:0; }

#ftr LI,
#ftr P,
#ftr H4 { font-size:77%; }

#ftr H4,
#ftr DIV.hr { clear:both; }

#ftr LI, 
#ftr LI *,
#ftr H4 { line-height:1em !Important; }

#ftr P, 
#ftr P * { line-height:180% Important; }

#ftr A { color:#333; }
#ftr DIV.hr { padding-bottom:10px; margin:0 15px 10px; background:transparent url(../img/hr.gif) repeat-x 0 100%; float:left; width:930px; }

#ftr H4 { font-weight:bold; width:55px; padding-right:20px; margin:5px 0; }
#ftr LI { border-right:1px solid #333; padding:0 5px; margin:5px 0;}


/* columns */
.c { width:960px; margin:0 auto; }