@charset "UTF-8";
body { font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif; background-image: url(/images/backs/back.gif); }
.clear { clear: both; }

#container { width: 900px; margin-right: auto; margin-left: auto; position: relative; }
#top { height:168px; width: 900px; background-image: url(images/header/sc_header.gif); position: relative; margin: 0px auto; }
#middle { position: relative; width: 800px; margin: 8px auto; background-color: #000000;  min-height:475px; height:auto !important; height:475px; }
#bottom { position: relative; margin: 0px auto; text-align: left; width: 800px; clear: both; }

#top #home { position: absolute; top:0px; left: 0px; height: 143px; width: 900px; }

#top #buttons { position: absolute; top: 143px; left: 290px; width:550px; height:25px; margin:0 auto; background-image: url(images/header/buttons.gif); background-repeat: no-repeat; }

#top #buttons ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; clear: left; }
#top #buttons ul li{ display: block; float: left; text-align: center; padding: 0; margin: 0; }
#top #buttons ul li a span { display:none; }
#top #buttons ul li a { height:25px; margin:0px; padding:0px; display: block; }

#top #buttons ul li a.features { width: 119px; }
#top #buttons ul li a.decks { width: 99px; }
#top #buttons ul li a.apparel { width: 110px; }
#top #buttons ul li a.more { width: 80px; }
#top #buttons ul li a.team { width: 76px; }
#top #buttons ul li a.win { width: 66px; }

/* -- Hovers -- */
#top #buttons ul li a.features:hover { background: url(images/header/buttons.gif) 0px -25px; }
#top #buttons ul li a.decks:hover { background: url(images/header/buttons.gif) -119px -25px; }
#top #buttons ul li a.apparel:hover { background: url(images/header/buttons.gif) -218px -25px; }
#top #buttons ul li a.more:hover { background: url(images/header/buttons.gif) -328px -25px; }
#top #buttons ul li a.team:hover { background: url(images/header/buttons.gif) -408px -25px; }
#top #buttons ul li a.win:hover { background: url(images/header/buttons.gif) -484px -25px; }

#blog { position: absolute; height: 485px; width: 800px; left: 47px; top: 180px; z-index:2; background-color: #000000; }

#blog_new { position: absolute; height: 445px; width: 295px; left: 5px; top: 30px; z-index:2; background-color: #000000; overflow:auto; color: #FFFFFF; }
#blog_new a { color: #FF0000; text-decoration: none; }
#blog_new img, #blog_new embed, #blog_new object { max-width: 275px; border: none; }
#blog_new .entry { }

#middle #blog_title { position: absolute; left: 5px; top: 5px; }
#middle #blog { position: absolute; height: 445px; width: 300px; left: 0px; top: 30px; }


#middle #feat_title { position: absolute; left: 305px; top: 5px; }
#middle #maincontent { position: absolute; height: 445px; width: 500px; right: 0px; top: 30px; }

#microsite { width: 800px; height: 475px; position: relative; }
#microsite .absolute { position: absolute; }
#microsite_large { width: 800px; position: relative; }

#scroll { margin-right: auto; margin-left: auto; position: relative; height: 445px; width: 500px; }
.scroller { position: absolute; /*leave this value alone*/ overflow: scroll; /*leave this value alone*/ width: 500px; /*Width of Carousel Viewer itself*/ height:445px; /*Height should enough to fit largest content's height*/ margin-right: auto; margin-left: auto; }
.scroller .belt { position: absolute; /*leave this value alone*/ }
.scroller .panel { float: left;/*leave this value alone*/ width: 500px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ }

#more { margin: 0px auto; width: 728px; padding: 10px 0px; }
#more img { padding: 5px 0px;  }


#bottom .catalog_link { float: left; width: 564px; display: block; }
/*Share*/
#foot_share { width:228px; height:106px; background-image: url(images/share/share_sc.gif); background-repeat: no-repeat; float: left; }

#foot_share ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; clear: left; }
#foot_share ul li{ display: block; float: left; text-align: center; padding: 0; margin: 0; }
#foot_share ul li a span { display:none; }
#foot_share ul li a { height:53px; margin:0px; padding:0px; display: block; }

#foot_share ul li a.sn, #foot_share ul li a.buffer { width: 118px; }
#foot_share ul li a.fb, #foot_share ul li a.ms, #foot_share ul li a.tw, #foot_share ul li a.yt { width: 55px; }

#foot_share ul li a.sn:hover { background: url(images/share/share_sc.gif) 0px -105px; }
#foot_share ul li a.fb:hover { background: url(images/share/share_sc.gif) -118px -105px; }
#foot_share ul li a.ms:hover { background: url(images/share/share_sc.gif) -173px -105px; }
#foot_share ul li a.tw:hover { background: url(images/share/share_sc.gif) -118px -158px; }
#foot_share ul li a.yt:hover { background: url(images/share/share_sc.gif) -173px -158px; }