body { margin: 20px; padding: 0; font-family: verdana, Arial, sans-serif; font-size: 0.8em; background: #FFFFFF; } p, h1, h2, ul, li, label { margin:0px; padding:0px; } a, a:hover, a:visited{ text-decoration:none; } hr{ display:none; } a img,:link img,:visited img, map, area, img { border: none; } .right{ float:right; } .left{ float:left; } .clear{ clear:both; } .center{ text-align:center; } html{ overflow-y : scroll; } *:focus { outline: none } #container { margin-left: auto; margin-right:auto; width:770px; border: #C8C8CA 1px solid; background: url(/images/side/bg.gif) top right repeat-y; } /** * PAGE LAYOUT HEADER */ #header { height:118px; background:#FFFFFF; color:#3F3F3F; width:770px; overflow:hidden; } #header .logo { float:right; } #header .headerBanner { float:left; height:80px; width:504px; overflow:hidden; } /** * NAVIGATION */ #nav{ width:770px; overflow:hidden; margin:0; padding:0; } #mainNav { height:25px; width:790px; overflow:hidden; margin:0 0 0 0; padding:0; background:#F8F8F8; color:#939598; } #mainNav ul { list-style:none; color:#939598; margin:0; padding:0; overflow:hidden; } #mainNav li { display:inline; color:#939598; margin:0px; padding:0px; } #mainNav a { float:left; font-size:12px; letter-spacing:0px; margin:0; font-weight:normal; } div.subNav { position:absolute;z-index:100; } div.subNav ul{ list-style:none; display:block; background:#F8F8F8; border:#C8C8CA 1px solid; border-top:0; } div.subNav li { margin:0px; padding:0; overflow:hidden; background:#F8F8F8; } div.subNav li.last { margin:0px; padding:0; overflow:hidden; border-bottom:0; } div.subNav a{ display:block; width:100%; padding:5px 23px 4px 23px; margin:0px; color:#939598; background:#F8F8F8; font-size:12px; font-weight:normal; } div.subNav a:hover{ color:#FFFFFF; background:#d1d2d3; } #navTop, #navBase{ width:850px; } /** * CONTENT SETUP */ #content { float:left; width:579px; margin:0 0 20px 0; padding:0px; overflow:hidden; } #content .logo { float:right; } #content h1 { display:none; } #displayHeading{ height:27px; margin:20px 0 4px 29px; } #content h2 { font-weight:normal; font-size:15px; margin: 0 31px 4px 31px; color:#E2008B; } #content p { font-weight:normal; font-size:11px; line-height:1.4em; margin: 0 31px 10px 31px; color:#6c6e70; } #content p.nob { font-weight:normal; font-size:11px; margin: 0 20px 3px 31px; color:#6c6e70; } #content ul { font-weight:normal; font-size:11px; margin: 0px 40px 10px 31px; color:#6c6e70; } #content ol { font-weight:normal; font-size:11px; margin: 0px 40px 10px 0; color:#6c6e70; } #content li { margin: 0px 0px 0 15px; line-height:1.4em;} #content a { color:#E2008B; } #content a.external { color:#6c6e70; text-decoration:underline; } #content a.external:hover { color:#222222; text-decoration:underline; } #content a:hover { text-decoration:underline; } #content div.buttons{ margin:10px 31px } #content input.submit { cursor:pointer; background:#E2008B; color:#FFFFFF; padding:0px 5px; margin:10px 16px 10px 16px; font-size:11px; border:0px; } #content input.submit:hover { background:#971961; } #content input.checkbox { color:#FFFFFF; padding:0px 5px; margin:0px; font-size:12px; width:16px; } #content input.text { color:#6c6e70; border: #C8C8C8 1px solid; margin:0px 0px 5px 0px; width:200px; } #content input.textMost { color:#6c6e70; border: #C8C8C8 1px solid; margin:0px 0px 5px 0px; width:150px; } #content input.textHalf { color:#6c6e70; border: #C8C8C8 1px solid; margin:0px 0px 5px 0px; width:100px; } #content select.select { color:#6c6e70; border: #C8C8C8 1px solid; margin:0px 0px 5px 0px; width:50px; } #content input.input { border: #C8C8C8 1px solid; margin:0px 0px 5px 0px; width:200px; } #content div.rightImages{ float:right; margin:5px 31px 21px 25px; } #content div.leftImages{ float:left; margin:0px 20px 5px 10px; } #goback{ margin: 0 0 0 17px; } #imagesTop{ margin: 0 20px 0 20px; } #quote{ margin:0 0 18px 20px; } #quote img{ float:left; } .formButtons{ clear:both; padding: 10px 31px; height:30px; } .buttons{ clear:both; padding: 0px; height:14px; } .row{ clear:both; margin: 10px auto 10px 31px; width:450px; } .rowLabel { float:left; width:100px; padding:8px 3px 0px 0; text-align:left; color:#999999; font-weight:normal; font-size:11px } .rowText { float:left; width:330px; padding:8px 3px 0px 3px; text-align:left; color:#666666; font-weight:normal; font-size:11px } .rowHelp{ float:left; padding:4px 0px 0px 0px; margin:0px 0px 0px 3px} .rowInput { float:left; padding:2px 0px 0px 0px; font-size:11px } /** * FOOTER */ #footer{ clear:both; width:708px; margin:0px auto; padding:2px 0px; background:#FFFFFF; } #footer p { font-size:10px; color:#939598; } #footer ul { list-style:none; margin: 0;} #footer li { display:inline; } #footer a { font-size:10px; color:#939598; padding: 0 5px 0 2px} #footer a:hover { color:#222222;} /** * SIDE SECTION */ #side { float:right; margin:0px; padding:0 0 30px 0; width:190px; border-left:#D2D3D4 1px solid; overflow:hidden; } #side h2 { display:none; } #side p { font-weight:normal; font-size:11px; margin: 5px 20px 6px 20px; color:#939598; } #side a { color:#E2008B; } #sideLogin { border-bottom:#D2D3D4 1px solid; padding:13px 0 5px 0; background:#f3f3f4;} #sideLogin input { width:156px; color:#B2B3B5; border: #D2D3D4 1px solid; margin: 1px 0 4px 15px; font-size:11px; cursor:pointer; padding: 1px; } #sideLogin input.sideLoginSubmit { width:57px; height:18px; border:0; margin: 1px 0px 0px 97px; } /** * SIDE PROMO */ #sidePromo { } #sidePromo span { display:none; } #sidePromo ul{list-style:none; } #sidePromo li{ margin:0 0 0 0; padding:0; float:left; } a#sideDirectory { width:190px; height:66px; background: url(/images/side/directory.gif) top left no-repeat; display:block; border-bottom:#D2D3D4 1px solid;} a#sideForum { width:190px; height:66px; background: url(/images/side/forum.gif) top left no-repeat; display:block; border-bottom:#D2D3D4 1px solid;} a#sideSearch { width:190px; height:66px; background: url(/images/side/search.gif) top left no-repeat; display:block; border-bottom:#D2D3D4 1px solid;} a#sideRegister { width:190px; height:66px; background: url(/images/side/register.gif) top left no-repeat; display:block; border-bottom:#D2D3D4 1px solid;} a#sideEvents { width:190px; height:66px; background: url(/images/side/events.gif) top left no-repeat; display:block; border-bottom:#D2D3D4 1px solid;} a#sideVideos { width:190px; height:66px; background: url(/images/side/video.gif) top left no-repeat; display:block; border-bottom:#D2D3D4 1px solid;} a#sideDirectory:hover { background: url(/images/side/directoryOn.gif) top left no-repeat;} a#sideForum:hover { background: url(/images/side/forumOn.gif) top left no-repeat;} a#sideSearch:hover { background: url(/images/side/searchOn.gif) top left no-repeat;} a#sideRegister:hover { background: url(/images/side/registerOn.gif) top left no-repeat;} a#sideEvents:hover { background: url(/images/side/eventsOn.gif) top left no-repeat;} a#sideVideos:hover { background: url(/images/side/videoOn.gif) top left no-repeat;} /** * Search */ #searchAgain{ font-weight:normal; font-size:12px; margin: 0 20px 18px 20px; color:#A4Cf42; } #searchAgain input.go { cursor:pointer; width:23px; height:19px; border:0px; border-top:#F8F8F9 2px solid; padding: 0 0 2px 0; margin:46px 0 0 0; background:#A4Cf42; color:#FFFFFF; font-size:1.0em; } #searchAgain input.go:hover { background:#33AB53; } .sItemHeading { margin: 20px 31px 6px 31px; padding: 0 0 3px 0; border-bottom:#74C349 1px solid; } #searchResults h3{ color:#74C349; font-weight:normal; padding:0; margin:0 0 0 0; font-size:14px;} #searchResults p{ font-weight:normal; font-size:12px; margin: 0 31px 8px 31px; color:#939598; } #searchResults a{ color:#74C349; } /** * Other */ .status { border: #E2C822 1px solid; background:#FFF9D7; color:#6c6e70; padding: 5px; margin: 10px 31px 10px 31px; font-size:11px; } .error { border: #E2C822 1px solid; background:#FFF9D7; color:#6c6e70; padding: 5px; margin: 10px 31px 10px 31px; font-size:11px;} #status { border: #E2C822 1px solid; background:#FFF9D7; color:#6c6e70; padding: 5px; margin: 10px 31px 10px 31px; font-size:11px; } #error { border: #E2C822 1px solid; background:#FFF9D7; color:#6c6e70; padding: 5px; margin: 10px 31px 10px 31px; font-size:11px; } /** * Video */ #wePlayerHolder{ padding:0 0 0 0; } #videoBoxHolder{ height:360px; width:575px; padding:0 0 0 0; } #videoBoxText{ margin:0 0 0 0; } #wePlayer{ margin:10px 20px 0 31px; } #wePlayerOptions{ width:579px; background:#f3f3f5; border-top:#d2d3d5 1px solid; border-bottom:#d2d3d5 1px solid; } #wePlayerOptions div.filters { margin:5px 20px 0px 20px; } #wePlayerOptions div.scroller { margin:5px 0 5px 31px; height:83px; } #wePlayerOptions div.scollerViewer{ float:left; width:466px; height:83px; margin:0px 0px 0px 24px; overflow:hidden; position:absolute; z-index:10; } #scrollerArea{ width:4000px; height:83px; position:absolute; z-index:10; } #wePlayerOptions img.scrollerItem { margin:0 6px 0 0; width:148px; height:83px; } #wePlayerOptions img.scrollerLeft { float:left; margin:0 3px 0 0; width:14px; height:83px; } #wePlayerOptions img.scrollerRight { float:left; margin:0 0 0 482px; width:14px; height:83px; } /** * Press */ #pressSection{ border-top:#d2d3d5 1px solid; background: url(/images/press/cork.jpg) 29px 10px no-repeat; padding:0 29px; height:380px; } #pressSection span{ display:none; } #pressSection div:hover{ cursor:pointer; } #pressSection div#pressControls{ clear:both; margin:0 -19px 0 0; text-align:right; } #pressSection div#press_1 a { background: url(/images/press/press1.jpg) top left no-repeat; width:188px; height:255px; margin:46px 0 0 22px; float:left; } #pressSection div#press_2 a { background: url(/images/press/press2.jpg) top left no-repeat; width:143px; height:138px; margin:12px 0 0 22px; float:left; } #pressSection div#press_3 a { background: url(/images/press/press3.jpg) top left no-repeat; width:268px; height:191px; margin:0 0 11px 35px; float:left; } #pressSection div#press_4 a { background: url(/images/press/press4.jpg) top left no-repeat; width:199px; height:231px; margin:22px 0 0 10px; float:left; } #pressSection div#press_5 a { background: url(/images/press/press5.jpg) top left no-repeat; width:178px; height:168px; margin:22px 0 0 52px; float:left; } #pressSection div#press_6 a { background: url(/images/press/press6.jpg) top left no-repeat; width:297px; height:148px; margin:10px 0 11px 10px; float:left; } #pressSection div#press_7 a { background: url(/images/press/press7.jpg) top left no-repeat; width:219px; height:314px; margin:22px 0 0 10px; float:left; } #pressSection div#press_8 a { background: url(/images/press/press8.jpg) top left no-repeat; width:123px; height:203px; margin:15px 0 0 82px; float:left; } #pressSection div#press_9 a { background: url(/images/press/press9.jpg) top left no-repeat; width:234px; height:135px; margin:0 0 11px 40px; float:left; } #pressSection div#press_10 a { background: url(/images/press/press10.jpg) top left no-repeat; width:267px; height:163px; margin:22px 0 0 20px; float:left; } #pressSection div#press_11 a { background: url(/images/press/press11.jpg) top left no-repeat; width:90px; height:303px; margin:25px 0 0 82px; float:left; } #pressSection div#press_12 a { background: url(/images/press/press12.jpg) top left no-repeat; width:173px; height:173px; margin:-140px 0 11px 50px; float:left; } #pressSection div#press_13 a { background: url(/images/press/press13.jpg) top left no-repeat; width:229px; height:205px; margin:82px 0 0 20px; float:left; } #pressSection div#press_14 a { background: url(/images/press/press14.jpg) top left no-repeat; width:132px; height:262px; margin:42px 0 0 10px; float:left; } #pressSection div#press_15 a { background: url(/images/press/press15.jpg) top left no-repeat; width:114px; height:267px; margin:80px 0 11px 10px; float:left; } #pressSection div#press_16 a { background: url(/images/press/press16.jpg) top left no-repeat; width:204px; height:223px; margin:22px 0 0 10px; float:left; } #pressSection div#press_17 a { background: url(/images/press/press17.jpg) top left no-repeat; width:300px; height:127px; margin:180px 0 11px 0; float:left; } #pressSection div#press_1 a:hover{ background: url(/images/press/press1_on.jpg) top left no-repeat; } #pressSection div#press_2 a:hover{ background: url(/images/press/press2_on.jpg) top left no-repeat; } #pressSection div#press_3 a:hover{ background: url(/images/press/press3_on.jpg) top left no-repeat; } #pressSection div#press_4 a:hover{ background: url(/images/press/press4_on.jpg) top left no-repeat; } #pressSection div#press_5 a:hover{ background: url(/images/press/press5_on.jpg) top left no-repeat; } #pressSection div#press_6 a:hover{ background: url(/images/press/press6_on.jpg) top left no-repeat; } #pressSection div#press_7 a:hover{ background: url(/images/press/press7_on.jpg) top left no-repeat; } #pressSection div#press_8 a:hover{ background: url(/images/press/press8_on.jpg) top left no-repeat; } #pressSection div#press_9 a:hover{ background: url(/images/press/press9_on.jpg) top left no-repeat; } #pressSection div#press_10 a:hover{ background: url(/images/press/press10_on.jpg) top left no-repeat; } #pressSection div#press_11 a:hover{ background: url(/images/press/press11_on.jpg) top left no-repeat; } #pressSection div#press_12 a:hover{ background: url(/images/press/press12_on.jpg) top left no-repeat; } #pressSection div#press_13 a:hover{ background: url(/images/press/press13_on.jpg) top left no-repeat; } #pressSection div#press_14 a:hover{ background: url(/images/press/press14_on.jpg) top left no-repeat; } #pressSection div#press_15 a:hover{ background: url(/images/press/press15_on.jpg) top left no-repeat; } #pressSection div#press_16 a:hover{ background: url(/images/press/press16_on.jpg) top left no-repeat; } #pressSection div#press_17 a:hover{ background: url(/images/press/press17_on.jpg) top left no-repeat; } /** * Resource Buttons */ #resourceLinks{ margin:0px 20px 0px 31px; font-size:11px; } #resourceLinks img{ margin: 0px 7px 10px 0px; width:164px; height:59px; } div#bigBtns{ margin:0px 20px 0px 31px; } div#bigBtns a { float:left; border:#DFDFDF 1px solid; background:#F6F6F6; color:#6c6e70; width:142px; height:39px; display:block; margin: 0 10px 20px 0; padding:16px 10px 16px 10px; font-size:12px;} div#bigBtns a:hover { color:#FFFFFF; background:#74C349; text-decoration:none; } div#bigBtns a#bigBtn_4:hover {background:#31AA51; } div#bigBtns a#bigBtn_5:hover {background:#4696B7; }