/***********************common css starts**********************/ body,div,ul,li,h1,h2,h3,h4,h5,h6,form,fieldset,p{padding:0; margin:0; font-weight:normal;} body{font:16px/20px 幼圆, SonosPFHandbookPro, Trebuchet, Arial, Helvetica; color:#333; height:100%; background:#1a1919!important} body a {color:#d42536;} #fancybox-wrap, #fancybox-wrap div{-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;} img,fieldset{border:none; margin:0; padding:0;} .left{float:left;} .right{float:right!important; width:auto;} .full{float:left; width:100%;} .curv{float:left; width:100%;} .curv img{float:left} .map_c{position:relative; margin-top:-8px;} span.clear{clear:both;} a.floatright {float:right; clear:both; color:#d42536;} .sub-menu{display:none} a:focus{outline:none} input:focus{outline:none;} input {-webkit-appearance: none;} input[type="checkbox"]{-webkit-appearance: checkbox} input[type="radio"]{-webkit-appearance: radio} select {font-family: Trebuchet, Arial, Helvetica} a.bookmark{margin-top: -100px; padding-top: 100px; width: 1px; display: block;float:left;} .colorblock{float:left; display:block; position:relative; height:114px;} #topshadow { vertical-align:bottom;} #topshadow img { vertical-align:bottom;} #AssistSubmit input{margin-top: 7px;} #video_wrapper{height:100%; width:100%;} .videoMain{background-color: #000000;} .videoMain .mainPlayer{width:1024px; height:568px;margin: 0 auto;overflow: hidden;position:relative;} .videoMain div[id$='OverlayTextPanel']{ width:500px; float:left; position:absolute; left:64px; top:20px; } .videoMain div[id$='OverlayTextPanel'] h1{ color:#FFFFFF;font-size:44px;text-transform:uppercase; } /****************Common font formatting*******************/ h1{font-family:幼圆, SonosPFHandbookPro-medium, Trebuchet, Arial, Helvetica; font-size:40px; line-height:44px; color:#ffb629; padding-left:0; text-transform:uppercase;} h2{font-family:幼圆, SonosPFHandbookPro-medium, Trebuchet, Arial, Helvetica; font-size:18px; line-height:20px; color:#787878; text-transform:uppercase;} h3{font-family:幼圆, SonosPFHandbookPro-medium, Trebuchet, Arial, Helvetica; font-size:18px; line-height:22px; color:#afadad; text-transform:uppercase;} h4{font-family:幼圆, SonosPFHandbookPro-medium, Trebuchet, Arial, Helvetica; color:#fff; font-size:11px; line-height:14px;} p{font-size:12px; line-height:16px; color:#000;} ul.bullet{ list-style:none; list-style-type:none; float:left; width:100%} ul.bullet li{ background:url(/images/bullate_red.gif) no-repeat 0 8px; padding-left:10px;} /*************End Common font formatting******************/ /***********************common css ends**********************/ /***********************wrapper starts**********************/ .common_wrapper{width:980px; margin:0 auto;overflow:hidden;} #header .common_wrapper{width:980px; margin:0 auto;overflow:visible;} .main {background-color: #ffffff;} #body_container{float:left; width:100%; background:#fff; min-width:980px;} #body_container .common_wrapper{ width:980px;} .mainbody { margin-top: 64px; padding-top:27px } /***********************header starts**********************/ /***********************position fixed starts**********************/ .fixed-top /* position fixed Top */{position:fixed;bottom:auto;top:0px;} .fixed-left /* position fixed Left */{position:fixed;right:auto;left:0px;} * html,* html body /* IE6 Fixed Position Jitter Fix */{background-image:url(about:blank);background-attachment:fixed;} * html .fixed-top /* IE6 position fixed Top */{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));} * html .fixed-left /* IE6 position fixed Left */{position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft));} /***********************position fixed ends**********************/ .popup{float:left; width:300px; padding:15px; background:#eaeaea; position:absolute; top:75px; left:165px; z-index:4; display:none;} .popup .logo .close_btn{cursor:pointer;float:right; width:auto; margin:-25px;height:30px; width:30px; position:relative; background:transparent url('/static/scripts/plugins/fancybox/fancybox.png') -40px 0px} .popup .logo{float:left; width:100%; position:relative;} .popup h3 { color:#000000; float:left; padding:10px 0 5px 0; font:24px/18px; text-transform: uppercase; width: 100%;} .popup h3 span{color:#777777; float:left; width: 100%;} .popup p {color:#333333; float:left; padding:10px 0 5px 0; font:14px/16px; width: 99%;} .popup p a {color: #d42536;} /*********************product colors*********************/ .orange { color: #E5B53B; } .blue { color: #00afdb; } /*****************end product colors*********************/ /****************** generic buttons *********************/ /*Button that scales by itself - default RED*/ .red_btn2{position:relative; width:auto; float:left; display:inline; font-size:17px; line-height:20px; color:#fff; text-align:center; padding:0; margin-right:25px;} .red_btn2 a{width:auto; float:left; text-decoration:none; color:#fff; background:#d42536 url(/images/arrow_right.png) no-repeat 95% 50%; padding:5px 25px 5px 15px;font-family: 幼圆, SonosPFHandbookPro-medium, Trebuchet, Arial, Helvetica;} .red_btn2 a:hover{float:left; padding:5px 25px 5px 15px; background:#A91524 url(/images/arrow_right.png) no-repeat 95% 50%;} .flex_btn{position:relative; width:auto; float:left; display:inline; font-size:17px; line-height:20px; color:#fff; text-align:center; padding:0; margin-right:25px;} .flex_btn a{width:auto; float:left; text-decoration:none; color:#fff !important; background:#d42536 url(/images/arrow_right.png) no-repeat 95% 50%; padding:5px 25px 5px 15px;font-family: 幼圆, SonosPFHandbookPro-medium, Trebuchet, Arial, Helvetica;} .flex_btn a:hover{float:left; padding:5px 25px 5px 15px; color:#fff; background:#A91524 url(/images/arrow_right.png) no-repeat 95% 50%;} .no_btnarrow a{background:#d42536;padding:5px 15px 5px 15px;} .no_btnarrow a:hover{background:#A91524;padding:5px 15px 5px 15px;} .gry a{background-color:#707070;} .gry a:hover{background-color:#4f4f4f;} /*Buttons*/ .red_btn{width:auto; float:left; background:#d42536; display:inline; font-size:17px; line-height:20px; color:#fff; text-align:center; padding:0 0; } .red_btn a{width:100%; float:left; text-decoration:none; color:#fff; padding:7px 0px!important; margin:0!important; text-transform:uppercase; font-family: 幼圆, SonosPFHandbookPro-medium, Trebuchet, Arial, Helvetica; } .red_btn a small{width:6px!important; height:11px!important; padding:4px 6px 4px 0!important; float:none!important; display:inline-block; font-size:17px!important; background:url(/images/arrow_right.png) no-repeat 4px 3px; vertical-align:bottom; *background:url(/images/arrow_right.png) no-repeat 4px 4px; _background:url(/images/arrow_right.jpg) no-repeat 3px 4px;-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;} .red_btn a small img{width:auto; float:none; margin:0px 0 0 0 !important; vertical-align:middle; padding:0;} .red_btn a:hover{float:left; background:#A91524; margin:0!important; color: #ffffff;} .btn_w1{width:100px;} .btn_w1 img{ margin:-1px 0 0 0; position:relative;} .btn_w2{width:128px;} .btn_w3{width:150px;} .btn_w4{width:118px;} .btn_w5{width:142px;} .btn_w6{width:77px; margin-right:10px; display:inline; } .btn_w7{width:77px;} .btn_w8{width:147px;} .btn_w9{width:65px!important; margin-left:10px; display:inline;} .btn_w10{width:90px;} .btn_w11{width:147px; margin-left:10px; margin-top:15px; display:inline;} .btn_w12{width:102px;} .btn_w13{width:58px; margin-left:6px; display:inline;} .btn_w14{width:78px; margin:2px 4px 0px 0px; display:inline;} .btn_w15{width:152px; margin:2px 4px 0px 110px; display:inline;} .btn_w16{width:138px; margin:12px 0 22px 50px; display:inline;} .btn_w17{width:138px;margin:12px 0 22px 50px; display:inline;} .btn_w18{width:78px;margin:2px 4px 0 0; display:inline;} .btn_w19{width:78px;margin:2px 54px 0 0; display:inline;} .btn_w20{width:112px;margin:2px 69px 0 0; display:inline;} .btn_w21{width:162px;margin:4px 0 0 96px; display:inline;} .btn_w22{width:235px;} .btn_w23{width:135px; margin-right:10px; display:inline;} .gray_btn{float:left; background:#787878; display:inline; font-size:17px; line-height:20px; color:#fff; text-align:center; padding:7px 5px;} .gray_btn a{width:100%; float:left; text-decoration:none; color:#fff; padding:0!important; margin:0!important; text-transform:uppercase;} .gray_btn a small{width:6px!important; height:11px!important; padding:4px 6px 4px 0!important; float:none!important; display:inline-block; font-size:17px!important; background:url(/images/arrow_right.png) no-repeat 4px 3px; vertical-align:bottom; *background:url(/images/arrow_right.png) no-repeat 4px 4px; _background:url(/images/arrow_right.jpg) no-repeat 3px 4px;} .gray_btn a small img{width:auto; margin:0px 0 0 0 !important; float:none; vertical-align:middle;} /*End Buttons*/ /*Menu Buttons*/ /*End Menu Buttons*/ /*****************end generic buttons********************/ /***********************MY ACCOUNT**********************/ /***********************commmon Container starts**********************/ .common_full_container{width:100%; margin:20px 0px 30px 0px;padding:0px 30px 0 30px; overflow: hidden;} .noTopMargin{margin-top:0px;} .noBotMargin{margin-bottom:0px;} /***********************commmon Container ends************************/ /***********************My Account Wrapper starts**********************/ #myaccount_wrapper #mainArea {float:left; width:738px;} #myaccount_wrapper #leftnav {float:left;width:172px;margin-right:10px;background:#bcbcbc;margin-bottom: -100% !important; padding-bottom : 100% !important;} #myaccount_wrapper #clearer{position:relative;display:block;clear:both;} #myaccount_wrapper #login_page{clear:both;} #myaccount_wrapper .row{width:100%; float:left; padding-top:6px;display:block;} #myaccount_wrapper label{width:91px; float:left; font-size:12px; line-height:16px; color:#000000; padding-top:1px;} #myaccount_wrapper label.large{width:110px; float:left; } #myaccount_wrapper .left{width:100px; float:left;} #myaccount_wrapper select{width:127px; float:left; font:normal 11px/16px Trebuchet, Arial, Helvetica; color:#000; background:none; border:none; height:19px;} #myaccount_wrapper .password{width:80px; float:left; font-size:12px; line-height:16px; color:#c20000;} #myaccount_wrapper .password a{width:100%; float:left; text-decoration:none; color:#c20000; height:auto!important;} #myaccount_wrapper .password a:hover{text-decoration:none; color:#c20000;} #myaccount_wrapper .field{width:127px; float:left; height:19px; background:url(/images/field_bg.jpg) no-repeat 0 0; padding:2px;} #myaccount_wrapper .field input{width:127px; float:left; font:normal 11px/16px SonosPFHandbookPro; color:#000; background:none; border:0px;} #myaccount_wrapper .button_row {float:right;} /***********************awning**********************/ #awning {position:relative; margin:63px auto 0px auto; width:980px; height:87px; background:url(/images/awning_speakerbackdrop.jpg) no-repeat 0 0;padding:0px 0px 0px 50px;} #awning h1 {line-height:87px;} /************** sub navigation tabs *********************/ /* subtract 35 for reg, plus additional 2 for border*/ .nav_htabs{float:left;width:172px;} .nav_htabs ul{width:182px; text-align:left; list-style:none; clear:both;} .nav_htabs ul li{width:145px; display:block; background:#e0e0e0;margin:0px 10px 0px 0px;} .nav_htabs ul li h4{width:145px; display:block; color:#8e8e8e; font-size:18px; line-height:41px; text-transform:uppercase; font-family:SonosPFHandbookPro, Trebuchet, Arial, Helvetica;} .nav_htabs ul li h4 a{float: left; display:block; width:145px; color:#8e8e8e; background:#e0e0e0; line-height:41px; padding: 0px 5px 0px 20px;text-decoration:none; border:1px solid #bbbbbb;border-bottom:0px;} .nav_htabs ul li h4 a:hover{width:146px; color:#fff; background:#c63636; margin:0px;padding: 0px 15px 0px 20px;border-right:0px;} .nav_htabs ul li.active h4 a{width:146px; color:#fff; background:#c63636;margin:0px;padding: 0px 15px 0px 20px;border-right:0px;} .nav_htabs ul li.lastli h4 a{border-bottom:1px solid #bbbbbb;} /**************common gray box element*******************/ #myaccount_wrapper .gray_box {position:relative; width:696px; min-height:250px; float:left; border:1px solid #bbbbbb; display:block; background-color:#e0e0e0; padding:20px;margin-bottom:0px;font-family:SonosPFHandbookPro, Trebuchet, Arial, Helvetica;} #myaccount_wrapper .gb_withHeader {padding-top:70px;} #myaccount_wrapper .gb_withButtons {padding-bottom:70px;} #myaccount_wrapper .gray_box .headerBar{position:absolute; display:block; width:100%; height:60px; top:-1px;left:-1px; color:#8c8c8c; background-color:#000;border:1px solid #000;} #myaccount_wrapper .gray_box .headerBar h2 {position:relative;width:auto;float:left; line-height:60px;font-size:28px; color:#898989;padding:0px 0px 0px 28px;margin:0px;} #myaccount_wrapper .gray_box .headerBar h3 {position:relative;width:auto;float:right; line-height:60px;font-size:21px; color:#c63636;padding:0px 28px 0px 0px;margin:0px;} #myaccount_wrapper .gray_box .headerBar h3 .yaactive {color:#009900;} #myaccount_wrapper .gray_box .buttonBar{position:absolute; display:block; float:right; width:100%; height:60px; bottom:0px;left:0px; color:#000; background-color:#ffdbdb;border-top:1px solid #bbbbbb;} #myaccount_wrapper .gray_box .buttonBar .button_row{padding-top:15px;} #myaccount_wrapper .gray_box .buttonBox{position:relative; display:block; width:694px; height:56px; line-height:56px; color:#000; background-color:#ffdbdb;border:1px solid #bcbcbc;margin:10px 0px 20px 0px;} #myaccount_wrapper .gray_box .buttonBox .btnintro {float:left;line-height:56px;color:#000;font-size:20px;padding-left:20px;text-transform:uppercase;} #myaccount_wrapper .gray_box .buttonBox .flex_btn {float:right;padding-top:13px;} #myaccount_wrapper .gray_box .buttonBox .link_btn {float:right;line-height:56px;padding-right:20px;} #myaccount_wrapper .gray_box h2{color:#000; padding:20px 0px 10px 0px; margin:0px; font-size:28px;} #myaccount_wrapper .gray_box h2.top {padding:10px 0px 10px 0px;} #myaccount_wrapper .gray_box h2.lineabove{border-top:1px solid #ccc;margin-top:20px;} #myaccount_wrapper .gray_box h3{color:#000; padding:10px 0px 8px 0px; font-size:20px;font-family:SonosPFHandbookPro-medium, Trebuchet, Arial, Helvetica;} #myaccount_wrapper .gray_box h4{color:#848484; padding:10px 0px 10px 0px; font-size:20px;} #myaccount_wrapper .gray_box DIV.deck{color:#000; padding:0px 0px 20px 0px;font-size:16px;margin: 10px 0px 10px 0px;} #myaccount_wrapper .gray_box DIV.deck ul{padding:10px 0px 20px 20px;} #myaccount_wrapper .nobmargin {margin-bottom:0px;} #myaccount_wrapper .gray_box .nobmargin {margin-bottom:0px;} /* #myaccount_wrapper .gray_box ul{width:100%; float:left; list-style:none!important; margin:0;} #myaccount_wrapper .gray_box ul li{width:100%; float:left; font-size:16px!important; font-family:SonosPFHandbookPro-medium, Trebuchet, Arial, Helvetica; line-height:17px; color:#000000; padding-bottom:2px;} #myaccount_wrapper .gray_box ul li ul{margin-left:15px; width:95%} #myaccount_wrapper .gray_box ul li a{color:#000; text-decoration:none; } #myaccount_wrapper .gray_box ul li a:hover{color:#d42536;} #myaccount_wrapper .gray_box ul li span.chev{padding-left:3px; color:#d42536; font-weight:bold; font-size:18px;}*/ /************end common gray box element*****************/ /**************common gray box element*******************/ .gray_box{width:660px; float:left; border:1px solid #dfdfdf; display:inline; background-color:#f5f5f5; padding:10px 20px 20px 20px; margin-bottom:35px;} .gray_box .line_row{width:100%; float:left; border-right:1px solid #cacaca;} .gray_box .col01{width:238px; float:left;} .gray_box .col02{width:280px; float:left; padding-left:40px;} .gray_box h2{width:100%; float:left; color:#b3b3b3; padding:0px; text-transform:uppercase;} .gray_box h2.auto{width:auto; float:left;} .gray_box ul{width:100%; float:left; list-style:none!important; margin:0;} .gray_box ul li{width:100%; float:left; font-size:16px!important; font-family: 幼圆, SonosPFHandbookPro-medium, Trebuchet, Arial, Helvetica; line-height:17px; color:#000000; padding-bottom:2px;} .gray_box ul li ul{margin-left:15px; width:95%} .gray_box ul li a{color:#000; text-decoration:none; } .gray_box ul li a:hover{color:#d42536;} .gray_box ul li span.chev{padding-left:3px; color:#d42536; font-weight:bold; font-size:18px;} /************end common gray box element*****************/ /************** sub navigation tabs *********************/ .nav_tabs{float:left; width:100%; background:#e9e9e9; padding:0px 0px 0 0; margin-bottom:15px;} .nav_tabs ul{float:left; width:100%; text-align:center; list-style:none;} .nav_tabs ul li{float:left; width:auto; display:inline-block;} .nav_tabs ul li h4{float:left; width:auto; color:#787878; font-size:18px; line-height:20px; text-transform:uppercase; font-family:幼圆, SonosPFHandbookPro, Trebuchet, Arial, Helvetica;} .nav_tabs ul li h4 a{float:left; width:auto; color:#787878; padding:10px 12px!important; text-align:center; text-decoration:none; } .nav_tabs ul li h4 a:hover{float:left; width:auto; color:#000000; background:url(/images/feature_top_arrow1.jpg) no-repeat center bottom;} .nav_tabs ul li.active h4 a{float:left; width:auto; color:#000000; background:#bcbcbc url(/images/feature_top_arrow.jpg) no-repeat center bottom;} /************ end navigation tabs ***********************/ /***********************commmon left_container starts**********************/ .main .common_left_container{width:700px; float:left; margin-top:64px;padding:27px 5px 0 5px; margin-bottom: 31px;} .main .common_left_container.expand { width: 100%; } .main .common_left_container .top_row{width:100%; float:left; margin-bottom:12px;} .main .common_left_container .top_row h1{width:auto; float:left;} .main .common_left_container p{width:100%; float:left; font-size:16px; padding:0px 0 15px 0; line-height:20px; color:#464646; font-weight:normal;} .main .common_left_container p a{color: #d42536;} .main .common_left_container h3{width:100%; float:left; font-size:20px; line-height:24px; color:#000000; padding:20px 0 0px 0; text-transform:uppercase;} .main .common_left_container h3 span{padding-left:0px; color:#d42536; font-weight:bold; font-size:24px; line-height:24px;} /***********************commmon left_container ends************************/ /***********************commmon right_container starts**********************/ #common_right_container.space_top{ margin-top:104px;} #common_right_container{width:204px; float:right; margin-top:27px; border-left:1px solid #dddddd; min-height:685px; height:auto!important; height:685px; padding:0 25px 0 25px;} #common_right_container.search{ border-left:0px } .privacyPolicy .policy ul{width:100%;clear:both;} .privacyPolicy .policy ul li{background:url(/images/bullate_red.gif) no-repeat 0 8px; margin-left:20px; padding-left:10px; list-style:none; font-size: 16px; line-height: 20px; margin-bottom: 10px;} .terms .term ul li{background:url(/images/bullate_red.gif) no-repeat 0 8px; margin-left:20px; padding-left:10px; list-style:none;} /************************Support Page****************************/ .support_updates{background:#E9E9E9!important;float:left; width:100%;min-width:980px; margin-top:64px; position:relative; z-index:9;} #top_section .breadcrumbs {display:table;} #top_section .breadcrumbs div {display:table-row; padding: 10px;} #top_section .breadcrumbs .title{background:#404040;display:table-cell;} #top_section .breadcrumbs .title p{width:100%; color:#FFFFFF; font-size:16px; text-transform:uppercase; background:#404040; } #top_section .breadcrumbs .details{display:table-cell;width:840px; margin:0!important; color:#000; font-size:14px; line-height:16px; text-transform:uppercase;} #get_soft_app {float:left; width:940px; padding:40px 20px 40px 20px;} #get_soft_app .get_soft{float:left; width:395px;} #get_soft_app .get_soft h3{float:left; width:100%; color:#000; padding-bottom:30px; font-size:18px; text-transform:uppercase;} #get_soft_app .get_soft ul{float:left; width:100%; list-style:none; display:block;} #get_soft_app .get_soft ul li{float:left; width:120px; margin-right:20px;} #get_soft_app .get_soft ul li .photo{float:left; width:100%; text-align:center;} #get_soft_app .get_soft ul li p{float:left; width:100%; padding:10px 0 10px 0; text-align:center; font-size:14px; color:#333333;} #get_soft_app .get_soft ul li small{float:left; width:100%; padding:10px 0 10px 0; font-size:12px; text-transform:uppercase; color:#787878; text-align:center;} #get_soft_app .get_soft ul li small a {color: #000000; text-decoration: none;} #get_soft_app .get_soft ul li small a:hover {color: #d42536;} #get_soft_app .get_soft ul li .but_row_new {width:auto; height:34px; padding-left:7px; float:left;} #get_soft_app .get_app{float:left; width:495px;} #get_soft_app .get_app h3{float:left; width:100%; color:#000; padding-bottom:30px; font-size:18px; text-transform:uppercase;} #get_soft_app .get_app ul{float:left; width:100%; list-style:none;} #get_soft_app .get_app ul li{float:left; width:135px; margin-right:20px;} #get_soft_app .get_app ul li .photo{float:left; width:100%; text-align:center;} #get_soft_app .get_app ul li p{float:left; width:100%; padding:10px 0 10px 0; text-align:center; font-size:14px; color:#333333; min-height:35px;} #get_soft_app .get_app ul li small{float:left; width:100%; padding:10px 0 10px 0; font-size:11px; text-transform:uppercase; color:#787878; text-align:center;} #get_soft_app .get_app ul li .but_row_new {width:auto; height:34px; padding-left:15px; float:left;} #get_soft_app p {float:left; width:940px;} #get_soft_app p a{float:right; width:auto; padding-right:15px; background:url(/images/right_arrow.jpg) no-repeat right 5px; color:#333333; text-decoration:none; font-size:14px; text-transform:uppercase;} #get_soft_app p a:hover{color:#d42536; text-decoration:none;} /***********************get_docs starts**********************/ #get_docs{float:left; width:940px; padding:45px 20px 90px 20px;} #get_docs h3{float:left; width:100%; color:#000; padding-bottom:30px; font-size:18px; text-transform:uppercase;} #get_docs .get_docs_menu{ width:275px; float:left; margin-right:17px; display:inline;} #get_docs .help{ width:250px; float:left; margin-right:17px; display:inline;} #get_docs .help ul { width:100%; float:left; list-style:none;} #get_docs .help ul li{ width:250px; float:left; height:20px; font-size:15px; line-height:16px; color:#ffffff; text-transform:uppercase;} #get_docs .help ul li .red_btn a {width: 250px;} #get_docs .get_docs_menu.last {margin-right:0; } #get_docs .get_docs_menu ul{ width:250px; float:left; list-style:none;} #get_docs .get_docs_menu ul li{ width:250px; float:left; height:20px; font-size:17px; line-height:20px; color:#ffffff; font-family: 幼圆, SonosPFHandbookPro-medium, Trebuchet, Arial, Helvetica; background:#d42536; padding:7px 15px 7px 6px; text-transform:uppercase;} #get_docs .get_docs_menu ul li:hover{background:#A91524;} #get_docs .get_docs_menu ul#nav li a{text-decoration:none; width:250px; float:left; color:#fff; background:url(/images/red_arrow_down.png) no-repeat right 8px;} #get_docs .get_docs_menu ul#nav li a small {background:url(/images/red_arrow_down.png) no-repeat right 8px;} #get_docs .get_docs_menu ul#nav li a:hover{text-decoration:none; color:#fff; } #get_docs .get_docs_menu .sub-menu {float:left; list-style:none; width:250px; padding:12px 0 10px 19px; background:url(/images/gredient_ver_bg.jpg) 0 0 repeat-x; border-left:solid 1px #b0b0b0; border-right:solid 1px #b0b0b0; border-bottom:solid 1px #b0b0b0;} #get_docs .get_docs_menu .sub-menu li{float:left; height:auto; margin:0; padding:0; width:100%; font-size:14px; line-height:14px; text-transform:uppercase; background:none;} #get_docs .get_docs_menu .sub-menu li a{color:#000; width:100%; background:none; text-decoration: none; padding: 10px;} #get_docs .get_docs_menu .sub-menu li a b{ width:170px; text-decoration:none; padding:3px 0 0 0!important; margin:0; float:left; background:none; height:auto} #get_docs .get_docs_menu .sub-menu li a img{ float:left; margin:-2px 8px 0 0; display:inline;} #get_docs .get_docs_menu .sub-menu li h3{width:100%; text-decoration:none; padding:0!important; margin:0; float:left; text-transform:uppercase; color:#c00010;} #get_docs .get_docs_menu .sub-menu li p{color:#000; width:94%; text-decoration:none; padding:0 0 6px 0!important; margin:0; float:left; color:#0f0f0f;} #get_docs .get_docs_menu .sub-menu li a:hover{background:none; color:#d42536} #get_docs .get_docs_menu .sub-menu li.last{border-bottom:none} /***********************get_docs ends**********************/ #select_alert {float:left; width:100%; background:#e9e9e9; height:34px;} #select_alert .alert{float:left; width:175px!important; background:#d42536; height:28px; padding:6px 0 0 20px!important; margin:0!important; font-size:18px; line-height:20px; text-transform:uppercase; color:#fff;} #select_alert ul {width:750px!important; float:left;} #select_alert li {float:left; list-style-type:none; width:750px;} #select_alert li a{color:#000; text-decoration:none;} #select_alert li a:hover{color:#d42536; text-decoration:none;} #select_alert li img {float:left; width:70px; padding-top: 2px;} #select_alert ul li p {height:28px; padding:10px 0 0 15px; font-size:14px;float:left;width:665px;} #select_alert ul li p span {text-transform: uppercase;} #find_your_answer{float:left; width:940px; background:#000; padding:50px 20px 50px 20px;} #find_your_answer h1{float:left; width:100%; padding:0 0 0px 0; font-size:34px; line-height:36px; text-transform:uppercase; color:#fff;} #find_your_answer h3{float:left; width:100%; font-size:20px; line-height:22px; text-transform:uppercase; color:#787878;} #find_your_answer .search_browse{float:left; width:100%; padding:35px 0; margin-top: 15px; padding: 20px 0;} #find_your_answer .search_browse .search_bg{float:left; width:424px; height:34px; background:url(/images/search_bg.jpg) no-repeat 0 0px;} #find_your_answer .search_browse .search_bg .input_box{font-family:幼圆, SonosPFHandbookPro, Trebuchet, Arial, Helvetica;float:left; width:304px; padding-left:10px; height:34px; background:none; border:0; font-size:18px; text-transform:uppercase; color:#787878;} #find_your_answer .search_browse .search_btn{float:left; width:65px; height:34px; background:url(/images/search_btn.jpg) no-repeat 0 0px; } #find_your_answer .search_browse .search_btn .btn_se{float:left; width:65px; height:34px; background:none; border:0; cursor:pointer;} #find_your_answer .or_text{float:left; width:175px; font-size:18px; line-height:34px; text-transform:uppercase; color:#fff; text-align:center;} /***********************browse_ans starts**********************/ #browse_ans { width:320px!important; float:right; padding-left:12px; height:34px; } #browse_ans ul{ width:100%; float:left; list-style:none; padding:0 0 0 0!important; margin:0!important;} /*#browse_ans ul li{ width:340px!important; float:left; height:26px; font-size:16px; line-height:16px; color:#ffffff; background:#d42536 ; padding:8px 10px 0 10px!important;} #browse_ans ul li a{text-decoration:none; width:100%; float:left; color:#fff!important;} #browse_ans ul li a:hover{text-decoration:none; color:#fff;} #browse_ans .sub-menu {float:left; list-style:none; width:343px!important; background:#fff!important; padding:0 0 20px 15px!important; border-left:solid 1px #d42536; border-right:solid 1px #d42536; border-bottom:solid 1px #d42536; z-index:99999; position:relative;} #browse_ans .sub-menu li{float:left; height:auto; margin:0; padding:0; width:100%; font-size:14px; line-height:16px; text-transform:none; background:none!important; padding:2px 0 2px 0!important; text-transform:uppercase!important;} #browse_ans .sub-menu li a{color:#000!important; width:100%; text-decoration:none; background:none!important; padding:2px 0 0 0!important; margin:0; float:left; display:block; height:auto; } #browse_ans .sub-menu li span{padding-left:10px; color:#d42536; font-weight:bold; font-size:18px;}*/ #browse_ans .red_btn {width: 300px; height: 26px;color:#fff;background:#d42536; padding-bottom: 7px;} /***********************browse_ans ends**********************/ /************************Release Notes***********************/ #release_notes h3{padding-top: 0px;width:100%} #release_notes h2{padding-top: 20px; float:left; width:100%; font-size: 22px} #release_notes h4 {padding-top: 20px; color:#000; font-size: 20px; line-height: 24px; float:left; clear: both;} #release_notes h5{padding: 10px 0px 10px; color:#000; font-size: 18px; line-height: 20px; float:left; clear: both;} #release_notes ul{width: auto; margin-bottom: 12px; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;} #release_notes ul li { width: auto!important; float:none!important;} #release_notes .fullnotes {float:left;} #release_notes .intro h4 {float:none;} *#release_notes .intro ul {margin-left:30px;} /***********************inner_breadcrumbs starts**********************/ #inner_breadcrumbs{float:left; width:100%; } #inner_breadcrumbs ul{ float:left; list-style:none; width:auto; padding:0 0 40px 0;} #inner_breadcrumbs ul li{float:left; width:auto; font-size:16px; color:#787878; padding:0 5px 0 10px; text-transform:uppercase; margin-right:2px;} #inner_breadcrumbs ul li a{text-decoration:none; color:#787878; padding-right: 12px;} #inner_breadcrumbs ul li a small{width:8px!important; height:8px!important; margin-left: 4px; padding:1px 2px 4px 4px!important; float:none!important; display:inline-block; font-size:17px!important; background:url(/images/left_arrow.jpg) no-repeat; vertical-align:bottom; *background:url(/images/left_arrow.jpg) no-repeat; _background:url(/images/left_arrow.jpg) no-repeat;} #inner_breadcrumbs ul li a:hover{color:#d42536;} /***********************inner_breadcrumbs ends**********************/ /***********************ask_anything starts**********************/ #ask_anything{float:left; width:100%; margin:25px 0 10px 0; z-index:6666; position:relative;} #ask_anything ul{float:left; width:100%; list-style:none!important;} #ask_anything ul li{float:left; width:300px; margin-right:20px; display:inline;} #ask_anything ul li.last{margin-right:0;} #ask_anything ul li .photo{float:left; width:101px;} #ask_anything ul li .photo img{float:left;} #ask_anything ul li .details{float:right; width:190px;} #ask_anything ul li .details h3{float:left; width:100%; font-size:20px; line-height:22px; text-transform:uppercase; color:#fff; padding:0!important; margin:0!important;} #ask_anything ul li .details p{float:left; width:100%; font-size:14px; line-height:14px; color:#626262; padding:0!important; margin:0!important;} #ask_anything ul li .details p span{color:#d42536;} #ask_anything ul li .details small{float:left; width:100%; font-size:12px; line-height:16px; color:#626262;} #ask_anything ul li .details p a {color:#d42536; text-decoration:none;} #ask_anything ul li .details p a:hover {color:#d42536; text-decoration:underline;} #ask_anything ul li .details ul li {font-size:14px; line-height:14px; color:#626262; background:url(/images/bullate_red.gif) no-repeat 0 8px; padding-left:10px;} /***********************End Support Page ************************/ /***********************Music Page*******************************/ /* sonos_music starts */ #sonos_music{width:100%; float:left; padding:0; margin:64px 0 0 0;} /* all your music starts */ #sonos_music .all_your_music{width:980px; float:left; } #sonos_music .all_your_music h1 {width:100%; float:left; font-size:61px; line-height:50px; text-transform:uppercase; color:#fff; padding-bottom:5px;} #sonos_music .all_your_music ul{width:100%; float:left; list-style:none;} #sonos_music .all_your_music ul li{width:940px; float:left; padding:0; position:relative;} #sonos_music .all_your_music ul li img{float:left;} #sonos_music .all_your_music ul li .details{width:260px; float:left; position:absolute; left:20px; top:35px;} #sonos_music .all_your_music ul li .details h3{width:100%; padding-top:10px; float:left; font-size:18px; line-height:18px; color:#fff; text-transform:uppercase;} /* all your music ends */ /* access_demo starts */ #sonos_music .access_demo{width:980px; float:left;} #sonos_music .access_demo ul{width:100%; float:left; list-style:none;} #sonos_music .access_demo ul li{width:980px; float:left; padding:0; position:relative; height: 552px;} #sonos_music .access_demo ul li img{float:left;} #sonos_music .access_demo ul li .details{width:280px; float:left; position:absolute; left:20px; top:46px;} #sonos_music .access_demo ul li .details h1{width:100%; font-size:18px; line-height:18px;text-transform:uppercase; color:#ffffff; position:absolute; top: -30px; left: 40px;} #sonos_music .access_demo ul li .details h3{width:100%; float:left; font-size:18px; line-height:18px; color:#fff; text-transform:uppercase;} /* access_demo ends */ /* your music starts */ #sonos_music .your_music{width:980px; float:left; padding:42px 15px 40px 15px; border-bottom:solid 1px #eaeaea; } #sonos_music .your_music h2{width:100%; float:left; font-size:18px; line-height:18px; color:#000000; text-transform:uppercase;} #sonos_music .your_music .music_details{width:100%; float:left;} #sonos_music .your_music .music_details .left_section{width:290px; float:left; display:block;padding-left:0px;} #sonos_music .your_music .music_details .left_section h3{width:100%; float:left; padding-top:40px; font-size:38px; line-height:38px; color:#000; text-transform:uppercase;} #sonos_music .your_music .music_details .left_section ul{width:100%; float:left; height:60px; padding:20px 0 0 0; list-style:none;} #sonos_music .your_music .music_details .left_section ul li{width:290px; float:left; margin-bottom:1px;} #sonos_music .your_music .music_details .left_section ul li a{width:265px; padding:8px 10px 0 15px; height:22px; float:left; color:#414141; font-size:14px; line-height:16px; text-transform:uppercase; text-decoration:none; background:#eaeaea url(/images/normal_gray_arrow.jpg) no-repeat 270px 11px;} #sonos_music .your_music .music_details .left_section ul li a:hover{color:#fff; background:#414141 url(/images/menu_arrow_white.png) no-repeat 270px 11px;} #sonos_music .your_music .music_details .left_section ul li.active a{color:#fff; background:#414141 url(/images/menu_arrow_white.png) no-repeat 270px 11px;} #sonos_music .your_music .music_details .left_section ul li.active a:hover{color:#fff; background:#414141 url(/images/menu_arrow_white.png) no-repeat 270px 11px;} #sonos_music .your_music .music_details .left_section ul li img{float:left;} #sonos_music .your_music .music_details .left_section ul li .details{width:260px; padding:15px; float:left; margin:1px 0 0 0; background:#eaeaea; color:#414141; font-size:14px; line-height:16px; clear:both; display:none} #sonos_music .your_music .music_details .left_section h4{width:100%; float:left; font-size:30px; line-height:32px; color:#dcdcdc;margin-top: 10px;clear:both;} #sonos_music .your_music .music_details .left_section h4 a{width:auto; float:left; font-size:16px; line-height:18px; color:#848484; text-decoration:none; text-transform:uppercase;} #sonos_music .your_music .music_details .left_section h4 a span{width:auto; padding-left:3px; font-size:22px; line-height:22px; color:#d42536; text-transform:uppercase;} /*#SupportedFormatsPopup */ .formats_popup {position:absolute; width:279;float:left; padding-left: 10px;padding-bottom: 10px;top: 10px; border:solid 1px #dfdfdf; border-radius:10px; box-shadow:5px 5px 5px #ccc; -webkit-box-shadow:5px 5px 5px #ccc; -moz-box-shadow:5px 5px 5xp #ccc; position:relative;display:block;} .formats_popup div {float:left} .formats_popup .MessagePopup p{font-size: 14px; color:#000000; text-transform:uppercase; float:left;text-align:left!important;} #sonos_music .your_music .music_details .left_section .formats_popup .MessagePopup ul {height:auto;} .formats_popup .MessagePopup ul {margin-left: 10px;} .formats_popup .MessagePopup ul li {font-size: 14px; float:left; width:100%!important; background:url(/images/bullate_red.gif) no-repeat 0 8px; padding-left:10px;padding-bottom:0px;} .formats_popup .MessagePopup .three_Column ul li {width:118px!important} .formats_popup .close {cursor:pointer; position:absolute; width:30px; display:block; height:30px; top: -10px; right: -10px; background:transparent url('/static/scripts/plugins/fancybox/fancybox.png') -40px 0px} .music_details .formats_popup {margin-top: 25px;} .music_details .formats_popup .MessagePopup p {padding: 10px 0 0px 0;} #sonos_music .your_music .music_details .right_section{width:675px; float:right;display:block; } #sonos_music .your_music .music_details .right_section h3{width:100%; float:left; font-size:30px; line-height:32px; color:#dcdcdc;} #sonos_music .your_music .music_details .right_section a{width:auto; float:right; font-size:16px; line-height:18px; color:#848484; text-decoration:none;} #sonos_music .your_music .music_details .right_section a span{width:auto; padding-left:3px; font-size:22px; line-height:22px; color:#d42536;} #sonos_music .your_music .music_details .right_section a:hover{text-decoration:none;} #sonos_music .your_music .music_details .right_section .caption{text-align:center; } #sonos_music .your_music .music_details .right_section .caption p{float:left;font-size:16px; line-height:18px; color:#717171; width:400px;margin-left:140px;} #sonos_music .your_music .music_details .right_section ul{width:100%; float:right; list-style:none; } #sonos_music .your_music .music_details .right_section ul li{width:100%; float:left; position:relative;} #sonos_music .your_music .music_details .right_section ul li.panel1 .plus1{width:35px; float:left; position:absolute; top:59px; left:201px;} #sonos_music .your_music .music_details .right_section ul li.panel1 .plus2{width:35px; float:left; position:absolute; top:155px; left:310px;} #sonos_music .your_music .music_details .right_section ul li.panel1 .plus3{width:35px; float:left; position:absolute; top:208px; left:358px;} #sonos_music .your_music .music_details .right_section ul li.panel1 .plus4{width:35px; float:left; position:absolute; top:208px; left:268px;} #sonos_music .your_music .music_details .right_section ul li.panel1 .plus5 {width:35px; float:left; position: absolute; top: 114px;left: 423px;} #sonos_music .your_music .music_details .right_section ul li.panel2 .plus1{width:35px; float:left; position:absolute; top:67px; left:261px;} #sonos_music .your_music .music_details .right_section ul li.panel2 .plus2{width:35px; float:left; position:absolute; top:205px; left:261px;} #sonos_music .your_music .music_details .right_section ul li .common_popoup{width:35px; float:left; position:relative;} #sonos_music .your_music .music_details .right_section ul li img{float:right;} /* your music ends */ /* services starts */ #sonos_music .services{width:950px; float:left; padding:42px 15px 40px 15px; border-bottom:solid 1px #eaeaea; } #sonos_music .services h2{width:100%; float:left; font-size:18px; line-height:18px; color:#000000; text-transform:uppercase;} #sonos_music .services .services_details{width:100%; float:left;} #sonos_music .services .services_details .left_section {width:290px; float:left;} #sonos_music .services .services_details .left_section h3{width:100%; float:left; padding-top:40px; font-size:38px; line-height:38px; color:#000; text-transform:uppercase;} #sonos_music .services .services_details .left_section h4{width:100%; float:left; padding-top:20px; font-size:18px; line-height:18px; color:#000000; text-transform:uppercase;} #sonos_music .services .services_details .left_section img{float:left;} #sonos_music .services .services_details .left_section .pandora_details{width:270px; padding:10px; margin-top:60px; float:left; background:#eaeaea; } #sonos_music .services .services_details .left_section .pandora_details .photo{width:100px; float:left; } /* #sonos_music .services .services_details .left_section .pandora_details .photo img {width:90px; height:auto;} */ #sonos_music .services .services_details .left_section .pandora_details .details{width:160px; float:left; } #sonos_music .services .services_details .left_section .pandora_details .details h3{width:100%; float:left; font-size:18px; line-height:18px; color:#000000; text-transform:uppercase; padding:0; margin:0; } #sonos_music .services .services_details .left_section .pandora_details .details h3 span{width:100%; float:left; color:#336799;} #sonos_music .services .services_details .left_section .pandora_details .details p{width:100%; float:left; font-size:14px; line-height:14px; color:#787878; padding:0; margin:0; } #sonos_music .services .services_details .right_section{width:605px; float:left; padding-right:0; position:relative;} #sonos_music .services .services_details .right_section .logo_section{width:565px; float:right; padding-right:0;z-index:3;} #sonos_music .services .services_details .right_section .logo_section ul{width:565px!important; float:left; list-style:none; margin:0!important; padding:0!important; position:relative;} #sonos_music .services .services_details .right_section .logo_section ul li{width:175px; height:115px; float:left; margin: 0 0 10px 10px ; display:inline; background:#eaeaea; position:relative;} #sonos_music .services .services_details .right_section .logo_section ul li img{float:left;} #sonos_music .services .services_details .right_section .popup ul {width:255px; font-size: 12px; float:left; margin: 0 0 0 20px; display:inline; background:#eaeaea; position:relative;} #sonos_music .services .services_details .right_section .services_arrow{width:35px; float:left; position:absolute; top:156px; right:-48px;} #sonos_music .services .services_details .right_section .services_arrow a{float:left; text-decoration:none;} #sonos_music .services .services_details .right_section .services_arrow a span{width:35px; float:left; text-transform:uppercase; font-size:14px; line-height:14px; color:#d42536; text-align:center; text-decoration:none;} #sonos_music .services .services_details .right_section .services_arrow_left a span{width:35px; float:left; text-transform:uppercase; font-size:14px; line-height:14px; color:#d42536; text-align:center; } #sonos_music .services .services_details .right_section .services_arrow_left{width:35px; float:left; position:absolute; top:156px; left:5px;} #sonos_music .services .services_details .right_section .services_arrow_left a{float:left; text-decoration:none;} #sonos_music .services .services_details .right_section .services_arrow_left a span{width:35px; float:left; text-transform:uppercase; font:normal 14px/14px; color:#d42536; text-align:center; } #sonos_music .services .services_details .right_section .logo_details{width:170px; height:100px; padding:8px; float:left; background:#eaeaea; display:none; position:absolute; left:0; top:0;} #sonos_music .services .services_details .right_section .logo_details h3{width:100%; float:left; font-size:16px; line-height:18px; text-transform:uppercase; color:#000;} #sonos_music .services .services_details .right_section .logo_details h3 span{width:100%; float:left; font-size:14px; line-height:14px; color:#787878;} #sonos_music .services .services_details .right_section .logo_details p{width:100%; padding-top:5px; float:left; font-size:14px; line-height:15px; color:#333333;} #sonos_music .services .services_details .right_section .logo_details p a{width:100%; font-size:12px; line-height:12px; color:#d42536; text-decoration:underline;} /* station starts */ #sonos_music .station{width:980px; float:left; min-height:576px;} #sonos_music .station ul{width:100%; float:left; list-style:none;} #sonos_music .station ul li{width:100%; float:left; padding:0; position:relative;} #sonos_music .station ul li img{float:left;} #sonos_music .station ul li .details{width:375px; float:left; position:relative; left:20px; margin-top:46px;} #sonos_music .station ul li .details h2{width:100%; float:left; font-size:18px; line-height:18px; color:#fff; text-transform:uppercase;} #sonos_music .station ul li .details h4{width:100%; float:left; padding:10px 0; font-size:18px; line-height:18px; color:#d3d3d3; text-transform:uppercase;} #sonos_music .station ul li .details {width:100%; float:left; padding:10px 0; font-size:18px; line-height:18px; color:#d3d3d3; text-transform:uppercase;} #sort_box{ width:310px!important; float:left; padding-top:20px; } #sort_box span{ width:65px!important; float:left; padding-top:7px; font-size:16px; text-transform:uppercase; line-height:16px; color:#ffffff; } .sort_by{ width:220px!important; float:right;} .sort_by ul{ width:100%; float:left; list-style:none; padding:0 0 0 0!important; margin:0!important;} .sort_by ul li{ width:180px!important; float:left; height:26px; font-size:16px; text-transform:uppercase; line-height:16px; color:#ffffff; background:#d42536; padding:8px 10px 0 10px!important; margin:0!important;} .sort_by ul li a{text-decoration:none; width:100%; float:left; padding:0!important; margin:0!important; color:#fff!important; background:url(/images/red_arrow_down.png) no-repeat right 8px!important; } .sort_by ul li a:hover{text-decoration:none; color:#fff;} .sort_by .sub-menu {float:left; list-style:none; width:183px!important; background:#fff!important; padding:0 0 20px 15px!important; border-left:solid 1px #d42536; border-right:solid 1px #d42536; border-bottom:solid 1px #d42536;} .sort_by .sub-menu li{float:left; height:auto; margin:0; padding:0; width:100%; font-size:14px; line-height:16px; text-transform:none; background:none!important; padding:2px 0 2px 0!important; text-transform:uppercase!important;} .sort_by .sub-menu li a{color:#000!important; width:100%; text-decoration:none; background:none!important; padding:2px 0 0 0!important; margin:0; float:left; display:block; height:auto; } .sort_by .sub-menu li span{padding-left:10px; color:#d42536; font-weight:bold; font-size:18px;} #sonos_music .station ul li .radiostation{width:auto; float:left; position:absolute; left:560px; top:500px; font-size:16px; text-transform:uppercase; line-height:16px; color:#d42536; } #sonos_music .station ul li .radiostation span{width:auto; color:#fff; } #rt_compat_results { float:left; display:block; position:relative; } #rt_compat_results .close { cursor: pointer; position:absolute; float:left; width: 30px; height: 30px; left: 490px; top: -9px; background: transparent url('/static/scripts/plugins/fancybox/fancybox.png') -40px 0px; } /* station ends */ /* sonos_music start ends */ /* wireless starts */ #system .wireless{width:980px; float:left; padding:0!important; margin:0!important; background:#ccc; } #system .wireless ul{width:100%; float:left; list-style:none; margin:0!important; padding:0!important;} #system .wireless ul li{width:980px; float:left; padding:0!important; margin:0!important; position:relative;} #system .wireless ul li img{float:left;} #system .wireless ul li .details{width:350px; height:auto!important; float:left; position:absolute; left:20px; top:25px; padding:0!important; margin:0!important;} #system .wireless ul li .details h1{width:100%; float:left; font-size:61px; line-height:50px; color:#fff; text-transform:uppercase; padding-bottom:5px;} #system .wireless ul li .details h3{width:100%; float:left; font-size:18px; line-height:18px; color:#fff; text-transform:uppercase;} /* wireless ends */ #system { width: 980px; margin: 0px auto; padding: 0px; } .system_intro {background: #000 url(/images/system/system-head-back.jpg) no-repeat; width: 980px; height: 516px; min-height:516px;margin-bottom:3px;} .system_intro .details h1 { margin-top: 30px; margin-left: 30px; width: 600px; float:left; font-size: 38px; line-height: 38px; float:left; color:White; } /* system_demo_video starts */ #system .system_demo_video{width:980px; float:left;margin-bottom:3px;} #system .system_demo_video ul{width:100%; float:left; list-style:none;} #system .system_demo_video ul li{width:980px; float:left; padding:0; position:relative;} #system .system_demo_video ul li img{float:left;} #system .system_demo_video ul li .details{width:280px; float:left; position:absolute; left:20px; top:46px; z-index:1;} #system .system_demo_video ul li .details h3{width:100%; float:left; padding-top:40px; font-size:38px; line-height:38px; color:#fff; text-transform:uppercase;} #system .system_demo_video ul li .details h2{width:100%; float:left; font-size:18px; line-height:18px; color:#fff; text-transform:uppercase;} #system .system_demo_video ul li .thumbs{width:100%; float:left; padding:0; position:absolute; left:0; top:0; z-index:9999!important;} #system .system_demo_video ul li .play_btn{ width:auto; position:absolute; left:44%; top:40%; z-index:9999999!important;} /* system_demo_video starts */ /* system_demo_video starts */ #system .control{width:980px; float:left;} #system .control {width:980px; float:left; padding:0; position:relative; } #system .control img{float:left; z-index:555;} #system .control .details{width:280px; float:left; position:absolute; left:20px; top:46px;} #system .control .details h3{width:100%; float:left; padding-top:40px; font-size:38px; line-height:38px; color:#000; text-transform:uppercase;} #system .control .details h2{width:100%; float:left; font-size:18px; line-height:18px; color:#000; text-transform:uppercase;} #system .control .details h4{width:100%; float:left; font-size:14px; line-height:14px; color:#000; text-transform:uppercase; float:left; padding-top: 10px; padding-bottom: 10px; font:14px/18px 幼圆, SonosPFHandbookPro-medium, Trebuchet, Arial, Helvetica; } #system .control .details .buttons_row{width:100%; padding-top:20px; float:left;} #system .control .details .buttons_row a{width:auto; margin-right:15px; display:inline; float:left; } #system .control .details ul { float:left; list-style-type: none; font:14px/18px 幼圆, SonosPFHandbookPro-medium, Trebuchet, Arial, Helvetica; } #system .control .details ul.control_features {margin: 20px 0px; list-style-type: disc; margin-left: 20px;} #system .control .details ul.control_download_links li {color:#A91524;} #system .control .details ul.control_download_links li a {text-decoration: none; } #system .control .details ul.control_download_links li a:hover {text-decoration: underline;} /* system_demo_video starts */ /* system_line_up starts */ .system_line_up{width:980px; float:left; background:#000000 url(/images/system/line_up_photo.jpg) no-repeat;height:241px; } .system_line_up ul{width:100%; float:left; list-style:none;} .system_line_up ul li{width:980px; float:left; padding:0; position:relative;} .system_line_up ul li img{float:left;} .system_line_up ul li .details{width:250px; float:left; position:absolute; left:20px; top:35px;} .system_line_up ul li .details h2{width:100%; float:left; font-size:18px; line-height:18px; color:#fff; text-transform:uppercase;} .system_line_up ul li .text1{width:200px; height:153px; float:left; position:absolute; left:200px; top:55px; text-align:center; display:inline-block; font-size:16px; line-height:16px; color:#fff; text-transform:uppercase; cursor:pointer; } .system_line_up ul li .text1 a{width:100%; height:100%; float:left; text-align:center; font:normal 16px/16px; display:block; color:#787878; text-transform:uppercase; text-decoration:none;} .system_line_up ul li .text1 a div.product_link {margin-top:116px;display:block; font-size:16px;} .system_line_up ul li .text1 a span.product_desc{width:100%; float:left; font-size:10px; text-transform:none; display:none; padding-top:6px;} .system_line_up ul li .text1 a:hover{width:100%; float:left; text-align:center; font-size:16px; line-height:16px; color:#fff; text-transform:uppercase; text-decoration:none;} .system_line_up ul li .text1 a:hover span.product_desc{width:100%; float:left; text-align:center; color:#fff; font-size:14px; text-transform:none; display:block; font-size: 14px; line-height:14px; padding-top:5px;} /*#sonos_music .system_line_up ul li .text1.active a{width:100%; float:left; text-align:center; font-size:16px; line-height:16px; color:#fff; text-transform:uppercase; text-decoration:none;} #sonos_music .system_line_up ul li .text1.active a span.product_title{width:100%; float:left; text-align:center; color:#fff; font-size:10px; text-transform:none; display:block;}*/ .system_line_up ul li .text2{width:200px; height:92px; float:left; position:absolute; left:383px; top:98px; text-align:center; font-size:16px; line-height:16px; color:#fff; text-transform:uppercase; cursor:pointer;} .system_line_up ul li .text2 a{width:100%; float:left; text-align:center; display:block; padding-top:73px; font-size:16px; line-height:16px; color:#787878; text-transform:uppercase; text-decoration:none;} .system_line_up ul li .text2 a span{width:100%; float:left; font-size:10px; text-transform:none; display:none; } .system_line_up ul li .text2 a:hover{width:100%; float:left; text-align:center; font-size:16px; line-height:16px; color:#fff; text-transform:uppercase; text-decoration:none;} .system_line_up ul li .text2 a:hover span{width:100%; float:left; text-align:center; color:#fff; font-size:14px; text-transform:none; display:block; font-size: 14px; line-height:14px; padding-top:5px;} .system_line_up ul li .text3{width:200px; float:left; height:80px; position:absolute; left:527px; top:110px; text-align:center; font:normal 16px/16px; color:#fff; text-transform:uppercase; cursor:pointer;} .system_line_up ul li .text3 a{width:100%; float:left; text-align:center; display:block; font-size:16px; line-height:16px; color:#787878; text-transform:uppercase; text-decoration:none; padding-top:61px;} .system_line_up ul li .text3 a span{width:100%; float:left; font-size:10px; text-transform:none; display:none; } .system_line_up ul li .text3 a:hover{width:100%; float:left; text-align:center; font-size:16px; line-height:16px; color:#fff; text-transform:uppercase; text-decoration:none;} .system_line_up ul li .text3 a:hover span{width:100%; float:left; text-align:center; color:#fff; font-size:14px; text-transform:none; display:block; font-size: 14px; line-height:14px; padding-top:5px;} .system_line_up ul li .text4{width:200px; height:80px; float:left; position:absolute; left:642px; top:110px; text-align:center; font:normal 16px/16px ; color:#fff; text-transform:uppercase; cursor:pointer;} .system_line_up ul li .text4 a{width:100%; float:left; text-align:center; display:block; font-size:16px; line-height:16px; color:#787878; text-transform:uppercase; text-decoration:none; padding-top:61px;} .system_line_up ul li .text4 a span{width:100%; float:left; font-size:10px; text-transform:none; display:none; } .system_line_up ul li .text4 a:hover{width:100%; float:left; text-align:center; font-size:16px; line-height:16px; color:#fff; text-transform:uppercase; text-decoration:none;} .system_line_up ul li .text4 a:hover span{width:100%; float:left; text-align:center; color:#fff; font-size:14px; text-transform:none; display:block; font-size: 14px; line-height:14px; padding-top:5px;} .system_line_up ul li .text5{width:180px; height:60px; float:left; position:absolute; left:753px; top:130px; text-align:center; font:normal 16px/16px; color:#fff; text-transform:uppercase; cursor:pointer;} .system_line_up ul li .text5 a{width:100%; float:left; text-align:center; display:block; font-size:16px; line-height:16px; color:#787878; text-transform:uppercase; text-decoration:none; padding-top:40px;} .system_line_up ul li .text5 a span{width:100%; float:left; font-size:10px; text-transform:none; display:none; } .system_line_up ul li .text5 a:hover{width:100%; float:left; text-align:center; font-size:16px; line-height:16px; color:#fff; text-transform:uppercase; text-decoration:none;} .system_line_up ul li .text5 a:hover span{width:100%; float:left; text-align:center; color:#fff; font-size:14px; text-transform:none; display:block; font-size: 14px; line-height:14px; padding-top:5px;} /* system_line_up ends */ /* your music starts */ #system .how_to_work{width:965px; float:left; background:#000; } #system .how_to_work .details{width:100%; float:left;} #system .how_to_work .details .left_section{width:290px; float:left; padding-top:40px;} #system .how_to_work .details .left_section h2{width:100%; float:left; font-size:18px; line-height:18px; color:#fff; text-transform:uppercase;} #system .how_to_work .details .left_section h3{width:100%; float:left; padding-top:40px; font-size:38px; line-height:38px; color:#fff; text-transform:uppercase;} #system .how_to_work .details .left_section ul{width:100%; float:left; padding:20px 0 0 0; list-style:none;} #system .how_to_work .details .left_section ul li{width:290px; float:left; margin-bottom:1px;} #system .how_to_work .details .left_section ul li a{width:265px; padding:8px 10px 0 15px; height:22px; float:left; color:#414141; font-size:14px; line-height:16px; text-transform:uppercase; text-decoration:none; background:#212121 url(/images/how_to_work_right_bg.jpg) no-repeat 273px 9px;} #system .how_to_work .details .left_section ul li a:hover{color:#e9983c; background:#212121 url(/images/how_to_work_right_bg.jpg) no-repeat 273px 9px;} #system .how_to_work .details .left_section ul li.active a{color:#e9983c; background:#212121 url(/images/how_to_work_down_bg.jpg) no-repeat 270px 11px;} #system .how_to_work .details .left_section ul li.active a:hover{color:#e9983c; background:#212121 url(/images/how_to_work_down_bg.jpg) no-repeat 270px 11px;} #system .how_to_work .details .left_section ul li img{float:left;} #system .how_to_work .details .left_section ul li .details{width:260px; padding:15px; float:left; margin:1px 0 0 0; background:#414141; color:#414141; font-size:14px; line-height:16px; clear:both; display:none} #system .how_to_work .details .right_section{width:656px; float:right; padding-left:15px; } #system .how_to_work .details .right_section h3{width:100%; float:left; font-size:30px; line-height:32px; color:#dcdcdc;} #sonos_music .how_to_work .details .right_section a{width:auto; float:right; font-size:16px; line-height:18px; color:#848484; text-decoration:none;} #system .how_to_work .details .right_section a span{width:auto; padding-left:3px; font-size:22px; line-height:22px; color:#d42536;} #system .how_to_work .details .right_section a:hover{text-decoration:none;} #system .how_to_work .details .right_section ul{width:100%; float:left; list-style:none } #system .how_to_work .details .right_section ul li{width:100%; float:left; position:relative; display:none;} #system .how_to_work .details .right_section ul li img{float:right;} #system .how_to_work .details .right_section ul li .details{width:380px; float:left; position:absolute; top:275px; left:35px; font-size:16px; line-height:18px; color:#000; text-transform:uppercase; } #system .how_to_work .details .right_section ul li .plus1{width:17px; float:left; position:absolute; top:383px; right:47px; z-index:666;} #system .how_to_work .details .right_section ul li .left_right{width:43px; float:left; position:absolute; top:133px; right:548px;} #system .how_to_work .details .right_section ul li .see_ex{width:145px; height:32px; float:left; position:absolute; top:416px; right:96px; background: url(/images/see_ex_btn.jpg) no-repeat 0 0; } #system .how_to_work .details .right_section ul li .see_ex a{width:130px; height:28px; padding:5px 0 2px 15px; float:left; font-size:18px; line-height:18px; color:#fff; text-transform:uppercase;} #system .how_to_work .details .right_section ul li .see_ex a:hover{width:130px; height:28px; padding:5px 0 2px 15px; float:left; font-size:18px; line-height:18px; color:#fff; text-transform:uppercase; background: url(/images/see_ex_btn_h.jpg) no-repeat 0 0; } #system .how_to_work .details .right_section ul li .plus2{width:17px; float:left; position:absolute; top:163px; right:240px;} #system .how_to_work .details .right_section ul li .left_right2{width:43px; float:left; position:absolute; top:232px; right:484px;} #system .how_to_work .details .right_section ul li .plus3{width:17px; float:left; position:absolute; top:338px; right:225px;} #system .how_to_work .details .right_section ul li .plus4{width:17px; float:left; position:absolute; top:365px; right:513px;} #system .how_to_work .details .right_section ul li .left_right3{width:43px; float:left; position:absolute; top:121px; right:314px;} #system .how_to_work .details .right_section ul li .plus5{width:17px; float:left; position:absolute; top:395px; right:170px;} #system .how_to_work .details .right_section ul li .left_right4{width:43px; float:left; position:absolute; top:304px; right:23px;} #system .how_to_work .details .right_section ul li .plus6{width:17px; float:left; position:absolute; top:235px; right:532px;} #system .how_to_work .details .right_section ul li .plus7{width:17px; float:left; position:absolute; top:128px; right:65px;} #system .how_to_work .details .right_section ul li .left_right5{width:43px; float:left; position:absolute; top:143px; right:570px;} #system .how_to_work .details .right_section ul li .home_office{width:auto; float:left; position:absolute; top:17px; right:515px; font-weight:bold; font-size:24px; line-height:28px; color:#fff; text-transform:uppercase;} #system .how_to_work .details .right_section ul li .play_room{width:auto; float:left; position:absolute; top:17px; right:196px; font-weight:bold; font-size:24px; line-height:28px; color:#fff; text-transform:uppercase;} #system .how_to_work .details .right_section ul li .now_playing1 {width:auto; float:left; position:absolute; top:452px; right:424px; font-weight:bold; font-size:16px; line-height:18px; color:#fff; text-transform:uppercase;} #system .how_to_work .details .right_section ul li .now_playing2 {width:auto; float:left; position:absolute; top:452px; right:68px; font-size:16px; line-height:18px; color:#fff; text-transform:uppercase;} #system .how_to_work .details .right_section ul li .family_room{width:auto; float:left; position:absolute; top:17px; right:515px; font-weight:bold; font-size:24px; line-height:28px; color:#fff; text-transform:uppercase;} #system .how_to_work .details .right_section ul li .living_room{width:auto; float:left; position:absolute; top:17px; right:515px; font-weight:bold; font-size:24px; line-height:28px; color:#fff; text-transform:uppercase;} #system .how_to_work .details .right_section ul li .family_room2{width:auto; float:left; position:absolute; top:477px; right:515px; font-weight:bold; font-size:24px; line-height:28px; color:#fff; text-transform:uppercase;} #sonos_music .how_to_work .details .right_section ul li .home_office2{width:auto; float:left; position:absolute; top:477px; right:195px; font-weight:bold; font-size:24px; line-height:28px; color:#fff; text-transform:uppercase; z-index:0!important;} .howitwork_light_box{width:264px; float:left; display:none; position:absolute; left:-132px; top:25px; z-index:666;} .howitwork_light_box .top{width:100%; height:11px; margin-bottom:-1px; float:left; background:url(/images/top_arrow.gif) no-repeat center bottom;} .howitwork_light_box .workarea{width:244px; padding:10px; float:left; background:#fdfdfe;} .howitwork_light_box .workarea h3{width:100%; float:left; font-size:16px; line-height:18px; text-transform:uppercase; color:#00aad2;} .howitwork_light_box .workarea p{width:100%; padding-top:5px; float:left; font-size:14px; line-height:16px; color:#787878;} .howitwork_light_box .workarea p a{width:100%; font-size:12px; line-height:12px; color:#d42536; text-decoration:none;} .howitwork_light_box .workarea .button_row{width:100%; float:right;} .howitwork_light_box .workarea .button_row p{width:auto; float:left; padding:0!important; margin:0!important;} .howitwork_light_box .workarea .button_row .red_btn{width:72px; height:24px!important; text-transform:uppercase; float:left; background:#d42536; text-align:center!important; margin:12px 0 0px 0!important; display:inline; color:#fff;} .howitwork_light_box .workarea .button_row .red_btn a{width:72px; height:20px!important; font-size:16px!important; font-weight:bold!important; float:left; background:#d42536; padding:2px 15px 0 0!important; text-align:left!important; color:#fff!important;} .howitwork_light_box2 {width:350px; float:left; display:none; position:absolute; top:-2px; left:-340px; z-index:9999;} .howitwork_light_box2 .left{width:10px; height:35px; float:right; background:url(/images/right_arrow_light_box.gif) no-repeat right 13px; margin-left:-2px; position:relative; z-index:99; } .howitwork_light_box2 .workarea{width:320px; padding:15px 10px; float:left; background:#fdfdfe;} .howitwork_light_box2 .workarea p{width:100%; float:left; font-size:13px; line-height:16px; color:#787878;} /* your music ends */ #system .what_it_means{width:950px; float:left; padding:40px 15px 40px 15px; border-bottom:solid 1px #eaeaea;} #system .what_it_means h2{width:950px; float:left; font-size:18px; line-height:18px; color:#000; text-transform:uppercase;} #system .what_it_means .row{width:100%; float:left; padding-top:40px; } #system .what_it_means .col1{width:400px;} #system .what_it_means .col1 .photo{width:225px; float:left; } #system .what_it_means .col1 .details{width:175px; float:left; } #system .what_it_means .col1 .details h3{width:100%; float:left; font-size:18px; line-height:18px; color:#000; text-transform:uppercase;} #system .what_it_means .col1 .details p{width:100%; float:left; height:80px; padding-top:10px; font-size:14px; line-height:16px; color:#787878; } #system .what_it_means .col1 .details .but_row_new {width:100%; padding-top:20px; float:left; } #system .what_it_means .col1 .details .but_row_new .red_btn{width:147px; font-size:18px; float:left; color:#fff; background:#d42536; text-transform:uppercase;} #system .people_are_saying{width:950px; float:left; padding:40px 15px 40px 15px; border-bottom:solid 1px #eaeaea;} #system .people_are_saying h2{width:950px; float:left; padding-bottom:30px; font-size:18px; line-height:18px; color:#000; text-transform:uppercase;} #system .people_are_saying .row{width:100%; float:left; } #system .people_are_saying .col1{width:475px;} #system .people_are_saying .col1 .logo{width:150px!important;float:left;} #system .people_are_saying .col1 .logo img{width:140px;float:left;height:auto;} #system .people_are_saying .col1 .info{width:325px;float:left;} #system .people_are_saying .col1 h3{width:90%; float:left; font-size:32px; line-height:36px; color:#000; text-transform:uppercase;} #system .people_are_saying .col1 h3 a {text-decoration: none; color:#000000;} #system .people_are_saying .col1 h3 a:hover {text-decoration: none; color:#d42536;} #system .people_are_saying .col1 h4{width:100%; float:left; padding-top:8px; font-weight:bold; font-size:22px; line-height:22px; color:#787878; text-transform:uppercase;} #system .people_are_saying .but_row_new {width:97%; padding-top:20px; float:left; } #system .people_are_saying .but_row_new .red_btn{width:147px; font-size:18px; float:right; color:#fff; background:#d42536; text-transform:uppercase;} #system .last{left:-125px!important;} #system .last .bottom {margin-left:60px!important;} #system .last2{left:-205px!important;} #system .last2 .bottom {margin-left:140px!important;} #sonos_music .light_box{width:300px; float:left; display:none; position:absolute; bottom:25px; left:-65px;z-index:4; } #sonos_music .light_box span{width:280px; padding:10px; float:left; background:#fffef3; color:#787878; filter:alpha(opacity=90); opacity: 0.95; -moz-opacity:0.9;border:solid 1px #dfdfdf; border-radius:10px; -moz-border-radius: 10px;} #sonos_music .light_box span p {font:15px/18px 幼圆, SonosPFHandbookPro-medium, Trebuchet, Arial, Helvetica;} #sonos_music .light_box span ul{width:270px; padding:10px; float:left; font-size:14px; line-height:16px; color:#787878; list-style:disc; } #sonos_music .light_box span ul li{width:100%; float:left; font-size:13px; line-height:16px; color:#787878; list-style:disc;margin-left:10px; } #sonos_music .light_box .bottom{width:168px; height:10px; float:left; background:url(/images/down_light_gray_logo.png) no-repeat center 0;border:0;} #reltabs li{display:none} /******************** End Music Page ******************************/ /******************Press Section Start*****************************/ .press_template {margin-top: 0px; float:left; padding: 27px 5px 31px 25px; } #press_home {margin-top: 64px; padding: 27px 5px 0 5px;} .press_template .top_row h2{font-size:26px; color: #000; } ul.press_release {list-style: none;} ul.press_releases li {width:100%; float:left;list-style: none; } ul.press_releases li .release{float:left; width:100%; color:#787878; padding-top:10px; font-size:14px; line-height:16px;text-transform:uppercase;} ul.press_releases li .release strong{color:#727272; } ul.press_releases li .release a{color:#000!important; text-decoration:none; float:left!important; } ul.press_releases li .release a:hover{color:#d42536!important;float:left; } ul.reviews{margin:20px 0px 4px 0px; } ul.reviews li{width:100%; float:left; margin-bottom:50px; } ul.reviews li.last{border-bottom:none; margin-bottom:0px;} ul.reviews li .photo{width:175px; float:left;text-align:center;} ul.reviews li .details{float:left; width:420px;margin-left:10px;} ul.reviews li .details strong p{width:390px; float:left; padding-top:0px; padding-left:30px; font-size:20px!important; line-height:22px; color:#000;} ul.reviews li .details strong p:hover{color:#d42536;} ul.pressimages{width:100%; float:left; list-style:none; margin:10px 0 0 0px; display:inline;} ul.pressimages li{width:235px; float:left; padding-top:50px; height:185px;} ul.pressimages li.last{border-bottom:none;} ul.pressimages .photo{width:100%;float:left;} ul.pressimages .details{float:left; width:90%; padding-top:6px; font-size:18px; line-height:22px; color:#000!important;} ul.pressimages .details a {color:#000; text-decoration:none; } ul.pressimages .details a:hover {color:#c20000;} /****************Press Section End ********************************/ /*****************Jobs Section Starts******************************/ #jobs{width:680px!important; float:left; padding:27px 10px 0 15px; margin-top:64px;} #jobs .top_row{width:100%; float:left; margin-bottom:12px;} #jobs .top_row h2{width:auto; float:left; font-size:40px; line-height:44px; color:#ffb629; padding-left:0;} #jobs .top_row h1{width:auto; float:left; font-size:40px; line-height:44px; color:#ffb629; padding-left:0;} #jobs .jobs_all_details{float:left; width:100%; padding:0px; } #jobs .jobs_tabs{float:left; width:98%; background:#e9e9e9; padding:0px 10px 0 0; margin-bottom:15px;} #jobs .jobs_tabs ul{float:left; width:100%; text-align:center; list-style:none;} #jobs .jobs_tabs ul li{float:left; width:auto; display:inline-block;} #jobs .jobs_tabs ul li h4{float:left; width:auto; color:#787878; font-size:18px; line-height:20px; text-transform:uppercase;} #jobs .jobs_tabs ul li h4 a{float:left; width:auto; color:#787878; padding:14px 15px; text-align:center; text-decoration:none; } #jobs .jobs_tabs ul li h4 a:hover{float:left; width:auto; color:#000000; background:url(/images/feature_top_arrow1.jpg) no-repeat center bottom;} #jobs .jobs_tabs ul li.active h4 a{float:left; width:auto; color:#000000; background:#bcbcbc url(/images/feature_top_arrow.jpg) no-repeat center bottom;} #jobs .job_home_details{float:left; width:100%; padding:0px; } #jobs .job_home_details p{float:left; width:100%; padding:10px 0 40px 0; font-size:16px; line-height:18px; color:#000;} /* current openings starts */ #jobs .job_home_details .current_openings{float:left; width:258px; padding-top:15px; margin-top:0; margin-right: 10px; background:#f5f5f5 url(/images/jobs/current_opening.jpg) no-repeat right bottom; border:solid 1px #dfdfdf; position:relative; min-height:200px; height:100%; height:200px;} #jobs .job_home_details .current_openings .top_row{float:left; width:238px; padding:0 10px; } #jobs .job_home_details .current_openings .top_row h3{float:left; width:100%; padding:0 0 10px 0; font-size:28px; line-height:25px; color:#dcdcdc; text-transform:uppercase; position:relative;} #jobs .job_home_details .current_openings .top_row p{float:right; width:100%; padding:0; font-size:12px; line-height:12px; color:#000; text-transform:uppercase;} #jobs .job_home_details .current_openings .bottom_row{float:left; width:100%; padding:3px 0 0 0;} #jobs .job_home_details .current_openings .bottom_row img{position:absolute; top: 99px; left:76px;z-index:100;} #jobs .job_home_details .current_openings .bottom_row .red_btn{width:120px; font-size:14px; margin-left:10px; text-transform:uppercase; float:left; color:#fff;} /* current openings ends */ /* benefits starts */ #jobs .job_home_details .benefits{float:left; width:197px; padding-top:15px; background:#f5f5f5 url(/images/jobs/benefits.jpg) no-repeat 0% 110%; border:solid 1px #dfdfdf; position:relative; min-height:200px; height:100%; height:200px; margin:0 10px 0px 0px; display:inline;} #jobs .job_home_details .benefits .top_row{float:left; width:177px; padding:0 10px; color:#dcdcdc;} #jobs .job_home_details .benefits .top_row h3{float:left; width:100%; padding:0 0 10px 0; font-size:28px; line-height:30px; color:#dcdcdc; text-transform:uppercase; margin-top:-4px; position:relative;} #jobs .job_home_details .benefits .top_row p{float:right; width:100%; padding:0; font-size:12px; line-height:12px; color:#000; text-transform:uppercase;} #jobs .job_home_details .benefits .top_row p a{float:left; width:auto; padding:0; color:#d42536; text-decoration:none; } #jobs .job_home_details .benefits .bottom_row{float:left; width:100%; padding:0 0; margin-top:-10px; position:relative; } #jobs .job_home_details .benefits .bottom_row p{float:left; width:170px; padding:0 13px; font-size:11px; line-height:12px; color:#000; text-transform:uppercase;} #jobs .job_home_details .benefits .red_btn{width:112px; font-size:14px; margin-left:10px; text-transform:uppercase; float:left; color:#fff;} /* benefits ends */ /* values starts */ #jobs .job_home_details .values{float:left; width:197px; padding-top:15px; background:#f5f5f5 url(/images/jobs/values.jpg) no-repeat 0% 135%; border:solid 1px #dfdfdf; position:relative; min-height:200px; height:100%; height:200px;} #jobs .job_home_details .values .top_row{float:left; width:177px; padding:0 10px; } #jobs .job_home_details .values .top_row h3{float:left; width:100%; padding:0 0 10px 0; font-size:28px; line-height:30px; color:#dcdcdc; text-transform:uppercase; margin-top:-4px; position:relative;} #jobs .job_home_details .values .top_row p{float:right; width:100%; padding:0; font-size:12px; line-height:12px; color:#000; text-transform:uppercase;} #jobs .job_home_details .values .top_row p a{float:left; width:auto; padding:0; color:#d42536; text-decoration:none; } #jobs .job_home_details .values .bottom_row{float:left; width:100%; padding:0 0; margin-top:-10px; position:relative;} #jobs .job_home_details .values .bottom_row p{float:left; width:170px; padding:0 13px; font-size:11px; line-height:12px; color:#000; text-transform:uppercase;} #jobs .job_home_details .values .red_btn{width:112px; font-size:14px; margin-left:10px; text-transform:uppercase; float:left; color:#fff;} /* values ends */ /* job benefits details starts */ #jobs .job_benefits_details{float:left; width:100%; padding:0px; } #jobs .job_benefits_details p{float:left; width:100%; padding:10px 0 30px 0; font-size:16px; line-height:18px; color:#000;} #jobs .job_benefits_details ul{float:left; width:310px; list-style:none;} #jobs .job_benefits_details ul.left_space{ margin-left:40px; display:inline;} #jobs .job_benefits_details ul li{float:left; width:300px; padding:6px 0 10px 10px; background:url(/images/red_bullet.jpg) no-repeat 0 14px; font-size:16px; line-height:18px; color:#000;} /* job benefits details ends */ /* job_value starts */ #jobs .job_value_details{float:left; width:100%; padding:0px 0 25px 0; } #jobs .job_value_details p{float:left; width:100%; padding:10px 0 30px 0; font-size:16px; line-height:18px; color:#000;} #jobs .job_value_details ul{float:left; width:100%; list-style:none;} #jobs .job_value_details ul li{float:left; width:100%;} #jobs .job_value_details ul li h3{width:100%; float:left; font-size:20px; line-height:20px; color:#000;} #jobs .job_value_details ul li h3 span{width:auto; padding:0px 0 0 6px; font-size:24px; line-height:24px; color:#d42536;} #jobs .job_value_details ul li p{float:left; width:100%; padding:4px 0 4px 0; font-size:14px; line-height:16px; color:#464646;} /* job_value details ends */ /**********Contact Us Starts************************/ .customers{width:660px; float:left; border:1px solid #dfdfdf; display:inline; background:#f5f5f5; padding:10px 20px 20px 20px;} .customers h3{width:100%; float:left; padding-bottom:10px; font-size:30px; line-height:24px; color:#dcdcdc;} .customers h4{width:100%; float:left; padding-bottom:8px; font-size:28px; line-height:32px; color:#c20000; text-transform:uppercase; padding-top: 20px;} .customers h5{width:100%; float:left; font-size:24px; line-height:28px; text-align:center; color:#000; padding-bottom:6px;} .customers h6{width:100%; float:left; font-size:12px; line-height:18px; color:#515151; padding-bottom:18px; text-align:center; margin-top:-10px; position:relative;} .customers p{width:100%; padding-bottom:20px; float:left; font-size:16px!important; line-height:18px; color:#000000;} .customers p a{color:#c20000!important; text-decoration:none;} .customers .line_row{width:100%; float:left; border-right:1px solid #cacaca;} .customers .col01{width:220px; float:left; padding:0 30px 0 40px;} .customers .col02{width:293px; float:left; padding-left:40px;} .customers ul{width:100%; float:left; list-style:none; margin:0;} .customers ul li{width:100%; float:left; font-size:14px!important; line-height:16px; color:#000000; font-weight:bold;} .customers ul li p{width:100%; float:left; font-size:15px!important; line-height:18px; color:#000000;} .customers ul li span{padding-left:0px; color:#c20000; font-weight:bold; font-size:24px;} .customers ul li a{color:#000; text-decoration:none; } .customers ul li a:hover{text-decoration:none;} #contact .gray_box, #contact .customers { margin: 0 138px 25px; } #contact .gray_box ul li p{width:100%; float:left; font-size:16px!important; line-height:18px; color:#000000; padding-bottom:2px;font-family: 幼圆, SonosPFHandbookPro, Trebuchet, Arial, Helvetica;} #contact .gray_box h5{width:100%; float:left; font-size:18px; line-height:20px; color:#000; padding-bottom:2px; padding-top:15px;text-transform:uppercase;} #contact .gray_box ul li span{padding-left:0px; color:#c20000; font-weight:bold; font-size:24px;} #contact .gray_box ul li a{color:#000; text-decoration:none; } #contact .gray_box ul li a:hover{text-decoration:none;} /**********************Contact Us Ends *****************************/ /* marketing left starts */ #marketing_left{width:674px; float:left; padding:28px 25px 0 25px; margin-top:64px;} #marketing_left h2{width:100%; float:left; font-size:49px; line-height:44px; color:#333; padding-left:0; text-transform:uppercase;} #marketing_left h3{width:100%; float:left; font-size:24px; line-height:26px; color:#898989; } #marketing_left p{width:96%; float:left; font-size:10px; line-height:11px; color:#898989; padding:28px 0 23px 20px;} #marketing_left .details{float:left; width:100%; padding:0 0 0 0; margin:0 0 0 0; position:relative;} #marketing_left .details h3{width:450px; float:left; font-size:24px; line-height:26px; color:#898989; } #marketing_left .details .left_section{float:left; width:300px; padding:12px 0 30px 0; } #marketing_left .details .left_section h5{width:95%; float:left; font-size:18px; line-height:18px; color:#000000; margin-top: 5px;} #marketing_left .details .left_section ul{float:left; width:97%; list-style:none; margin-left:25px; display:inline;} #marketing_left .details .left_section ul li{float:left; width:75%; padding-left:10px; font-size:16px; line-height:21px; background: url(/images/red_bullet.jpg) no-repeat 0 10px;} #marketing_left .details .left_section .price{float:left; width:90%; padding:26px 0 0 0; text-transform:uppercase; color:#00aad2; font-size:38px; line-height:40px;} #marketing_left .details .left_section .price span{font-size:18px; line-height:20px; } #marketing_left .but_row_new{margin: 10px 0; float:left;} #marketing_left .details .left_section .but_row_new{width:100%; padding:10px 0 0 0; float:left;} #marketing_left .details .left_section .but_row_new .add_to_cart{margin-right:15px;} #marketing_left .details .left_section .but_row_new .see_it{width:65px; height:34px; font-size:18px; float:left; text-transform:uppercase; color:#fff; background:#787878;} #marketing_left .details .left_section .but_row_new .see_it a{width:65px; height:25px; padding-top:9px; float:left; color:#fff; text-decoration:none; text-align:center; background:url(/images/arrow_gray.jpg) 55px 12px no-repeat;} #marketing_left .details .right_section{float:right; width:397px; margin-left:-40px; margin-top:0px; position:relative; } #marketing_left .details .right_section img{float:left; } /* landing template */ #landing_left { width:674px; float:left; padding:28px 25px 0 25px; margin-top:64px;} #landing_left h2{width:100%; float:left; font-size:49px; line-height:44px; color:#333; padding-left:0; text-transform:uppercase;} #landing_left h3{width:100%; float:left; font-size:24px; line-height:26px; color:#898989; } #landing_left p{width:96%; float:left; font-size:10px; line-height:11px; color:#898989; padding:28px 0 23px 20px;} #landing_left .details{float:left; width:100%; padding:0 0 0 0; margin:0 0 0 0; position:relative;} #landing_left .details h3{width:450px; float:left; font-size:24px; line-height:26px; color:#898989; } #landing_left .details .left_section{float:left; width:300px; padding:12px 0 30px 0; } #landing_left .details .left_section h5{width:95%; float:left; font-size:18px; line-height:18px; color:#000000; margin-top: 5px;} #landing_left .details .left_section ul{float:left; width:97%; list-style:none; margin-left:25px; display:inline; margin-bottom:15px;} #landing_left .details .left_section ul li{float:left; width:75%; padding-left:10px; font-size:16px; line-height:21px; background: url(/images/red_bullet.jpg) no-repeat 0 10px;} #landing_left .details .left_section .price{float:left; width:90%; padding:26px 0 0 0; text-transform:uppercase; color:#00aad2; font-size:38px; line-height:40px;} #landing_left .details .left_section .price span{font-size:18px; line-height:20px; } #landing_left .but_row_new{margin: 10px 0; float:left; width: 100%;} #landing_left .but_row_new div {margin-right: 20px;} #landing_right {width: 204px; float: right; margin-top: 104px; min-height: 685px; height: auto!important; padding: 0 25px 0 25px; } /**** Right Modules ****/ /* Product Family -- WITH PLAYBAR */ #ProductFamilyPlaybar{float:left; width:100%;} #ProductFamilyPlaybar .allinone {background-color: #ffffff; width: 100%; float:left;} #ProductFamilyPlaybar .components {background-color: #000000; width: 100%; float:left;} #ProductFamilyPlaybar h2 {padding: 35px 25px 50px;} #ProductFamilyPlaybar h3{float:left; width:97%; font-size:18px; padding:40px 0 0px 30px; float:left; text-transform:uppercase; color:#ffffff; } #ProductFamilyPlaybar p{float:left; width:98%; font-size:14px; float:left; color:#ffffff; } #ProductFamilyPlaybar .allinone p { color:#000000; } #ProductFamilyPlaybar .allinone h2 {color: #000000;} #ProductFamilyPlaybar .components h2 {color: #ffffff;} #ProductFamilyPlaybar a{text-decoration:none; text-transform:uppercase;} #ProductFamilyPlaybar a:hover{text-decoration:underline;} #ProductFamilyPlaybar .images div, #ProductFamilyPlaybar .products .descriptions div, #ProductFamilyPlaybar .products .links div { margin-left: 30px;} #ProductFamilyPlaybar div {float:left; font-size: 14px; position:relative; } #ProductFamilyPlaybar div h3 {font-size: 32px; padding: 0 0 20px 0; } #ProductFamilyPlaybar div a.select {padding-bottom: 20px; padding-right: 20px; background: url(/images/landing/contests/SBBowl/arrow.png) right 4px no-repeat; float:left; clear: left; margin-top: 25px;} #ProductFamilyPlaybar .bridge, #ProductFamilyPlaybar .play1, #ProductFamilyPlaybar .play3, #ProductFamilyPlaybar .play5, #ProductFamilyPlaybar .playbar, #ProductFamilyPlaybar .sub, #ProductFamilyPlaybar .connect, #ProductFamilyPlaybar .connectamp { padding: 0px 40px 25px 0px; } #ProductFamilyPlaybar .play1, #ProductFamilyPlaybar .play3, #ProductFamilyPlaybar .play5 { width: 260px; float:left; } #ProductFamilyPlaybar .playbar { width: 893px; float:left; padding-top: 15px; } #ProductFamilyPlaybar .sub {width: 450px; float:left;} #ProductFamilyPlaybar .play3 {margin-left:25px;} #ProductFamilyPlaybar .connectamp {width: 355px; float:left; margin-left:25px;} #ProductFamilyPlaybar .connect {width: 451px; float:left;} #ProductFamilyPlaybar .bridge {width: 354px; float:left;} #ProductFamilyPlaybar .play1, #ProductFamilyPlaybar .playbar, #ProductFamilyPlaybar .sub, #ProductFamilyPlaybar .connect{margin-left:25px;} #ProductFamilyPlaybar .image {float:right;} #ProductFamilyPlaybar .sub .details {width: 130px; } #ProductFamilyPlaybar .sub .image {padding-right: 0px; } #ProductFamilyPlaybar .sub h3 a {color: #7d55c7; text-decoration:none; font-weight:bold; } #ProductFamilyPlaybar .play5 .details {width: 200px;} #ProductFamilyPlaybar .play5 .image {padding-right: 25px; } #ProductFamilyPlaybar .play5 h3 a {color: #00AFDB; text-decoration:none; font-weight:bold; } #ProductFamilyPlaybar .play3 .details {width: 200px; } #ProductFamilyPlaybar .play3 .image {height:135px;margin-top:55px; padding-right: 85px; } #ProductFamilyPlaybar .play3 h3 a {color: #E5B53B; text-decoration:none; font-weight:bold;} #ProductFamilyPlaybar .play1 .details {width: 200px; } #ProductFamilyPlaybar .play1 .image {height:159px;margin-top: 30px; padding-right: 85px; } #ProductFamilyPlaybar .play1 h3 a {color: #ba219c; text-decoration:none; font-weight:bold;} #ProductFamilyPlaybar .playbar h3 a {color: #00a95d; text-decoration:none; font-weight:bold;} #ProductFamilyPlaybar .playbar .details {width: 190px;} #ProductFamilyPlaybar .playbar .image {padding-right: 35px;} #ProductFamilyPlaybar .connectamp h3 a {color: #B50938; text-decoration:none; font-weight:bold;} #ProductFamilyPlaybar .connectamp .details {width: 150px; } #ProductFamilyPlaybar .connectamp .image {margin-top: 187px; padding-right: 5px; } #ProductFamilyPlaybar .connect h3 a {color: #C66005; text-decoration:none; font-weight:bold;} #ProductFamilyPlaybar .connect .details {width: 130px; } #ProductFamilyPlaybar .connect .image {margin-top: 70px; padding-right: 85px; } #ProductFamilyPlaybar .bridge h3 a {color: #ffffff; text-decoration:none; font-weight:bold;} #ProductFamilyPlaybar .bridge .details {width: 130px; } #ProductFamilyPlaybar .bridge .image {margin-top: 100px; padding-right: 35px; } #system_line_up .system_lineup.nosub .connectamp { width: 271px; } #system_line_up .system_lineup.nosub .connect { width: 251px; } #system_line_up .system_lineup.nosub .bridge { width: 231px; } #system_line_up .system_lineup.nosub .connectamp .image { margin-top: 10px; padding-right: 50px; } #system_line_up .system_lineup.nosub .connect .image { margin-top: 39px; padding-right: 60px; } #system_line_up .system_lineup.nosub .bridge .image { margin-top: 48px; padding-right: 60px; } /* Product Family -- WITH SUB */ #ProductFamilySUB, #ProductFamilySUB_narrow{float:left; width:100%; background:#000 url(/images/system/system-lineup-back.jpg) right 0 no-repeat;} #ProductFamilySUB h3, #ProductFamilySUB_narrow h3{float:left; width:97%; font-size:18px; padding:40px 0 0px 30px; float:left; text-transform:uppercase; color:#ffffff; } #ProductFamilySUB p, #ProductFamilySUB_narrow p{float:left; width:98%; font-size:14px; float:left; color:#898989; padding:0 0 0 10px; } #ProductFamilySUB a, #ProductFamilySUB_narrow a{text-decoration:none; text-transform:uppercase;} #ProductFamilySUB a:hover, #ProductFamilySUB_narrow a:hover{text-decoration:underline;} #ProductFamilySUB .products {width:960px;float:left; display:inline-block; vertical-align:bottom; color:#fff; float:left;margin-left: 20px;margin-top: 80px;} #ProductFamilySUB .products .images div, #ProductFamilySUB .products .descriptions div, #ProductFamilySUB .products .links div { margin-left: 30px;} #ProductFamilySUB .products div {float:left; font-size: 14px; position:relative; } #ProductFamilySUB .products div h3 {font-size: 18px; padding: 0 0 25px 0; } #ProductFamilySUB .products div p {font-size: 14px; padding: 0; color: #fff; width: 100%} #ProductFamilySUB .products .links div a {padding-bottom: 20px; padding-right: 20px; background: url(/images/landing/contests/SBBowl/arrow.png) right 2px no-repeat; } #ProductFamilySUB .products .images {margin-left: 0px;} #ProductFamilySUB .products .descriptions {float:left;} #ProductFamilySUB .products .links {float:left; padding-top: 20px; padding-bottom: 20px;} #ProductFamilySUB .products .sub { float:left; display:block; width: 176px; } #ProductFamilySUB .products .sub h3 {color: #7d55c7; } #ProductFamilySUB .products .sub h3 a {color: #7d55c7; text-decoration:none; } #ProductFamilySUB .products .images .play5 img {padding-top: 59px;} #ProductFamilySUB .products .play5 {float:left; display:block; width: 170px; } #ProductFamilySUB .products .play5 h3 {color: #00AFDB; } #ProductFamilySUB .products .play5 h3 a {color: #00AFDB; text-decoration:none; } #ProductFamilySUB .products .images .play3 img {margin-top: 95px;} #ProductFamilySUB .products .play3 {float:left; display:block; width: 135px; } #ProductFamilySUB .products .play3 h3 {color: #E5B53B; } #ProductFamilySUB .products .play3 h3 a {color: #E5B53B; text-decoration:none; } #ProductFamilySUB .products .connectamp {float:left; display:block; width: 103px; } #ProductFamilySUB .products .images .connectamp img {margin-top: 108px;} #ProductFamilySUB .products .connectamp h3 {color: #B50938; } #ProductFamilySUB .products .connectamp h3 a {color: #B50938; text-decoration:none; } #ProductFamilySUB .products .connect {float:left; display:block; width: 83px; } #ProductFamilySUB .products .images .connect img {margin-top: 117px;} #ProductFamilySUB .products .connect h3 {color: #C66005; } #ProductFamilySUB .products .connect h3 a {color: #C66005; text-decoration:none; } #ProductFamilySUB .products .bridge {float:left; display:block; width: 72px; } #ProductFamilySUB .products .images .bridge img {margin-top: 131px;} #ProductFamilySUB .products .bridge h3 {color: #ffffff; } #ProductFamilySUB .products .bridge h3 a {color: #ffffff; text-decoration:none; } #ProductFamilySUB_narrow {background-size: 357px 168px;} #ProductFamilySUB_narrow h3 {padding: 20px 0 0 30px; font-size: 18px;} #ProductFamilySUB_narrow .products {width:100%;float:left; display:inline-block; vertical-align:bottom; color:#fff; float:left;margin-top: 60px; padding-left: 10px;} #ProductFamilySUB_narrow .products .images div, #ProductFamilySUB_narrow .products .descriptions div, #ProductFamilySUB_narrow .products .links div { margin-left: 10px;} #ProductFamilySUB_narrow .products .images {margin-left: 0px;} #ProductFamilySUB_narrow .products .descriptions {float:left;} #ProductFamilySUB_narrow .products .links {float:left; padding-top: 0px; padding-bottom: 20px;} #ProductFamilySUB_narrow .products div {float:left; font-size: 14px; position:relative;} #ProductFamilySUB_narrow .products .images div, #ProductFamilySUB_narrow .products .descriptions div, #ProductFamilySUB_narrow .products .links div { margin-left:18px;} #ProductFamilySUB_narrow .products div h3 {font-size: 14px; padding: 0 0 10px 0;} #ProductFamilySUB_narrow .products div p {font-size: 14px; padding: 0; color: #fff; min-height: 100px;} #ProductFamilySUB_narrow .products .images div a {width: 80%; margin-left: 0px;} #ProductFamilySUB_narrow .products .images div a img {float:left; width: 80%; height: auto; } #ProductFamilySUB_narrow .products .sub { float:left; display:block; width: 117px; } #ProductFamilySUB_narrow .products .sub h3 a {color: #7d55c7; } #ProductFamilySUB_narrow .products .images .play5 img {padding-top: 35px;} #ProductFamilySUB_narrow .products .play5 {float:left; display:block; width: 113px; } #ProductFamilySUB_narrow .products .play5 h3 a {color: #00AFDB; } #ProductFamilySUB_narrow .products .images .play3 img {margin-top: 54px;} #ProductFamilySUB_narrow .products .play3 {float:left; display:block; width: 90px; } #ProductFamilySUB_narrow .products .play3 h3 a {color: #E5B53B; } #ProductFamilySUB_narrow .products .connectamp {float:left; display:block; width: 69px; } #ProductFamilySUB_narrow .products .images .connectamp img {margin-top: 60px;} #ProductFamilySUB_narrow .products .connectamp h3 a {color: #B50938; } #ProductFamilySUB_narrow .products .connect {float:left; display:block; width: 55px; margin-left: 35px!important; } #ProductFamilySUB_narrow .products .images .connect img {margin-top: 64px;} #ProductFamilySUB_narrow .products .connect h3 a {color: #C66005; } #ProductFamilySUB_narrow .products .bridge {float:left; display:block; width: 48px; margin-left: 35px!important; } #ProductFamilySUB_narrow .products .images .bridge img {margin-top: 72px;} #ProductFamilySUB_narrow .products .bridge h3 a {color: #ffffff; } /* End Product Family */ #AddToCart {float:left;} #AddToCart .title {float:left; font-size: 24px; line-height: 26px; color: #898989;} #AddToCart .intro {float:left} #AddToCart .colorSelector {float:left;} #AddToCart .colorSelector a {margin-left: 5px;} #SalesContact .sales{width:188px; float:left; background:url(/images/common_right_bg.jpg) no-repeat 0 0!important; height:30px; font-size:14px; line-height:18px; color:#fff; padding:15px 0 0 16px; text-transform:uppercase;} #SalesContact .inner_container{width:100%; margin-bottom:15px; float:left; background:url(/images/common_right_bg.jpg) no-repeat 0 -45px;} #SalesContact .inner_container .text_section{width:100%; float:left; border-bottom:1px solid #e7e7e7; padding:13px 0 8px;} #SalesContact .inner_container p{width:100%; float:left; text-align:center; font-size:25px; line-height:29px; color:#000000;} #SalesContact .inner_container p span{width:100%; float:left; text-align:center; font-size:20px; line-height:24px; color:#d42536; text-transform:uppercase; margin-bottom:-5px;} #SalesContact .inner_container h6{width:100%; float:left; text-align:center; font-size:14px; color:#a09da0;} #SalesContact .inner_container .btn_row{width:150px; float:left; padding:13px 0 14px 54px;} #SalesContact #menu{ width:203px; float:left; margin-bottom:15px;} #SalesContact #menu ul{ width:100%; float:left; list-style:none;} #SalesContact #menu ul li{ width:168px; float:left; height:21px; font-size:13px; line-height:16px; color:#ffffff; background:#7b7b7b; padding:2px 18px 0 17px;} #SalesContact #menu ul li a{text-decoration:none; width:100%; float:left; color:#fff;} #SalesContact #menu ul li a:hover{text-decoration:none; color:#fff;} #SalesContact #menu .sub-menu {float:left; list-style:none; width:180px; padding:12px 0 0 19px; background:url(/images/gredient_ver_bg.jpg) 0 0 repeat-x; border-left:solid 1px #b0b0b0; border-right:solid 1px #b0b0b0; border-bottom:solid 1px #b0b0b0;} #SalesContact #menu .sub-menu li{float:left; height:auto; margin:0; padding:0; width:100%; font:12px/14px; text-transform:none; background:none;} #SalesContact #menu .sub-menu li a{color:#fff; width:100%; text-decoration:none; padding:3px 0 0 0!important; margin:0; float:left; display:block; background:none; height:auto;} #SalesContact #menu .sub-menu li h3{width:100%; text-decoration:none; padding:0!important; margin:0; float:left; text-transform:uppercase; color:#c00010;} #SalesContact #menu .sub-menu li p{color:#000; width:94%; text-decoration:none; padding:0 0 6px 0!important; margin:0; float:left; color:#0f0f0f;} #SalesContact #menu .sub-menu li a:hover{background:none; color:#fff} #SalesContact #menu .sub-menu li.last{border-bottom:none;} #SalesContact .secure_section{width:100%; float:left;} #SalesContact .secure_section p{ width:100%; float:left; font-size:14px; line-height:18px; color:#8c8c8c; padding-bottom:12px;} #SalesContact .secure_section img{float:left;} #Play5DemoModule, #Play3DemoModule{float:left; width:100%; margin-bottom:15px;} #Play5DemoModule h3, #Play3DemoModule h3{float:left; width:100%; color:#E5B53B; font-size:16px; text-transform:uppercase;} #Play5DemoModule .video, #Play3DemoModule .video{float:left; width:100%;} /***********************latest reviews starts**********************/ #ReviewsModule {width:201px; margin:0 0 15px 0; border:solid 1px #bdbdbd; float:left;} #ReviewsModule .text_section{width:100%; float:left; padding:13px 0 8px;} #ReviewsModule p {width:100%; float:left; text-align:center; font-size:16px; line-height:24px; color:#000; text-transform:uppercase; margin-bottom:-5px;} #ReviewsModule h6{width:100%; float:left; text-align:center; font-size:14px; color:#898989; padding-top:10px;} #ReviewsModule .btn_row{width:180px; float:left; padding:0px 0 14px 24px;} /***********************latest reviews ends**********************/ /* contact public starts */ #ContactPR{width:100%; margin-bottom:15px; padding-bottom:10px; float:left; background:#efefef url(/images/get_vault_bg.jpg) repeat-x 0 0px;} #ContactPR h3, #press_home #ContactPR h3{width:195px; float:left; background:#000; height:30px; font-size:14px; line-height:18px; color:#fff; padding:15px 5px 0 16px; text-transform:uppercase;} #ContactPR h4{width:100%; float:left; text-align:left; padding:10px 0 0 10px; font-size:16px!important; line-height:18px!important; color:#000000; text-transform:uppercase;} #ContactPR p a{color:#878787; text-transform:uppercase; padding-left: 16px!important; width:100%;text-decoration:none;font-size:14px; line-height:16px;} #ContactPR p a:hover{color:#d42536; text-transform:uppercase; padding-left: 16px!important; width:100%;text-decoration:none;} #ContactPR p a span{width:auto; color:#d24536; font-size:20px; line-height:20px; font-weight:bold; } #ContactPR .or {margin-left: 12px; color:#000;font-size:14px;line-height:16px; padding: 8px;} /* contact public ends */ /* press kit starts */ #PressKitModule{width:180px; padding:10px; margin-bottom:15px; float:left; border:solid 1px #b0b0b0; background:url(/images/gredient_ver_bg.jpg) 0 0 repeat-x;} #PressKitModule p{width:100%; float:left; text-align:center; padding:10px 0; font-size:16px!important; line-height:16px; color:#898989; text-transform:none;} #PressKitModule h3{width:100%; float:left; text-align:center; font-weight:bold; font-size:16px; line-height:18px; color:#000; text-transform:uppercase; } #PressKitModule h6{width:100%; float:left; text-align:center; padding-bottom:15px; font-size:12px; line-height:13px; color:#6e6e6e;} #PressKitModule .btn_row{width:184px; float:left; padding:5px 0 5px 20px;} /* press kit ends */ /* System Demo */ #SystemDemoModule{width:100%; margin-bottom:15px; float:left; background:#efefef url(/images/get_vault_bg.jpg) repeat-x 0 0px;} #SystemDemoModule h3{width:176px; float:left; background:#000; min-height:30px; font-size:22px; line-height:24px; color:#fff; padding:15px 10px 10px 16px; text-transform:uppercase;} #SystemDemoModule p{width:100%; float:left;} /* marketing left ends */ #myaccount_page_left #login_page{clear:both} #myaccount_page_left h1{font-size: 42px;padding-top: 5px;} #myaccount_page_left .top_row {margin-top: 64px; margin-bottom: 15px;padding-top: 20px; height: 75px; padding-left: 25px; width: 965px; background-image: url(/images/landing/campaigns/listenoutloud/listeningisback-head-background.jpg); } #myaccount_page_left #login_page .gray_box{width: 838px; margin-left: 20px; padding: 35px 50px;} #myaccount_page_left #login_page .gray_box div.login, #myaccount_page_left #login_page .gray_box div.create{width: 355px; float:left;} #myaccount_page_left #login_page .gray_box h3 {color: #000; font-size: 30px; line-height: 30px; padding-bottom: 10px} #myaccount_page_left #login_page .gray_box h4 {color: #000; font:normal 18px/18px SonosPFHandbookPro, Trebuchet, Arial, Helvetica, 幼圆; padding-bottom: 10px;} #myaccount_page_left #login_page .divider {width: 95px; float:left; padding-right: 20px;} #myaccount_page_left #login_page .divider div {text-align:center; padding-top: 150px; position:absolute; width: 95px; color:#DFDFDF; height: 15px;} #myaccount_page_left #login_page .divider span { padding-top: 150px; width: 0px; border: 1px solid #DFDFDF; display:block; float:left; margin-left: 50%; } #myaccount_page_left #login_page .divider span.bottom {margin-top: 15px;} #myaccount_page_left .row{width:100%; float:left; padding-top:6px; min-width: 100px;} #myaccount_page_left label{width:91px; float:left; font-size:16px; text-align:left; line-height:16px; color:#000000; padding-top:1px;} #myaccount_page_left label.large{width:135px; float:left; } #myaccount_page_left .tallfield{width:205px; float:left; font-size:16px; text-align:left; line-height:16px; color:#000000; padding-top:1px;} #myaccount_page_left .tallfield img {margin-top: 10px;} #myaccount_page_left .left{width:100px; float:left;} #myaccount_page_left select{width:127px; float:left; font:normal 11px/16px Trebuchet, Arial, Helvetica; color:#000; background:none; border:none; height:19px;} #myaccount_page_left .row p.disclaimer {margin-top: 20px;} #myaccount_page_left .password{width:80px; float:left; font-size:14px; line-height:16px; color:#c20000;} #myaccount_page_left .password a{width:100%; float:left; text-decoration:none; color:#c20000; height:auto!important;} #myaccount_page_left .password a:hover{text-decoration:none; color:#c20000;} #myaccount_page_left .field{width:127px; float:left; height:19px; background:url(/images/field_bg.jpg) no-repeat 0 0; padding:2px;} #myaccount_page_left .field input{width:127px; float:left; font:normal 11px/16px SonosPFHandbookPro, Trebuchet, Arial, Helvetica, 幼圆; color:#000; background:none; border:0px;} #myaccount_page_left .button_row {float:right; margin-top: 10px; margin-bottom: 10px;} #myaccount_page_left .red_btn {width: auto;} #myaccount_page_left .red_btn a, #myaccount_page_left .red_btn a:hover {padding: 4px 15px!important; width: auto;} #email_Signup h3 { padding: 15px 0 15px 0; } #email_Signup .join fieldset { margin: 10px 0; float:left; } #email_Signup .join h3 { padding: 15px 0 0 0; } #email_Signup .join .row { width: 100%; padding-top: 10px; float:left; } #email_Signup .join label { float:left; width: 110px; } #email_Signup .join input[type="text"] { float:left; color:#787878; font-size: 10px; margin-right:5px; -webkit-border-radius: 0px; height: 20px; margin-top: -5px; text-transform:uppercase; padding-left: 3px; width: 250px; } #email_Signup .join input.find_btn { background-image: url(/images/find_arrow_red.png); width: 30px; height: 27px; } #forgot_page {float:left; width:100%} .press_template .release_details { float:left;width:685px;} .press_template .release_details h5 a { float:right; width:auto; font-size: 16px; color:#848484; line-height:18px;text-transform:uppercase;text-decoration:none;} .press_template .release_details h5 a span {color:#d42536; font-weight:bold; font-size:22px;} .press_template .release_details h1 {font-size:24px; line-height:24px;float:left; width:100%; color: #000000; padding: 10px 0px;} .press_template .release_details h2 {font-size:18px; color: #787878; line-height:18px;float:left; width:100%;} .press_template .release_details h3 {float:left;color:#000000; font-size: 16px; width: 100%; padding: 10px 0px} .press_template .release_details h4 {color:#000000;font-size:16px; float:left; line-height:16px; text-transform: uppercase; padding: 10px 0px} .press_template .release_details h6 {font-size:18px; line-height:18px; padding: 10px 0;float:left;} .press_template .release_details p {font-size:16px; line-height:20px; padding: 10px 0;float:left; color:#878787; width: 100%} .press_template .release_details p a, .press_template .release_details ul li a {text-decoration:underline} .press_template .release_details ul { margin-left: 25px;list-style:none; list-style-type:none;} .press_template .release_details ul li {background:url(/images/red_bullet.jpg) no-repeat 0 8px; color:#878787; font-size: 16px; line-height: 20px;padding-left:10px; float:left; width:100%} input.RedborderTextbox { color:Red!important; } .tray { margin-top:64px; height: 57px; width:100%; position:relative; float:left; background: #efefef; } .tray .breadcrumbs { margin-left: 20px; float:left; width:300px; margin-top: 17px; } .tray .breadcrumbs a small { color: #c20000; font-size: 22px; line-height: 22px; } .tray .breadcrumbs a { color: #000000; text-transform: uppercase; text-decoration: none; } .tray .breadcrumbs a:hover { color: #c20000; } .tray .contact_press { float:right; width:200px; text-transform:uppercase; text-align:center; margin-top: 10px; } .tray .contact_press a { text-decoration: none; } .privacyPolicy .gray_box .col02 { width: 375px; } #footer .follow a { margin-right: 5px; margin-bottom: 5px; margin-top: 5px; float:left; height: 16px; } #footer .follow p { margin-top: 5px; } ul.cta-nav-items { list-style-type: none; } .cta-nav-item .red_btn a { padding: 15px 0px!important; } .header .top-bar .top-bar-nav .name.title h2, .header .top-bar .top-bar-nav .name.title h2 a { line-height: 14px!important; }