@charset "utf-8";
/* CSS Document */

/* Page-specific styles */
DIV#sonosContent {position:relative;top:0px;left:0px;padding-top:25px;height:544px;}
DIV#introcopy {position:absolute;top:0px;left:0px;z-index:2;width:470px;}
DIV#mainhero {position:absolute;top:45px;left:0px;z-index:1;width:590px;height:519px;}

/* Layer 1 - The text */
DIV#box1 {position:absolute;top:75px;left:52px;z-index:3;width:140px;padding:2px;padding-top:0px;text-align:left;line-height:75%em;}/*141-paddingX2 border:1px solid #123456*/
DIV#box2 {position:absolute;top:180px;left:52px;z-index:3;width:142px;padding:2px;padding-top:0px;text-align:left;}
DIV#box3 {position:absolute;top:280px;left:52px;z-index:3;width:140px;padding:2px;padding-top:0px;text-align:left;}

/* Layer 1 - more text */
DIV#more1 {position:absolute;top:148px;left:130px;z-index:3;width:50px; text-align:right;}
DIV#more2 {position:absolute;top:245px;left:130px;z-index:3;width:50px; text-align:right;}
DIV#more3 {position:absolute;top:352px;left:130px;z-index:3;width:50px; text-align:right;}
DIV.boxthree {font-size:11px;}
DIV.boxmore {font-size:10px;color:#ffffff;font-weight:bold;}
	
/* Layer 2 - the popup boxes */
DIV#overlay1{position:absolute;left:205px;top:62px;z-index:3;visibility:hidden;}
DIV#overlay2{position:absolute;left:205px;top:163px;z-index:3;visibility:hidden;}
DIV#overlay3{position:absolute;left:205px;top:268px;z-index:3;visibility:hidden;}

/* Layer 3 - spacer gifs for doing the rollovers - this prevents flickering because of the overlap of the layer 2 on 1.  */
DIV#top1{position:absolute;left:0px;top:66px;z-index:4;}
DIV#top2{position:absolute;left:0px;top:173px;z-index:4;}
DIV#top3{position:absolute;left:0px;top:270px;z-index:4;}

#orange_hdr{color:#ffb300;font-size:16px;font-weight:bold;}
#grey_hdr{color:#8d8d8d;font-size:18px;font-weight:normal;}