@charset "utf-8";
html, body { margin: 0; padding: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; background-color: #180602 ; }
#mc { width: 960px; height: 710px;  }

.home { background: url(../images/indulge-yourself-home.jpg) no-repeat 0 0; }
.miniatures { background: url(../images/miniatures-bg.jpg) no-repeat 0 0; }
.bars { background: url(../images/bars-bg.jpg) no-repeat 0 0; }
.icecream { background: url(../images/ice-cream-bg.jpg) no-repeat 0 0; }


ul, li { margin: 0; padding: 0; }
img { border: 0; }
a { color: #fff; outline: none; text-decoration: none; }
.clear { clear: both; }

#logo { float: left; width: 454px; height: 230px;  }
#navigation { position: relative; }
#navigation img { position: absolute; left: 447px; top: 32px; }
#navigation ul { list-style-image: none; list-style-type: none; display: block; position: absolute; width: 434px; top: 13px; left: 463px; }
* html #navigation ul { left: 15px; }
* html #navigation img { left: 0px; }
#navigation ul li { display: block; float: left; height: 11px; }
#navigation ul li a { display: block; background: url(../images/navigation.gif) no-repeat 0 0; text-decoration: none; height: 11px; line-height: 0; min-height: 0; font-size: 0; }

#navigation ul li a span { visibility: hidden;}

#navigation #navicecream a { width: 74px; background-position: 0 0; }
#navigation #navicecream a:hover, #navigation #navicecream a.on  { background-position: 0 -11px; }

#navigation #navminiatures a { width: 95px; background-position: -75px 0; }
#navigation #navminiatures a:hover, #navigation #navminiatures a.on { background-position: -75px -11px; }

#navigation #navbars a { width: 56px; background-position: -170px 0; }
#navigation #navbars a:hover, #navigation #navbars a.on { background-position: -170px -11px; }

#navigation #navchocolate a { width: 121px; background-position: -226px 0; }
#navigation #navchocolate a:hover, #navigation #navchocolate a.on { background-position: -226px -11px; }

#navigation #navpromotions a { width: 86px; background-position: -347px 0; }
#navigation #navpromotions a:hover, #navigation #navpromotions a.on { background-position: -347px -11px; }

#content { clear: both; height: 426px; }
#promo {display:none; position: relative; width: 313px; height: 143px; left: 644px; top: -182px; }
#icecream { display: block; width: 291px; height: 313px; position: absolute; left: 28px; top: 228px; background-image: none; }
a#icecream:hover { background: url(../images/ice-cream-over.jpg) no-repeat 0 0; }
#miniatures { display: block; width: 532px; height: 198px; position: absolute; left: 210px; top: 458px; background-image: none;}
a#miniatures:hover { background: url(../images/miniatures-over.jpg) no-repeat 0 0; }
#bars { display: block; width: 316px; height: 258px; position: absolute; left: 618px; top: 260px; background-image: none;; }
a#bars:hover { background: url(../images/bars-over.jpg) no-repeat 0 0; }

#winners_promo{display:block; position:relative; left:624px; top:-182px;}

#icecreamlist { width: 531px; height: 302px; overflow-x: hidden; overflow-y: scroll; position: relative; left: 243px; top: 84px;  }


#footer { width: 882px; margin-left: 37px; color: #fff; }
#footer a:hover { text-decoration: underline; }
#footer img { width: 95px; height: 37px; float: right; }