/* html */
* { padding:0; margin:0; }
a { outline:none; }

/* common */
.clear { clear:both; }

/* main wrapper */
div#wrapper { display:none; position:relative; width:960px; height:887px; overflow:hidden; }

/* slideshow ui */
div#giftGuideTab { position:absolute; left:0; top:0; z-index:1000; text-indent:-5000px; width:211px; height:37px; background:url(../images/ui/holiday-gift-guide-tab.gif) no-repeat left top; }
div#arrowPrevious { display:none; position:absolute; left:0; top:264px; z-index:1000; width:56px; height:72px; }
div#arrowPrevious a { display:block; text-indent:-5000px; width:56px; height:72px; background:url(../images/ui/arrow-previous.png) no-repeat left top; }
div#arrowPrevious a:hover { background-position:left bottom; }
div#arrowNext { position:absolute; right:0; top:264px; z-index:1000; width:56px; height:72px; }
div#arrowNext a { display:block; text-indent:-5000px; width:56px; height:72px; background:url(../images/ui/arrow-next.png) no-repeat left top; }
div#arrowNext a:hover { background-position:left bottom; }
div#dotUI { position:absolute; z-index:1000; right:20px; top:20px; }
div#dotUI li { list-style:none; float:left; padding-right:3px; }
div#dotUI li a { display:block; text-indent:-5000px; width:10px; height:10px; background:url(../images/ui/image-dot.png) no-repeat left top; }
div#dotUI li a:hover, div#dotUI li a.active { background-position:left bottom; }
div#dotIndex { padding-top:5px; text-align:center; }

/* contains the slideshow images */
div#slideshowImages { position:relative; width:960px; height:887px; } 
div.slide { display:none; position:absolute; cursor:pointer; width:960px; height:887px; }
div.slide div.lockup { position:absolute; z-index:3; }
div.slide div.mainTitle { position:absolute; height:84px; overflow:hidden; padding-right:20px; border-right:solid 1px #FFF; }
div.slide div.mainTitle h2 { position:relative; text-align:right; width:400px; line-height:32px; top:25px; }
div.slide div.mainTitle h2.dualLine { top:10px; }
div.slide div.supportingCopy { position:absolute; top:5px; width:420px; height:84px; overflow:hidden; }
div.slide div.supportingCopy h3 { position:absolute; left:20px; }
div.slide div.supportingCopy div.subtitle { position:absolute; top:25px; left:20px; }
div.slide div.supportingCopy div.ctaButton { position:absolute; top:52px; left:20px; }
div.slide div.supportingCopy div.ctaButton a { display:block; text-indent:-5000px; height:17px; }
div.slide div.imageA { position:absolute; z-index:1; left:0; top:0; }
div.slide div.imageB { position:absolute; z-index:2; left:0; bottom:0; border-top:solid 1px #FFF; border-right:solid 1px #FFF; }
div.slide div.imageC { position:absolute; z-index:2; right:0; bottom:0; border-top:solid 1px #FFF; border-left:solid 1px #FFF; }

/* for the last slide */
div.slide div.endPitch { width:960px; text-align:center; padding-top:232px; line-height:49px; }
div.slide div.endPitch div.ctaButton { position:absolute; top:346px; left:50%; }
div.slide div.endPitch div.ctaButton a { display:block; text-indent:-5000px; height:17px; }