/* + Delete London + Global Styles + Delete Designed + http://www.deletelondon.com */ /* ########## Body ########## */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} /* remember to define focus styles! */ :focus{outline:0;} body{font-size:62.5%;line-height:1.5em;} ol,ul{list-style:none;} /* tables still need 'cellspacing="0"' in the markup */ table{border-collapse:separate;border-spacing:0;} caption,th,td{text-align:left;font-weight:normal;} blockquote:before,blockquote:after,q:before,q:after{content:"";} blockquote,q{quotes:"" "";} /* Mac Safari/Firefox Hack for text rendering */ /* You need to be careful with this fix,as it will break any Flash element that it touches in Firefox. */ /* commented out to pass validation .fix,.fix *{opacity:.999;-moz-opacity:0.99;} */ /* Safari3 Hack for rendering light type on dark background - Change colour to background colour */ .type{/* text-shadow:#000 0 0 0;*/} /* Start of Specific Styles */ body{margin:0 auto;font-family:Tahoma,Arial,Verdana,sans-serif;color:#3F3F3F;background:#fff url('../images/body_bg.gif');} /* ########## General ########## */ img,input,select,option{vertical-align:middle;} p{font-size:1.1em;line-height:1.4em;padding-bottom:10px;} h1{font-size:3.0em;padding-bottom:10px;} h2{font-size:2em;color:#6EC3E1;line-height:1.2em;margin-bottom:15px;} h3{font-size:1.7em;} h4{font-size:1.2em;} em,i{font-style:italic;} strong,b{font-weight:bold;} /* ########## Links ########## */ a{color:#6EC3E1;text-decoration:none;} a:hover{text-decoration:underline;} /* ########## Useful ########## */ .left{float:left;} .right{float:right;} .clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clear{display:inline-table;} /* Hides from IE-mac \*/ * html .clear{height:1%;} .clear{display:block;} /* End hide from IE-mac */ .clear{clear:both;} /**************************** Form Styles ************/ dl.zend_form{} dl.zend_form dt{clear:both;display:block;float:left;width:80px;height:25px;} dl.zend_form dt label{font-weight:bold;} dl.zend_form dd{display:block;float:left;width:335px;} /* ####################### LAYOUT STYLES ################## */ #content{background-image:url('../images/content_bg.png');background-repeat:repeat-y;width:971px;margin:0 auto;position:relative;} #content .content_content{margin-left:42px;padding-bottom:15px;} #header{background-image:url('../images/header_bg.png');background-repeat:no-repeat;width:971px;margin:0 auto;} #header_content{margin-top:0px;margin-left:20px;} #footer{background-image:url('../images/footer_bg.png');background-repeat:no-repeat;background-position:bottom center;width:971px;height:117px;margin:0 auto;text-align:center;padding-top:10px;position:relative;} #footer #footer_anchor{position:absolute;right:19px;top:-8px;} #footer_nav{font-size:1.1em;margin-top:30px;} #footer_nav a{color:#3F3F3F;} #footer_nav a.selected{font-weight:bold;} #footer_copyright{font-size:.9em;margin-top:30px;} #footer_copyright a{color:#3F3F3F;} #header{position:relative;} #header #logo{width:929px;height:136px;} #header #nav{background:url('../images/header_nav_bg.gif') no-repeat scroll bottom left;width:906px;height:54px;margin-left:12px;padding-left:15px; } #header #nav ul{margin-top:5px;} #header #nav li{float:left;height:35px;padding-top:5px;} #header #nav li .navItem{float:left;font-family:Verdana;font-size:29px;height:35px;line-height:35px;letter-spacing:.03em;text-indent:-1000px;} #header #nav li .navItem a{height:24px;margin-top:5px;background-repeat:no-repeat;background-position:top left;display:block;overflow:hidden;} #header #nav li .navItem a:hover{background-position:0 -24px;} #header #nav li .navItemHome a{background-image:url('../images/nav_Home.gif');width:90px;} #header #nav li .navItemWork a{background-image:url('../images/nav_Work.gif');width:77px;} #header #nav li .navItemCulture a{background-image:url('../images/nav_Culture.gif');width:112px;} #header #nav li .navItemServices a{background-image:url('../images/nav_Services.gif');width:126px;} #header #nav li .navItemContact a{background-image:url('../images/nav_Contact.gif');width:119px;} #header #nav li .selected a{background-position:0 -48px;} #header #nav li + li{background-image:url('../images/header_nav_item_bg.gif');background-repeat:no-repeat;background-position:top left;padding-left:25px;margin-left:5px;} #header #nav li a{color:#3F3F3F;} #header #nav li a:hover{color:#6EC3E1;text-decoration:none;} #header #topNav #clientArea{position:absolute;right:40px;top:4px;} #header #topNav #clientArea-btn{background:#ffffff url('../images/global_clientArea.gif') no-repeat scroll 0 0;width:106px;height:40px;display:block;text-indent:-1000px;overflow:hidden;} #header #topNav #clientArea-btn:hover{background-position:left bottom;} #header #topNav #cia{position:absolute;right:152px;top:4px;} #header #topNav #cia-btn{background:#ffffff url('../images/global_cia.gif') no-repeat scroll 0 0;width:138px;height:40px;display:block;text-indent:-1000px;overflow:hidden;} #header #topNav #cia-btn:hover{background-position:left bottom;} #hiring {position:absolute;right:85px;top:54px;} /* hide / unhide We're Hiring button */ #hiring {display:none;} #hiring a {width:114px;height:114px;background:url(../images/hiring.gif) scroll 0 0; display:block;} #hiring a:hover { background-position: 0 -114px; } /*#cia {position:absolute;right:39px;top:58px; z-index: 2;} #cia a {width:70px;height:70px;background:url(../images/badge_cia.gif) scroll 0 0; display:block;} #cia a:hover { background-position: 0 -70px; }*/ #kon-lnk {position: absolute; right: 82px; top: 126px; width: 53px; height: 54px; z-index: 444;} #kon-lnk:hover { cursor: pointer;} #kon{position:absolute;right:82px;top:126px;background:url('../images/kon.gif') no-repeat scroll top left;width:53px;height:54px;} #kon-bubble { opacity: 0; background: url('../images/kon-bubble.png') top left no-repeat; width: 83px; height: 69px; position: absolute; top: 90px; right: 110px; z-index: 333;} #tshirt-lnk { position:absolute;right:52px;top:55px; width:66px;height:66px; z-index: 444;} #tshirt{position:absolute;right:52px;top:55px;background:url('../images/tshirt.gif') no-repeat scroll top left;width:66px;height:66px;} #tshirt-bubble { opacity: 0; background: url('../images/tshirt-bubble.png') top left no-repeat; width: 83px; height: 69px; position: absolute; top: 60px; right: 100px; z-index: 335;} /* ####################### FILTER ################## */ #filterOuter{display:none;margin-top:-3px;float:left;} #workPage #filterOuter{display:block;} #filter{float:left;background:url('../images/filterLeft_bg.gif') no-repeat scroll top left;height:32px;} #filter #filter_inner{float:left;position:relative;margin-left:10px;background:url('../images/filterRight_bg.gif') no-repeat scroll top right;min-width:580px;height:32px;padding-top:7px;padding-right:10px;} #filter #filter_inner .filter_filter{float:left;margin-top:-1px;} #filter #filter_inner .filter_filter a{background:url(http://www.deletelondon.com/css/global.css) no-repeat scroll top left;height:20px;display:block;width:40px;background-position:0px -1px;} #filter #filter_inner .filter_filter a:hover{background-position:0px -21px;} #filter #filter_inner .filter_selected a,#filter #filter_inner .filter_selected a:hover{background-position:0px -40px;} #filter #filter_inner #filter_All a{width:33px;background-image:url(../images/filter_All.gif);} #filter #filter_inner #filter_Website a{width:69px;background-image:url(../images/filter_Website.gif);} #filter #filter_inner #filter_Campaign a{width:78px;background-image:url(../images/filter_Campaign.gif);} #filter #filter_inner #filter_Banner a{width:68px;background-image:url(../images/filter_Banner.gif);} #filter #filter_inner #filter_Brand a{width:65px;background-image:url(../images/filter_Brand.gif);} #filter #filter_inner #filter_Print a{width:58px;background-image:url(../images/filter_Print.gif);} #filter #filter_inner .filterBetween{float:left;background:url('../images/filterBetween.gif') no-repeat scroll top left;width:1px;height:21px;margin:0 7px 0 7px;} #filter #filter_inner .filter_text{float:left;margin-top:5px;margin-right:10px;width:68px;height:10px;background:#FFFFFF url('../images/filter_title.gif') no-repeat scroll top left;} /* For original client listing drop down */ /*#clientListButton{display:none;margin-top:1px;float:left;width:202px;height:17px;} #clientListButton a{background:url('../images/clientlist.gif') no-repeat scroll top left;display:block;width:202px;height:17px;} #clientListButton a:hover{background-position:0 -17px;}*/ #clientListSupremeButton {margin-top:-1px;float:left;width:100px;height:20px;} #clientListSupremeButton a {background: url('../images/filter_client.gif'); background-position: top left; width: 100px; height:20px; display:block;} #clientListSupremeButton a:hover {background-position:0 -20px;} #clientListSupremeButton a.panel-active {background-position:0 -40px;} #clientPanel { padding: 10px 0;} #clientPanel-featured ul {padding-top: 10px;} #clientPanel-featured ul li { display:block; width: 126px; height: 66px; float: left; padding-right: 1px; background: url('../images/clientPanel-dotted.gif') top right no-repeat;} #clientPanel-featured ul li.last {padding-right: 0; background: none;} #clientPanel-featured ul li a { display:block; opacity: 0.5; filter:alpha(opacity=50);} /*#clientPanel-featured ul li a:hover { opacity: 1.0; filter:alpha(opacity=100);}*/ /* Not needed */ .clientPanel-separator { background: url('../images/clientPanel-separator.gif') 0 13px repeat-x; display: block; height: 15px; width: 888px; clear: both;} #clientPanel-full {display: block; width: 848px; font-size: 1.1em; padding: 15px 20px; background:#f5f5f5;} #clientPanel-full .clientRow {width: 169px; float: left;} #clientPanel-full a { color: #6e6e6e; display: block; } /*#clientPanel-full a.selected { font-weight: bold; color: #6EC3E1;}*/ .clientPanel-full-title { font-weight: 700; font-size: 1.1em; padding-bottom: 8px; } #clientFilterFormWrap{float:left;} #clientFilterForm input{font-size:10px;} #clientFilterForm select{font-size:10px;max-width:200px;} #clientListList{display:none;position:absolute;width:215px;left:586px;top:19px;z-index:99;} #clientListList #clientListScroll{background:url('../images/clientlist_scroll.gif') no-repeat scroll top left;position:absolute;right:16px;top:15px;width:12px;height:48px;display:none;} #clientListTop{background:url('../images/clientlist_top.png') no-repeat scroll top left;height:19px;display:block;} #clientListTop h3{display:none;} #clientListBottom{background:url('../images/clientlist_bottom.png') no-repeat scroll bottom left;display:block;min-height:50px;padding-bottom:20px;} #clientListInnerWrap{max-height:169px;overflow:auto;width:200px;} #clientListBottom .clientListClient{margin-left:20px;display:block;font-family:Tahoma;font-size:1.1em;cursor:pointer;} #clientListBottom .clientListClient.selected a{color:#6EC3E1;} #clientListBottom .clientListClient a{color:#3F3F3F;display:block;} #clientListBottom .clientListClient a:hover{color:#6EC3E1;text-decoration:none;} #clientListBottom .clientListClient + .clientListClient{margin-top:3px;padding-top:3px;background:url('../images/clientlist_sep.gif') no-repeat scroll top left;} /* ####################### Service page ################## */ #servicesPage #Services_wrapper{position:relative;padding:18px 0 0 0;margin-left:-2px;} #servicesPage #Services_top{background:url(../images/services_big_bg.gif);height:321px;width:889px;} #servicesPage #Services_top_content{margin:40px 10px 20px 26px;width:485px;float:left;display:block;} #servicesPage #Services_top_content p{font-family:Georgia,"Times New Roman",Times,serif;font-style:italic;font-size:15px;padding-bottom:15px; width: 455px; line-height: 23px;} #servicesPage #Services_top_content h2{margin-bottom:24px;color:#6ec3e1;font-family:Georgia,"Times New Roman",Times,serif;font-size:26px;font-style:italic;font-weight:normal;padding-bottom:3px;height:22px;float:left; letter-spacing: -1px;} /* Spoon kid was here */ #servicesPage #Services_process {margin-top: 30px; padding: 0 15px; } #servicesPage #Services_process_top {background: url('../images/services_process_top_bg.gif') top left no-repeat; height: 195px; position: relative; left: -15px; width: 889px;} #servicesPage #Services_process_top h1 {text-indent: -9999px; display: block; position: absolute; top: 57px; width: 155px; height: 57px; padding: 0; margin: 0;} #servicesPage #Services_process_top h1.first { background-image: url('../images/services_process_top_1.gif');left: 42px;} #servicesPage #Services_process_top h1.second { background-image: url('../images/services_process_top_2.gif');left: 258px;} #servicesPage #Services_process_top h1.third { background-image: url('../images/services_process_top_3.gif');left: 476px;} #servicesPage #Services_process_top h1.fourth { background-image: url('../images/services_process_top_4.gif');left: 690px;} #servicesPage #Services_process_top h2 { font: bold italic 15px Georgia, "Times New Roman",Times,serif; color: #666; text-align: center; width: 120px; position: absolute; top: 140px;} #servicesPage #Services_process_top h2.first { left: 60px;} #servicesPage #Services_process_top h2.second { left: 277px;} #servicesPage #Services_process_top h2.third { left: 495px;} #servicesPage #Services_process_top h2.fourth { left: 712px;} #servicesPage #Services_process_middle {background: url('../images/services_process_middle_bg.gif') 3px 0px repeat-y; width: 900px;} #servicesPage #Services_process_middle ul { width: 178px; float: left; margin-left: 14px; padding: 8px 26px 15px 0; display: block; background: none;} #servicesPage #Services_process_middle ul li {font: normal 12px Tahoma, sans-serif; color: #222; line-height: 17px; background: none;} #servicesPage #Services_process_bottom { display: block; height: 130px;} #servicesPage #Services_process_bottom .bottombox {width: 209px; height: 124px; background: url('../images/services_process_bottom_bg.gif') top left no-repeat; float: left; margin-right: 8px; } #servicesPage #Services_process_bottom .bottombox .thumb {margin: 6px 0 0 6px;} #servicesPage #Services_process_bottom .bottombox .thumb img {border: 1px solid #cbcbcb;} #servicesPage #Services_process_bottom .bottombox .thumb a {margin: 0;} #servicesPage #Services_process_bottom .bottombox .thumb a:hover img.js-disabled { filter: alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); -moz-opacity: 0.60; opacity:0.6;} #servicesPage #Services_process_bottom .bottombox a { font-weight: bold; font-size: 12px; color: #262626; margin-top: 10px; display: block; margin-left: 12px; -webkit-transition: color 0.2s linear; -moz-transition: color 0.2 linear; -o-transition: color 0.2 linear; } #servicesPage #Services_process_bottom .bottombox a:hover {color: #666; text-decoration: none;} #servicesPage #Services_other {margin-top: 20px; background: url('../images/separator-full.gif') 0px 0px no-repeat; padding-top: 32px; padding-bottom: 10px; padding-left: 15px; position: relative; left: -9px; width: 900px;} #servicesPage #Services_other .box {background: url('../images/services_other_box_bg.gif') top left no-repeat; width: 283px; height: 204px; float: left; display: block; margin-right: 17px;} #servicesPage #Services_other .box .text {padding: 0 18px; font: normal 11px Tahoma; color: #222; line-height: 17px;} #servicesPage #Services_other .box .text a {display: block; padding-top: 10px; font-weight: bold; font-size: 12px;} #servicesPage #Services_other .box .image { width: 266px; height: 78px; text-indent: -9999px; margin: 9px;} #servicesPage #Services_other .box.first .image { background: url('../images/services_other_box_thumb1.jpg'); } #servicesPage #Services_other .box.second .image { background: url('../images/services_other_box_thumb2.jpg'); } #servicesPage #Services_other .box.third { background: url('../images/services_other_box_third_bg.gif') top left no-repeat; margin-right: 0; text-align: center; color: #222; font-size: 12px; line-height: 20px;} #servicesPage #Services_other .box.third a {color: #444; font-weight: bold;} #servicesPage #Services_other .box.third .headline { padding-top: 21px; padding-bottom: 8px; font: bold italic 24px Georgia, serif; color: #fff;} #servicesPage #Services_other .box.third a.phone {background: url('../images/services_other_box_third_phone.gif') top left no-repeat; text-indent: -9999px; width: 234px; height: 30px; margin: 5px auto; display: block;} #servicesPage #Services_other h6 {padding-left: 8px;} #servicesPage h6{font-family:Georgia,"Times New Roman",Times,serif;font-size:20px;font-weight:bold;font-style:italic;color:#5ec3e2; margin-bottom: 20px;} #servicesPage #Services_download{display:block;width:173px;height:19px;margin-top:10px;} #servicesPage #Services_download a{display:block;background:url(../images/service_download.gif) scroll 0 0;width:180px;height:18px;} #servicesPage #Services_download a:hover{background:url(../images/service_download.gif) scroll 0 18px;} /* ####################### Jobs page ################## */ #jobsPage #Jobs_wrapper{position:relative;padding:18px 0 100px 0;margin-left:-2px;} #jobsPage #Jobs_top{background:url(../images/jobs.gif);height:450px;width:857px;background-repeat:no-repeat;background-position:top right;} #jobsPage #Jobs_top_content{display:block;float:left;margin:3px 10px 5px 26px;width:429px;} #jobsPage #Jobs_top_content p{font-family:Georgia,"Times New Roman",Times,serif;font-style:italic;font-size:15px;padding-bottom:15px;} #jobsPage #Jobs_top_content h2{margin-bottom:24px;color:#6ec3e1;font-family:Georgia,"Times New Roman",Times,serif;font-size:26px;font-style:italic;font-weight:bold;height:30px;width:250px;} #jobsPage .Jobs_download{display:block;width:173px;height:19px;margin-bottom:13px;} #jobsPage .Jobs_download a{display:block;background:url(../images/spec_button.gif) scroll 0 0;width:139px;height:20px;} #jobsPage .Jobs_download a:hover{background:url(../images/spec_button.gif) scroll 0 20px;} #jobsPage #Jobs_visit{display:block;width:173px;height:19px;margin-bottom:13px;position:absolute;right:11px;top:-47px;} #jobsPage #Jobs_visit a{display:block;background:url(../images/visit_button.gif) scroll 0 20px;width:139px;height:20px;} #jobsPage #Jobs_visit a:hover{background:url(../images/visit_button.gif) scroll 0 0;} #jobsPage #Jobs_top_content a {color:#f92559;} /* ####################### Contact page ################## */ #contactPage #Contact_wrapper{position:relative;} #contactPage #Contact_left{background:url(../images/contact_left_bg.gif);width:231px;height:300px;float:left;margin:20px 22px 0 0;padding:22px;} #contactPage #Contact_left_registed{width:250px;height:100px;padding:22px 22px 22px 22px;color:#888888;position:absolute;top:370px;} #contactPage #Contact_right{background:url(../images/contact_right_bg.gif);width:576px;height:458px;float:left;margin:20px 0 100px 0;padding:8px 8px 8px 10px;} #contactPage #acrobat{margin:11px 10px 0 144px;float:left;display:block;} #contactPage #acrobat a{display:block;background:url(../images/contact_acrobat.gif) scroll 0 0;height:17px;width:150px;} #contactPage #acrobat a:hover{background:url(../images/contact_acrobat.gif) scroll 0 17px;} #contactPage #download{margin:11px 10px 0 10px;float:left;display:block;} #contactPage #download a{display:block;background:url(../images/contact_download.gif) scroll 0 0;height:17px;width:130px;} #contactPage #download a:hover{background:url(../images/contact_download.gif) scroll 0 17px;} #contactPage #google{margin:11px 0 0 13px;float:left;display:block;} #contactPage #google a{display:block;background:url(../images/contact_google.gif) scroll 0 0;height:17px;width:109px;text-indent:-1000px;} #contactPage #google a:hover{background:url(../images/contact_google.gif) scroll 0 17px;} #contactPage #googlemap img{margin:10px 0 0 15px;} #contactPage #googlemaphtml{width:210px;} #contactPage #googlemaphtml img{float:right;} #contactPage #googlemaphtml h3{font-weight:bolder;font-size:16px;} #contactPage #Contact_left h5{font-family:Tahoma;font-size:11px;} #contactPage #Contact_left h4{font-family:Tahoma;font-size:12px;font-weight:bold;margin:0 0 5px 0;} #contactPage #Contact_left h3{font-family:Tahoma;font-size:11px;margin:10px 0 0 0;} #contactPage #googlemap{width:574px;height:423px;} #contactPage #twitter{background:url('../images/home_twitter.gif') no-repeat scroll -3px 0;width:172px;height:28px;display:block;text-indent:-10000px;margin-left:0px;margin-top:21px;float:left;} #contactPage #twitter:hover{background-position:-3px -28px;} /* ####################### Work Listing ################## */ #workPage #workImages{height:725px; margin-top:40px;} .workImageWrap{position:absolute;width:438px;height:216px;overflow:hidden;background-color:#ffffff;} .workImageWrap .workImage{background:url('../images/work-project-background.png') no-repeat scroll top left;width:438px;height:216px;position:absolute;} .workImageWrap .imageDiv{position:absolute;top:1px;left:10px;width:420px;height:150px;} .workImageWrap .imageFlashDivWrap{position:absolute;top:1px;left:10px;z-index:88;} .workImageWrap .workImageImage{width:420px;height:150px;margin-top:7px;text-align:center;position:absolute;} .workImageWrap .workImageWrap .workImageLink{position:absolute;} .workImageWrap .workImage h3{color:#000000;font-family:Arial;font-size:17px;height:17px;float:left;font-style:italic;letter-spacing:.02em;padding-right:0px;margin-bottom:1px;border:1px solid #6EC3E1;} .workImageWrap .workImage h3 a{padding:1px 4px 2px 4px;color:#000000;background-color:#6EC3E1;display:block;float:left;padding-right:2px;} .workImageWrap .workImage .workText{margin-top:164px;margin-left:12px;margin-right:12px;} .workImageWrap .workImage .workText .workNew{position:absolute;top:161px;right:10px;} .workImageWrap .workImage .workText .subText{clear:left;padding-top:5px;font-size:1em;font-family:Tahoma,Arial,Verdana;} .workImageWrap .workImage .workText .subText img{margin-left:3px;vertical-align:bottom;} #workPage #pagerTop{/*right:41px;top:35px;position:absolute;z-index:30;*/ float: right; margin-right: 41px; margin-top: 8px;} #workPage #pagerTop h3{display:none;} #workPage #pagerBottom{/*right:41px;top:770px;position:absolute;z-index:32;*/ margin-right: 41px; float: right;} #workPage #pagerBottom h3{display:none;} #workPage .pager {font-family:Tahoma;font-size:1.0em; font-weight: bold; line-height: 14px; } #workPage .pager *{float:left;} #workPage .pager_previous a{display:block;background:url('../images/work_nav_prev.gif') no-repeat scroll top left;width:53px;height:19px;margin-right:3px; margin-left: 4px; text-indent:-1000px;overflow:hidden;} #workPage .pager_navigation_current{display:block;padding:3px 0px; text-align: center; width: 18px; color:#ffffff; background: url('../images/pager_navigation_current.gif') top left no-repeat;} #workPage .pager_navigation_link a {display:block;padding:3px 0px; text-align: center; width: 18px; color:#717171;} #workPage .pager_navigation_link a:hover {background: url('../images/pager_navigation_link.gif') top left no-repeat; text-decoration: none; } #workPage .pager_navigation_spacer{ height: 20px; width: 1px; padding: 0; margin: 0 2px; display:block; text-indent:-9999px; background: url('../images/pager_navigation_spacer.gif') top left no-repeat; } #workPage .pager_next a{display:block;background:url('../images/work_nav_next.gif') no-repeat scroll top left;width:53px;height:19px;margin-left:3px;text-indent:-1000px;overflow:hidden;} #workPage .pager_previous a:hover{background-position:0 -19px;} #workPage .pager_next a:hover{background-position:0 -19px;} #workPage .pager .last a {margin-right:5px;} #workPage #workTitle{text-transform:uppercase;font-style:italic;margin-bottom:10px;font-size:3em;font-weight:normal;display:inline;letter-spacing:-0.05em;font-family:Georgia;} #workPage #workTitle .workTitleWrap{display:block;float:left;background-color:#6EC3E1;padding:10px 8px 10px 5px;color:#1D1D1D;} #workPage #workTitle .workTitleWrap h1{display:inline;font-size:1em;padding:0;} #workPage #workTopInfo{margin-bottom:7px;margin-top:13px;font-size:1.1em;} #workPage #workTopInfo img{vertical-align:bottom;} #workPage #workTopInfo .infoTypeImage{margin-left:3px;} #workPage .workInfoUrl{float:right;margin-right:10px;} #workPage #workInfo .workInfoUrl{font-size:1.1em;} #workPage .workInfoUrl a{color:#3F3F3F;} #workPage .workInfoVisitSite{float:right;margin-right:42px;} #workPage .workInfoVisitSite a{display:block;background:url('../images/info_visitsite.gif') no-repeat scroll top left;width:76px;height:17px;} #workPage .workInfoVisitSite a:hover{background-position:0 -17px;} #workPage #flashOuter{background:url('../images/work_slideshow_bg.gif') no-repeat scroll top left;width:892px;height:548px;} #workPage #flashInner{padding:9px 0 0 10px;} #workPage #flashOuter #swfBackground{position:relative;top:10px;left:10px;background-repeat:no-repeat;width:867px;height:498px;background-color:#C4C4C4;} #workPage #flashOuter #swfInner{width:300px;height:250px;position:relative;left:493px;top:143px;} #workPage #workInfo .infoOverview{width:360px;margin-bottom:5px;padding-bottom:15px;background:url('../images/work-project_spacer.gif') no-repeat scroll bottom right;font-size:12px;line-height:19px;} #workPage #workInfo .infoOverview p{font-size:12px;line-height:19px;} #workPage #workInfo .infoOverview h3{font-size:1.5em;margin-bottom:12px;letter-spacing:.1em;height:17px;} #workPage #workInfo .downloadCasestudy{margin-left:200px;} #workPage #workInfo .downloadCasestudy a{display:block;background:url('../images/info_download.gif') no-repeat scroll top left;width:158px;height:17px;} #workPage #workInfo .downloadCasestudy a:hover{background-position:0 -17px;} #workPage #workInfo .infoQuote{width:360px;padding-bottom:26px;margin-bottom:2px;background:url('../images/work-project_spacer.gif') no-repeat scroll bottom right;} #workPage #workInfo .infoQuote h3{font-size:1.5em;margin-bottom:10px;height:17px;} #workPage #workInfo .infoQuoteQuote{padding:.1em 0 .1em 0;color:#888;} #workPage #workInfo .infoQuoteQuote span{font-size:1.7em;font-family:Georgia;font-style:italic;line-height:1.4em;padding-top:.2em;padding-bottom:.2em;} #workPage #workInfo .infoQuote .infoQuoteWho{font-family:Tahoma;margin-top:10px;font-size:1.2em;} #workPage #workInfo .infoAwards { width: 360px; padding-bottom:26px;margin-bottom:2px;background:url('../images/work-project_spacer.gif') no-repeat scroll bottom right;} #workPage #workInfo .infoAwards h3 {font-size:1.5em;margin-bottom:12px;letter-spacing:.1em;height:17px;} #workPage #workInfo .infoAwards ul {} #workPage #workInfo .infoAwards ul li { overflow: hidden; height: 60px; float: left; padding-right: 15px; margin-right: 15px; background: url('../images/clientPanel-dotted.gif') top right repeat-y; } #workPage #workInfo .infoAwards ul li:last-child {margin-right: 0; padding-right: 0; background: none;} #workPage #workInfo .infoAwards ul li a { display:block; opacity: 0.5; filter:alpha(opacity=50); zoom: 1; float: left;} #workPage #workInfo .infoUrl{width:400px;} #workPage #workNavTop{background:url('../images/work_nav_bg.gif') no-repeat scroll bottom center;width:890px;height:37px;margin-bottom:4px;padding-top:26px;} .tooltip-enable { position: relative;} .tooltip {position: absolute; height: 20px; margin-top: -25px; white-space: nowrap; /*opacity: 0;*/ display: none; } .tooltip span.r { display: block; margin-left: 10px; line-height: 20px; padding-right: 10px; font-weight: bold; color: #fff; background: url('../images/tooltip-right-bg.gif') top right no-repeat; } .tooltip span.l { display: block; float: left; height: 20px; width: 10px; background: url('../images/tooltip-right-bg.gif') top left no-repeat; } .tooltip-left {right: 0px;} .tooltip-left span.r { background: url('../images/tooltip-left-bg.gif') top right no-repeat !important;} .tooltip-left span.l { background: url('../images/tooltip-left-bg.gif') top left no-repeat !important;} .tag-new { width: 46px; height: 39px; display: block; position:absolute; background: url('../images/tag-new.png') top left no-repeat; top: -25px; right: 232px; display: none; } .currentClient { color: #848484; position: absolute; margin-left: 10px; margin-top: 4px; } .currentClient span { display: block; float: left; margin-top: 9px;} #workPage #workNavBackTop{float:left;} #workPage #workNavBackTop a{display:block;background:url('../images/work_nav_back.gif') no-repeat scroll top left;width:99px;height:19px;text-indent:-1000px;overflow:hidden;} #workPage #workNavBackTop a:hover{background-position:0 -19px;} #workPage #workNavNextTop{float:right;margin-left:5px;} #workPage #workNavNextTop a{display:block;background:url('../images/work_nav_next.gif') no-repeat scroll top left;width:53px;height:19px;text-indent:-1000px;overflow:hidden;} #workPage #workNavNextTop a:hover{background-position:0 -19px;} #workPage #workNavPrevTop{float:right;} #workPage #workNavPrevTop a{display:block;background:url('../images/work_nav_prev.gif') no-repeat scroll top left;width:53px;height:19px;text-indent:-1000px;overflow:hidden;} #workPage #workNavPrevTop a:hover{background-position:0 -19px;} #workPage #workNavBottom{width:890px;height:37px;padding-top:36px;} #workPage #workNavBackBottom{float:left;} #workPage #workNavBackBottom a{display:block;background:url('../images/work_nav_back.gif') no-repeat scroll top left;width:99px;height:19px;text-indent:-1000px;overflow:hidden;} #workPage #workNavBackBottom a:hover{background-position:0 -19px;} #workPage #workNavNextBottom{float:right;margin-left:5px;} #workPage #workNavNextBottom a{display:block;background:url('../images/work_nav_next.gif') no-repeat scroll top left;width:53px;height:19px;text-indent:-1000px;overflow:hidden;} #workPage #workNavNextBottom a:hover{background-position:0 -19px;} #workPage #workNavPrevBottom{float:right;} #workPage #workNavPrevBottom a{display:block;background:url('../images/work_nav_prev.gif') no-repeat scroll top left;width:53px;height:19px;text-indent:-1000px;overflow:hidden;} #workPage #workNavPrevBottom a:hover{background-position:0 -19px;} /* ####################### Work -> Logos Page ################## */ #workPage .logocon{padding-left:10px;padding-right:10px;float:left;} /* ####################### Home Page ################## */ #homePage #homeSpacer{height:20px;} #homePage #showreel{width:868px;height:354px;} #homePage #showreelOuter{background:url('../images/home_showreel_bg.gif') no-repeat scroll top left;width:888px;height:383px;} #homePage #showreelInner{padding:10px 0 0 10px;} #homePage #workFeedWrap{margin-top:20px;} #homePage #workWrap{width:450px;float:left;} #homePage #homeCopy{width:431px;color:#7F7F7F;font-size:16px;font-family:Georgia;font-style:italic;line-height:22px;padding-left:5px;margin-bottom:9px;} #homePage #homeCopy h1 { font-size:21px; color:#DA2128; padding-bottom:5px; } #homePage #homeCopy p{font-size:16px;line-height:22px;padding-bottom:0;} #homePage #homeCopy p + p{margin-top:9px;} #homePage #featuredWorkHeader{position:relative;background:url('../images/home_featuredWork.gif') no-repeat scroll top left;width:439px;height:39px;text-indent:-10000px;margin-bottom:2px;} #homePage #allWorkBtn{position:absolute;right:10px;top:10px;background:url('../images/home_AllWork_btn.gif') no-repeat scroll top left;width:68px;height:17px;display:block;text-indent:-10000px;} #homePage #allWorkBtn:hover{background-position:0 -17px;} #homePage #cultureWrap{float:left;margin-left:20px;} #homePage #cultureFeed{background:url('../images/home_culture_bg.gif') no-repeat scroll top left;width:417px;height:400px;} #homePage #cultureFeedHeader{background:url('../images/home_cultureFeed.gif') no-repeat scroll top left;width:417px;height:39px;text-indent:-10000px;} #homePage #cultureFeedHeader h2{display:none;} #homePage #newsletterSignup{margin-top:16px;font-size:1.2em;display:none;width:433px;height:50px;overflow:hidden;line-height:26px;} #homePage #newsletterSignupInner{width:444px;} #homePage #newsletterSignup #signupInfo{float:left;width:410px;font-size:11px;} #homePage #newsletterSignup #signupInfo p{font-size:11px;line-height:22px;} #homePage #newsletterSignup #signupForm{float:left;display:none;width:410px;} #homePage #newsletterSignup #signupComplete{float:left;width:410px;display:none;} #homePage #newsletterSignup #signupError{display:none;color:red;font-size:10px;line-height:10px;margin-left:26px;} #homePage #submitBtn{background:url('../images/home_submitBtn.gif') no-repeat scroll top left;width:50px;height:17px;display:block;text-indent:-10000px;float:left;margin-right:5px;margin-top:4px;overflow:hidden;} #homePage #submitBtn:hover{background-position:0 -17px;} #homePage #emailAddress{float:left;border:1px solid #c9c9c9;margin-right:8px;margin-top:4px;width:188px;font-size:10px;padding:2px;} #homePage .newsletterArrow{float:left;margin-right:5px;padding-top:6px;width:17px;height:12px;} #homePage #privacyLink{color:#888;font-size:11px;} #homePage #cultureFeedWrap{padding:13px 0 0 11px;height:334px;overflow:hidden;} #homePage .cultureFeedItem{position:relative;background-color:#e7e7e7;border:1px solid #d0d0d0;width:393px;height:98px;overflow:hidden;} #homePage .itemSelected{background-color:#6EC3E1;} #homePage .itemImage{width:393px;height:76px;background:#DDD url(http://www.deletelondon.com/css/global.css) no-repeat scroll center center;} #homePage .itemTitle{color:#323232;font-family:Tahoma;font-size:12px;padding:3px 4px 3px 8px;font-weight:bold;} #homePage .itemTitle h3{font-size:12px;} #homePage .itemSelected .itemTitle{background-color:#6EC3E1;} #homePage .itemDate{color:#FFF;font-family:Tahoma;font-size:1.0em;position:absolute;right:8px;top:103px;display:none;} #homePage .itemSlug{color:#323232;} #homePage .itemAbstract{color:#323232;font-family:Tahoma;font-size:1.1em;padding:3px 8px 4px 8px;height:25px;overflow:hidden;width:283px;} #homePage .itemSpacer{position:relative;height:17px;width:393px;} #homePage .itemArrow{background:url('../images/home_newsArrow.png') no-repeat scroll left -7px;position:absolute;top:71px;left:8px;width:10px;height:7px;overflow:hidden;} #homePage .itemSelected .itemArrow{background-position:0 0;} #homePage #rssFeedBtn{background:url('../images/culture_rss.gif') no-repeat scroll top left;width:69px;height:18px;display:block;text-indent:-10000px;margin-right:10px;margin-top:14px;float:right;} #homePage #rssFeedBtn:hover{background-position:0 -18px;} #homePage #cultureFeedBtn{background:url('../images/home_AllCulture_btn.gif') no-repeat scroll top left;width:84px;height:17px;display:block;text-indent:-10000px;margin-right:10px;margin-top:11px;float:right;} #homePage #cultureFeedBtn:hover{background-position:0 -17px;} #homePage #twitter{background:url('../images/home_twitter.gif') no-repeat scroll top left;width:172px;height:28px;display:block;text-indent:-10000px;margin-left:10px;margin-top:11px;float:left;} #homePage #twitter:hover{background-position:0 -28px;} #homePage #slideshow { width: 863px; height: 350px; position:relative; left: 3px; top: 3px; overflow: hidden;} #homePage #viewport { width: 863px; height: 350px; overflow:hidden;} #homePage #viewport ul {position: relative; padding: 0;} #homePage #viewport li { position:relative; padding: 0; margin:0; width: 863px; float: left; list-style: none; } #homePage .link {display:none; text-indent: -9999px;} #homePage #nav {position:absolute; z-index:2001; bottom:0px; height:20px;} #homePage #bg{ background:url(../images/slideshow/asset/bg.jpg); background-repeat:no-repeat; width:171px; height:20px; float:left;} #homePage #playpause { background:url(../images/slideshow/asset/pause.jpg); background-repeat:no-repeat; margin:0 5px; width:14px; height:20px; cursor:pointer; float:left;} #homePage #prev { background:url(../images/slideshow/asset/prev.jpg); background-repeat:no-repeat;margin-left:10px; height:20px; width:14px; height:20px; cursor:pointer; float:left;} #homePage #next { background:url(../images/slideshow/asset/next.jpg); background-repeat:no-repeat; height:20px; width:14px; height:20px;cursor:pointer; float:left;} #homePage #link-container {float:left; text-decoration:none; height: 20px; cursor:pointer; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:11px;} #homePage #launch-site {background:#000000; height: 20px; padding-left:10px; padding-right:15px; line-height:20px; float:left;} #homePage #view { background:url(../images/slideshow/asset/view.jpg); background-repeat:no-repeat;height:20px; width:43px; float:left;} /* ####################### Culture page ################## */ #culturePage #wrapper{position:relative;} #culturePage .leftcolumn{width:510px;display:table;padding:20px 0 0 0;float:left;clear:both;} #culturePage .leftcolumn .wrapper{margin-bottom:20px;} #culturePage .leftcolumn .wrapper .top{background:url(../images/culture_left_top.gif);width:510px;height:22px;} #culturePage .leftcolumn .wrapper .content{width:470px;padding:0 20px 20px 20px;background:url(../images/culture_left_bg.gif);font-family:Tahoma;font-size:12px;line-height:18px;} #culturePage .leftcolumn .wrapper .content h2{height:28px;} #culturePage .leftcolumn .wrapper .content h2 span{background-color:#6EC3E1;font-size:23px;height:28px;padding-left:5px;padding-right:5px;float:left;display:block;} #culturePage .leftcolumn .wrapper .content h2 a{color:#1D1D1D;font-style:italic;font-size:23px;} #culturePage .leftcolumn .wrapper .content .caption{background:#efefef;font-family:Tahoma;font-size:12px;line-height:18px;padding:6px;margin:15px 0 10px 0;} #culturePage .leftcolumn .wrapper .content .caption p{padding:2px 2px 0 0;font-family:Tahoma;font-size:11px;line-height:18px;} #culturePage .leftcolumn .wrapper .content .posted{margin:-12px 0 10px -1px;line-height:20px;} #culturePage .leftcolumn .wrapper .content img{vertical-align:bottom;} #culturePage .leftcolumn .wrapper .content .blog_text{font-size:12px;line-height:19px;} #culturePage .leftcolumn .wrapper .content .blog_text strong{font-weight:bold;} #culturePage .leftcolumn .wrapper .content .blog_text p{font-size:12px;line-height:19px;} #culturePage .leftcolumn .wrapper .content span{font-family:Tahoma;font-size:11px;} #culturePage .leftcolumn .wrapper .bottom{width:470px;height:47px;padding:0 20px 0 20px;background:url(../images/culture_left_bottom.gif);position:relative;} #culturePage .leftcolumn .wrapper .bottom .bottomcontent{padding:11px 0 0 3px;} #culturePage .leftcolumn .wrapper .bottom .sharePopup{border:1px solid #cccccc;background-color:#ffffff;padding:2px 2px 2px 2px;position:absolute;right:20px;top:32px;width:70px;} #culturePage .leftcolumn .wrapper .bottom .sharePopup li{} #culturePage .leftcolumn .wrapper .bottom .sharePopup a{color:#3F3F3F;padding:2px 0 4px 22px;display:block;} #culturePage .leftcolumn .wrapper .bottom .sharePopup a:hover{text-decoration:none;background-color:#efefef;} .iconTwitter{background:url("../images/culture_view_left_twitter.gif") 3px 3px no-repeat;} .iconFacebook{background:url("../images/culture_view_left_facebook.gif") 3px 2px no-repeat;} .iconDelicious{background:url("../images/culture_view_left_deliciuos.gif") 3px 3px no-repeat;} .iconTechnorati{background:url("../images/culture_view_left_unknown.gif") 3px 3px no-repeat;} .iconDigg{background:url("../images/culture_view_left_digg.gif") 3px 3px no-repeat;} #culturePage .leftcolumn .wrapper .bottom .bottomcontent ul{padding:0px;margin:3px 0 0;list-style-type:none;height:19px;} #culturePage .leftcolumn .wrapper .bottom .bottomcontent ul li{padding:0px;margin:0 0 0 4px;float:left;line-height:14px;} #culturePage .leftcolumn .wrapper .bottom .bottomcontent ul li img{vertical-align:bottom;} #culturePage .leftcolumn .wrapper .bottom .bottomcontent ul .comment{float:right;margin:0 20px 0 0;} #culturePage .leftcolumn .wrapper .bottom .bottomcontent ul .first{margin:0 0 0 -4px;} #culturePage .leftcolumn .wrapper .bottom .bottomcontent ul .share{float:right;} #culturePage .leftcolumn .wrapper .bottom .bottomcontent ul .share a{margin-left:6px;;} #culturePage .leftcolumn .wrapper .bottom .bottomcontent ul li a{color:#3F3F3F;text-decoration:none;} #culturePage .leftcolumn .wrapper .bottom .bottomcontent ul li a:hover{color:#3F3F3F;text-decoration:underline;} #culturePage .leftcolumn .wrapper .bottom .bottomcontent ul .share a{background:url(../images/culture_share.gif) no-repeat scroll 0 0;display:block;height:18px;width:46px;text-indent:-1000px;} #culturePage .leftcolumn .wrapper .bottom .bottomcontent ul .share a:hover{background:url(../images/culture_share.gif) no-repeat scroll 0 -18px;display:block;} #culturePage .leftcolumn .wrapper #newer a{height:19px;width:99px;background:url(../images/culture_newer.gif);display:block;float:left;margin:20px 0 0 0;text-indent:-10000px;} #culturePage .leftcolumn .wrapper #older a{height:19px;width:101px;background:url(../images/culture_older.gif);display:block;float:right;margin:20px 0 0 0;text-indent:-10000px;} #culturePage .leftcolumn .wrapper #newer a:hover{background:url(../images/culture_newer.gif) no-repeat scroll 0 -19px;} #culturePage .leftcolumn .wrapper #older a:hover{background:url(../images/culture_older.gif) no-repeat scroll 0 -19px;} #culturePage .leftcolumn .wrapper span.images{display:block;height:30px;} #culturePage .leftcolumn .wrapper span.images a{height:19px;width:24px;background:url(../images/culture_paging.gif);display:block;float:left;margin:0 0 10px 0;text-align:center;padding:0 0 0 1px;color:#525252;text-decoration:none;margin-left:4px;} #culturePage .leftcolumn .wrapper span.images a:hover{background:url(../images/culture_paging.gif) no-repeat scroll 0 -18px;} #culturePage .leftcolumn .wrapper span.images .nav_item_selected{background:url(../images/culture_paging.gif) no-repeat scroll 0 0;color:#71c2de;} #culturePage #rightcolumn{width:343px;padding:20px 0 0 37px;display:table;position:absolute;right:40px;} #culturePage #rightcolumn .top{width:343px;height:18px;background:url(../images/culture_right_top.gif);} #culturePage #rightcolumn .content{background:url(../images/culture_right_bg.gif);display:table-row;padding:0 0 20px 0;} #culturePage #rightcolumn .bottom{height:20px;background:url(../images/culture_right_bottom.gif);margin:0 0 5px 0;} #culturePage #rightcolumn .content h3{padding:0 0 10px 20px;font-family:Tahoma;font-size:14px;font-weight:bold;} #culturePage #rightcolumn .content span{color:#6ec3e1;font-family:Tahoma;font-size:12px;} #culturePage #rightcolumn .content ul{padding:0 0 0 20px;margin:0px;} #culturePage #rightcolumn .content ul a{color:#3f3f3f;text-decoration:none;} #culturePage #rightcolumn .content ul a:hover{color:#3f3f3f;text-decoration:underline;} #culturePage #rightcolumn .content .images{margin:0 0 10px 19px;} #culturePage #rightcolumn .content ul li{padding:0px;font-family:Tahoma;font-size:12px;font-weight:bold;width:130px;float:left;padding:0 0 5px 0;} #culturePage #rightcolumn .content ul.archive{padding:0 0 0 20px;margin:0px;width:30px;} #culturePage #rightcolumn .content ul.archive li{font-size:12px;width:230px;} #culturePage #rightcolumn .content ul.archive li.year a{text-decoration:none;} #culturePage #rightcolumn .content ul.archive li.year a:hover{text-decoration:underline;} #culturePage #rightcolumn .content ul.archive li.month{margin:0px;} #culturePage #rightcolumn .content ul.archive li.month ul{position:relative;} #culturePage #rightcolumn .content ul.archive li.month a{text-decoration:none;} #culturePage #rightcolumn .content ul.archive li.month a:hover{text-decoration:underline;} #culturePage #rightcolumn .content ul.archive .yearHeader{margin-bottom:3px;padding-left:16px;background:url('../images/culture_arrow.gif') no-repeat scroll left -9px;} #culturePage #rightcolumn .content ul.archive .yearOpen .yearHeader{background-position:left 3px;} #culturePage #rightcolumn .content ul.archive .monthHeader{margin-bottom:3px;background:url('../images/culture_arrow.gif') no-repeat scroll left -9px;padding-left:16px;} #culturePage #rightcolumn .content ul.archive ul .monthOpen .monthHeader{background-position:left 3px;} #culturePage #rightcolumn .content ul.archive li ul li.topic{font-size:12px;font-weight:normal;} #culturePage #rightcolumn .content ul.archive li ul li.topic a{text-decoration:none;} #culturePage #rightcolumn .content ul.archive li ul li.topic a:hover{text-decoration:underline;} #culturePage #rightcolumn a.rss{background:url(../images/culture_rss.gif) no-repeat scroll 0 0;display:block;float:right;margin:-18px 0 0 0;width:68px;height:18px;margin:0 2px 0 0;} #culturePage #rightcolumn a.rss:hover{background:url(../images/culture_rss.gif) no-repeat scroll 0 -18px;display:block;} /* ####################### Culture / view page ################## */ #culturePage .leftcolumn .wrapper .viewbottom{width:470px;height:47px;padding:0 20px 0 20px;background:url(../images/culture_view_left_bottom.gif);position:relative;} #culturePage .leftcolumn .wrapper .viewbottom .bottomcontent{padding:11px 0 0 3px;} #culturePage .leftcolumn .wrapper .viewbottom .bottomcontent ul{padding:0px;margin:0px;list-style-type:none;height:19px;} #culturePage .leftcolumn .wrapper .viewbottom .bottomcontent ul li{padding:0px;margin:0 0 0 4px;float:left;line-height:14px;} #culturePage .leftcolumn .wrapper .viewbottom .bottomcontent ul li img{vertical-align:bottom;} #culturePage .leftcolumn .wrapper .viewbottom .bottomcontent ul .comment{float:right;} #culturePage .leftcolumn .wrapper .viewbottom .bottomcontent ul .first{margin:0 0 0 -4px;} #culturePage .leftcolumn .wrapper .viewbottom .bottomcontent ul .share{float:right;} #culturePage .leftcolumn .wrapper .viewbottom .bottomcontent ul .share a{margin-left:6px;} #culturePage .leftcolumn .wrapper .viewbottom .bottomcontent ul li a{color:#3F3F3F;text-decoration:none;} #culturePage .leftcolumn .wrapper .viewbottom .bottomcontent ul li a:hover{color:#3F3F3F;text-decoration:underline;} #culturePage .leftcolumn .wrapper .content .commentcontent{padding:10px 0 20px 0;background:url(../images/culture_view_left_comment_devider.gif) no-repeat bottom;} #culturePage .leftcolumn .wrapper .content .commentcontent h3{color:#71c2de;font-family:Tahoma;font-size:17px;font-weight:bold;margin:0 0 5px 0;} #culturePage .leftcolumn .wrapper .content .commentcontent h4{font-family:Tahoma;font-size:11px;margin:0 0 10px 0;} #culturePage .leftcolumn .wrapper .content .commentcontent h5{font-family:Tahoma;font-size:11px;font-style:italic;} #culturePage .leftcolumn .wrapper .content .addcomment{display:table;} #culturePage .leftcolumn .wrapper .content .addcomment #addCommentComment{float:left;font-size:11px;margin-left:83px;margin-top:-18px;position:relative;} #culturePage .leftcolumn .wrapper .content .addcomment .errors{font-size:11px;color:red;} #culturePage .leftcolumn .wrapper .content .addcomment h3{font-family:Tahoma;font-size:14px;font-weight:bold;color:#3f3f3f;padding:20px 0 16px 0;} #culturePage .leftcolumn .wrapper .content .addcomment input,textarea{border:1px solid #b2b2b2;} #culturePage .leftcolumn .wrapper .content .addcomment textarea{width:330px;height:130px;padding:5px;font-family:Tahoma;font-size:12px;} #culturePage .leftcolumn .wrapper .content .addcomment input{width:200px;} #culturePage .leftcolumn .wrapper .content .addcomment .row{height:25px;} #culturePage .leftcolumn .wrapper .content .addcomment .lable{width:80px;float:left;font-family:Tahoma;font-size:12px;font-weight:bold;color:#3f3f3f;} #culturePage .leftcolumn .wrapper .content .addcomment .element{float:left;clear:right;} #culturePage .leftcolumn .wrapper .content .addcomment .element span{margin:3px 0 0 10px;font-family:Tahoma;font-size:11px;} #culturePage .leftcolumn .wrapper .content .addcomment #submit{height:18px;width:55px;background-image:url(../images/culture_view_left_submit.gif);background-repeat:no-repeat;border:0px;text-indent:+1000px;overflow:hidden;display:block;float:right;margin:7px 0 0 0;cursor:pointer;} #culturePage .leftcolumn .wrapper .content .addcomment #submit:hover{background:url(../images/culture_view_left_submit.gif) no-repeat scroll 0 -18px;color:#71c2de;} #culturePage .leftcolumn .wrapper .leftbottom{height:17px;background:url(../images/culture_view_left_bottom_bg.gif);z-index:999;width:509px;} #culturePage .leftcolumn .back a{height:19px;width:135px;background:url(../images/culture_view_left_back.gif);display:block;float:left;margin:15px 0 10px 0;} #culturePage .leftcolumn .back a:hover{background:url(../images/culture_view_left_back.gif) no-repeat scroll 0 -19px;} /**************************** Javascript Enabled Styles ************/ .JS_enabled .workImageWrap{visibility:hidden;} .JS_enabled #workPage #clientListButton{display:block;} .JS_enabled .workImageWrap .workImageLink{display:none;} .JS_enabled #clientFilterFormWrap{display:none;} .JS_enabled #homePage #newsletterSignup{display:block;} .JS_enabled #homePage .itemSlug:hover{text-decoration:none;} .JS_enabled #homePage .cultureFeedItem{cursor:pointer;} .JS_enabled .archive .yearList{display:none;} .JS_enabled #culturePage #rightcolumn .content .archive .month ul{display:none;} /* ####################### sIFR styles ################## */ /* These are standard sIFR styles... do not modify */ .sIFR-flash{visibility:visible !important;margin:0;} .sIFR-replaced{visibility:visible !important;} span.sIFR-alternate{position:absolute;left:0;top:0;width:0;height:0;display:block;overflow:hidden;} /* Hide Adblock Object tab:the text should show up just fine,not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true]{display:none !important;} .sIFR-hasFlash .imageDiv{display:none;} .sIFR-hasFlash #noFlashImage{display:none;} .sIFR-hasFlash #workPage #workTitle .workTitleWrap{padding:0 4px 0 5px;height:35px;} /* workInfoUrl.sIFR-hasFlash #logo_content img{visibility:hidden;} */ .sIFR-hasFlash .workImage h3, .sIFR-hasFlash #Services_left_column h2, .sIFR-hasFlash #Services_right_column h2 .sIFR-hasFlash #jobsPage h2, .sIFR-hasFlash #workTitle h1, .sIFR-hasFlash #workInfo h3{visibility:hidden;} .sIFR-hasFlash #showreelNoFlash a{display:none;} .sIFR-hasFlash #culturePage .leftcolumn .wrapper .content h2 span{visibility:hidden;}