@charset "UTF-8";

/* SprySlidingPanels.css - version 0.1 - Spry Pre-Release 1.6 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


.SlidingPanels { position: relative; width: 100%; padding: 0px; border: none; float: left; /* to give horizontal animating */ }

.SlidingPanelsContentGroup { position: relative; width: 10000px; /* increased width allows content to fit in container element */ margin: 0px; padding: 0px; border: none; float: left; height: auto; background: #292929; }

.SlidingPanelsContentGroup ul li { margin-left: 35px; line-height: 1.8em; }

.SlidingPanelsContent { width: 980px; /* fixed width based on content*/ height: auto; /* fixed height based on content */ overflow: hidden; margin: 0px; padding: 0px; border: none; float:left; /* background color to match page layout */ }

.SlidingPanelsAnimating * { overflow: hidden !important; }

.SlidingPanelsCurrentPanel { }

.SlidingPanelsFocused { }

/* ---------------- formatting for panel content ------------------ */
#divMainContent .SlidingPanelsContentGroup img { float: left; margin: 0 10px; }

#divMainContent .SlidingPanelsContentGroup h2 { margin: 10px 0 0 0; padding: 0px; background: none; text-align: left; }

#divMainContent .SlidingPanelsContentGroup p { padding: 0px; background: none; text-align: left; }

#divMainContent .SlidingPanelsContentGroup span.price { display: block; font-weight: bold; font-size: 1.1em; text-align:right; margin-right:10px; }

/*  ------------------ background images for panels ------------------*/
#divMainContent #panel0 { background: url(../images/bg-solutions-main.jpg) no-repeat; overflow: visible; padding-top: 240px; height: 450px; }

#divMainContent #panel1 { background: url(../images/slide-home-theater.jpg) no-repeat; padding-top: 365px; height: 350px; }

#divMainContent #panel2 { background: url(../images/slide-video-blur.jpg) no-repeat 0px 0px; padding-top: 0px; }

#divMainContent #panel3 { background: url(../images/slide-phone.jpg) no-repeat 0px 0px; padding-top: 250px; }

#divMainContent #panel4 { background: url(../images/slide-lighting.jpg) no-repeat 0px 0px; padding-top: 390px; height: 370px; }

#divMainContent #panel5 { background: url(../images/slide-music.jpg) no-repeat 0px 0px; padding-top: 250px; }

#divMainContent #panel6 { background: url(../images/slide-control.jpg) no-repeat 0px 0px; padding-top: 0px; height: 750px; }

/* --------- styles for panels as they animate ----------------- */
#divMainContent .SlidingPanelsAnimating h2 { color: #999 }

#divMainContent .SlidingPanelsAnimating p { color:#666; }

#divMainContent .SlidingPanelsAnimating span.price { color:#666; }

#divMainContent .SlidingPanelsAnimating #panel0 { background: url(../images/bg-solutions-main-blur.jpg) no-repeat; color: #666; }

#divMainContent .SlidingPanelsAnimating #panel1 { background: url(../images/slide-home-theater.jpg) no-repeat; color: #666; }
#divMainContent .SlidingPanelsAnimating #panel2 { background: url(../images/slide-video.jpg) no-repeat; color: #666; }
#divMainContent .SlidingPanelsAnimating #panel3 { background: url(../images/slide-phone.jpg) no-repeat; color: #666; }

#divMainContent .SlidingPanelsAnimating #panel4 { background: url(../images/slide-lighting.jpg) no-repeat 0px 0px; color: #666; }

#divMainContent .SlidingPanelsAnimating #panel5 { background: url(../images/slide-music.jpg) no-repeat; color: #666; }


#divMainContent .SlidingPanelsAnimating #panel6 { background: url(../images/slide-control.jpg) no-repeat; color: #666; }
#solutions .SlidingPanelsContent p { padding-left: 35px; padding-right: 35px; padding-top: 12px; }

#solutions #panel3 .divSolMainLeft { width: 60%; margin-bottom: 15px; }

#solutions #panel3 .divSolMainRight { background: url(../images/bg-solutions-phones-detail.jpg) no-repeat right; height: 250px; width: 150px; position: absolute; padding-right: 130px; left: 3608px; top: 361px; }

#solutions #panel4 .divSolMainLeft { width: 65%; margin-bottom: 15px; }

#solutions #panel4 .divSolMainRight { height: 250px; width: 167px; position: absolute; padding-right: 150px; left: 4541px; top: 449px; }



#solutions #panel5 .divSolMainLeft { width: 60%; margin-bottom: 15px; }

#solutions #panel5 .divSolMainRight { background: url(../images/bg-solutions-music-detail.jpg) no-repeat 55px 110px; height: 272px; width: 255px; position: absolute; left: 5566px; top: 281px; padding-left: 25px; padding-right: 0px; }


#solutions .divSolMainRight p { font-size:10px; text-align: left; padding-top: 28px; }

#solutions #panel6 .divSolMainRight { height: 489px; width: 507px; position: absolute; text-align: right; padding-right: 0px; left: 6321px; top: 325px; font-size: 12px; }

#solutions #panel6 .divSolMainRight p { font-size: 12px; }

#solutions #container #panel1 p { padding-right: 45px; padding-left: 45px; }

#solutions #divMainContent #divCentreBlock .article #panelContainer #detailSlide1 .SlidingPanelsContentGroup p a:link { text-decoration: none; display: block; height: 30px; padding-left: 30px; background: url(../images/flash-nav.png) no-repeat 0px center; padding-top: 15px; }

#solutions #divMainContent #divCentreBlock .article #panelContainer #detailSlide1 .SlidingPanelsContentGroup p a:visited { text-decoration: none; display: block; height: 30px; padding-left: 30px; background: url(../images/flash-nav.png) no-repeat 0px center; padding-top: 15px; }

#solutions #divMainContent #divCentreBlock .article #panelContainer #detailSlide1 .SlidingPanelsContentGroup p a:hover { text-decoration: none; display: block; height: 30px; padding-left: 30px; background: url(../images/flash-nav-lt.png) no-repeat 0px center; padding-top: 15px; }

#solutions #divMainContent #divCentreBlock .article #panelContainer #detailSlide1 .SlidingPanelsContentGroup p a:active { text-decoration: none; display: block; height: 30px; padding-left: 30px; background: url(../images/flash-nav-lt.png) no-repeat 0px center; padding-top: 15px; }