/*a[href="#"]{color:#F0a !important;} */ /******************************/ /* Style Reset (meyerweb.com) */ /******************************/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, 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-size: 100%; vertical-align: baseline; background: transparent;} body {line-height: 1; color:#879092; background:#000; font-family: arial, sans-serif; font-size: 11px;} ol, ul {list-style: none;} blockquote, q {quotes: none;} /* remember to define focus styles! */ :focus {outline: 0;/* background: #fbf77c;*/} a:focus {background:transparent;} /* remember to highlight inserts somehow! */ ins {text-decoration: none; border-bottom: 1px dotted #0C0;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse;border-spacing: 0;} object {display:block;} /***************/ /* Page Layout */ /***************/ #wrapper {width: 941px; padding: 97px 0 60px 0; margin:0 auto;} #contentarea {background: url(../images/interface/contentarea_topbg.jpg) 0 0 no-repeat;} #contentarea .contentinner {padding: 36px; background: url(../images/interface/contentarea_bottombg.jpg) 0 100% no-repeat;} #contentwrap {min-height: 421px; width: 869px;} #content {min-height: 421px; width: 869px; float:left; color:#4e6166;} #sidenav-noside #contentwrap {background: url(../images/interface/contentwrap_sidenav_nsbg.gif) 0 0 repeat-y;} #sidenav-noside #content {width: 673px;} #sidenav-wside #contentwrap {background: url(../images/interface/contentwrap_sidenav_bg.gif) 0 0 repeat-y;} #sidenav-wside #content {width: 454px;} /*****************/ /* Content Styles*/ /*****************/ a {color:#f6830f; text-decoration:none;} a:hover {text-decoration:underline;} #contentarea a {color:#CF5B17;} #contentarea h1, #content h2, #content h3, #content h4, #clientinfo h5, #step-count, #sidebar {font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", Helvetica, sans-serif !important;} #printlogo {display:none; position:absolute; width:0; height:0; overflow:hidden; margin-top: -9999px;} .overview #content {background: #FFF url(../images/interface/circlesbg.jpg) 0 38px no-repeat;} #contentarea h1 {margin-top: 5px; font-size: 22px; color:#fff; font-weight:normal; height: 33px;} #intro {width: 869px; height: 225px; background: #a4b4b8; margin-bottom: 17px;} #contentwrap a span {font-family:arial; font-weight:normal!important; font-size: 14px; line-height:10px;} #content div.halfcolumn {width: 220px; float:left;} #content div.halfcolumn.wider {width: 290px;} #content div.shorthr {width: 51px; border-top: 1px solid #fe9e6a; margin: 20px 0;} #content h1 {font-size: 16px; font-weight:normal; color: #263237; padding-left: 13px; height:auto; margin: 20px 0 10px 0;} .overview #content h1 {font-size: 24px; font-weight:normal; color:#c62d09; padding-left: 13px;} #content h2 {font-size: 16px; padding: 0 16px; margin: 1px 0 7px 0;} #content h2.titlestrip {font-size: 14px; padding: 12px 12px 0 12px; height: 25px; display:block; border-bottom: 1px solid #14191b; margin: -40px -25px 40px -25px; background:#bb3411 url(../images/interface/titlestripbg.jpg) 0 0 no-repeat; color:#FFF; font-weight:normal;} #content h2.titlestrip {background: #bb3411 url(../images/interface/titlestrip_overviewbg.jpg) 0 0 no-repeat;} #sidenav-wside h2.titlestrip {background-image: url(../images/interface/titlestripbg.jpg);} #content h4 {font-size: 11px; padding: 0 16px; margin-bottom: 5px; line-height: 15px; text-transform:uppercase;} #content h4 span {text-transform:none;} #content h5 {font-size: 12px; line-height: 17px; padding: 0 16px;} #content p {font-size: 12px; padding: 0 16px; margin-bottom: 16px; line-height: 17px;} #content p a strong {font-size: 11px;} #content li {font-size: 12px; padding: 0 16px; line-height: 17px; margin-bottom: 5px;} #content img.imgleft {float:left; border: 1px solid #d3dfe2; margin: 0 10px 16px 16px;} #content p.intro {font-size: 15px; line-height: 24px; color:#93a0a4;} #content div.longhr {width: 100%; border-top: 1px solid #fe9e6a; margin: 20px 0;} #content #tabcontent h2 {margin: 16px 0;} #tabcontent .checklist {margin: 16px 0;} #content .checklist li {padding-left: 34px; background: url(../images/interface/icontick.gif) 16px 3px no-repeat;} #content .newslist li {border-top: 1px solid #d5dfe2; padding-top: 16px;} #content #tabcontent {padding-top: 16px;} #content #tabcontent .newslist li:first-child {border:none;} #content #tabcontent h3 {padding-left: 16px;} #content .newslist h5 {font-size: 11px; font-weight:normal;} #content .newslist h4 {text-transform:none; font-size: 12px; font-family: arial; margin:5px 0 0 0; padding:0;} #content .newslist h4 a {padding-left: 16px; display:block; background: url(../images/interface/icon_newsarrow.gif) 0 2px no-repeat; color:#ee5400;} #content .newslist h4 span {font-weight:normal; font-size: 12px;} #content .newslist div.img {width: 150px; float:right; text-align:center; margin-right: -16px;} #content .newslist div.text {width: 340px;} /*#content .newslist div.vid {width:568px; padding: 5px 0; background:#F1F1F1;}*/ #content .newslist div.vid * {margin: 0 auto;} #content .logosleft {margin: 16px 0; background:#FFF; float:left; clear:both;} #content .logosleft li {border-top: 1px solid #d5dfe2; padding: 16px 0 0 0; float:left; clear:both;} #content .logosleft .img {float:left; text-align:center;} #content .logosleft .text {float:left;} #content .logosleft .small .img {width: 118px;} #content .logosleft .small .text{width: 326px;} #content .logosleft .wide .img {width: 190px; } #content .logosleft .wide .text {width: 404px;} #content .standard li {padding-left: 27px; background: url(../images/interface/icon_squarebullet.gif) 16px 6px no-repeat;} #content .highlight {background:#f7f9f9; border-top: 1px solid #fe9e6a; color:#7b939a; margin-top: 16px; clear:left;} #content .secondary {border-top: 1px solid #d5dfe2; margin-top: 32px; background: url(../images/interface/highlightfadebg.jpg) 0 0 repeat-x;} #content .highlight h3 {color:#5e757c; padding: 0 16px; font-size: 14px; margin-bottom: 6px;} #content .highlight .info {float:left; padding: 18px 16px 0 0;} #content .highlight .contact {width: 568px;} #content .contact h3 {font-size: 12px;} #content .contact p {font-size: 11px;} /* hijack halfinfo div to preload how it work popup bg*/ #content .halfinfo {width: 291px; float:left; background:#f4f7f8 url(../images/interface/howpopup/bg.png) -9999px -9999px no-repeat; margin:0 8px 50px 0;} #content .halfinfo h3 {height: 20px; border-bottom: 1px solid #FFF; padding: 7px 0 0 10px; background:#e3eaec; font-size: 14px; font-weight:normal; } #content .halfinfo .thumb{float:left; border-right: 1px solid #FFF; margin-right: 12px;} #content .halfinfo p {font-size: 11px; padding: 10px 5px 0 0; margin-bottom:0; line-height: 15px; color:#7b939a; } #content .halfinfo p img{margin: 5px 0 0 -2px;} #intro .graphic {float:left; width: 434px; height: 225px; border-right: 1px solid #000; background:#000;} #intro .text {float:left; width: 434px; height: 197px; padding-top: 28px; background-position: 0 0; background-repeat:no-repeat;} #intro .text h2 {padding: 0 0 0 28px; font-size: 22px; line-height: 26px; color:#FFF; } #intro .text p {font-family: helvetica, sans-serif; font-size: 14px; line-height: 20px; margin: 0 0 10px 0; padding: 0 20px 0 28px; color:#FFF;} #intro .text a {color:#FFF;} #intro .text {background-image: url(../images/interface/intro_networkbg.jpg);}/* default intro text bg*/ #intro .text p.explore {margin: 165px 0 0 -10px; position:absolute; font-weight:bold;} #intro .text p.explore a {font-weight:normal; margin-right: 6px; text-decoration:none;} #intro .text li {font-size: 14px; padding: 0 20px 0 28px; line-height: 20px;} #intro .text li a {color:#f6830f; font-weight:bold; padding-left: 19px; background: url(../images/interface/icon_introareabullet.gif) 0 3px no-repeat;} .solutions #intro.ooh .text {background-image: url(../images/interface/intro_solutionsoohbg.jpg);} .solutions #intro.retail .text {background-image: url(../images/interface/intro_solutionsretailbg.jpg);} .solutions #intro.events .text {background-image: url(../images/interface/intro_solutioneventsbg.jpg);} #tabs {height: 24px ;background: url(../images/interface/tabbg.gif) 0 100% repeat-x; } #tabs li {padding:0; display:block; float:left; margin: 0 3px 0 0;} #tabs li a {display:block; height: 24px; background-position: 0 0; background-repeat:no-repeat; text-indent:-9999px;} #tabs li.selected a, #tabs li a:hover {background-position: 0 -24px;} #tabs .about a {width: 110px; background-image: url(../images/interface/tab_aboutbluetooth.gif);} #tabs .bestpractices a {width: 178px; background-image: url(../images/interface/tab_bestpractices.gif);} #tabs .qwikkerfaqs a {width: 51px; background-image: url(../images/interface/tab_qwikkerfaqs.gif);} /*************************/ /* Specific Page Layouts */ /*************************/ /* Contact Page*/ .flags h5 {padding-left: 38px !important; background-position: 16px 2px; background-repeat:no-repeat;} #networkpopup p.usa, .flags h5.usa {background-image: url(../images/interface/icon_flagusa.gif);} #networkpopup p.australia, .flags h5.australia {background-image: url(../images/interface/icon_flagaus.gif);} #networkpopup p.uk, .flags h5.uk {background-image: url(../images/interface/icon_flaguk.gif);} #networkpopup p.portugal, .flags h5.portugal {background-image: url(../images/interface/icon_flagportugal.gif);} /* Solutions Page*/ #intro.pathways {background: #a4b4b8 url(../images/interface/pathwaysbg.jpg) 0 100% repeat-x;} #intro.pathways div {float:left; width: 288px; height: 225px; background-position: -9999px -9999px; background-repeat:no-repeat;} #intro.pathways div a {display:block; line-height:0;} #intro.pathways .retail {border-left: 1px solid #000; border-right: 1px solid #000; width: 291px; background-image: url(../images/interface/pathway_retailbg.jpg);} #intro.pathways .outofhome {background-image: url(../images/interface/pathway_oohbg.jpg);} #intro.pathways .events {background-image: url(../images/interface/pathway_eventsbg.jpg);} #intro.pathways p {font-size: 12px; line-height: 16px; color:#263237; padding: 0 15px;} #intro.pathways h2 {border-top: 1px solid #bcc6ca; width: 228px; height: 30px; display:block; text-indent: -9999px; background-position:0 0; background-repeat:no-repeat;} #intro.pathways .retail h2 {width: 191px;} #intro .outofhome h2 {background-image: url(../images/interface/h2_outofhomesolutions.gif);} #intro .retail h2 {background-image: url(../images/interface/h2_retailsolutions.gif);} #intro .events h2 {background-image: url(../images/interface/h2_eventsolutions.gif);} #intro.pathways div:hover {background-position: 0 100%; background-repeat:repeat-x; cursor:pointer;} #intro.pathways div:hover h2 {margin-top:1px; border-top:none; background-position: -288px 0;} #intro.pathways .retail:hover h2{background-position: -291px 0;} #intro.pathways div:hover p {color:#FFF;} #intro.pathways div span {display:none; background:#4c27d2; width: 288px; height: 146px; position:absolute;} #intro.pathways .retail span {width: 291px; background: #682687;} #intro.pathways .events span {background: #c95216;} /* Home Solutions Page */ .solutions #clogos {padding: 0 0 0 16px; margin: 15px 0 0 0;} .solutions #intro a.play{padding-right:20px; background: url(../images/interface/button_play.gif) 100% 0 no-repeat;} /* Products Page*/ #intro.pathways {background: #a4b4b8 url(../images/interface/pathwaysbg.jpg) 0 100% repeat-x;} #intro.pathways div {float:left; width: 288px; height: 225px; background-position: -9999px -9999px; background-repeat:no-repeat;} #intro.pathways div a {display:block; line-height:0;} #intro.pathways .enterprise {border-left: 1px solid #000; border-right: 1px solid #000; width: 291px; background-image: url(../images/interface/pathway_retailbg.jpg);} #intro.pathways .byon {background-image: url(../images/interface/pathway_oohbg.jpg);} #intro.pathways p {font-size: 12px; line-height: 16px; color:#263237; padding: 0 15px;} #intro.pathways h2 {border-top: 1px solid #bcc6ca; width: 228px; height: 30px; display:block; text-indent: -9999px; background-position:0 0; background-repeat:no-repeat;} #intro.pathways .retail h2 {width: 191px;} #intro .outofhome h2 {background-image: url(../images/interface/h2_outofhomesolutions.gif);} #intro .retail h2 {background-image: url(../images/interface/h2_retailsolutions.gif);} #intro.pathways div:hover {background-position: 0 100%; background-repeat:repeat-x; cursor:pointer;} #intro.pathways div:hover h2 {margin-top:1px; border-top:none; background-position: -288px 0;} #intro.pathways .retail:hover h2{background-position: -291px 0;} #intro.pathways div:hover p {color:#FFF;} #intro.pathways div span {display:none; background:#4c27d2; width: 288px; height: 146px; position:absolute;} #intro.pathways .retail span {width: 291px; background: #682687;} #intro.pathways .events span {background: #c95216;} /* Clients Page*/ #clistbar {height: 21px; padding: 0 0 0 9px;} #clistbar li {display:block; float:left; margin: 0 4px 0 0; padding:0;} #clistbar li li {clear:both; float:none; width: 152px; margin:0; border-top: 1px solid #bdc9cd;} #clistbar li li:first-child {border-top:none;} #clistbar li ul {position:absolute; margin-top: -9999px; background:#e6ecee; padding: 2px 7px 7px 7px; border: 1px solid #bdc9cd; border-top:none;} #clistbar li ul a {display:block; font-size: 10px; color:#34454c; text-decoration:none; line-height: 11px; height: 15px; padding: 6px 0 0 15px; background: url(../images/interface/clistnavarrowbg.gif) 2px 9px no-repeat;} #clistbar li ul a:hover {color:#ee5400; background-position: 2px -21px;} #clistbar li span {display:block; width: 168px; height: 21px; text-indent: -9999px; background-position: 0 0; background-repeat:no-repeat;} #clistbar .solution span{background-image: url(../images/interface/button_viewbysolution.gif);} #clistbar .partner span {background-image: url(../images/interface/button_viewbypartner.gif);} #clistbar .viewall a {display:block; width: 100px; height: 21px; text-indent: -9999px; background: url(../images/interface/button_viewall.gif) 0 0 no-repeat;} #clistbar .viewall a:hover {background-position: -100px 0;} #clistbar li:hover ul {margin-top:0; } #clogos {float:left;clear:both; margin: 15px 0 27px 0; padding: 0 0 0 9px; background: url(../images/interface/cspopup/bg.png) -9999px -9999px no-repeat;} #clogos li {float:left; display:block; padding:0; margin: 0 8px 8px 0 !important;} #clogos li:first-child {background: url(../images/interface/cspopup/loader.gif) -9999px -9999px no-repeat;} #clogos li a, #clogos li span {float:left; display:block; border: 1px solid #e3eaec; height: 97px;} #clogos li span {padding-bottom:0;} #clogos li a {background: url(../images/interface/clogobg.gif) 0 0 no-repeat;} #clogos li a:hover {background-position: 0 -91px; border-color:#fe9e6a;} #clogos.filter li {display:none;} .outofhome .outofhome, .retail .retail, .events .events, .clearchannel .clearchannel, .jcd .jcd, .primepoint .primepoint, .cbs .cbs {display:block !important;} /* Clients Popup */ #overlay {position:absolute; background:#000; top:0; left:0; width: 100%; height: 100%;} #overlay.loading {background:#000 url(../images/interface/popups/loader.gif) 50% 400px no-repeat;} #clientinfo {position:relative; width: 941px; height: 634px; padding: 36px; top:0; background:#000 url(../images/interface/popups/bg1.png) } #top {position:absolute; width:932px; height:250px; top: 0px; left:0px; background: url(../images/interface/cspopup/top.png) 0 0 no-repeat; } #bottom {position:absolute; width:932px; height:249px; bottom:0px; margin:0px; background: url(../images/interface/cspopup/bottom.png) 0 0 no-repeat;} #clientinfo .leftcol {width: 540px; padding: 0 0 0 35px; float:left;} #clientinfo .rightcol {width: 212px; float:left; padding-left: 60px;} #clientinfo .ct {height: 490px; width: 869px; position:absolute; padding: 0 42px 20px 0; overflow:scroll; overflow-x:hidden; overflow-y: scroll;} #clientinfo h2 {position:absolute; display:block; width: 240px; height: 120px; margin: -92px 0 0 35px; text-indent: -9999px; background-position: 0 0; background-repeat:no-repeat;} #clientinfo h2.pepsi {} #clientinfo h2.ford {} #clientinfo h2.virgin {} #clientinfo h2.westgate {} #clientinfo #photo-count {margin:-17px 0 0 0; padding: 9px 0 0 30px; height: 16px; font-size: 11px; color:#798488; font-weight:lighter;} #clientinfo #photo-controls {display:none; margin: -25px 0 0 0;} #clientinfo #photo-controls li {padding:0; display:block; float:left; background:none;} #clientinfo #photo-controls a {display:block; width: 12px; height:24px; text-indent: -9999px; background: url(../images/interface/cspopup/prevarrowbg.gif);} #clientinfo #photo-controls .next a {background: url(../images/interface/cspopup/nextarrowbg.gif);} #clientinfo #photo-controls a:hover {background-position: -12px 0;} #clientinfo #photo-controls a.disabled {background-position: 0 0 !important;} #photo-count, #photo-controls{display:none;} #clientinfo .hr, #popupholder .hr {height: 2px; background: #000 url(../images/interface/popups/hrbg.gif) 0 0 repeat-x; margin: 0 0 17px 0;} #clientinfo .leftcol p, #popupholder .leftcol p, #clientinfo .rightcol p, #popupholder .rightcol p, #clientinfo .rightcol ul, #popupholder .rightcol ul, #clientinfo .leftcol ul, #popupholder .leftcol ul {font-size: 12px; line-height: 17px; color:#a0adb1; margin: 0 0 17px 0;} #clientinfo .rightcol ul li, #popupholder .rightcol ul li, #clientinfo .leftcol ul li, #popupholder .leftcol ul li {padding-left: 7px; background: url(../images/interface/cspopup/icon_squarebullet.gif) 0 6px no-repeat;} #clientinfo .leftcol h3 {color:#FFF; font-size: 16px; margin: 0 0 17px 0; font-weight:lighter;} #clientinfo .rightcol h4 {color:#FFF; font-size: 10px; margin: 0 0 5px 0; text-transform:uppercase;} #closebutton {position:absolute; margin: -92px 0 0 773px; } #closebutton a {display:block; width: 23px; height: 21px; text-indent: -9999px; background: url(../images/interface/popups/button_close.gif) 0 0 no-repeat;} #closebutton a:hover {background-position: -23px 0;} #cslist {position:absolute; margin: -5px 0 0 600px;} #cslist .cs {display:block; width: 143px; height: 22px; line-height: 22px; text-indent: -9999px; background: url(../images/interface/cspopup/button_casestudies.gif) 0 0 no-repeat;} #cslist li li { text-indent:0; display:none; width: 143px; border-top: 1px solid #1e2426;} #cslist li li a {display:block; background:#394448; padding: 2px 8px; color:#aebbc0; font-size: 10px;} #cslist li li a:hover {color:#FFF; background:#576166;text-decoration:none;} #cslist:hover li li, #cslist.hover li li {display:block;} /* using display because moving elements causes sidebar text to appear above clientinfo layer */ #cslist:hover .cs, #cslist.hover .cs {background-position: -143px 0;} #cstools {position:absolute; margin: -61px 0 0 560px;} #cstools li {display:block; height: 20px; float:left;} #cstools .download {margin-right: 17px;} #cstools .download a {display:block; width: 125px; height: 20px; text-indent: -9999px; background: url(../images/interface/cspopup/button_pdf.png) 0 0 no-repeat;} #cstools .download a:hover{background-position: -125px 0;} #cstools .print {margin-left: 142px;} #cstools .print a {display:block; width: 40px; height: 20px; text-indent: -9999px; background: url(../images/interface/cspopup/button_print.png) 0 0 no-repeat;} #cstools .print a:hover {background-position: -40px 0;} /* Scroll Bar */ .scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;} .vscrollerbar {width: 11px; margin: 0 0 0 2px; background: #4c5355 url(../images/interface/popups/scrollbar.gif) 0 50% no-repeat;} .vscrollerbarbeg {height: 9px !important;width: 11px;background: url(../images/interface/popups/scrollbar.gif) -11px 0 no-repeat;} .vscrollerbarend {height: 9px;width: 11px;background: url(../images/interface/popups/scrollbar.gif) -11px -19px no-repeat;} .vscrollerbase {width: 15px;background: #000;} .vscrollerbar, .hscrollerbar {padding: 2px 0;} .scrollerjogbox {width: 0;height: 0;} /* How It Works Popup*/ #howpopup2 {position:absolute; top:0; margin: 390px 0 0 0; width: 502px; height: 410px; padding: 5px; background: url(../images/interface/howpopup/bg.png) 0 0 no-repeat;} #howpopup {width: 867px; height: auto; background: url(../images/interface/howpopup/bg1.png) 0 0 repeat;} #howpopup .closebutton {position:absolute; margin: 0 0 0 477px;} #networkpopup .closebutton a, #howpopup .closebutton a{display:block; width: 23px; height: 23px; text-indent: -9999px; background: url(../images/interface/howpopup/close.gif) 0 0 no-repeat;} #networkpopup .closebutton a:hover, #howpopup .closebutton a:hover {background-position: -23px 0;} #howpopup .steps {padding: 0 0 0 34px;} #step-controls {position:absolute; margin: 288px 0 0 30px;} #step-controls li {display:block; float:left;} #step-controls li a {display:block; width: 20px; height: 27px; text-indent: -9999px; background: url(../images/interface/howpopup/arrows.gif) 0 -27px no-repeat;} #step-controls li a:hover{background-position: -20px -27px;} #step-controls li.next a{background-position: 0 0} #step-controls li.next a:hover {background-position: -20px 0;} #step-count {position:absolute; margin: 296px 0 0 72px; font-size: 12px; } #howpopup .steps {padding-top: 22px;} #howpopup .steps img {margin: 15px 0 40px 0;} #howpopup .techcontent h2, #howpopup .steps h2 {font-size: 19px; color:#FFF;} #howpopup .techcontent h3, #howpopup .steps h3 {font-size: 16px; color:#fff; padding-right: 34px; line-height: 21px; font-weight:lighter;} #howpopup .section p, #howpopup .steps p {font-size: 14px; margin: 10px 0 0 0; line-height: 18px; color:#a0adb1;} /* how it works tech popup */ #howpopup.tech2 {width: 867px; min-height: 421px; background: url(../images/interface/howpopup/techbg1.png) repeat-x;} #howpopup.tech {width: 867px; min-height: 421px;} #howpopup.tech .closebutton {margin-left: 774px;} #howpopup .techcontent {padding: 20px 0 0 68px; height: 1%;} #howpopup .section p {font-size: 12px; line-height: 17px;} #howpopup .techcontent img {margin: 10px 0 16px 0;} #howpopup .section {width: 220px; padding: 5px 18px; float:left; min-height: 112px;} #networkpopup {position:absolute; top:0; margin: 160px 0 0 0; width: 793px; height: 430px; padding: 41px 10px 20px 0; background: url(../images/interface/networkpopup/bg.png) 0 0 no-repeat;} #networkpopup .contentwrap {display:block; background:transparent; width: 783px; height: 420px; padding-top: 41px; margin-top: -41px;} #networkpopup .content {overflow:auto; overflow-x:hidden; overflow-y: auto; position:absolute; padding: 0 10px 0 0; height: 430px; width: 783px;} #networkpopup .closebutton {position:absolute; margin: -36px 0 0 775px;} #networkpopup h2 {font-size: 19px; color:#FFF; line-height: 25px;} #networkpopup h2 .loc {color:#c4cfd2;} #networkpopup .leftcol {width: 480px; float:left; padding-left: 41px;} #networkpopup .rightcol {width: 210px; float:left; margin-left: 30px;} #networkpopup .rightcol img {margin-top: -17px;} #networkpopup .leftcol p {margin: 10px 0;} #networkpopup .rightcol p {font-size: 14px; line-height: 19px; margin: 0 0 5px 0;} #networkpopup .rightcol strong {color:#FFF;} #networkpopup .rightcol p a {font-weight:bold;} #networkpopup h3 {font-size: 17px; line-height: 17px; color:#FFF; margin-bottom: 17px;} #networkpopup .leftcol img {float:left; margin: 0 8px 8px 0; border: 1px solid #2e373a;} #networkpopup .leftcol img.nb{margin-right:0;} #networkpopup p.contact {text-indent: 20px; background-position: 0 5px ;background-repeat:no-repeat;} /* Press release*/ .video {clear:both; background:#F3F3F3; border-top:1px solid #E4E5E5; border-bottom: 1px solid #E4E5E5; margin: 0 16px 16px 16px;} .video #flashcontent {float:left; margin-right: 10px;} /*****************/ /* Global Layout */ /*****************/ /* Primary Nav*/ #nav {position:absolute; top:0; margin: 45px 0 0 0; height: 35px; width: 941px; background: url(../images/interface/navbg.gif) 0 0 repeat-x;} #nav li {float:left; display:block;} #nav li a {display:block; width: 140px; height: 35px; text-indent: -9999px; background-position: 0 0; background-repeat:no-repeat;} #nav li.top a {display:inline; width: auto; height: auto;padding:0; margin:0; background:none !important;} #nav .logo {width: 202px;} #nav .logo a {width: 120px; background-image: url(../images/interface/logo.gif); background-position: 0 0 !important;} #nav .solutions a {background-image: url(../images/interface/nav/solutions.gif);} #nav .products a {background-image: url(../images/interface/nav/products.gif);} #nav .network a {background-image: url(../images/interface/nav/network.gif);} #nav .clients a {background-image: url(../images/interface/nav/clients.gif);} #nav .howitworks a {background-image: url(../images/interface/nav/howitworks.gif);} /* #nav .bluetooth101 a {background-image: url(../images/interface/nav/byon.gif);} */ #nav .howitworks {padding-right: 39px; background: url(../images/interface/navcapbg.gif) 100% 0 no-repeat;} .solutions #nav .solutions a, .products #nav .products a, .network #nav .network a, .clients #nav .clients a, .howitworks #nav .howitworks a, .bluetooth101 #nav .bluetooth101 a, #nav li:hover a, #nav li a:hover {background-position: 0 -35px;} #nav li div {position:absolute; width: 211px; padding: 0 5px 10px 5px; margin: -9999px 0 0 -4px; background: url(../images/interface/nav/nav_dropdownbottombg.png) 0 100% no-repeat;} #nav li:hover div {margin-top:0;} #nav li ul {width: 179px; padding: 16px; background: #edf3f5 url(../images/interface/nav/nav_dropdownbg.jpg) 0 0 repeat-x;} #nav li ul p {color:#34454c; line-height: 14px; padding: 8px 0;} #nav li ul img {margin: -8px -8px 0 -8px;} #nav li li {clear:both; border-top: 1px solid #c0d3db;} #nav li li.nb {border:none;} #nav li li a {text-indent:0; font-weight:bold; width: 163px; padding: 6px 6px 6px 14px; height:auto; background:url(../images/interface/nav/arrow.gif) 2px 9px no-repeat !important; color:#34454c;} #nav li li a:hover {text-decoration:none; color:#ee5400; background-position: 2px -26px !important;} /* Global/Secondary Nav */ #globalnav {position:absolute; top:0; padding-left: 562px; width: 379px;} #globalnav li {float:left; display:block; height: 21px;} #globalnav a {display:block; height: 21px; text-indent:-9999px; background-position: 0 0; background-repeat:no-repeat;} #globalnav a:hover {background-position: 0 -21px;} #globalnav .home a {width: 51px; background-image: url(../images/interface/nav/home.gif);} #globalnav .about a {width: 54px; background-image: url(../images/interface/nav/about.gif);} #globalnav .news a {width: 50px; background-image: url(../images/interface/nav/news.gif);;} #globalnav .partners a {width: 64px; background-image: url(../images/interface/nav/partners.gif);} #globalnav .contact a {width: 66px; background-image: url(../images/interface/nav/contact.gif);} #globalnav .login a {width: 94px; background-image: url(../images/interface/nav/clientlogin.gif);} #sidenav {width: 135px; padding: 8px 0 0 4px; float:left; background: #e3eaec; margin: 0 7px 0 0; } #sidenav li {padding:0; width: 120px; background: url(../images/interface/sidenavbg.gif) 0 0 repeat-x; display:block; float:left; clear:both;} #sidenav li:first-child {background:none;} #sidenav li a {display:block; float:left; width: 108px; height: 15px; line-height: 10px; padding: 8px 0 0 12px; font-family:helvetica, arial, sans-serif; font-weight:bold; color:#7e949c; text-decoration:none;} #sidenav li a:hover {color:#ee5400;} .overview #sidenav .overview a, .management #sidenav .management a, .news #sidenav .news a, .events #sidenav .events a, .affiliation #sidenav .affiliation a, .careers #sidenav .careers a, .contact #sidenav .contact a{background: url(../images/interface/sidenavarrowbg.gif) 5px 9px no-repeat; color:#4e6166;} /* Bread crumbs*/ #breadcrumb {position:absolute; margin: -23px 0 1px -18px; color:#aebbc0; font-size: 10px;} #breadcrumb a {color:#aebbc0; padding: 0 1px; } /* Side Bar*/ #sidebar {display:block; width: 212px; float:right; background:#e3eaec;} #sidebar h4 {display:block; text-indent: -9999px; height: 24px; background-position: 0 0; background-repeat:no-repeat;} #sidebar h5 {font-size: 11px; padding: 0 4px 0 12px; /*text-transform:uppercase;*/ font-weight:bold; color:#384b50; line-height: 16px;} #sidebar p {padding: 0 12px; font-size: 12px; line-height: 15px; color:#5e757c;} #sidebar p a {line-height: 19px;} #sidebar p strong {font-size: 11px; color:#384b50;} #sidebar a strong {color:#CF5B17;} #sidebar .entry {margin:0; padding-top: 12px; min-height: 150px;} #sidebar .entry img {margin: -7px 0 6px 4px;} /* no min-height for these please:*/ #sidebar .contact .entry, #sidebar .solutions .entry {min-height:0; padding-bottom: 12px;} #sidebar .controls {width: 57px; position:absolute; margin: -24px 0 0 155px; display:none;} #sidebar .controls span, #sidebar .controls a {display:block; width: 20px; height: 24px; text-indent: -9999px; float:left; background-position:0 0; background-repeat:no-repeat;} #sidebar .controls a:hover {background-position: -20px 0;} #sidebar .controls a.disabled{background-position: -40px 0 !important; cursor:default;} #sidebar .controls span {width: 17px;} #sidebar .controls span.num1of3 {background-image: url(../images/interface/label_1of3.gif);} #sidebar .controls span.num2of3 {background-image: url(../images/interface/label_2of3.gif);} #sidebar .controls span.num3of3 {background-image: url(../images/interface/label_3of3.gif);} #sidebar .controls .prev{background-image: url(../images/interface/button_backarrow.gif);} #sidebar .controls .next{background-image: url(../images/interface/button_nextarrow.gif);} #sidebar .campaign h4 {background-image: url(../images/interface/h4_featuredcampaign.gif);} #sidebar .highlights h4 {background-image: url(../images/interface/h4_highlights.gif);} #sidebar .contact h4 {background-image: url(../images/interface/h4_talktoqwikker.gif);} #sidebar .solutions h4 {background-image: url(../images/interface/h4_exploreqwikkersolutions.gif);} /* Page Tools Dropdown*/ #pagetools {position:absolute; width: 107px; height: 22px; padding: 0 0 4px 4px; margin: -36px 0px 0px 762px; background: url(../images/interface/pagetoolsbg.gif) 0 0 no-repeat;} #pagetools li {width: 103px; display:block; float:left; clear:both;} #pagetools li.pt {text-indent: -9999px; height: 22px; line-height: 22px; background: url(../images/interface/button_pagetools.gif) 0 0 no-repeat;} #pagetools li.pt ul {margin-top: -9999px;} #pagetools li li { text-indent:0; border-top: 1px solid #1c2224;} #pagetools li li a {text-decoration:none; display:block; padding: 3px 0 0 26px; height: 15px; line-height: 12px; background-color:#394448; color:#aebbc0; background-position: 8px 3px; background-repeat:no-repeat;} #pagetools li li a:hover{background-color:#576166; background-position: 8px -27px; color:#FFF;} #pagetools .email a {background-image: url(../images/interface/icon_ptemail.gif);} #pagetools .bookmark a {background-image: url(../images/interface/icon_ptbookmark.gif);} #pagetools .print a {background-image: url(../images/interface/icon_ptprint.gif);} #pagetools .rss a {background-image: url(../images/interface/icon_ptfeed.gif);} #pagetools:hover, #pagetools.hover {height:79px; background: url(../images/interface/pagetoolsbg.png) 0 100% no-repeat;} #pagetools:hover li.pt, #pagetools.hover li.pt {background-position: 0 -22px;} #pagetools:hover li.pt ul{margin-top:0;} /* Footer */ #footer {line-height: 14px; width: 941px; padding-bottom: 50px;} #footer strong, #footer h5 {font-weight:bold; color:#8c9ba1;} #footer p {margin-bottom: 14px;} #footer {padding-top: 32px;} #footer .overview {padding: 0 40px 0 20px; width: 412px; margin-bottom: 35px; float:left; clear:left;} #footer .contact {padding: 0 40px 0 15px; width: 163px; border-left: 1px solid #394448; border-right: 1px solid #394448; float:left; } #footer form {padding: 0 0 0 15px; width: 220px; margin-right: 14px; float:left;} #emailaddress {width: 112px; border: 1px solid #6f7d83; height: 12px; font-size: 11px; padding: 4px; float:left; color:#6f7d83; margin-right: 4px; font-family: Arial, sans-serif; } #emailaddress.error {border-color:#c00;} #subscribe {border: 1px solid #3d494e;float:left; background:#030404 url(../images/interface/buttonbg.gif) 0 0 repeat-x; color:#CCC; font-size: 10px; padding: 3px 8px;} #footer form h5 {background: url(../images/interface/icon_emailenvelope.gif) 0 3px no-repeat; padding-left: 16px;} #footer form p {margin-bottom:6px;} #footer .moreinfo {margin-bottom:4px;} #footerlinks {float:left; clear:both; width: 939px; padding: 10px 0 3px 2px; border-top: 1px solid #394448;} #footerlinks li {padding: 0 14px 0 5px; background: url(../images/interface/icon_footerarrow.gif) 0 4px no-repeat; display:block; float:left; } #footerlinks a {float:left;font-size: 10px; display:block; height: 12px; color:#6f7d83;} #footerlinks a.rss {padding-right: 17px; background: url(../images/interface/icon_footerfeed.gif) 100% 0 no-repeat;} .siteby, .copyright {clear:both; font-size: 10px; color:#6f7d83;} .copyright { padding-left: 2px; margin:0;} .siteby {float:right; margin: -15px 0 0 0;} .siteby a {color:#6f7d83; padding-right: 14px; background: url(../images/interface/icon_ailogo.gif) 100% 0 no-repeat;} /* Popup Page*/ #popup {width: 470px; overflow:hidden; background:#232d30;} #popup #popuplogo span, #popup #popuplogo {display:block !important; width: 470px; height: 34px; background: url(../images/interface/requestinfo/bg.gif) 0 0 repeat-x;} #popup #popuplogo span {background: url(../images/interface/requestinfo/logo.gif) 0 0 no-repeat; text-indent: -9999px;} #popup .pad, #popup form {display:block; padding: 29px; color:#a0adb1;} #popup .pad p {margin-bottom: 14px; line-height: 14px;} #popup .addr {display:block; width: 200px; float:left;} #popup input, #popup textarea{margin-bottom: 7px; clear:left; float:left; width: 193px; font-size: 11px;font-family:arial;} #popup textarea {width: 410px; height: 80px; line-height: 16px;} #popup label {margin-bottom: 1px; display:block; float:left; clear:left;} #popup .subscribe label {clear:none; width: 350px; padding: 3px 0 0 5px; line-height:15px;} #popup .subscribe input {width: auto; background:none; border:none;} #popup h1 {color:#FFF; font-size: 16px; font-weight:lighter; margin-bottom: 10px;} #popup .submit input{margin-top: 20px; display:block; width: 60px; height: 20px; padding:0; border:none; text-indent: -9999px; background: url(../images/interface/requestinfo/button_submit.gif);} /* Z-Indecies */ .vscrollerbar, .hscrollerbar {z-index: 2;} #sidebar .controls {z-index: 1000;} #pagetools {z-index: 2000;} #networkmap {z-index: 2500;} #nav {z-index: 3000;} #nav li div {z-index: 3100;} #overlay {z-index: 3500;} #networkpopup, #howpopup, #clientinfo {z-index: 4000;} #clientinfo h3 {z-index: 4100;} #clientinfo #cslist {z-index: 4200;} .video:after, #nav li ul:after, #clogos:after, #content .highlight:after, #contentwrap:after, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; /* width: 100px; border-top: 1px solid #f00; visibility:visible; */} #contentwrap, #content, #nav li ul, #content .highlight, .clearfix {height: 1%;} #step {text-decoration: none;}