body { margin: 20px 0 0 0; padding: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; } .Fleft { float: left; } .Fright { float: right; } .DisplayNone { display: none; } .MarginBottom { margin: 0 0 12px 3px; } #divMainContent { position: relative; margin: 0 auto 0 auto; padding: 0; width: 955px; text-align: left; clear: both; display: block; } #divHeaderTop { float: left; clear: both; width: 955px; height: 121px; } #divHeaderTop img { position: relative; float: left; } #divHeaderTop ul { float: right; color: #7B7B7B; margin: 25px 0 0 0; padding: 0; list-style-type: none; font-size: 80%; } #divHeaderTop ul li { float: left; border-right: 1px solid #7B7B7B; padding: 4px 8px 2px 8px; } #divHeaderTop ul li.last { float: left; border-right: 0px solid #FFF; padding: 4px 0 2px 8px; } #divHeaderTop ul li a, #divHeaderTop ul li a:visited { color: #808080; text-decoration: none; padding: 0px; } #divHeaderTop ul li a:hover { color: #3A114C; text-decoration: none; padding: 0px; } #divHeaderTop h1 { position: absolute; top: 0px; left: 0px; color: #808080; font-size: 90%; width: 450px; font-style: italic; padding: 84px 0 0 170px; margin: 0; } #divHeaderNav { float: left; clear: both; margin: 0 0 0 0; } #divHeaderNav ul { position: relative; margin: 0 auto 0 auto; padding: 0; width: 952px; height: 71px; top: 0px; padding: 0; font-size: 80%; background-image: url(../Images/Nav-background.gif); background-repeat: no-repeat; background-position: 0 0; border-bottom: 1px solid #808080; padding: 0px; } #divHeaderNav ul li { position: relative; float: left; padding: 0; margin: 0; list-style-type: none; } #nav { top: 0px; } #nav, #nav ul { position: relative; float: left; z-index: 999; padding: 0; width: 159px; margin: 0 0 0 0; list-style-type: none; top: 49px; } #nav li ul li a.Sub { display: block; padding: 5px 0 0 0; width: 157px; background-color: #9C88A4; color: #FFF; text-decoration: none; font-size: 120%; text-align: center; } #nav li ul li a.Sub:hover { background-color: #39104A; color: #FFF; text-decoration: none; } #nav li ul li a.Large { height: 37px; } #nav li ul li a.Small { height: 22px; } #nav li ul li a.BorderTop { border-top: 1px solid #FFF; } #nav li ul { position: absolute; width: 157px; left: -999em; } #nav li:hover ul, #nav li.sfhover ul { left: 0px; } #divLeftPanel { position: relative; float: left; width: 708px; height: auto; padding: 22px 0 22px 0; background-color: #FFF } #divLeftPanel .divHome-Panela { position: relative; float: left; width: 331px; height: 80px; background-repeat: no-repeat; color: #fff; padding: 10px; font-size: 80%; } #divLeftPanel .divHome-Panela-01 { background-image: url(../Images/home-panel-01.gif); padding: 12px 10px 8px 10px; } #divLeftPanel .divHome-Panela-02 { background-image: url(../Images/home-panel-02.gif); padding: 11px 10px 9px 10px; margin-left: 6px; } #divLeftPanel .divHome-Panela-02 a { position: absolute; top: 68px; left: 10px; } #divLeftPanel .divHome-Panelb { position: relative; float: left; height: 232px; border: 1px solid #808080; margin-top: 6px; padding: 10px; color: #4D4D4D; text-align: right; font-size: 90%; } #divLeftPanel .divHome-Panelb-01 { width: 150px; } #divLeftPanel .divHome-Panelb-02 { width: 150px; margin-left: 6px; } #divLeftPanel .divHome-Panelb-03 { width: 150px; margin-left: 7px; } #divLeftPanel .divHome-Panelb img { float: left; border: 0px; } #divLeftPanel .divHome-Panelb a, #divLeftPanel .divHome-Panelb a:visited { float: left; text-decoration: none; padding: 10px 0 0 0 ; } #divLeftPanel .divHome-Panelb a:hover { color: #3A114C; } /* Home page scroller panel styles */ #pscroller2 { position: absolute; margin-top: -30px; width: 320px; height: 18px; border: 1px solid #FFF; padding: 3px; font-weight: bold; } #pscroller2 a { color: #FFF; font-size: 80%; text-decoration: none; } #pscroller2 a:hover { text-decoration: underline; } #divLeftPanelMain { position: relative; float: left; width: 686px; height: 315px; margin: 22px 0 22px 0; padding: 22px 0 22px 22px; } .Other { background-color: #000000; } .Retailer { background-color: #654673; } .Traders { background-color: #CCCCCC; } .BrandManagers { background-color: #8C7496; } .MediaBuyers { background-color: #FFFFFF; background-image:url(../Images/Media-buyers-background.gif); background-repeat: no-repeat; } .News { background-color: #FFFFFF; background-image:url(../Images/News-background.gif); background-repeat: no-repeat; } #divLeftPanelMain .imgContainer { float: left; width: 204px; } #divLeftPanelMain .ImgFrame { position: absolute; margin: 0; left: 22px; top: 22px; } #divLeftPanelMain .Img { float: left; padding: 4px 0 0 4px; } #divLeftPanelMain .Back { position: absolute; top: 40px; left: 590px; } #divLeftPanelMain h2.White { float: left; font-size: 110%; color: #fff; margin: 15px 0 0 22px; width: 300px; height: 32px; } #divLeftPanelMain h2.Grey { float: left; font-size: 110%; color: #4E4E4E; margin: 15px 0 0 22px; width: 300px; height: 32px; } #divLeftPanelMain h2.GreyNews { float: left; font-size: 110%; color: #4E4E4E; margin: 5px 0 0 0; width: 300px; height: 32px; } #divLeftPanelMain h2.Purple{ float: left; font-size: 110%; color: #3F1850; margin: 15px 0 0 22px; width: 300px; height: 32px; } #divLeftPanelMain .divContentPanel { float: left; border-top: 1px dashed #fff; width: 438px; height: auto; line-height: 1.5em; margin: 5px 0 0 22px; padding: 15px 10px 10px 0; color: #FFF; font-size: 80%; } #divLeftPanelMain .divContentPanelSmallWidth { float: left; border-top: 1px dashed #fff; width: 338px; height: auto; line-height: 1.5em; margin: 5px 0 0 22px; padding: 15px 10px 10px 0; color: #FFF; font-size: 80%; } #divLeftPanelMain .divContentPanel .million, #divLeftPanelMain .divContentPanel02 .million { position: absolute; margin: 52px 0 0 310px; } #divLeftPanelMain .divContentPanel .million02 { position: absolute; margin: 115px 0 0 310px; } #divLeftPanelMain .divContentPanel02 .million02 { position: absolute; margin: 110px 0 0 310px; } #divLeftPanelMain .divContentPanel .logos { position: absolute; margin: -90px 0 0 372px; } #divLeftPanelMain .divContentPanel02 .logos { position: absolute; margin: -95px 0 0 372px; } #divLeftPanelMain .divContentOverflow { height: 248px; overflow-y: scroll; overflow-x: hidden; padding: 15px 10px 0 1px; } #divLeftPanelMain .divContentOverflowSmall { height: 217px; overflow-y: scroll; overflow-x: hidden; padding: 15px 10px 0 1px; } #divLeftPanelMain .divContentPanel02 { float: left; border-top: 1px dashed #4E4E4E; width: 438px; height: auto; margin: 15px 0 0 22px; padding: 10px 0 10px 0; color: #FFF; font-size: 80%; } #divLeftPanelMain .divContentPanel02News { float: left; border-top: 1px dashed #4E4E4E; width: 638px; height: auto; margin: 15px 0 0 22px; padding: 10px 0 10px 0; color: #FFF; font-size: 80%; } #divLeftPanelMain .divContentPanel02News hr, #divLeftPanelMain .divContentPanel02 hr { border-top: 1px dashed #4E4E4E; border-left: 1px solid #FFF; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF; } #divLeftPanelMain .divContentOverflow02 { height: 202px; overflow-y: scroll; overflow-x: hidden; padding: 10px 0 10px 1px; } #divLeftPanelMain .divContentOverflow03 { height: 235px; overflow-y: scroll; overflow-x: hidden; padding: 10px 0 10px 1px; } #divLeftPanelMain .divContentPanel h2.White { margin: 10px 0 0 0; width: 400px; } #divLeftPanelMain .divContentPanel h3 { font-size: 100%; margin: 0 0 10px 0; padding: 0; color: #FFF; } #divLeftPanelMain .divContentPanel02 h3 { font-size: 100%; margin: 0 0 10px 0; padding: 0; color: #4D4D4D; width: 410px; } #divLeftPanelMain .divContentPanel02News h3 { font-size: 100%; margin: 0 0 10px 0; padding: 0; color: #4D4D4D; width: 600px; } #divLeftPanelMain .divContentPanel h4 { float: left; font-size: 100%; margin: 10px 0 0 0; clear: both; width: 400px; } #divLeftPanelMain .divContentPanel hr { float: left; margin: 10px 0 10px 0; clear: both; border-top: 1px dashed #fff; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; width: 410px; } #divLeftPanelMain .divContentPanel p { color: #FFF; width: 410px; } #divLeftPanelMain .divContentPanel02 p { color: #4D4D4D; width: 410px; } #divLeftPanelMain .divContentPanel02News p { color: #4D4D4D; width: 600px; } #divLeftPanelMain .divContentPanel .ZeroTop, #divLeftPanelMain .divContentPanel02 .ZeroTop { padding: 0px; margin-top: 0px; } #divLeftPanelMain .divContentPanel .ZeroBottom, #divLeftPanelMain .divContentPanel02 .ZeroBottom { padding: 0px; margin-bottom: 0px; } #divLeftPanelMain .divContentPanel .Page { position: absolute; top: 0px; left: 248px; width: 200px; margin: 0; padding: 0; } #divLeftPanelMain .divContentPanel .Page .Link { float: left; margin: 0 5px 0 0; } #divLeftPanelMain .divContentPanel .Page .Link a.Selected { height: 32px; padding: 3px 5px; background-color: #FFFFFF; color: #3D174F; font-weight: bold; text-decoration: none; } #divLeftPanelMain .divContentPanel .Page .Link a.NotSelected { padding: 3px 5px; color: #FFFFFF; } #divLeftPanelMain .divContentPanel ul { float: left; margin-left: 0; padding: 0px; clear: both; width: 410px; } #divLeftPanelMain .divContentPanel li { list-style-type: none; list-style-position: outside; background-image: url(../Images/bullet-point.gif); background-repeat: no-repeat; padding-left:14px; background-position: 0 8px; } #divLeftPanelMain .divContentPanel ul li ul { margin-left: 15px; } #divLeftPanelMain .divContentPanel ul li ul li ul { margin-left: 15px; } #divLeftPanelMain .divContentPanel a { color: #FFF; text-decoration: underline; } #divLeftPanelMain .divContentPanel a:hover { color: #795E85; } #divLeftPanelMain .divContentPanel02News a { color: #4D4D4D; text-decoration: underline; } #divLeftPanelMain .divContentPanel02News a:hover { color: #795E85; } #divLeftPanelMain .divContentPanel strong.Meet { float: left; width: 110px; } #divLeftPanelMain .divContentPanel span.Contact01 { float: left; margin: 0; width: 160px; } #divLeftPanelMain .divContentPanel strong.Contact02 { float: left; margin: 0; width: 80px; } #divLeftPanelMain .divContentPanel span.Contact03 { float: left; margin: 0; width: 170px; } #divLeftPanelMain .divContentPanel span.Contact03 a { text-decoration: underline; color: #FFF; font-weight: normal; } #divLeftPanelMain .divContentPanel span.Contact03 a:hover { color: #795E85; } #divLeftPanelMain .divContentPanel span.Contact04 { float: left; margin: 0; font-size: 140% } #divLeftPanelMain .divContentPanel02 div.Testimonial1 { float: left; background-image: url(../Images/Quotes.gif); background-repeat: no-repeat; background-position: 0 0; width: 200px; height: 280px; } #divLeftPanelMain .divContentPanel02 div.Testimonial1 span.main01 { float: left; margin: 58px 12px 0 15px; padding: 0; font-style: italic; } #divLeftPanelMain .divContentPanel02 div.Testimonial1 strong.ref01 { float: left; margin: 10px 0 0 15px; padding: 0px; } #divLeftPanelMain .divContentPanel02 div.Testimonial2 { float: left; background-image: url(../Images/Quotes02.gif); background-repeat: no-repeat; background-position: 0 0; width: 200px; height: 280px; margin: 0 0 0 10px; } #divLeftPanelMain .divContentPanel02 div.Testimonial2 span.main02 { float: left; margin: 58px 12px 0 18px; padding: 0; font-style: italic; } #divLeftPanelMain .divContentPanel02 div.Testimonial2 strong.ref02 { float: left; margin: 10px 0 0 15px; padding: 0px; } #divLeftPanelMain .divContentPanel02 ul { color: #4D4D4D; float: left; margin-left: 0; padding: 0px; clear: both; width: 410px; } #divLeftPanelMain .divContentPanel02 li { list-style-type: none; list-style-position: outside; background-image: url(../Images/bullet-point-02.gif); background-repeat: no-repeat; padding-left:14px; background-position: 0 8px; } #divLeftPanelMain .divContentPanel02 a { color: #4D4D4D; text-decoration: underline; } #divLeftPanelMain .divContentPanel02 a:hover { color: #795E85; } #divLeftPanelMain .divContentPanel03 { float: left; width: 665px; height: 253px; margin: 5px 0 0 0; padding: 0; color: #FFF; font-size: 80%; } #divLeftPanelMain .divContentPanel03 .Column { color: #4D4D4D; float: left; border-right: 1px dashed #4E4E4E; padding: 0 10px 0 0; margin: 0 10px 0 0; width: 151px; height: 265px; } #divLeftPanelMain .divContentPanel03 .ColumnLast { color: #4D4D4D; float: left; padding: 0 10px 0 0; margin: 0 10px 0 0; width: 129px; height: 250px; } #divLeftPanelMain .divContentPanel03 span { font-size: 80%; margin: 0; } #divLeftPanelMain .divContentPanel03 p { font-size: 85%; margin: 0; } #divLeftPanelMain .divContentPanel03 h3 { color: #3D174F; font-size: 95%; margin: 0; margin-bottom:4px; } #divLeftPanelMain .divContentPanel03 .ColumnLast h4 { margin: 0px; } #divLeftPanelMain .divContentPanel03 a { float: left; color: #4D4D4D; font-size: 85% } #divLeftPanelMain .divContentPanel03 a:hover { float: left; color: #3D174F; } #divLeftPanelMain .divContentPanel03 .ColumnLast h4 { font-size: 100% } #divLeftPanelMain .divContentPanel03 .ColumnLast span { clear: both; } #divRightPanel { position: relative; float: left; width: 238px; height: 358px; padding: 22px 0 0 6px; background-color: #FFF; } #divRightPanel .divHome-Panelc { position: relative; float: left; width: 218px; height: 95px; padding: 10px 10px 17px 10px; color: #fff; } #divRightPanel .divHome-Panelc-01 { background-image: url(../Images/home-panel-03.gif); background-repeat: no-repeat; background-position: 0 0; } #divRightPanel .divHome-Panelc-02 { background-image: url(../Images/home-panel-04.gif); background-repeat: no-repeat; background-position: 0 0; } #divRightPanel .divHome-Panelc img { float: left; } #divRightPanel .divHome-Panelc img.headline01 { float: right; margin-bottom: 6px; } #divRightPanel .divHome-Panelc img.headline02 { float: right; margin-bottom: 6px; } #divRightPanel .divHome-Panelc img.headline03 { float: right; margin-top: 20px; } #divRightPanel .divHome-Panelc img.headline04 { float: right; } #divRightPanel .divHome-Panelc a { float: right; border: 0px; } #divFooter { position: relative; float: left; border-top: 1px solid #808080; width: 952px; padding: 10px 0 10px; 0; margin: 0; text-align: right; font-size: 70%; color: #808080; } #divFooter li { float: left; list-style-type: none; padding: 0 15px 0 0; } #divFooter li.last { float: right; list-style-type: none; padding: 0 0 0 0; } #divFooter li a { float: left; color: #808080; } #divFooter li a:hover { float: left; color: #3D174F; text-decoration: underline; } #PageCover { position: absolute; top: 0; left: 0; z-index: 100; filter:alpha(opacity=25); background-color: #000000; width: 100%; height: 100%; } #box01, #box02 { position: absolute; z-index: 110; width: 300px; height: auto; top: 200px; left: 300px; background-color: #FFFFCC; } /* CSS styles for the Showcase lightbox */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 999999; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left; background: url(../Images/prevlabel.gif) left 15% no-repeat;} #nextLink { right: 0; float: right; background: url(../Images/nextlabel.gif) right 15% no-repeat;} #prevLink:hover, #prevLink:visited:hover { background: url(../Images/prevlabel_02.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../Images/nextlabel_02.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 99999; width: 100%; height: 500px; background-color: #000; } /* root element for the scrollable. when scrolling occurs this element stays still. */ .scrollable { /* required settings */ position:relative; overflow:hidden; width: 665px; height:253px; } /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accommodate scrollable items. it's enough that you set width and height for the root element and not for this element. */ .scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; } /* a single item. must be floated in horizontal scrolling. typically, this element is the one that *you* will style the most. */ .items div { float:left; }