/*----------------------------------------------------------------------------- VX : The Vancouver Experience version: 1.1 date: January 2010 -----------------------------------------------------------------------------*/ /* GLOBAL RESET */ 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, b, u, i, center, 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; } html { height: 100%; overflow-y: scroll; } body { height: 100%; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /* ########################################################################## */ /* PSEUDO */ a:link, a:visited { text-decoration: underline; color: #3fb7f3; } a:hover, a:active { color: #44c312; } /* ########################################################################## */ /* LAYOUT */ body { font-family: 'Lucida Grande', Verdana, Arial, Sans-serif; color: #333333; font-size: 8.0pt; text-align: center; background: #ffffff url(../images/bg.gif) repeat-x; } div#wrapper { width: 100%; text-align: center; background: url(../images/bg_x.jpg) left 40px no-repeat; } div#bg2 { width: 100%; text-align: center; background: transparent url(../images/bg_v.jpg) right 40px no-repeat; } /* ########################################################################## */ /* MAIN NAVIGATION */ div#nav { width: 940px; height: 40px; margin: 0 auto; text-align: center; z-index: 20; } div#content div#mainHome { width: 640px; float: left; padding-top: 20px; padding-left: 40px;} div#content div.pageTitle { width: 640px; height: 31px; } div#content div#main div#contentMain { width: 440px; padding: 16px 0 20px 30px; float: left; } div#content div#main div#contentMain2 { width: 620px; padding: 16px 0 20px 0px; float: left; } div#nav ul { width: 886px; padding: 15px 0 15px 124px; margin: 0 auto; } div#nav li { display: inline; height: 15px; float: left; position: relative; } div#nav a { display: block; height: 15px; background: url(../images/navigation.gif) no-repeat; text-indent: -6000px; position: relative; } div#nav #navHome{ z-index: 28; } /* div#nav #navHome ul li { left: 0px; }*/ div#nav #navHome a { width: 43px; background-position: 0px -2px; } div#nav #navHome.sel a, div#nav #navHome a:hover { background-position: 0px -22px; } div#nav #navAbout{ z-index: 28; } /* div#nav #navAbout ul li { left: -120px; }*/ div#nav #navAbout a { width: 74px; background-position: -44px -2px; } div#nav #navAbout.sel a, div#nav #navAbout a:hover { background-position: -44px -22px; } div#nav #navConversations { z-index: 27; } /* div#nav #navConversations ul li { left: -117px; }*/ div#nav #navConversations a { width: 132px; background-position: -117px -2px; } div#nav #navConversations.sel a, div#nav #navConversations a:hover { background-position: -117px -22px; } div#nav #navShowcase { z-index: 26; } /* div#nav #navShowcase ul li { left: -249px; }*/ div#nav #navShowcase a { width: 102px; background-position: -249px -2px; } div#nav #navShowcase.sel a, div#nav #navShowcase a:hover { background-position: -249px -22px; } div#nav #navServices { z-index: 25; } /* div#nav #navServices ul li { left: -351px; }*/ div#nav #navServices a { width: 94px; background-position: -351px -2px; } div#nav #navServices.sel a, div#nav #navServices a:hover { background-position: -351px -22px; } div#nav #navDirectory { z-index: 24; } /* div#nav #navDirectory ul li { left: -541px; }*/ div#nav #navDirectory a { width: 99px; background-position: -541px -2px; } div#nav #navDirectory.sel a, div#nav #navDirectory a:hover { background-position: -541px -22px; } div#nav #navBlog { z-index: 23; } /* div#nav #navBlog ul li { left: -640px; }*/ div#nav #navBlog a { width: 67px; background-position: -640px -2px; } div#nav #navBlog.sel a, div#nav #navBlog a:hover { background-position: -640px -22px; } div#nav #navCalendar { z-index: 22; } /* div#nav #navCalendar ul li { left: -445px; }*/ div#nav #navCalendar a { width: 96px; background-position: -445px -2px; } div#nav #navCalendar.sel a, div#nav #navCalendar a:hover { background-position: -445px -22px; } div#nav #navSponsors { z-index: 21; } /* div#nav #navSponsors ul li { left: -707px; }*/ div#nav #navSponsors a { width: 96px; background-position: -707px -2px; } div#nav #navSponsors.sel a, div#nav #navSponsors a:hover { background-position: -707px -22px; } /* SUB NAVIGATION */ div#nav ul li ul.submenu { position: absolute; background: url(../images/bg_menu.png) no-repeat 0 15px; top: 10px; width: 656px; height: auto;margin:0 0 0 -354px; padding:23px 8px 6px; position:absolute; top:10px; width:656px;display:none } div#nav ul li ul.submenu li { background: none; display: block; position: relative; float: right; font-size: 7.5pt; margin: 0 10px 0 4px; text-transform: uppercase; } div#nav ul li ul.submenu li a { width: auto !important; display: block; text-decoration: none; color: #333333; text-indent: 0; background: none; } div#nav ul li ul.submenu li a:hover { color: #999999; } /* ########################################################################## */ div#content { width: 940px; padding: 90px 40px 40px 40px; margin: 0 auto; text-align: left; } div#content div#main { width: 690px; float: left; background: url(../images/hr_vertical2.gif) repeat-y top left; } div#content div#mainHome { width: 690px; float: left; padding-top: 0px; margin-top:-20px;} div#content div.pageTitle { width: 690px; height: 31px; } div#content div#main div#contentMain { width: 640px; padding: 16px 0 20px 30px; float: left; } div#content div#main div.page-white{background-color:#ffffff;position:relative;left:2px;} div#content div#main div#contentMainFull { width: 660px;/* padding: 16px 0 20px 30px; */} div#content div#main div#contentSidebar { width: 202px; padding: 10px 0 0 0; float: right; } div#contentSidebar div.infoBox { width: 162px; padding: 10px 20px 10px 20px; margin: 35px 0 5px 0; background-color: #f0f0f0; } div#contentSidebar div.infoBox h5 { color: #0099d5; } div#contentSidebar div.infoBox p.infoBoxLink { text-align: right; margin-bottom: 20px;} div#contentSidebar div.infoBox p.infoBoxLink a { color: #81af40; text-decoration: none; text-align:right;} div#contentSidebar div.infoBox p.infoBoxLink a:hover { text-decoration: underline; text-align:right;} div#contentSidebar div.infoBox_white { width: 162px; padding: 10px 20px 10px 20px; margin: 35px 0 5px 0; background-color: #FFF; } div#contentSidebar div.block { width: 162px; padding: 16px 20px 0 20px; margin: 0 0 12px 0; } div#content div#contentSidebar div.block h2 { padding-top: 0; } div#contentSidebar ul.contact {margin:0; padding:0px; } div#contentSidebar ul.contact li {list-style:none; margin:0px 5px 0 0; padding:0px; clear:both; } div#contentSidebar ul.contact li img { float:left; margin: 5px 10px 30px 0px;} div#contentSidebar ul.contact li p {margin-bottom:10px; width:160px;} div#contentSidebar div.iconSet {width:500px; margin:0;} div#contentSidebar div.iconSet ul.icons {margin:0; padding:0 0 5px 0;} div#contentSidebar div.iconSet ul.icons li { display:inline; list-style:none; margin:0 0 10px 0; padding:0px; clear:both; } div#contentSidebar div.iconSet ul.icons li img { float:left; padding-left: 5px;} div#content div#main div#contentMain div.productPhotos {width:440px; margin:0;} div#content div#main div#contentMain div.productPhotos .Photos {margin-right: 10px;} div#content div#sidebar { width: 211px; margin-top: 45px; float: right; } div#content div.side-services{margin-top:0px !important;} div#content div#sidebar p { font-size: 8.0pt; line-height: 18px; margin: 5px 0 15px 0; padding: 0px;} ul.lineheight li{margin-bottom:10px;} div.hr { width: 100%; height: 1px; padding: 5px 0 10px 0px; background: url(../images/hr.gif) repeat-x left center; } div#footer { width: 928px; text-align: center; line-height: 16px; color: #999999; padding: 0 10px 24px 10px; margin: 0 auto; } /* ########################################################################## */ /* TYPE */ div#content h1 { min-width: 440px; font-size: 18pt; margin: 0 0 10px 0; color: #3fb7f3; font-weight: normal; background: url(../images/hr.gif) left bottom repeat-x; } div#content h2 { font-size: 10.5pt; margin: 10px 0px 10px 0; font-weight: bold; padding-top: 4px; color: #44c312; } div#contentMain h2{margin-top:0;padding-top:0;} div#content h3 { font-size: 9.5pt; margin: 12px 0 8px 0; color: #3fb7f3; } div#content h4 { font-size: 15.0pt; margin: 0 0 0 -1px; height: 42px; color: #b4e86c; text-transform: lowercase; font-weight: normal; } div#content h5 { font-size: 8.0pt; margin: 4px 0 6px 0; font-weight: bold; color: #333333; } div#content h6 { font-size: 14.0pt; margin: 0 22px 28px 0; text-align: right; color: #999999; font-weight: normal; } div#content p { font-size: 8.0pt; line-height: 18px; margin: 0 0 30px 0; text-align: left; } div#contentSidebar p { font-size: 8.0pt; line-height: 15px; margin: 0px 0 10px 0;} blockquote { font-size: 10.5pt; margin: 0 0 8px 0; line-height: 18px; font-weight: bold; padding: 8px 40px 0 40px; color: #666666; } /* LISTS */ div#content ul { font-size: 8.0pt; margin: 0 0 8px 24px; } div#content ul li { line-height: 16px; list-style-type: square; } div#content dl { font-size: 8.0pt; } div#content dl dt { font-size: 10.0pt; font-weight: bold; margin: 0 12px 6px 0; padding-top: 4px; color: #3991c6; } div#content dl dd { line-height: 16px; margin: 0 12px 8px 0; } div#content dl.numberedList { } div#content dl.numberedList dt { line-height: 16px; margin: 0 0 2px 0; color: #3991c6; } div#content dl.numberedList dt img { float: left; width: 13px; height: 13px; margin: 1px 7px 0 0; } div#content dl.numberedList dd { line-height: 14px; margin: 0 0 8px 20px; } div#content div.events { width: 211px; margin-bottom: 10px; } div#content div.events ul { margin: 0; } div#content div.events ul li { list-style-type: none; margin: 0; padding: 0 0 15px 0; line-height: 16px; } div#content p.more { clear: left; margin: 5px 0 0 5px; text-align: right; } div#content img { margin-bottom: 12px; } div#content div.caption { width: 157px; padding-top: 10px; line-height: 16px; float: right; background: url(../images/hr.gif) repeat-x left top; } /* ########################################################################## */ /* CONTAINERS */ div.colWrapHome { display: block; margin-top: 16px; } div.colWrapHome div.oneColumn { width: 640px; height: 245px; margin: 0px; } div.colWrapHome div.threeColumn { width: 200px; float: left; margin: 0 20px 21px 0; } div#content div.colWrapHome div.threeColumn img { display: block; margin: 0; padding: 0; } div#content div.colWrapHome div.threeColumn h3 { width: 200px; background: #000000; padding: 2px 0px; margin: 0; color: #ffffff; font-weight: bold; text-transform: uppercase; font-size: 6.5pt; text-align: right; letter-spacing: 0; margin-right: 5px} div.colWrapHome div.threeColumnBox { width: 200px; float: left; margin: 0 20px 0 0; padding: 16px 0 5px 0; } div#content div.colWrapHome div.threeColumnBox h5 { width: 200px; color: #333333; font-weight: bold; text-transform: uppercase; font-size: 7.5pt; } div#content div.colWrapHome div.threeColumnBox p { width: 200px; padding: 0; color: #999999; } div#content div.colWrapHome div.threeColumnBox a { color: #333333; } div#content div.colWrapHome div.threeColumnBox a:hover { color: #3fb7f3; } div.colWrap { display: block; margin-top: 6px; } div.colWrap div.twoColumn { width: 200px; margin: 0 20px 0 0; float: left; } table.directoryInfo { margin: 0 0 10px 0; background: #ffffff url(../images/hr.gif) left bottom repeat-x; } table.directoryInfo td.logo { width: 180px; vertical-align: top; padding: 8px 0 16px 0; } table.directoryInfo td.info { width: 240px; vertical-align: top; padding: 8px 0 16px 20px; } div#content table.directoryInfo td.info p { margin-bottom: 4px; } table.conversationsInfo { margin: 0 0 10px 0; background: #ffffff url(../images/hr.gif) left bottom repeat-x; } table.conversationsInfo td.preview { width: 242px; vertical-align: top; padding: 8px 0 16px 0; } table.conversationsInfo td.preview img { display: block; border: solid #cccccc 1px; } table.conversationsInfo td.info { width: 398px; vertical-align: top; padding: 8px 0 16px 20px; } div#content table.conversationsInfo td.info p { margin-bottom: 4px; } table.conversationsInfo2 { margin: 0 0 10px 0; background: #ffffff; } table.conversationsInfo2 td.preview { width: 242px; vertical-align: top; padding: 8px 0 16px 0; } table.conversationsInfo2 td.preview img { display: block; border: solid #cccccc 1px; } table.conversationsInfo2 td.info { width: 398px; vertical-align: top; padding: 8px 0 16px 20px; } div#content table.conversationsInfo2 td.info p { margin-bottom: 4px; } span.convoStatus { display: none; color: #44c312; } div.video { margin-bottom: 20px; } div.videoBig { margin: -20px 0 20px 0; } div#vidRollr { width: 215px; margin-top: 30px; } .contact_img { text-align: left; margin: 0 10px 10px 0;} /* ########################################################################## */ div.sidebarForm { margin: 20px 0; } div#content div.sidebarForm img { display: block; margin-bottom: 0; } div.sidebarForm form input.textbox { display: block; width: 175px ; height: 13px; border: solid #3fb7f3 1px; padding: 3px 6px 5px 6px; margin: 8px 0 6px 0; } div.sidebarForm form select { width: 189px; float: left; margin-top: 0; } div.sidebarForm form input.go { float: right;margin-top:8px } div#content div.sidebarForm p { margin: 6px 0; line-height: 12px; } div#content div#sidebar2 { width: 211px; margin-top: 15px; float: right; } div#content div#sidebar p { font-size: 8.0pt; line-height: 18px; margin: 5px 0 15px 0; padding: 0px;} table.servicesdirect { margin-left:30px; background-color:#FFF; width: 300px;} table.servicesdirect td.list { vertical-align:top; padding: 10px; } table.servicesdirect td.p { vertical-align:top; line-height: 16px;} table.servicesdirect td.logo img { vertical-align:top; padding: 5px; border: solid #cccccc 1px; } /* ########################################################################## */ /* CLEARFIX */ .clearfix:after { content: '.'; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /* Auto Complete plugin -----------------------------------------------------------------------------*/ .autocomplete-w1 { background:url(/b2b/images/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; } .autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px; _margin:0; _overflow-x:hidden; } .autocomplete .selected { background:#F0F0F0; } .autocomplete div { padding:2px 5px; white-space:nowrap; } .autocomplete strong { font-weight:normal; color:#3399FF; } /* Buttons -----------------------------------------------------------------------------*/ .btn, input.btn[type="submit"], input.btn[type="button"] { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -x-system-font:none; background:#DDDDDD url(/b2b/images/bg-btn.gif) repeat-x scroll 0 0; border-color:#DDDDDD #DDDDDD #CCCCCC; border-style:solid; border-width:1px; color:#333333; font-size:11px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:14px; margin:0; overflow:visible; padding:4px 8px 5px; text-shadow:1px 1px 0 #FFFFFF; width:auto; height:25px; } input.submit, button, input[type="submit"], input[type="button"], input[type="file"] > input[type="button"] { -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; background-color:#E6E6E6; background:#DDDDDD url(/b2b/images/bg-btn.gif) repeat-x scroll 0 0; border:1px solid #CCCCCC; color:#000000; cursor:pointer; font-size:x-small; padding:4px 8px; vertical-align:top; height:25px; margin-left:10px; } input.register{font-size:14px;line-height:12px;height:30px; padding:4px 10px;} input[type="submit"]:hover, .btn:hover, .btn:focus, input.btn[type="submit"]:hover, input.btn[type="submit"]:focus, button.btn:hover, button.btn:focus { background-position:0 -6px; border-color:#999999 #999999 #888888; color:#000000; } .btn i { background-image:url(/b2b/images/sprite-icons.png); background-repeat:no-repeat; display:inline-block; height:13px; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; overflow:hidden; width:13px; } .btn b{ background-image:url(/b2b/images/sprite-icons.png); background-position:-48px 0px; display:block; float:left; height:15px; /* margin:1px 3px 0 0;*/ width:15px; } .favorite{ float:left; padding-left:5px; width:30px; height:30px; background: none; border: none; padding: 0 !important; margin-left:5px; } .favorite b{background:url(/b2b/images/directory/dir_icon_favorites.jpg) no-repeat; width:30px;height:30px;display:block;} .my-favorite b{ /* background-position:-64px 0px;*/ background:url(/b2b/images/directory/dir_icon_favorites_on.jpg) no-repeat; } /* -----------------------------------------------------------------------------*/ a:active,a:visited,a:link{border:0;color:#21a1bd;text-decoration:underline;} a:hover{text-decoration:none;} img{border:0;} .cursor{cursor:pointer;} .error-notice,.notice { background: #999; border-top: 2px solid #000; border-bottom: 2px solid #000; text-align: center; padding: 5px 15px 5px 5px; color:#000; } .error-notice{background:#FFCFCF;color:#801B1B !important;border:0;} .left{float:left;} .right{float:right;} .clear{clear:both;} .hidden{display:none;} .partial-contents{/*display:none;*/padding:15px;} .display-form{display:block;} .txt-left{text-align:left;} .txt-right{text-align:right;} .txt-center{text-align:center;} .error_list{ float:left; background:#FFCFCF; color:#801B1B;/*font-weight:bold;*/list-style-type:none; margin-bottom:0;margin-left:0;margin-top:0; padding:3px 15px; position:absolute;left:490px;} .required{color:red;} .profile-left-col{width:395px;float:left; line-height:19px;color:#333;} .profile-right-col{width:155px;margin-left:25px;float:left;} .profile-address{ border-bottom:1px dotted #666666; border-top:1px dotted #666666; color:#000000; font-size:12px; line-height:16px; margin-bottom:30px; padding:10px 0; } .boxtitle { background-color: #F4F4F4; padding: 5px; margin-bottom: 10px;margin-top:20px;font-weight:bold; font-size:12px;} .photo{display:block;border:1px dotted #999 !important;width:100px;height:100px;margin-right:7px;margin-bottom:7px;float:left;cursor:pointer;} .contact-image{display:block;border:1px dotted #666;width:25px;height:15px;float:left;margin-right:8px;margin-top:5px;} .video-thumb{float:left;margin-right:10px;border:1px solid #999;line-height:20px !important;} .video-edit .links{margin-left:10px;padding-bottom:40px;text-align:right;} .dotted-divider{display:block;border-bottom:1px dotted #999;} table tfoot td{text-align:right;/*padding-right:100px;*/} /*#company-form table tfoot td{padding-right:100px;}*/ img.profile-logo{float:left;padding-right:10px;} .product-img-grid{float:left;width:120px;height:145px;margin-right:20px;border:1px dotted #999;text-align:center;margin-bottom:20px;} .product-img-grid img{border-bottom:1px dotted #999;} table.companies-list{border-collapse:collapse;} table.companies-list tr{background:#fff;border-bottom:1px dotted #F6F6F6;border-top:1px dotted #F6F6F6;} table.companies-list tr:hover{background:#F6F6F6;} table.companies-list td{vertical-align:top;padding:8px 5px !important;font-size:10px;border:0;} table.companies-list td.logo{text-align:center;min-width:70px;} table.companies-list td.company-info{min-width:350px;} table.companies-list td.actions{width:60px;text-align:right;} table.companies-list .company-name{font-size:13px;color:#21a1bd;} table.companies-list p{margin:0;} table#vxconnect td{padding:5px;font-size:12px;} table#vxconnect td.label{text-align:right;} #contentMain table td{padding:3px;} #contentMain table th{text-align:right;padding-right:10px;min-width:100px;vertical-align:top;padding-top:7px;} #contentMain input[type="text"],#contentMain input[type="password"],#contentMain textarea{width:300px !important;} #company_description{height:150px;} #digi-search{height:25px;font-size:18px;width:500px !important;} #search-box{font-size:18px;} #delegate-interests ul{margin-top:10px;margin-bottom:10px;} #delegate-interests li{list-style-type:none !important;margin-left:20px;} .btn-right{position:relative;left:450px;} #mediaoptin_role{margin-bottom:40px;} /* VX Overides when on digibc.org */ /*body#vx div#content .companyContentMain{margin-left:0;padding-top:0;padding-left:0 !important;} body#vx div#content div.companyPageTitle{margin-left:-20px;margin-bottom:10px;} body#vx div#content div#main div#contentSidebar { float:right; left:30px !important; padding:10px 0 0 !important; position:relative !important; width:192px !important; }*/ /*body#vx div#contentFull tr td{padding:5px 0 7px 10px !important;}*/