/* 
 * top level css
 * for template page based rendering
 */

/* apply to all elements */
*					{font-size: 12px; font-family: Verdana, Arial, Helvetica; color: black; line-height: 1.5em;}
						
body				{ background-color: white; font-size: 11px; font-family: Verdana, Arial, Helvetica;}

a				{background-color:transparent;color:blue;text-decoration:none}
a:hover				{ text-decoration: underline;}
a:active			{ text-decoration: underline;}

#iPodPromo A:link {COLOR: #666;TEXT-DECORATION: none;}
#iPodPromo A:visited {COLOR: #666;TEXT-DECORATION: none;}
#iPodPromo A:hover {COLOR: #666;TEXT-DECORATION: underline;}
#iPodPromo A:active {COLOR: #666;TEXT-DECORATION: underline;}


P {font: inherit;}

UL { }



/** Flipper CSS **/

h3{margin:0;padding:0}
h3{font-weight:bold}
h3{background-color:transparent;color:#666}
ul{list-style-type:none;margin:0;padding:0}
ul li{background:url('http://hp.msn.com/c/home/flight/666.gif') no-repeat .3em .6em;padding-left:.75em; padding-right:0; padding-top:0; padding-bottom:0}
.box1{border:1px solid #aacbee;width:313px;voice-family:"\"}\"";voice-family:inherit;width:311px}
.cell1{display:block;float:left;position:relative;width:50%}
.cell2{display:block;margin-left:50%}
.clr6, .clr6 a{color:#fff;background-color:#5c99dc}
.up{color:#090;display:block}.hide{display:none}
.size5{width:180px} /*was 160*/
.offset5{margin-left:190px} /*was 165*/
a.cell1 span{display:block;line-height:1.2em;text-align:center}
.cell1 img, .cell2 img{border:1px solid #aacbee;display:block;margin-top:4px}
html>body #Interactive .box1 .panel{padding:.1em}
#container table, #container h2 a, #container h3, #container h3 a, #container h4, #container h4 a, #container td a, #container li a{font-size:100%}
#container, #container li, #container a, #container h2, #container h3, #container label, #container p, #container td{font-size:93%}
a.cell1 span{font-size:85%}
#slideshow h3{font-size:160%;line-height:1em;padding-top:14px;padding-bottom:6px}	/*was font-size:135%;line-height:1em;padding-top:14px;padding-bottom:6px*/
a.cell1 span{font-family:verdana,sans-serif}
#broadbandinfopane{margin-top:10px;margin-bottom:1em}	/*was margin-top:10px;margin-bottom:.5em */
#flipper{width:360px}	/*was 313 */
html>body #flipper{min-width:360px;width:23.2em}#flipper a{color:#fff}	/*was 313 */
#flipper #last{display:block;float:left;padding-left:.5em;position:relative;width:50%}
#flipper #next{display:block;margin-left:50%;padding-right:.5em;text-align:right}
#slideshow{height:212px;width:360px;position:relative;background-color:#fff;overflow:hidden}	/*was height:160px;width:313px;*/
#slideshow .panel{position:absolute;top:0;left:0}
#slideshow ul{padding-top:3px}
#slideshow .offset5{margin-right:1em}
#slideshow img{border:none;margin-top:0}
#flipper{width:360px}	/*was 313 */

/** template specific structural selectors **/