/*---------------------------------------------------------------------------
H O M E P A G E
------------------------------------------------------------------------------
AS = Anniversary Celebration
--------------------------------
STRUCTURE
------------------------------*/
* { margin: 0; padding: 0; }
body { background-color: #EBEAE6; }
#AScontainer { width: 569px; position: relative; background-color: #fff; }
#AScontainer ul { height: 175px; margin: 0 0 0px 10px; padding: 0; list-style: none; }
#AScontainer ul.ASxtraColumn { height: auto; margin: -2px 0 0 47px; }
#AScontainer li { width: 81px; height: 81px; margin: 0 5px 5px 0; position: relative; float: left; }
#ASmap { margin: 0 0 10px 0; position: relative; }
.AStout { width: 280px; height: 110px; margin: 10px 8px 0 0; background: url(http://cache.lego.com/images/mindstorms/homepage/img280x008_ToutBottom.jpg) left bottom no-repeat; display: block; float: left; }
.AStoutTxt { padding: 3px 5px 0 0; display: block; }

/* -----------------------------
HEADERS/PARAGRAPHS
------------------------------*/
#AScontainer h2 { width: 0; height: 0; position: absolute; top: 0; left: 0; z-index: -1; text-indent: -9999px; }
#AScontainer h3 { width: 202px; position: absolute; top: 0; left: 0; z-index: 11; text-align: center; font: bold 12px/23px Verdana; color: #888; }
.AStout h3 { height: 21px; text-indent: 5px; display: block; background: url(http://cache.lego.com/images/mindstorms/homepage/img280x021_ToutHeading.jpg) no-repeat; font: bold 12px/21px Verdana; color: #888; }
#AScontainer p { width: 450px; margin: 0 10px 0 10px; padding: 0 0 5px 0; font: normal 10px Verdana; color: #626262; clear: left; }
#ASmap p { width: 360px; margin: 0; position: absolute; top: 260px; left: 105px; font-size: 9px; }

/* -----------------------------
LINKS
------------------------------*/
#AScontainer a { font: normal 11px Verdana; color: #333; text-decoration: none; }
a.ASmapDotCurrent, a.ASmapDotCurrent:hover { width: 15px; height: 15px; position: absolute; z-index: 1; background: url(http://cache.lego.com/images/mindstorms/homepage/btn011x011_CurrentCity_off.gif) no-repeat; }
a.ASmapDotCurrent:hover { background: url(http://cache.lego.com/images/mindstorms/homepage/btn011x011_CurrentCity_on.gif) no-repeat; }
a.ASmapDotVisited, a.ASmapDotVisited:hover { width: 15px; height: 15px; position: absolute; z-index: 1; background: url(http://cache.lego.com/images/mindstorms/homepage/btn011x011_VisitedCity_off.gif) no-repeat; }
a.ASmapDotVisited:hover { background: url(http://cache.lego.com/images/mindstorms/homepage/btn011x011_VisitedCity_on.gif) no-repeat; }
/*Map dot popup*/
#ASmap a:hover { border: none; }
a.ASmapDotCurrent span, a.ASmapDotVisited span { display: none; }
a.ASmapDotCurrent:hover span, a.ASmapDotVisited:hover span { width: 81px; height: 81px; position: absolute; z-index: 1000; top: 0; left: 20px; border: 2px solid #4688C2; display: block; }
/*---*/
.AStout a { height: 81px; display: block; font: normal 10px Verdana; background: #fff url(http://cache.lego.com/images/mindstorms/homepage/img280x10_ToutMiddle.gif) repeat-y; color: #626262; text-decoration: none; }
.AStout a:hover { background: #fff url(http://cache.lego.com/images/mindstorms/homepage/img280x10_ToutMiddleActive.gif) repeat-y; text-decoration: none; }

/* -----------------------------
IMAGES
------------------------------*/
#AScontainer a img, .AStout a img { border: 0; }
#AScontainer li.ASactiveImg { width: 202px; height: 168px; margin: 0 7px 0 0; position: relative; display: block; }
#AScontainer .ASlistItemBorder { position: absolute; top: 0; left: 0; z-index: 10; }
.ASpromo { position: absolute; bottom: 5px; right: 10px; }
.AStout img { margin: 3px 5px 3px 5px; float: left; width: 100px; height: 75px; }