/** 
 * STYLES FOR MSN Mobile Services
 * 
 */

#td_container * { margin:0; padding: 0; font-family: Arial, sans-serif; }
#td_container h2, #td_container h3 { font-family: Arial, sans-serif; font-weight:bold; line-height:normal; letter-spacing:normal; }
#td_container img { border: none; }
#td_container { width: 780px; margin: 0 auto; background: url(../images/portal/assets/bg_y.jpg) repeat-y bottom left; }
#td_container object { outline:none; }


/*
 * HEADERS
 */

#td_header { position: relative; width: 780px; height: 319px; }
#td_flashheader { position: absolute; top: 0; left: 0; width: 780px; height: 319px; background: url(../images/portal/assets/flash_alternative.jpg) no-repeat center top; }
#td_flashheader ul { display: none; }
#td_flashoverlay { position: absolute; top: 158px; left: 466px; width: 186px; height: 121px; padding-top: 5px; }
#td_flashoverlay h1 { color: #fff; font-weight: bold; font-size: 24px; margin-left: 5px; }
#td_flashoverlay h3 { color: #000; font-weight: bold; font-size: 14px; margin: 0 0 10px 5px; }



/* 
 * MAIN
 */

#td_main { }
#td_main h1 { color: #c23c13; font-size: 16px; padding: 30px 0 10px 20px; font-weight: bold !important; }
#td_main h1 i { font-style: normal; font-weight: normal; }
#td_main .cols5 .col { width: 128px; /* + 20px padding */ }
#td_main .cols3 .col { width: 228px; /* + 20px padding */ }
#td_main .col { text-align: center; float: left; padding: 10px; background: url(../images/portal/assets/icons/icons_bg.gif) no-repeat right top; overflow: hidden; }
#td_main .col h2 { color: #032e4c; font-size: 14px; }
#td_main .col h3 { color: #032e4c; font-size: 14px; font-weight: normal; }
#td_main .col p { text-align: left; color: #545454; font-size: 12px; padding: 10px 0; }
#td_main .col .box { height:140px; color: #545454; font-size: 12px; padding: 10px 0; }
#td_main .cols3 .last {width:224px;}

.main { background: url(../images/portal/assets/bg_top.jpg) no-repeat top left; min-height: 263px; height:auto !important; height:263px; padding: 0 20px !important; }
.portal { background: url(../images/portal/assets/bg_top2.jpg) no-repeat top left; min-height: 327px; height: auto !important; height: 327px; padding: 0 20px !important; }
.td_screenshots { padding: 28px 0 0 150px !important; }
.td_screenshot { margin: 30px 15px 0 0 !important; }
.td_screenshots_txt { margin: 40px 80px 0 50px !important; font-size: 12px; }


/*
 * FOOTER
 */

#td_footer { background: url(../images/portal/assets/bg_btm.jpg) no-repeat bottom left; min-height: 279px; height:auto !important; height:279px; padding: 0 20px 43px 20px; margin: 30px 0 0 0;  }
#td_footer #td_promoarea { margin: 104px 32px 0 17px; float: left; width: 249px; height: 250px; background: url(../images/portal/assets/footer_promoarea.jpg) no-repeat; }
#td_footer #td_promoarea_filled { margin: 20px 32px 0 17px; float: left; width: 249px; height: 250px; background: url(../images/portal/assets/footer_promoarea_filled.jpg) no-repeat; }
#td_footer #td_promoarea_scroller { margin: 21px 32px 0 17px; float: left; width: 250px; height: 283px; }
#td_footer #td_promoarea_scroller h2 { font-size: 16px; font-weight: bold; color: #c23c13; }
#td_footer #promoScroller { margin: 14px 0 0 1px; width: 249px; height: 250px; background: url(../images/portal/assets/footer_promoarea.jpg) no-repeat; }
#td_footer #td_partnerarea { padding-top: 21px; float: left; width: 430px; height: 300px; background: url(../images/portal/assets/footer_partnerbg.jpg) no-repeat; }
#td_footer #td_partnerarea h2 { font-size: 16px; font-weight: bold; color: #c23c13; }
#td_footer #partnerScroller { margin: 14px 0 0 1px; width:247px; height:248px; }
#td_footer #partnerScroller ul { margin: 20px 0 0 10px; font-size: 12px; list-style: none; }


/* 
 * GENERAL
 */

#td_container a { font-size: 12px; font-weight: bold; color: #005c9e; text-decoration: none; }
#td_container a:hover { color: #032e4c; }
#td_container a.arrowLink { background: url(../images/portal/assets/blue_arrow_r.gif) no-repeat left center; padding-left: 15px !important; font-size: 11px; font-weight: bold; color: #005c9e; text-decoration: none; }
#td_container a.arrowLink:hover { color: #032e4c; }

.td_thumbs { margin: 0 30px 130px 30px !important; }
.td_portal_item { float: left; margin: 0 5px 10px 0 !important; width: 240px; height: 62px; padding: 18px 10px 0 75px !important; font-size: 12px; }
.td_portal_item h3 { color: #032e4c; font-size: 14px; font-weight: bold; }
.shopping { background: url(../images/portal/assets/portal_bg_shopping.jpg) no-repeat center left; }
.finance { background: url(../images/portal/assets/portal_bg_finance.jpg) no-repeat center left; }
.entertainment { background: url(../images/portal/assets/portal_bg_entertainment.jpg) no-repeat center left; }
.news { background: url(../images/portal/assets/portal_bg_news.jpg) no-repeat center left; }
.radio { background: url(../images/portal/assets/portal_bg_radio.jpg) no-repeat center left; }

/***** Disclaimer *****/
#disclaimer{padding:0px 20px 0px 20px;}
#disclaimer
{
	line-height:1.4em;
}

/* 
 * CLEARFIX
 */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
