/* CSS Document */ /* BASIC ELEMENTS ----------------------------------------------------------------------------------------------------------------------------------------------------*/ body {font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; background: #f3f3f3 url(../../images/site_bg_tile.gif) repeat-y center top} #wrapper {width: 900px; height: 100%; margin: 0px auto 0px auto; padding: 0px 10px 0px 10px; background-color: #ffffff} a { text-decoration: underline; color: #666} a:hover {color: #d74212} h1 { font-size: 24px; color: #5d7e9b; font-weight: normal; margin: 20px 0px 20px 0px } h2 { font-size: 18px; color: #5d7e9b; font-weight: normal; margin: 18px 0px 15px 0px } h3 { font-size: 14px; color: #5d7e9b; margin: 10px 0px 10px 0px } h4 { font-size: 14px; color: #5d7e9b; margin: 10px 0px 5px 0px } h5 { font-size: 12px; color: #5d7e9b; margin: 10px 0px 10px 0px } p {font-size: 14px; color: #636363; line-height: 18px; margin: 12px 0px 10px 0px } td {font-size: 12px; color: #636363 } h2.subhead { font-size: 16px; color: #636363; font-weight: normal; line-height: 20px; padding: 0px; margin: 10px 0px 20px 0px } a img {border: 0px} ul, ol { font-size: 12px; color: #636363; margin: 10px 0px 5px 0px } li {margin: 0 0 5px 0 } div.clear { clear: both; height: 0px } div.greyLine { border-bottom: 1px solid #cccccc } /* GENERAL ELEMENTS USED ON SITE ----------------------------------------------------------------------------------------------------------------------------------------------------*/ #tabs { clear: left; width: 900px; height: auto; padding: 10px 0px 0px 0px } #tabs ul { float: left; height: auto; padding: 4px 0px 0px 10px } #tabs ul li { width: 210px; height: 78px; background: url(../../images/tab_tip_off.gif) no-repeat; display: inline; list-style: none; margin: 0 5px 0 5px; overflow: hidden } #tabs ul li a { font-size: 14px; text-align: center; text-decoration: none; padding: 10px 20px 20px 20px; color: #7c7c7c; font-weight: bold; line-height: 20px } #tabs ul li a:hover { font-size: 14px; text-align: center; text-decoration: none; padding: 10px 20px 40px 20px; color: #333333; font-weight: bold; line-height: 20px; background: url(../../images/tab_tip.gif) no-repeat } #tabs ul li, #tabs li a { float: left } #tabs ul li.active { width: 210px; height: 78px; background: url(../../images/tab_tip.gif) no-repeat; margin: 0 5px 0 5px; overflow: hidden } #tabs ul li.active a { color: #333 } #tabs div { clear: both; padding: 5px 5px 20px 5px; min-height: 10px } #tabs div table.pricingAmount { margin: 0; padding: 0; width: 800px } #tabs div table.pricingAmount td { margin: 0; padding: 0; height: 70px; background: #e9e9e9; border-bottom: solid 2px #ffffff; border-right: solid 5px #ffffff; text-align: center; color: #333333; font-size: 18px } #tabs div table.pricingAmount td.headersBlack { font-size: 18px; color: #333333; background: #cccccc } #tabs div table.pricingAmount td a.signUpOrange, #tabs div table.pricingAmount td a:hover.signUpOrange { font-size: 24px; color: #d54112; margin: 0; padding: 0; text-decoration: underline } #tabs div table.landingPrices { margin: 0; padding: 0 } #tabs div table.landingPrices td { margin: 0; padding: 1px; height: 60px; background: #e9e9e9; border-bottom: solid 4px #ffffff; border-right: solid 5px #ffffff; text-align: center; color: #333333; font-size: 12px } #tabs div table.landingPrices td.landingPricesHead { font-size: 14px; color: #333333; background: #cccccc; padding: 0; width: auto; padding: 5px } #tabs div table.landingPrices td span.Amounts { font-size: 14px; margin: 0; padding: 0; text-align: center; font-weight: bold } #tabs div h3 { font-size: 18px; margin: 0px 0px 4px 0px; color: #333 } #tabs div p { line-height: 18px; color: #333 } #tabs div a, #tabs div a:hover { color: #333; text-decoration: underline } .thumbs { float: left; border: #000 solid 1px; margin-bottom: 20px; margin-right: 20px } #tabs #tab2 ol { margin: 0; padding: 0px 0px 0px 20px; color: #333 } #tabs #tab2 ol li { margin: 10px 0px 10px 0px; padding: 0; line-height: 18px; color: #333 } #tooltip { position: absolute; z-index: 9999; color: #666666; font-size: 10px; width: 180px; text-align: left } #tooltip .tipHeader { height: 19px; background: url(../../images/clients/top.png) no-repeat } #tooltip .tipBody { padding: 5px 10px 5px 10px; background: url(../../images/clients/middle-tile.png) repeat-y } #tooltip .tipFooter { height: 11px; background: url(../../images/clients/bottom.png) no-repeat } #contentHeader { clear: both; width: 870px; height: auto; padding: 0; margin: 20px 0 20px 0 } #contentHeader #shareBox { float: right; height: auto; width: 260px } #contentHeader #breadcrumb { float: left; height: auto; width: 560px; font-size: 11px; color: #636363; padding: 0 0 10px 0 } #contentHeader #breadcrumb a.breadRoot {font-weight: bold; color: #636363 } h2.pageSpan { clear: both; font-size: 18px; font-weight: normal; color: #333; padding: 10px 0 0px 0 } h1.pageSpan { clear: both; font-size: 18px; font-weight: normal; color: #333; padding: 10px 0 0px 0 } #topBanner h1, #topBanner h2 { font-weight: normal; margin: 30px 0 20px 15px; padding: 0; font-size: 24px; color: #fff; float: left } #topBanner { width: 900px; height: 100px; background: url(../../images/pricing/banner.jpg) no-repeat; margin: 0 0 20px 0; padding: 0; float: left; clear: both } #topBannerRight { width: 260px; margin: 25px 15px 0 0; padding: 0; float: right; text-align:center } #topBannerRight p { font-size: 12px; text-align: center; font-weight: bold; color: #FFFFFF; margin: 5px; padding: 0 } #topBannerRight .button { margin: 0 } #topBannerAlt h1, #topBannerAlt h2 { width: 275px; font-weight: normal; margin: 40px 0 20px 20px; padding: 0; font-size: 30px; color: #333; float: left } #topBannerAlt img { float: left; margin: 0; padding: 0 } #topBannerAlt { width: 900px; height: 200px; background: url(../../images/content/banner-alt.jpg) no-repeat; margin: 0 0 20px 0; padding: 0; float: left; clear: both } #topBannerRightAlt { width: 260px; margin: 40px 16px 0 0; padding: 0; float: right } #topBannerRightAlt p { font-size: 18px; text-align: center; font-weight: bold; color: #FFFFFF; margin: 0 0 12px 0; padding: 0; line-height: 22px } #topBannerRightAlt .button { margin: 0 } #topBannerAltTwo img { float: left; margin: 30px 0 0 30px; padding: 0 } #topBannerAltTwo { width: 900px; height: 200px; background: url(../../images/freemium_banner_alt.jpg) no-repeat; margin: 0 0 20px 0; padding: 0; float: left; clear: both } #topBannerAltTwo #topBannerRightAlTwo { width: 280px; margin: 25px 20px 0 0; padding: 0; float: right } #topBannerAltTwo #topBannerRightAlTwo p { font-size: 14px; text-align: center; color: #333333; margin: 0 0 10px 0; padding: 0; line-height: 22px } #topBannerAltTwo #topBannerRightAlTwo img { margin: 0 0 0 8px; padding: 0 } /* HEADER SECTION ----------------------------------------------------------------------------------------------------------------------------------------------------*/ header #headerBox { width: 900px; height: auto } header #headerBoxAB { width: 900px; height: auto } #logoBox { width: 275px; padding: 0px; margin: 25px 0px 0px 25px; float: left } #logoBox img { width: 285px; height: 25px; margin: 0; padding: 0; background: url(../../images/image-sprites.png) } #logoBox img a { background-position: 0 -25px } #supportBox { width: 250px; float: left; margin: 8px 0px 0px 120px; padding: 0px } #supportBox div { height: 15px; font-size: 14px; font-weight: bold; color: #666666; margin: 10px 0px 10px 0px } #supportBox div img { position: relative; margin: 0px 0px 0px 6px; top: 2px; } #supportBox div span#ctl00_lblTelePhoneNumber { color: #e8941a } #searchBox { width: 150px; height: 70px; float: left; } #searchBox .search { width: 110px; padding: 0px; margin: 0px; color: #666; background-color: #e7e7e7 } #searchBox .searchButton { width: 21px; height: 20px; margin: 0px; padding: 0px; vertical-align: bottom; background: url(../../images/image-sprites.png) no-repeat } #searchBox .searchButton { background-position: -149px -27px } a:focus { outline: none; } #headerBox #panel { font-size: 12px; color: #fff; background: #5d7e9b; height: 38px; display: none; padding-left: 30px } #headerBox #panel .panelInner { padding: 0px; margin: 0px } #headerBox #panel div { margin: 8px 10px 0px 10px; float: left } #headerBox #panel div .textBox { width: 120px; font-size: 11px; color: #666; color: #666; border: 0; padding: 3px; margin: 0px } #headerBox #panel div .textBoxPwd { width: 60px; font-size: 11px; color: #666; color: #666; border: 0; padding: 3px; margin: 0px } #headerBox #panel div.alt { font-size: 11px; margin-top: 6px } #headerBox #panel div.alt .tick { margin: 0px 5px 0px 0px; position: relative; top: 2px } #headerBox #panel div span { margin: 0px 10px 0px 0px; padding: 0px } #headerBox #panel div a { font-size: 11px; color: #fff; padding: 0px; margin: 0px } #headerBoxAB #panel { font-size: 12px; color: #fff; background: #5d7e9b; height: 76px; display: none; padding-left: 10px; padding-right: 10px } #headerBoxAB #panel .panelInner { padding: 0px; margin: 0px } #headerBoxAB #panel div { margin: 8px 10px 0px 10px; float: left } #headerBoxAB #panel div .textBox { width: 120px; font-size: 11px; color: #666; color: #666; border: 0; padding: 3px; margin: 0px } #headerBoxAB #panel div .textBoxPwd { width: 60px; font-size: 11px; color: #666; color: #666; border: 0; padding: 3px; margin: 0px } #headerBoxAB #panel div.alt { font-size: 11px; margin-top: 6px } #headerBoxAB #panel div.alt .tick { margin: 0px 5px 0px 0px; position: relative; top: 2px } #headerBoxAB #panel div span { margin: 0px 10px 0px 0px; padding: 0px } #headerBoxAB #panel div a { font-size: 11px; color: #fff; padding: 0px; margin: 0px } #headerBoxAB #panel #socialLogin { width: 870px; height: 40px; background-color: #5d7e9b; margin: 0px; padding: 0px; border-bottom: solid 1px #6c91b2 } #headerBoxAB #panel #socialLogin img { margin: 9px 12px 0 0; color: #ffffff; padding: 0; float: left} #headerBoxAB #panel #socialLogin div { margin: 9px 10px 0 0; float: left } #headerBoxAB #panel #socialLogin div.loginNote { height: 24px; padding: 3px 0px 0px 0px } #headerBoxAB #panel #socialLogin #loginJanTop { width: 170px; height: 24px; margin: 10px 0 5px 255px; padding: 0; background: url(../../images/image-sprites.png) 0 -50px; display: block } #headerBoxAB #panel #socialLogin div.socialNote { width: 400px; height: 27px; font-size: 11px; padding: 0 } #headerBoxAB #panel #socialLogin div a { font-weight: bold; text-decoration: underline } #headerBoxAB #panel #socialLogin div a:hover { font-weight: bold; text-decoration: none } .slide { margin: 0px 0px 12px 0px; padding: 0; background: url(../../images/master/expand-button.gif) no-repeat 0 0; } a.btn-slide { text-align: center; width: 150px; height: 25px; padding: 3px 0px 0px 0px; margin: 0px; display: block; text-transform: capitalize; font-weight: bold; color: #fff; text-decoration: none; } a.btn-slide:hover { text-decoration: none; color: #fff } .active { background-position: right 12px; } /* NAVIGATION SECTION ----------------------------------------------------------------------------------------------------------------------------------------------------*/ nav #navBox {width: 900px; height: auto; padding: 7px 0px 0px 0px; clear:left} /* All other menu css in menu-styles.css */ /* HOME PAGE SECTION ----------------------------------------------------------------------------------------------------------------------------------------------------*/ #contentInnerOne.spanOneTwo { height: 470px; background: none; padding: 0px; overflow: hidden } #homeInnerLeftOne { width: 625px; height: 258px; background: #4e7394 url(../../images/home/main-banner-bg.png) } *html #homeInnerLeftOne { background: #4e7394 url(../../images/home/main-banner-bg.png) repeat-y center top } #homeInnerLeftOne #mainBannerText { width: 305px; float: left; margin: 35px 0px 0px 30px } *html #homeInnerLeftOne #mainBannerText { margin: 35px 0px 0px 13px } #homeInnerLeftOne #mainBannerText h1 { font-size: 26px; font-weight: bold; color: #fff; margin: 0px } #homeInnerLeftOne #mainBannerText ul { font-size: 16px; color: #fff; margin: 10px 0px 0px 0px; padding: 0px } #homeInnerLeftOne #mainBannerText ul li { margin: 5px 0px 5px 25px; padding: 0px; list-style-image: url(../../images/home/tick-bullet.gif) } #homeInnerLeftOne #mainBannerText ul li a { color: #fff; text-decoration: none } #homeInnerLeftOne #mainBannerText ul li a:hover { text-decoration: underline } #homeInnerLeftTwo { width: 625px; height: auto } #homeInnerLeftTwo .innerBox { width: 280px; height: 140px; float: left; margin: 10px 0px 10px 0px; padding: 10px 0px 20px 20px; overflow: hidden } #homeInnerLeftTwo .innerBox h2 { font-size: 22px; color: #636363; margin: 0px 0px 10px 0px; padding: 0px } #homeInnerLeftTwo .innerBox p { font-size: 14px; margin: 5px 0px 5px 0px; padding: 0px } #homeInnerLeftTwo .innerBox a { font-size: 14px; color: #1d5e96; margin: 0px; padding: 0px; text-decoration: none } #homeInnerLeftTwo .innerBox a:hover { text-decoration: underline } #homeInnerLeftTwo .innerBox img { float: left; margin: 5px 10px 0px 0px } #homeInnerLeftTwo .innerBox ul#mycarousel img { margin: 0px } #tabsHome { clear: left; width: auto; height: auto; padding: 0 } #tabsHome ul { float: left; height: 30px; padding: 8px 0 8px 20px; width: 880px; background: #dfedf9; margin: 20px 0 20px 0 } #tabsHome ul li { display: inline; list-style: none; margin: 0; overflow: hidden } #tabsHome ul li a, #tabsHome ul li a:hover { font-size: 20px; text-decoration: none; color: #333333 } #tabsHome ul li, #tabsHome li a { float: left } #tabsHome ul li.active { margin: 0; overflow: hidden } #tabsHome ul li.active a { color: #333; padding: 0 0 20px 0 } #tabsHome div { clear: both; min-height: 10px; width: 900px; height: 250px; padding: 20px 0 12px 10px; background: url(../../images/slider-bg-five.gif) no-repeat } #tabsHome div h2.mainBannerText { font-size: 39px; margin: 0 0 10px 70px; padding: 0; color: #ffffff; font-weight: bold } #tabsHome div img { margin: 0 0 0 70px; padding: 0 } #tabsHome div h3 { font-size: 18px; margin: 0px 0px 4px 0px; color: #333 } #tabsHome div p { line-height: 18px; color: #333 } #tabsHome div a, #tabs div a:hover { color: #333; text-decoration: underline } .thumbs { float: left; border: #000 solid 1px; margin-bottom: 20px; margin-right: 20px } #tabsHome #tab2Home ol { margin: 0; padding: 0px 0px 0px 20px; color: #333 } #tabsHome #tab2Home ol li { margin: 10px 0px 10px 0px; padding: 0; line-height: 18px; color: #333 } #containerBox #homeBanner { width: 900px; height: 258px; margin:0 ; padding: 0; background: url(../../images/slider_bg.png) no-repeat; overflow: hidden } #homeBanner ul, #homeBanner li, #homeBanner ul, #homeBanner li { margin: 0; padding: 0; list-style:none } #slider { position: relative; left: -63px;} #slider li, #slider2 li { width: 650px; height: 275px; overflow: hidden; float: left } #prevBtn, #nextBtn, #slider1next, #slider1prev { display: block; width: 30px; height: 77px; position: absolute; left: -30px; top: 71px; z-index: 1000 } #nextBtn, #slider1next { left: 696px } #prevBtn a, #nextBtn a, #slider1next a, #slider1prev a { display: block; position: relative; width: 30px; height: 77px; background: url(images/btn_prev.gif) no-repeat 0 0 } #nextBtn a, #slider1next a { background: url(images/btn_next.gif) no-repeat 0 0 } #homeBanner ol#controls { margin: 274px 0 0 0; padding: 0; height: 20px; position: relative; left: -390px; top: -50px; display: block; float:left; } #homeBanner ol#controls li { margin: 0 5px 0 0; padding: 0; float: left; list-style: none } #homeBanner ol#controls li a { float: left; width: 17px; height: 17px; background: url(../../images/homenav.png) top left no-repeat; background-position: 0 0; text-indent: -9999px } #homeBanner ol#controls li.current a { width: 17px; height: 17px; background: url(../../images/homenav.png) top left no-repeat; background-position: 0 -19px } #homeBanner ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus { outline:none } #homeBanner ul.slideList { margin: 0; padding: 0; list-style: none } #homeBanner li.slideList { margin: 0; padding: 0; list-style: none; font-size: 14px; color: #333 } .slideBox { margin: 0 } .slideBox .slideImage { width: 311px; height: auto; padding: 0 0 0 0; margin: 0 0 0 0; float: left; } .slideBox .slideContent { width: 300px; height: auto; padding: 0 0 0 0; margin: 0 0 0 10px; float: left } .slideBox .slideContent a.largeLink, .slideBox .slideContent a:hover.largeLink { font-size: 18px; color: #fff; text-decoration: underline; margin: 0; padding: 0; display:block } .slideBox .slideContent a.videoLinkAlt, .slideBox .slideContent a:hover.videoLinkAlt { margin: 0; padding: 6px 0 10px 50px; background: url(../../images/video-icon.png) no-repeat left } .slideBox .slideContent h1 { width: 340px; height: auto; font-size: 30px; padding: 20px 0 5px 0; margin: 0; color: #ffffff; float: left; overflow: hidden; font-weight: bold; line-height: 32px } .slideBox .slideContent p { width: 330px; height: auto; font-size: 16px; padding: 0; margin: 5px 0 15px 0; color: #ffffff; float: left; overflow: hidden; line-height: 20px } .slideBox .slideContent a, .slideBox .slideContent a:hover { padding: 0; margin: 0; font-size: 16px; display: inline; text-decoration: underline; color: #fff } .slideBox .slideContent .fakeList { height: auto; margin: auto; padding: auto; float: left } .slideBox .slideContent .fakeList p { font-size: 16px; background: url(images/bullet-slider.png) left no-repeat; margin: 0 0 5px 0; padding: 0 0 0 20px; line-height: 18px; font-weight: bold; float: left } .slideBox .customSlide {width: 900px; height: 258px; margin: 0; padding: 0; position: relative; left: 62px; background: url(../../images/custom_slider_bg.png) no-repeat } .slideBox .customSlide .planBoxAlt { width: 205px; height: 258px; padding: 0; margin: 0 10px 0 20px; float: left } .slideBox .customSlide .planBoxAlt .planBoxAltInnerLeft { width: 205px; height: 195px; margin: 0; padding: 0; overflow: hidden } .slideBox .customSlide .planBoxAlt .planBoxAltInnerLeft h2 { font-size: 30px; color: #ffffff; margin: 20px 0 15px 0; padding: 0; line-height: 32px; font-weight: bold } .slideBox .customSlide .planBoxAlt .planBoxAltInnerLeft p { font-size: 18px; margin: 0 0 10px 0; padding: 0; color: #ffffff; line-height: normal; font-weight: bold } .slideBox .customSlide .planBoxAlt img { width: 204px; height: 39px; padding: 0; margin: 5px 0 0 0 } .slideBox .customSlide .peopleBoxAlt { width: 433px; height: 258px; padding: 0; margin: 0; float: left } .slideBox .customSlide .priceBoxAlt { width: 205px; height: 258px; padding: 0; margin: 0 0 10px 10px; float: left } .slideBox .customSlide .priceBoxAlt .priceBoxAltInnerRight { width: 205px; height: 195px; padding: 0; margin: 0; overflow: hidden } .slideBox .customSlide .priceBoxAlt .priceBoxAltInnerRight h2 { font-size: 18px; color: #ffffff; margin: 0; padding: 44px 0 10px 0; line-height: normal; font-weight: bold } .slideBox .customSlide .priceBoxAlt .priceBoxAltInnerRight p { font-size: 16px; margin: 0 0 13px 0; padding: 0; color: #ffffff; line-height: 20px } .slideBox .customSlide .priceBoxAlt img { width: 204px; height: 39px; padding: 0; margin: 5px 0 0 0 } #homeBanner .video { width: 254px; height: 113px; padding: 20px 0 0 0; margin: 0 0 0 50px; text-align: center; float: left } #homeBanner .videoBox { width: 254px; height: 72px; margin: 0 0 10px 0; padding: 0px 0 0 0 } #homeBanner .videoBox img { border: none; margin-bottom: 15px } #homeBanner .tryItFreeButton { width: 254px; height: 39px; margin: 0 0 0 0; padding: 0 } #homeBanner .tryItFreeButton img { margin: 0 0 15px 0; border: none } #containerBox #socialDescriptionBox { width: 900px; height: 60px; background: #e3e3e3 url(../../images/shadow_tile.png) repeat-x bottom; padding: 0; margin: 0 } #containerBox #socialDescriptionBox h2 { width: 620px; height: auto; font-size: 14px; color: #333; margin: 14px 0 0 10px; padding: 0; float: left; display: block; overflow: hidden } #containerBox #socialDescriptionBox #followUsBox, #footerBox #boxOne #boxOneInnerRight #followUsBox { width: 260px; height: 60px; margin: 0; padding: 0; float: right } #containerBox #socialDescriptionBox #followUsBox p, #footerBox #boxOne #boxOneInnerRight #followUsBox p { color: #666666; margin: 14px 10px 0 0; padding: 0; font-size: 14px; float: left; font-weight: bold } #containerBox #socialDescriptionBox #followUsBox a, #footerBox #boxOne #boxOneInnerRight #followUsBox a { width: 32px; height: 32px; margin: 10px 3px 0 0; padding: 0; background: url(../../images/image-sprites.png) no-repeat; display: block; float: left } #containerBox #socialDescriptionBox #followUsBox a:hover.facebookFollow { background-position: -2px -99px } #containerBox #socialDescriptionBox #followUsBox a:hover.twitterFollow { background-position: -38px -99px } #containerBox #socialDescriptionBox #followUsBox a:hover.youtubeFollow { background-position: -75px -99px } #containerBox #socialDescriptionBox #followUsBox a:hover.bloggerFollow { background-position: -110px -99px } #containerBox #socialDescriptionBox #followUsBox a:hover.linkedInFollow { background-position: -75px -99px } #containerBox #socialDescriptionBox #followUsBox a:hover.googleFollow { background-position: -145px -99px; margin-right: 0 } #containerBox #socialDescriptionBox #followUsBox a.facebookFollow, #footerBox #boxOne #boxOneInnerRight #followUsBox a.facebookFollow { background-position: -217px -99px } #containerBox #socialDescriptionBox #followUsBox a.twitterFollow, #footerBox #boxOne #boxOneInnerRight #followUsBox a.twitterFollow { background-position: -253px -99px } #containerBox #socialDescriptionBox #followUsBox a.googleFollow, #footerBox #boxOne #boxOneInnerRight #followUsBox a.googleFollow { background-position: -181px -99px; margin-right: 0 } #containerBox #socialDescriptionBox #followUsBox a.youtubeFollow, #footerBox #boxOne #boxOneInnerRight #followUsBox a.youtubeFollow { background-position: -290px -99px } #containerBox #socialDescriptionBox #followUsBox a.bloggerFollow, #footerBox #boxOne #boxOneInnerRight #followUsBox a.bloggerFollow { background-position: -325px -99px } #containerBox #socialDescriptionBox #followUsBox a.linkedInFollow, #footerBox #boxOne #boxOneInnerRight #followUsBox a.linkedInFollow { background-position: -75px -99px } #footerBox #boxOne #boxOneInnerRight #followUsBox a.facebookFollow { background-position: -2px -99px } #footerBox #boxOne #boxOneInnerRight #followUsBox a.twitterFollow { background-position: -38px -99px } #footerBox #boxOne #boxOneInnerRight #followUsBox a.linkedInFollow { background-position: -359px -99px } #contentInnerTwo .innerBox #industryBox { width: 260px; height: 65px; margin: 15px 0 0 0; padding: 0 } #contentInnerTwo .innerBox #industryBox p { font-size: 14px; font-weight: bold; color: #333; margin: 0 0 10px 0; padding: 0 } #contentInnerTwo .innerBox #industryBox img { float: left; margin: 0 5px 0 0; padding: 0 } #contentInnerTwo .innerBox #industryBox table td { width: 160px; height: 25px; margin: 10px 0 10px 0; padding: 0 } #contentInnerTwo .innerBox #industryBox table td select { font-size: 14px; color: #666; margin: 0; padding: 5px 5px 5px 0; border: solid 1px #bbbbbb; background: #e4e4e4 } #contentInnerTwoAlt { width: 900px; height: 92px; margin: 30px 0 0 0; padding: 0; background: url(../../images/logo_shadow.png) repeat-x; float: left } #contentInnerTwoAlt h2 { font-size: 18px; color: #333; margin: 35px 20px 0 15px; padding: 0; float: left; font-weight: bold } /* version with lightbox form */ #contentInnerOne { width: 900px; height: 258px; background: #4e7394 url(../../images/home/main-banner-bg-span.png) no-repeat center top } #contentInnerOne #mainBannerText { width: 305px; float: left; margin: 35px 0px 0px 30px } *html #contentInnerOne #mainBannerText { margin: 35px 0px 0px 13px } #contentInnerOne #mainBannerText h1 { font-size: 26px; font-weight: bold; color: #fff; margin: 0px } #contentInnerOne #mainBannerText ul { font-size: 16px; color: #fff; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 13px } #contentInnerOne #mainBannerText ul li { margin: 5px 0px 5px 10px; padding: 0px 0px 0px 4px; list-style-image: url(../../images/home/tick-bullet.gif); } #contentInnerOne #mainBannerText ul li a { color: #fff; text-decoration: none } #contentInnerOne #mainBannerText ul li a:hover { text-decoration: underline } #contentInnerOne #mainBannerRightCol { width: 565px; height: 258px; padding: 0px; float: left} #contentInnerOne #mainBannerRightCol div#imageBoxLeft { width: 290px; height: 258px; float: left } #contentInnerOne #mainBannerRightCol div#textBoxRight { width: 275px; text-align: center; padding: 20px 0px 0px 0px; float: left } #contentInnerOne #mainBannerRightCol div#textBoxRight ul { font-size: 14px; color: #114675; margin: 0px 0px 6px 0px; padding: 0px; list-style: none } #contentInnerOne #mainBannerRightCol div#textBoxRight ul li { margin: 0px; padding: 0px } #contentInnerOne #mainBannerRightCol div#textBoxRight .launchPopButton { display: block; margin: 10px auto 10px auto } /* version with janrain */ #contentInnerOne #mainBannerRightCol div#textBoxRight #loginJan { width: 170px; height: 24px; margin: 10px 0 5px 55px; padding: 0; background: url(../../images/image-sprites.png) 0 -50px; display: block } #contentInnerOne #mainBannerRightCol div#textBoxRight p { color: #08467c; margin: 5px 0 0 0; padding: 0 } #contentInnerOne #mainBannerRightCol div#textBoxRight p.terms { font-size: 11px; margin: 0; padding: 0; line-height: normal } #contentInnerOne #mainBannerRightCol div#textBoxRight a { font-weight: bold; color: #08467c } #contentInnerOne #mainBannerRightCol div#textBoxRight .socialLogos { margin: 5px 0 0 0 } #contentInnerOne #mainBannerRightCol div#textBoxRight .button { display: block; margin: 3px auto 0px auto } #contentInnerOne #mainBannerRightCol div#textBoxRight input.homeForm { color: #08467c; width: 220px; height: 12px; background-color: #dcecfa; border: solid 1px #dcecfa; padding: 5px; margin: 0 0 5px 0 } /* version with janrain + slideshow */ #containerBox #homeBanner div#janrainForm { background-color: transparent; width: 275px; text-align: center; padding: 0; float: left; position:absolute; margin-left:620px; margin-top:5px} #containerBox #homeBanner div#janrainForm ul { font-size: 14px; color: #114675; margin: 0px 0px 6px 0px; padding: 0px; list-style: none } #containerBox #homeBanner div#janrainForm ul li { margin: 0px; padding: 0px } #containerBox #homeBanner div#janrainForm .launchPopButton { display: block; margin: 10px auto 10px auto } #containerBox #homeBanner div#janrainForm #loginJan { width: 170px; height: 24px; margin: 10px 0 5px 55px; padding: 0; background: url(../../images/image-sprites.png) 0 -50px; display: block } #containerBox #homeBanner div#janrainForm p { color: #08467c; margin: 5px 0 0 0; padding: 0 } #containerBox #homeBanner div#janrainForm p.terms { font-size: 11px; margin: 0; padding: 0; line-height: normal } #containerBox #homeBanner div#janrainForm a { font-weight: bold; color: #08467c } #containerBox #homeBanner div#janrainForm .socialLogos { margin: 5px 0 0 0 } #containerBox #homeBanner div#janrainForm .button { display: block; margin: 3px auto 0px auto } #containerBox #homeBanner div#janrainForm input.homeForm { color: #08467c; width: 220px; height: 12px; background-color: #dcecfa; border: solid 1px #dcecfa; padding: 5px; margin: 0 0 5px 0 } #contentInnerTwo { width: 900px; height: auto; background: url(../../images/banner-bottom-tile.gif) repeat-x left top; padding: 10px 0px 10px 0px } #contentInnerTwo .innerBox { width: 280px; height: auto; float: left; margin: 10px 0px 10px 0px; padding: 10px 0px 20px 20px } #contentInnerTwo .innerBox h2 { font-size: 22px; color: #333333; margin: 0px 0px 10px 0px; padding: 0px } #contentInnerTwo .innerBox p { font-size: 14px; margin: 5px 0px 5px 0px; padding: 0px } #contentInnerTwo .innerBox ul { list-style: none; margin: 0px; padding: 0px } #contentInnerTwo .innerBox ul li { margin: 3px 0px 3px 0px; padding: 0px } #contentInnerTwo .innerBox ul#mycarousel li { margin: 0px; padding: 0px } #contentInnerTwo .innerBox a { font-size: 14px; color: #1d5e96; text-decoration: underline; margin: 0px; padding: 0px } #contentInnerTwo .innerBox a:hover { text-decoration: underline } #contentInnerTwo .innerBox img { float: left; margin: 5px 10px 0px 0px } #contentInnerTwo .innerBox ul#mycarousel img { margin: 0px } #contentInnerTwo .innerBoxAlt { width: 260px; height: 110px; float: left; margin: 10px 0px 10px 0px; padding: 10px 0px 20px 20px } #contentInnerTwo .innerBoxAlt h2 { font-size: 22px; color: #333333; margin: 0px 0px 10px 0px; padding: 0px } #contentInnerTwo .innerBoxAlt p { font-size: 14px; margin: 5px 0px 5px 0px; padding: 0px } #contentInnerTwo .innerBoxAlt ul { list-style: none; margin: 0px 0px 0px 0px; padding: 0px } #contentInnerTwo .innerBoxAlt ul li { margin: 3px 0px 3px 0px; padding: 0px } #contentInnerTwo .innerBoxAlt a { font-size: 14px; color: #1d5e96; text-decoration: none; margin: 0px; padding: 0px } #contentInnerTwo .innerBoxAlt a:hover { text-decoration: underline } #contentInnerTwo .innerBoxAlt img { float: left; margin: 5px 10px 0px 0px } #contentInnerThree { width: 885px; height: auto; clear: left; background: url(../../images/banner-bottom-tile.gif) repeat-x left top; padding: 10px 0px 0px 15px } #contentInnerThree .innerBox { width: 189px; height: auto; float: left; margin: 10px 10px 20px 0px; padding: 0px 10px 0px 10px } #contentInnerThree .innerBox h2 { font-size: 18px; color: #636363; margin: 0px 0px 0px 0px; padding: 0px } #contentInnerThree .innerBox p { margin: 5px 0px 5px 0px; padding: 0px } #contentInnerThree .innerBox a { font-size: 12px; color: #1d5e96; text-decoration: none; margin: 0px; padding: 0px } #contentInnerThree .innerBox a:hover { text-decoration: underline } #contentInnerThree .innerBox ul { margin: 0px; padding: 0px } #contentInnerThree .innerBox ul li { line-height: 14px; margin: 6px 0px 6px 20px; padding: 0px; list-style-image: url(../../images/home/arrow-bullet.gif) } #contentInnerThree .innerBox img { float: left; margin: 5px 10px 0px 0px } #homeNoticeBoard { width: 892px; height: 45px; margin: 30px 0 0 0; padding: 0 0 0 8px; background: #faf4d3; color: #333333; clear: both } #homeNoticeBoard p { font-size: 16px; font-weight: bold; margin: 0; padding: 14px 0 0 0; font-weight: bold; color: #333333; font-family: Courier New } #homeNoticeBoard img { margin: 4px 20px 0 0; float:left } #contentInnerTwoAlt #comLogos { width: 720px; height: 40px; margin: 25px 0 0 20px; padding: 0; float: left } #contentInnerTwoAlt #comLogos span { height: 45px; margin: 0 20px 0 0; padding: 0; background: url(../../images/clients_image_sprites_off.gif) no-repeat; display: block; float: left } #contentInnerTwoAlt #comLogos span:hover { height: 45px; margin: 0 20px 0 0; padding: 0; background: url(../../images/clients_image_sprites_on.gif) no-repeat; display: block; float: left } #contentInnerTwoAlt #zaLogos { width: 720px; height: 45px; margin: 25px 0 0 20px; padding: 0; float: left } #contentInnerTwoAlt #zaLogos span { height: 45px; margin: 0 20px 0 0; padding: 0; background: url(../../images/clients_image_sprites_off.gif) no-repeat; display: block; float: left } #contentInnerTwoAlt #zaLogos span:hover { height: 45px; margin: 0 20px 0 0; padding: 0; background: url(../../images/clients_image_sprites_on.gif) no-repeat; display: block; float: left } #contentInnerTwoAlt #comLogosTwo { width: 720px; height: 40px; margin: 25px 0 0 20px; padding: 0; float: left } #contentInnerTwoAlt #comLogosTwo span { height: 45px; margin: 0 20px 0 0; padding: 0; background: url(../../images/clients_image_sprites_off.gif) no-repeat; display: block; float: left } #contentInnerTwoAlt #comLogosTwo span:hover { height: 45px; margin: 0 20px 0 0; padding: 0; background: url(../../images/clients_image_sprites_on.gif) no-repeat; display: block; float: left } #contentInnerTwoAlt #zaLogosTwo { width: 720px; height: 45px; margin: 25px 0 0 20px; padding: 0; float: left } #contentInnerTwoAlt #zaLogosTwo span { height: 45px; margin: 0 20px 0 0; padding: 0; background: url(../../images/clients_image_sprites_off.gif) no-repeat; display: block; float: left } #contentInnerTwoAlt #zaLogosTwo span:hover { height: 45px; margin: 0 20px 0 0; padding: 0; background: url(../../images/clients_image_sprites_on.gif) no-repeat; display: block; float: left } #contentInnerTwoAlt #auLogos { width: 720px; height: 40px; margin: 25px 0 0 20px; padding: 0; float: left } #contentInnerTwoAlt #auLogos span { height: 45px; margin: 0 20px 0 0; padding: 0; background: url(../../images/clients_image_sprites_off.gif) no-repeat; display: block; float: left } #contentInnerTwoAlt #auLogos span:hover { height: 45px; margin: 0 20px 0 0; padding: 0; background: url(../../images/clients_image_sprites_on.gif) no-repeat; display: block; float: left } #contentInnerTwoAlt #auLogosTwo { width: 720px; height: 40px; margin: 25px 0 0 20px; padding: 0; float: left } #contentInnerTwoAlt #auLogosTwo span { height: 45px; margin: 0 20px 0 0; padding: 0; background: url(../../images/clients_image_sprites_off.gif) no-repeat; display: block; float: left } #contentInnerTwoAlt #auLogosTwo span:hover { height: 45px; margin: 0 20px 0 0; padding: 0; background: url(../../images/clients_image_sprites_on.gif) no-repeat; display: block; float: left } #contentInnerTwoAlt #nzLogos { width: 720px; height: 40px; margin: 25px 0 0 20px; padding: 0; float: left } #contentInnerTwoAlt #nzLogos span { height: 45px; margin: 0 20px 0 0; padding: 0; background: url(../../images/clients_image_sprites_off.gif) no-repeat; display: block; float: left } #contentInnerTwoAlt #nzLogos span:hover { height: 45px; margin: 0 20px 0 0; padding: 0; background: url(../../images/clients_image_sprites_on.gif) no-repeat; display: block; float: left } #contentInnerTwoAlt #nzLogosTwo { width: 720px; height: 40px; margin: 25px 0 0 20px; padding: 0; float: left } #contentInnerTwoAlt #nzLogosTwo span { height: 45px; margin: 0 20px 0 0; padding: 0; background: url(../../images/clients_image_sprites_off.gif) no-repeat; display: block; float: left } #contentInnerTwoAlt #nzLogosTwo span:hover { height: 45px; margin: 0 20px 0 0; padding: 0; background: url(../../images/clients_image_sprites_on.gif) no-repeat; display: block; float: left } #contentInnerTwoAlt #mxLogos { width: 720px; height: 45px; margin: 25px 0 0 20px; padding: 0; float: left } #contentInnerTwoAlt #mxLogos span { height: 45px; margin: 0 20px 0 0; padding: 0; background: url(../../images/clients_image_sprites_off1.gif) no-repeat; display: block; float: left } #contentInnerTwoAlt #mxLogos span:hover { height: 45px; margin: 0 20px 0 0; padding: 0; background: url(../../images/clients_image_sprites_on1.gif) no-repeat; display: block; float: left } #contentInnerTwoAlt #mxLogosTwo { width: 720px; height: 45px; margin: 25px 0 0 20px; padding: 0; float: left } #contentInnerTwoAlt #mxLogosTwo span { height: 45px; margin: 0 20px 0 0; padding: 0; background: url(../../images/clients_image_sprites_off1.gif) no-repeat; display: block; float: left } #contentInnerTwoAlt #mxLogosTwo span:hover { height: 45px; margin: 0 20px 0 0; padding: 0; background: url(../../images/clients_image_sprites_on1.gif) no-repeat; display: block; float: left } /* home page 2 - Get started today */ #contentInnerOne.homeTwo { width: 900px; height: 258px; background: #fff url(../../images/home/main-banner-bg-span-2.png) no-repeat center top } #contentInnerOne.homeTwo #mainBannerText h1 { color: #333 } #contentInnerOne.homeTwo #mainBannerText h2 { font-size: 18px; font-style: italic; color: #333; margin: 6px 0px 0px 0px } #contentInnerOne.homeTwo #mainBannerText h2 span { font-size: 12px; margin: 4px 0px 0px 0px; display: block } #contentInnerOne.homeTwo #mainBannerText p { font-size: 16px; color: #333; } #contentInnerOne.homeTwo #mainBannerText ul li a { color: #333 } /* home page 3 - Resellers */ #contentInnerOne.homeThree #mainBannerText h2 { font-size: 18px; color: #fff; margin: 6px 0px 0px 0px } #contentInnerOne.homeThree #mainBannerText p { font-size: 16px; color: #fff; } /* logo slider box */ #logoWrap { width: 260px; height: 50px; margin: 0px 0px 10px 0px; overflow: hidden } *html #logoWrap { width: 280px } /* MAIN CONTENT PAGE ELEMENTS ----------------------------------------------------------------------------------------------------------------------------------------------------*/ article #contentBox { width: 900px; height: auto } #contentItemsSpan { width: 870px; height: auto; padding: 0 15px 0 15px } #contentItemsSpan p { color: #333333 } #contentItemsSpan h2.large { font-size: 24px; line-height: 33px; color: #333; padding: 20px 0 20px 0; margin: 0; clear: both } #footerMainBox h2.medium { font-size: 20px; line-height: 33px; color: #333; padding: 10px 0 0 0; margin: 0; font-weight: bold } #contentItemsSpan h2.intro { font-size: 18px; line-height: 28px; color: #333; padding: 10px 0 20px 0; margin: 0; font-weight: bold } #contentItemsSpan #leftCol { float: left; width: 560px; height: auto; margin: 25px 50px 20px 0 } #contentItemsSpan #leftCol span.red { color: #d74212 } #contentItemsSpan #rightCol { float: left; width: 260px; height: auto; padding-bottom: 20px } #contentItemsSpan #rightCol h2.topTen { margin: 40px 0 0 0; padding: 0; font-size: 18px; color: #5d7e9b; font-weight: bold } #contentItemsSpan #rightCol ol.topFeaturesTen { margin: 0; padding: 10px 0 0 30px } #contentItemsSpan #rightCol ol.topFeaturesTen li { margin: 0 0 10px 0; padding: 0; color: #333333; font-size: 14px } #contentItemsSpan #rightCol ol.topFeaturesTen li a { margin: 0; padding: 0; text-decoration: none; font-size: 14px; color: #333333 } #contentItemsSpan #rightCol ol.topFeaturesTen li a:hover { margin: 0; padding: 0; text-decoration: underline; font-size: 14px; color: #333333 } #contentItemsSpan .signUpFreeAlt { width: 870px; height: 105px; background: #dedede url(../images/free_account_banner.png) no-repeat left; padding: 0; margin: 30px 0 40px 0 } #contentItemsSpan .signUpFreeAlt h2 { width: 300px; font-size: 24px; color: #11253e; margin: 28px 0 0 240px; padding: 0; float: left } #contentItemsSpan .signUpFreeAlt img { margin: 30px 0 0 30px; padding: 0 } #contentItemsSpan .signUpFreeAlt .freeButtonBox { width: 260px; float: right; margin: 25px 0 0 0; padding: 0 } #contentItemsSpan .signUpFreeAlt .freeButtonBox p { margin: 5px 0 0 0; padding: 0; color: #333333; text-align: center; font-size: 12px; font-weight: bold } #contentItemsSpan #rightCol p { color: #333333 } #leftCol { width: 625px; height: auto; float: left; padding: 0px; margin: 0px; } #leftCol #contentItems { width: 560px; height: auto; margin: 0px 0px 0px 15px } #leftCol #contentItems p.articleHead { font-weight: bold } #leftCol #contentItems ol li { line-height: 20px; margin: 0 0 10px 0; padding: 0 } #bannerBox { width: auto; height: 154px; } table#banner { width: 625px; height: 144px; margin: 0px; padding: 0px } table#banner td.bannerImage { width: 200px } table#banner td.bannerText { overflow: hidden; padding: 0px 10px 0px 0px } table#banner td.bannerText h2 { font-size: 14px; font-weight: bold; color: #636363; line-height: 20px; padding: 0px } div.breadCrumb {clear: left; font-size: 11px; color: #636363; margin: 8px 0px 10px 0px} div.breadCrumb a.breadRoot {font-weight: bold; color: #636363} div.features {font-size: 12px; color: #636363; margin: 10px 0px 10px 0px; clear: left} div.features a {color: #636363; font-weight: bold} div.features h3 {margin: 5px 0px 5px 0px; padding: 5px 0px 0px 0px} div.features p {margin: 5px 0px 5px 0px} div.features img.borderGlow {background: url(../../images/features-img-bg.gif) no-repeat center center; padding: 7px; margin: 0px 10px 0px 0px; float: left} #contentItems ul { font-size: 12px; color: #636363; padding: 0px 0px 10px 30px } #contentItems ul a { font-size: 12px; color: #636363 } #contentItems ul li { margin: 5px 0px 5px 0px } #highlightBox { background-color: #cddfef; height: auto; min-height: 130px; padding: 10px 0px 10px 10px } #highlightBox img { margin: 0 10px 0 0; float:left } #highlightBox h2 { margin: 2px 0 10px 0 } #highlightBox p { margin: 10px 0 10px 0 } #highlightBox a, #highlightBox a:hover { font-size: 12px; color: #5d7e9b; text-decoration: underline; margin: 0; padding: 0 } div.highlightBoxAlt { background-color: #cddfef; height: auto; min-height: 130px; padding: 10px 0px 10px 10px } div.highlightBoxAlt img { margin: 0 10px 0 0; float:left } div.highlightBoxAlt h2 { margin: 2px 0 10px 0 } div.highlightBoxAlt p { margin: 10px 0 10px 0 } div.highlightBoxAlt a, div.highlightBoxAlt a:hover { font-size: 12px; color: #5d7e9b; text-decoration: underline; margin: 0; padding: 0 } #highlightBoxTwo { background-color: #cddfef; height: 170px; width: 540px; padding: 10px 0px 10px 10px; margin-bottom: 15px } #highlightBoxTwo img { margin: 0 10px 0 0; float:left; border: solid 1px #cccccc } #highlightBoxTwo h2 { margin: 2px 0 10px 0 } #highlightBoxTwo p { margin: 10px 10px 10px 0 } #highlightBoxTwo a, #highlightBox a:hover { font-size: 12px; color: #5d7e9b; text-decoration: underline; margin: 0; padding: 0 } #contentItems #podcastBanner { height: 45px; margin: 30px 0px 0px 0px; background-color: #eeeeee } #contentItems #podcastBanner img { padding: 0 20px 0 0; float:left } #contentItems #podcastBanner a, #podCastBox a:hover{ font-size: 18px; color: #5d7e9b; text-decoration: underline; display: block; margin: 0px; padding: 8px 0px 0px 0px } img.featuresBannerBox { margin: 10px 0 10px 0 } #contentItemsSpan #leftCol p.miniIntro, #contentItemsSpan p.miniIntro { font-size: 14px; color: #333; font-weight: bold; margin: 10px 0 0 0 } #contentItemsSpan #leftCol ul li, #contentItemsSpan ul li { margin: 0 0 0 0; padding: 5px 0 0 0 } #contentItemsSpan #leftCol ul li, #contentItemsSpan ul li { line-height: 22px; margin: 0 0 0 0; padding: 0 0 0 0; color: #333; font-size: 12px } #contentItemsSpan #rightCol ol li { margin: 0 0 0 0; padding: 5px 0 0 0 } #contentItemsSpan #rightCol ol li { line-height: 22px; margin: 0 0 0 -12px; padding: 0 0 0 0; color: #333; font-size: 12px } #contentItemsSpan #leftCol ul.yellowTick li, #contentItemsSpan ul.yellowTick li, #contentItemsSpan #plansBox ul.yellowTick li { margin: 0 0 0 0; padding: 5px 0 0 0 } #contentItemsSpan #leftCol ul.yellowTick li, #contentItemsSpan ul.yellowTick li, #contentItemsSpan #plansBox ul.yellowTick li { line-height: 22px; margin: 0 0 0 0; padding: 0 0 10px 0; list-style-image: url(../../images/pricing/tick-bullet.gif); color: #333333; font-size: 14px } #contentItemsSpan #leftCol ul.yellowTick li a, #contentItemsSpan ul.yellowTick li a, #contentItemsSpan #leftCol ul.yellowTick li a, #contentItemsSpan ul.yellowTick li a:hover { color: #333333; text-decoration: underline } #contentItemsSpan #leftCol ul.greenTick li { margin: 0 0 0 0; padding: 5px 0 0 0 } #contentItemsSpan #leftCol ul.greenTick li { line-height: 22px; margin: 0 0 0 0; padding: 0 0 0 0; list-style-image: url(../../images/partners/tick.gif); color: #333333; font-size: 14px } #contentItemsSpan #leftCol ul.redCross li { margin: 0 0 0 0; padding: 5px 0 0 0 } #contentItemsSpan #leftCol ul.redCross li { line-height: 22px; margin: 0 0 0 0; padding: 0 0 0 0; list-style-image: url(../../images/pricing/cross.png); color: #333333; font-size: 14px } #contentItemsSpan #leftCol h2 { font-size: 24px; color: #333333; padding: 0 0 5px 0; margin: 20px 0 0 0 } #contentItemsSpan #rightCol h2 { font-size: 18px; color: #333; padding: 0; margin: 0 } #contentItemsSpan .spanBox { width: 870px; height: auto; padding-bottom: 20px; margin: 30px 0 10px 0; border-bottom: solid 1px #cccccc } #contentItemsSpan .spanBox h2 { color: #333333; font-size: 20px; line-height: 18px; margin: 0 0 10px 0 } #contentItemsSpan .spanBox p { color: #333333; font-size: 14px; line-height: 18px } #contentItemsSpan #rightCol .rightBox a.redLink, #contentItemsSpan #rightCol .rightBox a:hover.redLink { font-size: 18px; color: #d74212; padding: 0; margin: 0; text-decoration: underline } #contentItemsSpan #rightCol .rightBox a.redLinkAlt, #contentItemsSpan #rightCol .rightBox a:hover.redLinkAlt { font-size: 14px; color: #333333; padding: 0; margin: 0 0 10px 0; text-decoration: none } #contentItemsSpan #rightCol .rightBox p.redTitle { font-weight: bold; color: #333333; font-size: 18px } #contentItemsSpan #rightCol .rightBox p.header { font-weight: bold; margin: 10px 0 5px 0 } #contentItemsSpan .spanBox .leftSpanBox { float: left; width: 530px; height: 130px; margin: 0 80px 0 0 } #contentItemsSpan .spanBox .rightSpanBox { float: left; width: 260px; height: auto } #contentItemsSpan .spanBox .rightSpanBox a.caseLink, #contentItemsSpan .spanBox .rightSpanBox a:hover.caseLink { font-size: 12px; color: #333; font-weight: bold; text-decoration: none } #contentItemsSpan #freeBannerBox { width: 880px; height: 88px; margin: 20px 0 10px 0; padding: 13px 0 10px 0; background: #f9efce url(../../images/banner_bg.png) no-repeat } #contentItemsSpan #freeBannerBox img.freeGraphicMail { float: left; margin: 3px 10px 0 15px; padding: 0 } #contentItemsSpan #freeBannerBox p { width: 320px; height: 60px; color: #333; font-size: 16px; line-height: 20px; float: left; padding: 3px 10px 0 0 } #contentItemsSpan #freeBannerBox span { font-weight: bold } #contentItemsSpan #freeBannerBox #freemiumButtonSignup { width: 230px; height: 15px; margin: 5px 0 0 70px; padding: 20px 0 0 0; float: left } #contentItemsSpan #freeBannerBoxTop { width: 880px; height: 91px; margin: 20px 0 10px 0; padding: 13px 0 10px 0; background: url(../../images/banner_bg.png) no-repeat } #contentItemsSpan #freeBannerBoxTop img.freeGraphicMail { float: left; margin: 5px 20px 0 10px; padding: 0 } #contentItemsSpan #freeBannerBoxTop p { width: 340px; height: 60px; color: #333; font-size: 18px; line-height: normal; float: left; padding: 0; margin: 0 0 0 70px } #contentItemsSpan #freeBannerBoxTop a, #contentItemsSpan #freeBannerBox a:hover { font-size: 18px; margin: 0; padding: 0; color: #d74212; text-decoration: underline } #contentItemsSpan #freeBannerBoxTop span { font-weight: bold } /* SUPPORT SECTION ----------------------------------------------------------------------------------------------------------------------------------------------------*/ #contentItemsSpan #leftCol h1.introText, #contentItemsSpan h1.introText { color: #333333; font-size: 24px; margin: 0 0 10px 0; padding: 0 } #contentItemsSpan #leftCol .supportLandingBox { width: auto; height: 200px; margin: 20px 0 20px 0; padding: 0; float: left } #contentItemsSpan #leftCol .supportLandingBox .supportComBox { width: 160px; height: 200px; margin: 0 40px 0 0; padding: 0; background: url(../../images/gradient_on.gif) no-repeat; color: #333333; float: left; text-align: center } #contentItemsSpan #leftCol .supportLandingBox .supportComBox:hover { background: url(../../images/gradient_over.gif) no-repeat } #contentItemsSpan #leftCol .supportLandingBox .supportComBox img { margin: 10px 0 10px 0; padding: 0 } #contentItemsSpan #leftCol .supportLandingBox .supportComBox h2 { font-size: 24px; margin: 0 0 5px 0; padding: 0 } #contentItemsSpan #leftCol .supportLandingBox .supportComBox a, #contentItemsSpan #leftCol .supportLandingBox .supportComBox a:hover { text-decoration: underline; font-size: 14px; margin: 0; padding: 0 } #contentItemsSpan #leftCol .supportLandingBox .supportComBox p { font-size: 12px; margin: 5px 0 5px 0; padding: 0 } #contentItemsSpan #rightCol .supportHelpBannerFaq { width: 200px; margin: 40px 0 20px 0; padding: 14px 0 20px 60px; background: #dfedf9 url(../../images/faq.png) no-repeat left } #contentItemsSpan #rightCol .supportHelpBannerFaq a { font-size: 20px; margin: 0; padding: 0; text-decoration: none; color: #333333 } #contentItemsSpan #rightCol .supportHelpBannerFaq a:hover { text-decoration: none } #contentItemsSpan #rightCol .supportHelpBannerTuts { width: 200px; margin: 20px 0 10px 0; padding: 15px 0 20px 60px; background: #dfedf9 url(../../images/tutorials_bg.png) no-repeat left } #contentItemsSpan #rightCol .supportHelpBannerTuts a { font-size: 20px; margin: 0; padding: 0; text-decoration: none; color: #333333 } #contentItemsSpan #rightCol .supportHelpBannerTuts a:hover { text-decoration: underline } #contentItemsSpan #rightCol h2.supportAccounts { font-size: 18px; margin: 20px 0 10px 0; padding: 0 } #contentItemsSpan #rightCol span { color: #679d10 } #contentItemsSpan #leftCol .supportHelpBannerFaqAlt { width: 500px; margin: 0 0 20px 0; padding: 15px 0 20px 60px; background: #dfedf9 url(../../images/faq.png) no-repeat left } #contentItemsSpan #leftCol .supportHelpBannerFaqAlt a { font-size: 20px; margin: 0; padding: 0; text-decoration: none; color: #333333 } #contentItemsSpan #leftCol .supportHelpBannerFaqAlt a:hover { font-size: 20px; margin: 0; padding: 0; text-decoration: underline; color: #333333 } #contentItemsSpan #leftCol .questionBox { width: 560px; height: auto; margin: 0; padding: 0; font-weight: bold; font-size: 18px } #contentItemsSpan #leftCol .questionBox span { color: #d74212; margin: 0 10px 0 0; padding: 0; display: block; float: left } #contentItemsSpan #leftCol .questionBoxAlt { width: 560px; height: auto; margin: 0; padding: 0; font-weight: bold; font-size: 14px } #contentItemsSpan #leftCol .questionBoxAlt p { font-size: 14px; font-weight: normal } #contentItemsSpan #leftCol .questionBoxAlt p.boldBigger { font-size: 14px; font-weight: bold } #contentItemsSpan #leftCol .questionBoxAlt span.questionLetterRed { font-size: 18px; margin: 0 10px 0 0; padding: 0; color: #ed6036; float: left } #contentItemsSpan #leftCol .questionBoxAlt span.answerLetterGreen { font-size: 18px; margin: 0 10px 0 0; padding: 0; color: #b2db46; float: left } #contentItemsSpan #leftCol .questionBoxAlt ul { margin: 0; padding: 0 0 0 10px } #contentItemsSpan #leftCol .questionBoxAlt ul li { margin: 5px 20px 5px 0; padding: 0; font-size: 14px; color: #333; list-style-type: none; font-weight: normal } #contentItemsSpan #leftCol .questionBoxAlt ul li.questionSupport { margin: 5px 20px 5px 0; padding: 0; font-size: 14px; color: #333; list-style-type: none; font-weight: bold } #contentItemsSpan #leftCol .questionBoxAlt a { margin: 0 0 10px 0; padding: 0; font-size: 14px; color: #333333; text-decoration: none; font-weight: bold } #contentItemsSpan #leftCol .questionBoxAlt a:hover { margin: 0 0 10px 0; padding: 0; text-decoration: none } #contentItemsSpan #leftCol .answerBox { width: 560px; height: auto; margin: 0 0 20px 0; padding: 0; font-size: 14px } #contentItemsSpan #leftCol .answerBox span { color: #7cbc14; margin: 0 10px 0 0; padding: 0; height: 80px; display: block; float: left; font-weight: bold; font-size: 18px } #contentItemsSpan #leftCol .supportFreeAccountBox, #contentItemsSpan .supportFreeAccountBox { width: 560px; height: auto; margin: 0; padding: 0 } #contentItemsSpan #leftCol .supportFreeAccountBox img, #contentItemsSpan .supportFreeAccountBox img { margin: 0 5px 0 0; padding: 0; float: left } #contentItemsSpan #leftCol .supportFreeAccountBox p, #contentItemsSpan .supportFreeAccountBox p { font-size: 18px; margin: 0; padding: 50px 0 5px 0; color: #333; line-height: 20px } #contentItemsSpan #leftCol .supportFreeAccountBox a, #contentItemsSpan #leftCol .supportFreeAccountBox a:hover, #contentItemsSpan .supportFreeAccountBox a, #contentItemsSpan .supportFreeAccountBox a:hover { font-size: 18px; color: #d74212; margin: 0; padding: 0; text-decoration: underline } #contentItemsSpan #leftCol .timeZonSelection { width: 540px; height: 35px; margin: 0 0 10px 0; padding: 12px 0 25px 20px; background: #c3d3e0 } #contentItemsSpan #leftCol .timeZonSelection table { width: 200px; height: auto; margin: 0; padding: 0 } #contentItemsSpan #leftCol .timeZonSelection p { font-size: 18px; margin: 10px 20px 0 0; padding: 0; font-weight: bold; float: left } #contentItemsSpan #leftCol .timeZonSelection select { width: 200px; height: 30px; margin: 0; padding: 5px; font-size: 14px; color: #333; font-weight: normal; float: left; border: solid 1px #cccccc } #contentItemsSpan #leftCol table.webinarInfoBox { width: 560px; height: auto; margin: 0 0 25px 0; padding: 20px 20px 20px 20px; background: #e8e8e8; clear: both } #contentItemsSpan #leftCol table.webinarInfoBox td p.main { font-size: 18px; margin: 10px 0 15px 0; padding: 0; font-weight: bold } #contentItemsSpan #leftCol table.webinarInfoBox td p { margin: 0 0 10px 0; padding: 0 } #contentItemsSpan #leftCol table.webinarInfoBox td ol { margin: 0 0 20px 0; padding: 0 0 0 150px } #contentItemsSpan #leftCol table.webinarInfoBox td ol li { margin: 0 0 5px 0; padding: 0; font-size: 14px; color: #333 } #contentItemsSpan #leftCol table.webinarInfoBox td a, #contentItemsSpan #leftCol .webinarInfoBox a:hover { font-size: 14px; margin: 0 0 15px 0; padding: 0; color: #d74212 } #contentItemsSpan #leftCol table.webinarInfoBox td img { float: left; margin: 0 10px 10px 0; padding: 0 } #contentItemsSpan .spanBox .tutBox { width: 258px; height: 158px; margin: 0 40px 0 0; padding: 0; float: left } #contentItemsSpan .spanBox .tutBox img { margin: 0 0 15px 0; padding: 0; border: solid 1px #666666 } #contentItemsSpan .spanBox .tutBox h3 { font-size: 18px; margin: 0 0 10px 0; padding: 0; color: #333333; font-weight: bold } #contentItemsSpan .spanBox .tutBox p { font-size: 12px; color: #333333; font-weight: normal; margin: 0; padding: 0 } /* MOBILE SECTION ----------------------------------------------------------------------------------------------------------------------------------------------------*/ #contentItems .container { overflow: hidden; width: 900px; height: 500px; margin: 0; padding: 20px 0 0 0 } #contentItems .main_image { width: 625px; height: 446px; float: right; position: relative; overflow: hidden } #contentItems .main_image .block small { margin-left: 10px } #contentItems .main_image .desc { position: absolute; bottom: 0; left: 0; width: 100%; display: none } #contentItems .main_image .block { width: 100% } #contentItems .main_image a.collapse { background: url(btn_collapse.gif) no-repeat left top; height: 27px; width: 93px; text-indent: -99999px; position: absolute; top: -27px; right: 20px } #contentItems .image_thumb { width: 300px; background: #f0f0f0; padding: 0 } #contentItems .image_thumb ul { margin: 0 20px 0 0; padding: 0; list-style: none; display: block } #contentItems .image_thumb ul li { height: 27px; margin: 0; padding: 5px 0 5px 10px; width: 260px; float: left } #contentItems .image_thumb ul li a { font-size: 14px; text-decoration: none; margin: 5px 0 5px 0; padding: 0; font-weight: bold } #contentItems .image_thumb ul li.hover { height: 27px; padding: 0; margin: 5px 0 5px 0; background: #a5c0d5 url(../../images/tip-hover.jpg) no-repeat right } #contentItems .image_thumb ul li.active { height: 27px; padding: 0; margin: 5px 0 5px 0; background: #5d7f9b url(../../images/tip.jpg) no-repeat right } #contentItems .image_thumb ul li.active span.text { height: 27px; color: #fff; margin: 0; padding: 4px 0 0 10px; display: block } #contentItems .image_thumb ul li.hover span.text { height: 27px; color: #fff; margin: 0; padding: 4px 0 0 10px; display: block } #contentItemsSpan .spanBoxAlt { width: 870px; height: auto; padding-bottom: 20px; margin: 30px 0 0 0 } #contentItemsSpan .spanBoxAlt h2 { font-size: 18px; color: #333; margin: 10px 0 10px 0; padding: 0 } #contentItemsSpan .spanBoxAlt .leftSpanBoxAlt { float: left; width: 580px; height: 370px; margin: 0; padding: 0 } #contentItemsSpan .spanBoxAlt .leftSpanBoxAlt img { float: left; margin: 0 30px 0 0; padding: 0 } #contentItemsSpan .spanBoxAlt .leftSpanBoxAlt h2 { font-size: 40px; color: #333; margin: 0 0 10px 0; padding: 0 } #contentItemsSpan .spanBoxAlt .leftSpanBoxAlt p { font-size: 18px; color: #333; margin: 10px 0 10px 0; padding: 0; line-height: 20px } #contentItemsSpan .spanBoxAlt .leftSpanBoxAlt a { font-size: 18px; margin: 10px 0 10px 0; padding: 0; text-decoration: underline; color: #d74212; line-height: 20px; display: block } #contentItemsSpan .spanBoxAlt .rightSpanBox .rightBoxAlt { width: 260px; padding: 0; float: left; text-align: center; margin: 0 0 0 10px } #contentItemsSpan .spanBoxAlt .rightSpanBox .rightBoxAlt p { font-size: 24px; color: #333; margin: 10px 0 10px 0; padding: 0; line-height: 30px } #contentItemsSpan .spanBoxAlt #callBoxAlt { width: 870px; height: auto; margin: 0; padding: 20px 0 0 0; border-top: #cccccc solid 1px; clear: both } #contentItemsSpan .spanBoxAlt #callBoxAlt .callBoxItemAlt { width: 280px; height: auto; margin: 0 15px 0 0; padding: 0 0 15px 0; float: left; overflow: hidden } #contentItemsSpan .spanBoxAlt #callBoxAlt .callBoxItemAlt img { border: solid 1px #ccc } #contentItemsSpan .spanBoxAlt #callBoxAlt .callBoxItemAlt p.headerAlt { font-weight: bold; font-size: 16px; margin: 0; padding: 0 } #contentItemsSpan .spanBoxAlt #callBoxAlt .callBoxItemAlt p { line-height: 15px; margin: 10px 0 10px 0; padding: 0 } #contentItemsSpan .spanBoxAlt #callBoxAlt .callBoxItemAlt a, #contentItemsSpan .spanBoxAlt #callBoxAlt .callBoxItemAlt a:hover { font-size: 18px; color: #333; text-decoration: underline; margin: 0; padding: 0 } #contentItemsSpan .spanBoxAlt #campaignBox { width: 870px; height: 100px; margin: 0; padding: 0 } #contentItemsSpan .spanBoxAlt #campaignBox .thumbBox { width: 158px; height: 98px; margin: 0 15px 45px 0; padding: 0; float: left } #contentItemsSpan .spanBoxAlt #campaignBox .thumbBox a { color: #333 ; margin: 10px 0 10px 0; padding: 0; font-size: 14px; text-decoration: underline; display: block; text-align: center } #contentItemsSpan .spanBoxAlt #campaignBox .thumbBox img { border: solid 1px #ccc } #contentItemsSpan .spanBoxAlt #campaignBox .thumbBox a:hover img { border: solid 1px #d74212 } #contentItemsSpan .spanBox .leftSpanBoxTwo { float: left; width: 560px; height: auto; margin: 0 50px 0 0 } #contentItemsSpan .spanBox .leftSpanBoxTwo img { float: left; margin: 0 10px 0 0 } #contentItemsSpan .spanBox .leftSpanBoxTwo p { font-size: 12px } #contentItemsSpan .spanBox .leftSpanBoxTwo p.smallHeader { font-size: 14px; font-weight: bold; margin-left: 0; padding-left: 0 } #contentItemsSpan .spanBox .leftSpanBoxTwo a, #contentItemsSpan .spanBox .leftSpanBoxTwo a:hover { font-size: 14px; color: #365c7d; margin: 10px 0 10px 0; padding: 0 } #contentItemsSpan .rightSpanBox .rightBoxTwo { width: 240px; padding: 0 10px 0 0; float: left; text-align: center; margin: 0 0 0 0 } #contentItemsSpan .spanBoxTwo { width: 870px; height: auto; padding: 10px 0 0 0; margin: 50px 0 0 0; clear: both } #contentItemsSpan .spanBoxTwo .leftSpanBox { width: 435px; height: 280px; padding: 0; margin: 0; float: left } #contentItemsSpan .spanBoxTwo .leftSpanBox img { margin: 10px 0 10px 0; padding: 0 } #contentItemsSpan .spanBoxTwo .rightSpanBox { width: 395px; height: 220px; padding: 0 0 0 40px; float: left } #contentItemsSpan .spanBoxTwo .rightSpanBox img { margin: 10px 10px 10px 0; float: left } #contentItemsSpan .spanBoxTwo .rightSpanBox p.clientName { font-size: 12px; font-weight: bold; font-style: italic; color: #333; padding: 0; margin: 0 } #contentItemsSpan .spanBoxTwo .rightSpanBox p.titleHead, #contentItemsSpan .spanBoxTwo .leftSpanBox p.titleHead { font-size: 18px; color: #333; padding: 10px 0 10px 0 } #contentItemsSpan .spanBoxTwo .rightSpanBox a, #contentItemsSpan .spanBoxTwo .rightSpanBox a:hover, #contentItemsSpan .spanBoxTwo .leftSpanBox a, #contentItemsSpan .spanBoxTwo .leftSpanBox a:hover { text-decoration: underline; color: #333 } #contentItemsSpan .spanBoxThree { width: 870px; height: auto; padding-bottom: 10px; margin: 0 0 15px 0; border-bottom: solid 1px #cccccc; float: left } #contentItemsSpan .rightSpanBox .rightBox, #contentItemsSpan #rightCol .rightBox { width: 220px; padding: 20px 20px 20px 20px; background-color: #ececec; float: left; text-align: center; margin: 15px 0 15px 0 } #contentItemsSpan #rightCol p.clientName { font-weight: bold; font-style: italic } #contentItemsSpan #rightCol .rightBox p.title { font-size: 18px; margin: 10px 0 10px 0; line-height: 25px; text-align: center } #contentItemsSpan #rightCol .rightBox p.titleAlt { font-size: 18px; margin: 10px 0 10px 0; line-height: 25px; text-align: Left } #contentItemsSpan .rightSpanBox .rightBox p, #contentItemsSpan #rightCol .rightBox p { width: 230px; color: #333333; font-size: 14px; line-height: 19px; margin: 0 0 5px 0; padding: 0; text-align: left } #contentItemsSpan .rightSpanBox .rightBox p.quote, #contentItemsSpan #rightCol .rightBox p.quote { font-style: italic } #contentItemsSpan .rightSpanBox .rightBox p.boldQuote, #contentItemsSpan #rightCol .rightBox p.boldQuote { font-weight: bold } #contentItemsSpan .rightSpanBox .rightBox a.readCaseStudy, #contentItemsSpan #rightCol .rightBox a.readCaseStudy, #contentItemsSpan .rightSpanBox .rightBox a:hover.readCaseStudy, #contentItemsSpan #rightCol div.rightBox a:hover.readCaseStudy { color: #d74212; font-size: 14px; text-decoration: underline; font-weight: bold; text-align: left } #contentItemsSpan #rightCol a.partnersVideoLink, #contentItemsSpan a:hover.partnersVideoLink { color: #365c7d; font-size: 14px; text-decoration: underline } #contentItemsSpan #rightCol p.videoLink { margin: 10px 0 0 0; width: 200px; font-weight: bold } #contentItemsSpan #rightCol img.videoPlayBtn { margin: 15px 15px 15px 0; float: left } #contentItemsSpan #leftCol a.signUpLink, #contentItemsSpan a:hover.signUpLink { color: #d74212; font-size: 18px; text-decoration: underline } #contentItemsSpan #rightCol .arrowBox { width: 260px; height: auto; background: url(../../images/partners/tile.gif) repeat-y center top; margin: 0 0 20px 0 } #contentItemsSpan #rightCol .arrowBoxContent { width: 230px; height: auto; background: url(../../images/partners/arrow.png) no-repeat center left; padding: 10px 10px 10px 20px } #contentItemsSpan #rightCol .arrowBoxContent h2 { font-size: 14px; font-weight: bold; color: #333333; margin: 0 0 5px 0; padding: 0} #contentItemsSpan #rightCol .arrowBoxContent p { font-size: 12px; color: #333333; line-height: 16px; margin: 0; padding: 0 } #contentItemsSpan #leftCol table.mobilePrices { width: 560px; margin: 20px 0 20px 0; padding: 0 } #contentItemsSpan #leftCol table.mobilePrices td { height: 40px; margin: 0; padding: 5px; background: #e9e9e9; text-align: center; color: #333333; font-size: 14px; border-bottom: solid 4px #ffffff; border-right: solid 4px #ffffff } #contentItemsSpan #leftCol table.mobilePrices td.headersAlt { height: 30px; margin: 0; padding: 10px; background: #333333; text-align: center; color: #ffffff; font-size: 18px } /* ABOUT US SECTION ----------------------------------------------------------------------------------------------------------------------------------------------------*/ .flags img { float: left; margin: 0px 0px 5px 10px } #contentItemsSpan #mapCanvas { width: 870px; height: 330px; margin: 0; padding: 10px 0 10px 0; clear: both } .map {font-size:12px; font-family:Verdana, Geneva, sans-serif; text-align: left } .map h2 {color:#d74212; font-size:16px; text-align: left} .map p {color:#505860; line-height:17px; margin:10px 0 10px 0; text-align: left } #contentItemsSpan h2.globalFranchisees { width: 825px; font-size: 24px; color: #333333; margin: 0; padding: 10px 0 10px 0; line-height: 32px } #contentItemsSpan .officeBox { width: 830px; height: auto; padding: 20px; margin: 10px 0 20px 0 } #contentItemsSpan .officeBox img, #contentItemsSpan .franchiseeBox img { float: left; margin: 0 10px 0 0; padding: 0 } #contentItemsSpan .officeBox h2, #contentItemsSpan .franchiseeBox h2 { font-size: 18px; color: #333333; padding: 0 0 0 5px; margin: 0; font-weight: bold } #contentItemsSpan .officeBox table, #contentItemsSpan .franchiseeBox table { width: 830px; height: auto } #contentItemsSpan .officeBox table td, .franchiseeBox table td { width: 160px; padding: 3px 25px 3px 0; color: #333333; font-size: 14px } #contentItemsSpan .officeBox table td p.title, #contentItemsSpan .officeBox table td p.details, #contentItemsSpan .franchiseeBox table td p.title, #contentItemsSpan .franchiseeBox table td p.details { color: #333333; font-size: 14px; padding: 0; margin: 0; line-height: 16px } #contentItemsSpan .officeBox table td.title, #contentItemsSpan .franchiseeBox table td.title { font-weight: bold } #contentItemsSpan .officeBox table td a, #contentItemsSpan .officeBox table td a:hover, #contentItemsSpan .franchiseeBox table td a.frLink, #contentItemsSpan .franchiseeBox table td a:hover.frLink { font-size: 14px; text-decoration: underline; padding: 0; margin: 0; color: #333333; display: block } #contentItemsSpan .franchiseeBox { width: 830px; height: auto; padding: 20px; margin: 20px 0 20px 0; border-top: solid 1px #ccc } #contentItemsSpan .franchiseeBox a.frTitle, #contentItemsSpan .franchiseeBox a:hover.frTitle { font-size: 18px; color: #333333; text-decoration: underline } #contentItemsSpan .franchiseeBox table td a.frLink,#contentItemsSpan .franchiseeBox table td a:hover.frLink { text-decoration: underline } #contentItemsSpan #officeLinkBox { width: 870px; height: auto; margin: 5px 0 10px 0; padding: 0 } #contentItemsSpan #officeLinkBox table { width: 860px; height: auto; margin: 0; padding: 10px 10px 10px 0 } #contentItemsSpan #officeLinkBox table img { float: left; margin: 0 10px 0 0 } #contentItemsSpan #officeLinkBox table td { width: 150px; margin: 2px 0 0 0; padding: 5px 5px 5px 0; font-size: 18px } #contentItemsSpan #officeLinkBox table td a, #contentItemsSpan #officeLinkBox table td a:hover { color: #666666; text-decoration: none } #contentItemsSpan #officeLinkBox table td a:hover { text-decoration: underline } #contentItemsSpan #leftCol #directorBox { width: 560px; height: auto; margin: 20px 0 0 0; padding: 0 } #contentItemsSpan #leftCol #directorBox div { width: 160px; height: auto; float: left; margin: 0 40px 20px 0; padding: 0 } #contentItemsSpan #leftCol #directorBox div img { padding: 4px; border: solid 1px #cccccc } #contentItemsSpan #leftCol #directorBox div p { width: 160px; height: auto; text-align: center; padding: 0; margin: 10px 0 0px 0; font-weight: bold } #contentItemsSpan #leftCol #directorBox div p.title { font-weight: normal; margin: 0px 0 0 0; } #contentItemsSpan #leftCol p.clientTitle { font-size: 18px; color: #333; padding: 0px 0 10px 0; margin: 0 } #contentItemsSpan #leftCol .clientLogoBox { width: 560px; height: auto; margin: 10px 0 10px 0; padding: 0; float: left } #contentItemsSpan #leftCol .clientLogoBox table { width: 560px; height: auto; margin: 0 0 20px 0; padding: 0 } #contentItemsSpan #leftCol .clientLogoBox table td { height: auto; padding: 0 10px 0 10px; text-align: center } #contentItemsSpan #leftCol .clientLogoBox table td p { font-size: 12px; color: #333; padding: 5px 0 5px 0; margin: 0; text-align: center } #contentItemsSpan #leftCol .clientLogoBox table td a, #contentItemsSpan #leftCol .clientLogoBox table td a:hover { text-decoration: underline; color: #333; text-align: center; font-size: 14px } #contentItemsSpan #leftCol p.teamTitle { font-size: 14px; font-weight: bold; margin: 0 0 10px 0; clear: left } #contentItemsSpan #leftCol .teamBox { width: 560px; height: 200px; padding: 0; margin: 0; clear: both } #contentItemsSpan #leftCol .teamBox .facebox { width: 120px; height: auto; padding: 0; margin: 0 20px 20px 0; float: left; text-align: center } #contentItemsSpan #leftCol .teamBox .facebox img { width: 114px; height: 124px; border: solid 1px #ccc; margin: 0 0 5px 0; padding: 2px; overflow: hidden } #contentItemsSpan #leftCol .teamBox .facebox p { font-size: 12px; padding: 0; margin: 0; font-weight: bold } #contentItemsSpan #leftCol .teamBox .facebox p.title { font-weight: normal } #contentItemsSpan #rightCol #joinBox { width: 150px; height: 70px; background: url(../../images/about_us/gm-team-badge.png) no-repeat center top; padding: 45px 0 0 110px; margin: 20px 0 0 0 } #contentItemsSpan #rightCol #joinBox p { width: 150px; margin: 0; font-size: 18px; padding: 0 } #contentItemsSpan #rightCol p.whyGraphicmailTitle { font-size: 18px; margin-bottom: 10px } #contentItemsSpan .spanBoxTwo .leftSpanBoxThree { width: 435px; height: auto; padding: 0; margin: 0; float: left } #contentItemsSpan .spanBoxTwo .leftSpanBoxThree img { margin: 10px 0 10px 0; padding: 0 } #contentItemsSpan .spanBoxTwo .leftSpanBoxThree a, #contentItemsSpan .spanBoxTwo .leftSpanBoxThree a:hover { text-decoration: underline; color: #333; font-weight: normal } #contentItemsSpan .spanBoxTwo .leftSpanBoxThree span.tweet_time a { color: #365c7d; font-weight: bold } #contentItemsSpan .spanBoxTwo .leftSpanBoxThree .tweet, .query { font-size: 14px; color: #333333; font-family: Verdana, Geneva, sans-serif; } #contentItemsSpan .spanBoxTwo .leftSpanBoxThree .tweet .tweet_list, .query .tweet_list { -webkit-border-radius: .5em; list-style-type: none; margin: 0; padding: 0 0 0 10px; overflow-y: hidden; background-color: #ffffff; } #contentItemsSpan .spanBoxTwo .leftSpanBoxThree .tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic { text-transform: uppercase; } #contentItemsSpan .spanBoxTwo .leftSpanBoxThree .tweet .tweet_list li, .query .tweet_list li { overflow-y: auto; overflow-x: hidden; padding-bottom: 5px; margin-bottom: 10px } #contentItemsSpan .spanBoxTwo .leftSpanBoxThree .tweet .tweet_list li a, .query .tweet_list li a { color: #333333; font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 11px; } #contentItemsSpan .spanBoxTwo .leftSpanBoxThree .tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even { background-color: #ffffff; display: block; padding: 10px 0 10px 0; margin: 10px 0 10px 0 } #contentItemsSpan .spanBoxTwo .leftSpanBoxThree .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar { padding-right: .5em; float: left; } #contentItemsSpan .spanBoxTwo .leftSpanBoxThree .tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img { vertical-align: middle; } /* RESOURCES SECTION ----------------------------------------------------------------------------------------------------------------------------------------------------*/ .wrapperVideo { width: 600px; height:auto; padding: 20px 0 40px 0; clear:left } .videoBox { width: 259px; height: auto; margin: 0 30px 0 0; float: left } .videoBox img { border: 1px solid #999 } .videoBox h4 { font-size: 14px; color: #5d7e9b; font-weight:bold } .videoBox ul li { line-height: 14px; margin: 6px 0px 6px 0px; padding: 0px; list-style-image: url(../../images/home/arrow-bullet.gif) } .videoBox ul li a { font-size: 12px; color: #1d5e96; text-decoration: none; margin: 0px; padding: 0px } .videoBox a img { border: 1px solid #ccc } .videoBox ul li a:hover { text-decoration: underline } #articles {width: 590px; height: auto } #articles a {font-size: 12px; color: #636363; text-decoration: underline; margin: 0px; padding: 0px } #articles a:hover {font-size: 12px; color: #636363; text-decoration: none; margin: 0px; padding: 0px } #articles p {font-size: 12px; color: #636363; line-height: 18px; margin: 12px 0px 0px 0px} #articles {width: 590px; height: auto } #articles img { padding: 20px 20px 20px 0; float:left } #articles ul li { padding: 10px 0 0 0 } #contentItems .podCast { width: 590px; height: auto } #contentItems .podCast a { font-size: 12px; color: #636363; text-decoration: underline; margin: 0px; padding: 0px } #contentItems .podCast a:hover { font-size: 12px; color: #636363; text-decoration: none; margin: 0px; padding: 0px } #contentItems .podCast p { font-size: 12px; color: #636363; line-height: 18px; margin: 12px 0px 0px 0px} #contentItemsSpan #leftCol table.webinars { margin: 0; padding: 0 } #contentItemsSpan #leftCol table.webinars td.webinarCopyGrey { height: 50px; background-color: #e9e9e9; margin: 0; padding: 10px; border-right: solid 5px #ffffff; border-bottom: solid 20px #ffffff; color: #365c7d; font-size: 14px } #contentItemsSpan #leftCol table.webinars td.webinarCopyGrey a { font-size: 12px; line-height: 15px; color: #333; text-decoration: underline; font-weight: bold } #contentItemsSpan #leftCol table.webinars td.webinarCopyGrey a:hover { color: #333; text-decoration: underline } #contentItemsSpan #leftCol table.webinars td.webinarCopyGrey p { font-size: 12px; color: #333333; margin: 10px 0 10px 0; padding: 0 } #contentItemsSpan #leftCol table.webinars select.dropDown { width: 260px; padding: 5px; background-color: #f1f1f1; border: solid 1px #cccccc } #contentItemsSpan #leftCol div.featuresBoxBigAlt { height: 180px; clear: left; margin: 30px 0px 30px 0px; padding: 0 20px 0 0; background: url(../../images/box-bg.jpg) no-repeat } #contentItemsSpan #leftCol div.featuresBoxBigAlt h2 { margin-top: 10px; padding: 10px 0 0 0 } #contentItemsSpan #leftCol div.featuresBoxBigAlt img { float: left; margin: 30px 20px 10px 30px } #contentItemsSpan #leftCol div.featuresBoxBigAlt ul { margin: 0px; padding: 0px; text-decoration: none; float: left } #contentItemsSpan #leftCol div.featuresBoxBigAlt a, #contentItemsSpan #leftCol div.featuresBoxBigAlt a:hover { font-size: 20px; color: #d74210; text-decoration: underline; margin: 20px 0 0 0; padding: 0px } #contentItemsSpan #leftCol ul.tickAltThree { margin: 0; padding: 0 0 0 50px } #contentItemsSpan #leftCol ul.tickAltThree li { margin: 0 10px 30px 0; padding: 0; list-style-image: url(../../images/larger-tick.gif); font-size: 14px; color: #333333 } div.featuresBoxSmall { height: auto; margin: 30px 0px 30px 0px; clear: left; overflow: hidden } div.featuresBoxSmall h4 { font-size: 16px; margin: 0px 0px 5px 0px } div.featuresBoxSmall p { margin-top: 0px } div.featuresBoxSmall h4 span { color: #d74212; font-weight: bold; font-size: 12px } div.featuresBoxSmall img { float: left; border: 1px solid #999; margin: 0px 10px 10px 0px } div.featuresBoxSmall a.moreInfo { background-color: #e0e0e0; font-size: 12px; text-decoration: none; height: 14px; display: block; padding: 10px 10px 10px 0px; margin: 0px; clear: left } div.featuresBoxSmall a.moreInfo span { background: #5d7e9b url(../../images/features/arrow-bg.gif) no-repeat right center; text-transform: uppercase; font-weight: bold; color: #fff; font-size: 12px; text-decoration: none; padding: 10px 30px 10px 10px; margin: 0px 10px 0px 0px; } div.featuresBoxSmall a:hover.moreInfo { text-decoration: underline } div.featuresBoxAlt { height: auto; clear: left; margin: 30px 0px 10px 0px; padding: 1px 20px 15px 20px } div.featuresBoxAlt h2 { margin-top: 0px } div.featuresBoxAlt img { float: left; margin: 0px 10px 10px 0px } div.featuresBoxAlt ul { margin: 0px; padding: 0 0 30px 30px; text-decoration: none; float: left } div.featuresBoxAlt ul li { line-height: 14px; margin: 6px 0px 6px 0px; padding: 0px; list-style-image: url(../../images/home/arrow-bullet.gif) } #contentItems div.featuresBoxAlt ul li a { font-size: 12px; color: #5d7e9b; text-decoration: none; margin: 0px; padding: 0px } #contentItems div.featuresBoxAlt ul li a:hover { color: #5d7e9b; text-decoration: underline } div.picBox { float: left; width: 258px; margin: 20px 20px 0px 0px } #featuresIconBoxAlt { width: 560px; height: auto; margin: 20px 0 20px 0; padding: 0; float: left } #featuresIconBoxAlt #basicFeaturesAlt { width: 230px; height: auto; margin: 0 30px 0 0; padding: 0; float: left; text-align: center } #featuresIconBoxAlt #advancedFeaturesAlt { width: 230px; height: auto; margin: 0; padding: 0; float: right; text-align: center } #featuresIconBoxAlt #advancedFeaturesAlt a, #featuresIconBoxAlt #basicFeaturesAlt a { color: #d74212; margin: 0; padding: 0; text-decoration: underline } #featuresIconBoxAlt #advancedFeaturesAlt a:hover, #featuresIconBoxAlt #basicFeaturesAlt a:hover { color: #d74212; margin: 0; padding: 0; text-decoration: none } #basicFeaturesBox { width: 570px; height: auto; margin: 20px 0 40px 0; padding: 0; float: left } #basicFeaturesBox #tutorialVideoBox { width: 250px; height: auto; margin: 0; padding: 0; float: left } #basicFeaturesBox #tutorialVideoBox img, #basicFeaturesBox #trainingVideoBox img { margin: 0 10px 0 0; padding: 0; float: left } #basicFeaturesBox #tutorialVideoBox a, #basicFeaturesBox #trainingVideoBox a { font-size: 14px; color: #333333; margin: 10px 0 0 0; padding: 0; text-decoration: underline; display: block } #basicFeaturesBox #trainingVideoBox { width: 250px; height: auto; margin: 0; padding: 0; float: right } #contentItems #leftCol .featuresBoxSmallAlt { height: auto; margin: 30px 0px 30px 0px; clear: left; overflow: hidden } #contentItems #leftCol .featuresBoxSmallAlt h4 { font-size: 16px; margin: 0px 0px 5px 0px } #contentItems #leftCol .featuresBoxSmallAlt p { margin-top: 0px } #contentItems #leftCol .featuresBoxSmallAlt h4 span { color: #333333; font-weight: bold; font-size: 12px } #contentItems #leftCol .featuresBoxSmallAlt img { float: left; border: 1px solid #999; margin: 0px 10px 10px 0px } #contentItems #leftCol .featuresBoxSmallAlt a.moreInfo { background-color: #e0e0e0; font-size: 12px; text-decoration: none; height: 14px; display: block; padding: 10px 10px 10px 0px; margin: 0px; clear: left } #contentItems #leftCol .featuresBoxSmallAlt a.moreInfo span { background: #5d7e9b url(../../images/features/arrow-bg.gif) no-repeat right center; text-transform: uppercase; font-weight: bold; color: #fff; font-size: 12px; text-decoration: none; padding: 10px 30px 10px 10px; margin: 0px 10px 0px 0px; } #contentItems #leftCol .featuresBoxSmallAlt a:hover.moreInfo { text-decoration: underline } #contentItems a.mediumRedLinkAlt, #contentItems a:hover.mediumRedLinkAlt { color: #d74212; font-size: 14px; margin: 0; padding: 0; text-decoration: underline } #contentItems #intergrationsFormBox p.redBold { font-size: 16px; color: #d74211; margin: 10px 0 10px 0; padding: 0; line-height: 20px } #contentItems #intergrationsFormBox { width: 520px; height: auto; margin: 20px 0 20px 0; padding: 20px; background: #faf4d3; border: solid 1px #cccccc; font-size: 14px; color: #333333; float: left } #contentItems #intergrationsFormBox table.integrationsForm { width: 320px; height: auto; margin: 0; padding: 0; float: left } #contentItems #intergrationsFormBox table.integrationsForm td { width: 270px; height: 20px; padding: 0; margin: 10px 0 10px 0 } #contentItems #intergrationsFormBox table.integrationsForm td p { font-size: 16px; color: #333333 } #contentItems #intergrationsFormBox table.integrationsForm td input.textIntegration { width: 270px; height: 20px; margin: 5px 0 5px 0; padding: 10px; font-size: 16px; color: #333333; border: solid 1px #cccccc; background: #e5e0bd } #contentItems #intergrationsFormBox table.integrationsForm td textarea.textIntegrationAlt { width: 270px; height: 90px; margin: 5px 0 5px 0; padding: 10px; border: solid 1px #cccccc; font-size: 16px; color: #333333; background: #e5e0bd } #contentItems #intergrationsFormBox table.integrationsForm img.puzzle { margin: 0; padding: 0; float: left } #contentItems div.iphoneFour img { width: 235px; height: 476px; margin: 0 20px 30px 0; float:left } #contentItems div.iphoneFeatures { width: 288px; height: auto; margin: 0 0 0 0; float:left } #contentItems div.iphoneFeatures ul li { margin: 5px 0 10px 0 } #contentItems div.booksBox { height: auto; margin: 20px 0px 20px 0px; clear: left; overflow: hidden } #contentItems div.booksBox img { float: left; border: 1px solid #999; margin: 0px 10px 10px 0px } #contentItems div.booksBox p { margin-top: 0px } #contentItems div.booksBox a { font-size: 12px; color: #5d7e9b; text-decoration: none; margin: 0px; padding: 0px} #contentItems div.booksBox a:hover { color: #5d7e9b; text-decoration: underline } div.landingBox { height: auto; margin: 10px 0px 10px 0px; padding: 0; clear: left; overflow: hidden } div.landingBox h2 { margin: 0px 0px 5px 0px } div.landingBox p { margin-top: 0px } div.landingBox img { float: left; border: 1px solid #999; margin: 0px 10px 10px 0px } div.landingBox ul { margin: 0px; padding: 0px; text-decoration: none; float: left } div.landingBox ul li { line-height: 14px; margin: 6px 0px 6px 0px; padding: 0px; list-style-image: url(../../images/home/arrow-bullet.gif) } #contentItemsSpan div.landingBox ul li a { font-size: 12px; color: #5d7e9b; text-decoration: none; margin: 0px; padding: 0px } #contentItemsSpan div.landingBox ul li a:hover { color: #5d7e9b; text-decoration: underline } #contentItemsSpan .resourceBox { width: 880px; height: auto; margin: 10px 0 0 0px; padding: 0 10px 0 10px; float: left } #contentItemsSpan .resourceBox h1 { font-size: 20px; color: #666666; font-weight: bold; text-align: center } #contentItemsSpan .resourceItem { width: 280px; height: auto; margin: 0 20px 0 0; padding: 0; float: left } #contentItemsSpan .resourceItem:hover { border: none; background-color: #d4e9b3 } #contentItemsSpan .resourceItem a { text-decoration: none } #contentItemsSpan #resourceBoxSmall { width: 880px; height: auto; margin: 0 0px 20px 0px ; padding: 0 10px 0 10px; float: left } #contentItemsSpan #resourceBoxSmall h1 { font-size: 20px; color: #666666; font-weight: bold; text-align: center } #contentItemsSpan .resourceItemSmall { width: 190px; height: auto; margin: 0 40px 0 0 ; padding: 0; float: left } #contentItemsSpan .resourceItemSmall:hover { background-color: #d4e9b3 } #contentItemsSpan .resourceItem h2 { font-size: 18px; color: #333333; text-align: center; font-weight: bold } #contentItemsSpan .resourceItemSmall h2 { font-size: 18px; color: #333333; text-align: center; font-weight: bold } #contentItemsSpan .resourceItem h2 a, #contentItems .resourceItem h2 a:hover { color: #333333 } #contentItemsSpan .resourceItemSmall h2 a, #contentItems .resourceItemSmall h2 a:hover { color: #333333; text-decoration: none } #contentItemsSpan .spanBoxThree .whitePaperBox { width: 405px; height: auto; margin: 30px 30px 0 0; padding: 0; float: left } #contentItemsSpan .spanBoxThree .whitePaperBox img { margin: 0 10px 0 0; padding: 0; border: none; float: left } #contentItemsSpan .spanBoxThree .whitePaperBox h2 { font-size: 20px; color: #365c7d; margin: 0 0 10px 0; padding: 0 } #contentItemsSpan .spanBoxThree .whitePaperBox p { font-size: 14px; width: 425px; margin: 10px 0 10px 0 } #contentItemsSpan .spanBoxThree .whitePaperBox p.details { font-size: 12px; margin: 0; padding: 0 } #contentItemsSpan .spanBoxThree .whitePaperBox span { font-weight: bold; margin: 0; padding: 0 } #contentItemsSpan .spanBoxThree .whitePaperBox a, #contentItemsSpan .spanBox .whitePaperBox a:hover { font-size: 18px; color: #d74111; margin: 0; padding: 0; text-decoration: underline } #contentItems {width: 570px; height: auto; padding: 0px 0px 0px 0px} #contentItems a { color: #636363 } #contentItems a:hover { color: #5d7e9b } div.caseStudyBox { height: auto; padding: 10px 0px 0px 0px; margin: 0px; clear: left} div.caseStudyBox img { border: 1px solid #b8b8b8; float: left; margin: 0px 10px 0px 0px} div.caseStudyBox h2 { font-size: 16px; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px} div.caseStudyBox p { margin: 0px 0px 5px 0px; padding: 0px} #contentItems div.caseStudyBox a {text-decoration: none; font-weight: bold; color: #5d7e9b} #contentItems div.caseStudyBox a:hover { text-decoration: underline; color: #5d7e9b} #innerLeftCol {float: left; width: 170px; height: auto; margin: 20px 20px 20px 0px; text-align: center} #innerLeftCol img {margin: 0px 0px 20px 0px} #innerLeftCol p.quote {font-size: 14px; text-align: left; line-height: 20px; margin: 0px 0px 0px 0px} h4.mini {font-weight: bold; color: #636363; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px} div.line {background: url(../../images/dotted_line.gif) repeat-x left top; margin: 5px 0px 5px 0px; width: 100%; height: 2px; clear: left} div.moreCaseStudies {text-align: center; height: auto; width: 150px; padding: 15px 10px 15px 10px; margin: 0px 20px 20px 0px; float: left; border: 1px solid #d1d1d1} div.moreCaseStudies img {margin: 0px 0px 0px 0px} div.moreCaseStudies h3 {color: #63a12d; font-weight: bold; margin: 0px 0px 5px 0px; padding: 0px} div.moreCaseStudies a {color: #636363; text-decoration: underline; font-size: 12px } div.moreCaseStudies a:hover {color: #d34619} #signUpBox {background: url(../../images/signup-bg-tile.gif) repeat-x left bottom; height: auto; padding: 20px; margin: 0px} #signUpTable {margin: 10px 0px 0px 0px} #contentItems div.signUp {background-color: #e3e3e3; padding: 10px 10px 12px 15px; margin: 20px 0px 0px 0px} #contentItems div.signUp span {font-size: 14px; line-height: 22px; color: #636363} #contentItems div.signUp span a {font-weight: bold; color: #d74212} #contentItems div.signUp span a:hover {text-decoration: underline} table.schedule { background-color: #e9e9e9; padding: 0px; margin: 10px 0px 10px 0px } table.schedule td { padding: 5px 10px 10px 20px } table.schedule td.left { width: 60%; border-right: 5px solid #fff } table.schedule td.right { width: 60%; background-color: #dedede } table.schedule td.right a { color: #d74212; display: block; font-weight: bold; margin: 10px 0px 10px 0px } table.schedule td.right input { margin: 5px 0px 5px 0px } div#speakers { height: 230px; background-color: #dedede; padding: 0px 0px 10px 0px; margin: 30px 0px 20px 0px } div#speakers h3 { background-color: #d3d3d3; padding: 10px 10px 10px 20px; margin: 0px 0px 20px 0px; border-bottom: 5px solid #fff } div#speakers .miniCol { padding: 0px; margin: 0px 20px 0px 0px } div#speakers .miniCol div { width: 250px; padding: 0px 0px 0px 0px; margin: 0 0px 30px 20px; float: left } div#speakers .miniCol div img { margin: 0px 10px 0px 0px; float: left } div#speakers .miniCol div p { margin: 0px; padding: 0px } div#speakers .miniCol div p.name { font-size: 14px; font-weight: bold; margin: 0px; padding: 0 0px 0px 0px } ul.videoList { font-size: 14px; list-style: none; width: 180px; padding: 0px; margin: 0px; float: left } ul.videoList li { padding: 0px; margin: 5px 0px 5px 0px } div#ready { background-color: #e9e9e9; padding: 10px 10px 10px 20px; margin: 30px 0px 20px 0px} div#ready img { float: right; margin: 0px 10px 10px 20px} h3.shoutOut { font-size: 16px; color: #666; margin: 10px 0px 10px 0px} h3.shoutOut a { color: #d74212} #leftCol #contentItems #formBoxAlt { width: 270px; height: auto; margin: 20px 0 20px 0; padding: 20px; background: #FAF4D3 } #leftCol #contentItems #formBoxAlt table.programEntryForm { width: 270px; height: auto; padding: 0; margin: 0 } #leftCol #contentItems #formBoxAlt table.programEntryForm td { width: 320px; height: auto; margin: 0; padding: 0 } #leftCol #contentItems #formBoxAlt table.programEntryForm td img.sendButtonAlt { margin: 10px 0 10px 0 } #leftCol #contentItems #formBoxAlt table.programEntryForm td p { font-size: 14px; margin: 0; padding: 0; color: #636363 } #leftCol #contentItems #formBoxAlt table.programEntryForm td input.userEmail { background: #dedede; margin: 10px 0 10px 0; padding: 10px; height: 20px; width: 240px; border: solid 1px #ffffff; font-size: 14px } #leftCol #contentItems #formBoxAlt table.programEntryForm td input.userWebsite { background: #dedede; margin: 10px 0 10px 0; padding: 10px; height: 20px; width: 240px; border: solid 1px #ffffff; font-size: 14px } #leftCol #contentItems #formBoxAlt table.programEntryForm td select.contactsNumber { background: #dedede; margin: 10px 0 10px 0; padding: 10px; height: 45px; width: 260px; border: solid 1px #ffffff; font-size: 14px } #leftCol #contentItems #formBoxAlt table.programEntryForm td select.campaignGoal { background: #dedede; margin: 10px 0 10px 0; padding: 10px; height: 45px; width: 260px; border: solid 1px #ffffff; font-size: 14px } #leftCol #contentItems #formBoxAlt table.programEntryForm td textarea.commentsBoxAlt { background: #dedede; margin: 10px 0 10px 0; padding: 10px; height: 80px; border: solid 1px #ffffff; width: 240px; font-size: 14px; font-family: font-family: Arial, Helvetica, sans-serif } /* resources marketing */ #tabsResource { clear: left; width: 900px; height: auto; margin: 0 } #tabsResource ul { float: left; height: auto; margin: 0 20px 10px 20px; width: 860px; border-bottom: solid 5px #666666; padding: 0 } #tabsResource ul li { display: inline; width: 200px; list-style: none; padding: 0; margin: 0 6px 0 6px } #tabsResource ul li:hover { background: #cdcdcd url(../../images/resources/on-tab-bg.png) repeat-x left top } #tabsResource ul li, #tabsResource li a { float: left; padding: 0; text-align: center; font-size: 20px } #tabsResource ul li { color: #333333 } #tabsResource li a:hover { color: #333333 } #tabsResource img { margin: 0 5px 20px 5px } #tabsResource ul li.active { background: #666 url(../../images/resources/on-tab-bg.png) repeat-x left top; margin: 0 6px 0 6px; padding: 0 } #tabsResource ul li.active a { color: #fff; font-size: 20px } #tabsResource div { clear: both; padding: 0 20px 20px 20px; height: auto; width: 860px; margin: 0 } #tabsResource div h2 { font-size: 18px; margin: 0px 0px 4px 0px } #tabsResource div h3.header { font-size: 20px; margin: 20px 0 5px 0; padding: 5px 0 5px 0; height: 25px; background-color: #dedede; color: #666666; text-align: center } #tabsResource div td img { margin: 10px 0 5px 0 } #tabsResource div td img a { border: none } #tabsResource div table.books { margin: 0 0 20px 0; border-bottom: solid 1px #cccccc; padding: 0 0 20px 0 } #tabsResource div table.books td img { margin: 0 10px 0 0; padding: 0 } #tabsResource div table.books td h2 { font-size: 18px; margin: 0 0 5px 0; padding: 0 0 0 0; color: #333333 } #tabsResource div table.books td h2 a { font-size: 18px; margin: 0; padding: 0 0 0 0; color: #333333; text-decoration: underline } #tabsResource div table.books td h2 a:hover { text-decoration: underline; color: #333333; margin: 0; padding: 0 } #tabsResource div table.books td p { font-size: 12px; margin: 0 0 10px 0; padding: 0; color: #333333 } #tabsResource div table.books td a, #tabsResource div table td.books a:hover { font-size: 12px; margin: 0; padding: 0; color: #333333} #tabsResource div p.caption { width: 330px; margin: 0 0 10px 0; padding: 0 } #tabsResource div p { line-height: 18px } #tabsResource ul li a { text-align: center; text-decoration: none; margin: 20px 0 20px 0; color: #333333; font-weight: bold; line-height: 20px; font-size: 20px } /* TEMPLATES SECTION ----------------------------------------------------------------------------------------------------------------------------------------------------*/ .templateWrapper { width: 580px; height: 160px; margin: 20px 0 0 0 } .templateBox { width: 135px; height: 140px; margin: 0 10px 0 0; float:left; text-align: center } .templateBox a { font-size: 12px; height: auto; text-decoration: none; color: #333 } .templateBox a:hover { color: #5d7e9b } .templateBox a img { margin-bottom: 10px } .templateCarousel { width: 570px; height: 170px; margin: 0px 0px 10px 0px } #contentSpan { width: 900px; height: 450px; background-color: #cddfef } .innerLeftCol { width: 565px; height: auto; padding: 10px 10px 10px 25px; float: left } .innerLeftCol a { color: #636363 } .innerLeftCol a:hover { color: #636363 } .innerRightCol { width: 282px; height: auto; margin: 55px 10px 5px 8px; float: right } .innerRightCol a { color: #636363 } .innerRightCol a:hover { color: #636363 } .innerRightCol ul { margin: 0; padding: 0; list-style: none } .innerRightCol ul li { margin: 5px 0px; padding: 0; } #coreProductWrapper { width: 865px; height: auto; padding: 0 10px 10px 25px; float:left } .productBox { width: 190px; height: auto; margin: 10px 25px 0 0; float:left } .productBox a { color: #636363 } .productBox a:hover { color: #636363 } .productBox p { width: 190px; height: 40px; padding: 0 0 2px 0 } .productBox img { border: solid 1px #666 } #testimonialQuote { width: 550px; height: auto; margin: 0; padding: 0 } #testimonialQuote ul { width: 550px; height: auto; font-size: 12px; color: #636363; line-height: 18px; margin: 5px 0px 10px 0px; padding: 0; list-style: none } #testimonialQuote ul li { margin: 5px 0px; padding: 0 } #testimonialQuote ul li span { font-weight: bold; display: block; margin: 0; padding: 0 } #testimonialQuote ul li span.header { font-size: 15px; color: #5d7e9b; margin: 0 0 5px 0 } #testimonialQuote ul li span.author { font-style: italic; color: #636363; margin: 5px 0 20px 0 } ul#caseStudies { width: 270px; height: auto; font-size: 12px; color: #636363; line-height: 15px; padding: 0; list-style: none } ul#caseStudies li { margin: 15px 0px; padding: 0 } ul#caseStudies li img { padding: 0 10px 0 0; float: left } ul#caseStudies li a { font-size: 12px; color: #5d7e9b; text-decoration: none } ul#caseStudies li a:hover { font-size: 12px; color: #5d7e9b; text-decoration: underline } #testimonialForm { background-color: #e0e0e0; height: auto; padding: 10px; margin: 0 } #testimonialForm form { background-color: #990000; margin: 50px 0px 0px 0px } #testimonialForm textarea.comment { width: 400px; height: 100px; font-family: Verdana, Arial, san-serif; font-size: 12px; color: #636363; padding: 2px; display: block } #testimonialForm input { width: 200px; font-family: Verdana, Arial, san-serif; font-size: 12px; color: #636363; padding: 2px; display: block } #testimonialForm input.button { width: 80px; height: 20px; margin-top: 0; padding: 0 } /* PRICING SECTION ----------------------------------------------------------------------------------------------------------------------------------------------------*/ #contentItemsSpan #calculatorBox { width: 870px; height: auto; padding: 0; margin: 0; clear: both; background: url(../../images/pricing/calculator-bg-tile.gif) repeat-x top } #contentItemsSpan #calculatorBox #leftBox { width: 570px; height: auto; margin: 0; padding: 0; float: left } #contentItemsSpan #calculatorBox #leftBox table{ margin: 12px 0 23px 20px; padding: 0 } #contentItemsSpan #calculatorBox #leftBox table td { margin: 0; padding: 0 } #contentItemsSpan #calculatorBox #leftBox table td form { margin: 0; padding: 0 } #contentItemsSpan #calculatorBox #leftBox table td input { width: 160px; height: 55px; font-size: 25px; padding: 0 0 0 10px; margin: 0; color: #666666; border: none; cursor: text } #contentItemsSpan #calculatorBox #leftBox table td img { margin: 0 0 0 0; padding: 0; border: none } #contentItemsSpan #calculatorBox #leftBox table td p { color: #333; font-weight: bold } #contentItemsSpan #calculatorBox #leftBox table td p.form { margin: 0; padding: 0 } #contentItemsSpan #calculatorBox #leftBox p.chart { font-size: 12px; color: #d27c00; margin: 0; padding: 10px 0 0 0; font-weight: bold; display: block } #contentItemsSpan #calculatorBox #leftBox p.chart a, #contentItems #calculatorBox #leftCol #sendsBox p.chart a:hover { color: #d27c00; text-decoration: underline } #contentItemsSpan #calculatorBox #rightBox { width: 300px; height: auto; float: left; margin: 0; padding: 0 } #contentItemsSpan #calculatorBox #rightBox #recommendBox { width: 290px; height: auto; margin: 10px 0 0 0px; padding: 0; background: url(../../images/pricing/result-bg.png) no-repeat left top } #contentItemsSpan #calculatorBox #rightBox #recommendBoxCopy { width: 260px; height: auto; margin: 0 0 0 10px; padding: 0 10px 0 10px; background: #faf4d3 } #contentItemsSpan #calculatorBox #rightBox #recommendBoxCopy p { font-size: 14px; margin: 0; padding: 10px 0 10px 0px; color: #000000 } #contentItemsSpan #calculatorBox #rightBox #recommendBoxCopy p.pricingplans { font-size: 16px; line-height: 18px; margin: 0; padding: 0 0 10px 0px; font-weight: bold; color: #d27c00 } #contentItemsSpan #calculatorBox #rightBox #recommendBoxCopy p.pricingplans a, #contentItems #calculatorBox #rightCol #recommendBoxCopy p.pricingplans a:hover { font-size: 14px; color: #d27c00; text-decoration: underline } #contentItemsSpan #calculatorBox #rightBox #recommendBoxCopy p.signup { font-size: 14px; margin: 0; padding: 0 0 10px 0px; font-weight: bold; color: #d74212 } #contentItemsSpan #calculatorBox #rightBox #recommendBoxCopy p.signup a, #contentItems #calculatorBox #rightCol #recommendBoxCopy p.signup a:hover { font-size: 14px; color: #d74212; text-decoration: underline } #contentItemsSpan #calculatorBox #rightBox #recommendBoxCopy p.head { font-size: 18px; line-height: 22px; margin: 0; padding: 10px 0 0 0px; font-weight: bold; color: #444133 } #contentItemsSpan #calculatorBox #rightBox #recommendBoxCopyFooter { width: 270px; height: 10px; margin: 0 0 0 10px; padding: 0 0 20px 0 } #contentItemsSpan #callBox { width: 870px; height: 120px; margin: 0; padding: 20px 0 40px 0; border-bottom: #cccccc solid 1px; clear: both } #contentItemsSpan .callBoxItem { width: 280px; height: 120px; margin: 0 15px 0 0; padding: 0 0 15px 0; background: #ebebeb; float: left; overflow: hidden} #contentItemsSpan .callBoxItem img { margin: 18px 0 10px 20px; padding: 0 } #contentItemsSpan .callBoxItem h2.headingRed, #contentItemsSpan .callBoxItem h2.headingBlue, #contentItemsSpan .callBoxItem h2.headingGreen { font-size: 18px; font-weight: bold; margin: 15px 0 5px 0; padding: 0 0 0 18px } #contentItemsSpan .callBoxItem h2.headingRed { color: #b13209 } #contentItemsSpan .callBoxItem h2.headingBlue { color: #386286 } #contentItemsSpan .callBoxItem h2.headingGreen { color: #517812 } #contentItemsSpan .callBoxItem p.boxDescription { font-size: 14px; color: #666666; margin: 0 0 5px 0; padding: 0 0 0 18px; line-height: 20px } #contentItemsSpan .callBoxItem p { font-size: 14px; color: #666666; margin: 0 0 7px 0; padding: 0 0 0 18px } #contentItemsSpan .callBoxItem a { font-size: 14px; color: #326da0; margin: 0 0 5px 0; padding: 0 0 20px 18px; text-decoration: underline } #contentItemsSpan .callBoxItem a:hover { font-size: 14px; color: #326da0; margin: 5px 0 5px 0; padding: 0 0 20px 18px; text-decoration: underline } #contentItemsSpan #pricesBox { width: 870px; height: auto; margin: 0 0 30px 0; padding: 10px 0 0 0; float: left; border-top: solid 1px #ccc } #contentItemsSpan #plansBox { width: 510px; height: auto; margin: 0 50px 20px 10px; float: left } #contentItemsSpan #plansBox h2 { margin: 5px 0 5px 0; padding: 0; font-size: 18px; color: #333333; font-weight: bold } *html #contentItemsSpan #plansBox { margin: 0 25px 20px 5px; float: left } #contentItemsSpan #plansBox ul { margin: 0 0 0 20px; padding: 5px 0 0 0 } #contentItemsSpan #plansBox li { line-height: 28px; margin: 0 0 0 5px; padding: 0 0 0 5px; list-style-image: url(../../images/pricing/tick.gif); color: #666666; font-size: 14px } #contentItemsSpan #creditBox { width: 300px; height: auto; margin: 0 0 0 0; padding: 0; float: left } #contentItemsSpan #creditBox img { margin: 5px 0 5px 0; padding: 0 } #contentItemsSpan #creditBox h2 { margin: 5px 0 5px 0; padding: 0; font-size: 18px; color: #333333; font-weight: bold } #contentItemsSpan #creditBox p { margin: 5px 0 5px 0; padding: 0; font-size: 14px; color: #333333 } #contentItemsSpan #creditBox a { margin: 5px 0 5px 0; padding: 0; font-size: 14px; color: #326da0; text-decoration: underline } #contentItemsSpan #creditBox a:hover { margin: 5px 0 5px 0; padding: 0; font-size: 14px; color: #326da0; text-decoration: underline } #contentItemsSpan #contractBox { width: 250px; height: auto; margin: 20px 0 0 0; padding: 0 } #contentItemsSpan #contractBox img { margin: 5px 20px 0 0; padding: 0; float: left } table#pricing, table#features, table#Extra { font-size: 14px; color: #333 } table#pricing td, table#features td, table#Extra td { height: 40px; border-bottom: 5px solid #fff } table#pricing td { background-color: #ddd; text-align: center } table#features td { background-color: #ececec; text-align: center } table#Extra td { background-color: #ddd; text-align: center } table#pricing td.heading, table#features td.heading, table#Extra td.heading { color: #fff; font-weight: bold; background-color: #666666; text-align: left; padding: 0 0 0 10px } table#pricing td.heading, table#Extra td.heading { background-color: #666 } table#features td.heading { background-color: #999 } table#pricing td.spacer, table#features td.spacer, table#Extra td.spacer { background-color: #fff; width: 5px } table#pricing td.credits, table#features td.credits, table#Extra td.credits { width: 70%; text-align: left; padding: 0 0 0 10px } #contentItemsSpan #leftCol p { font-size: 14px; color: #333333 } #contentItemsSpan #leftCol p.formHead { font-size: 15px; font-weight: bold; margin: 10px 0 0 0 } #contentItemsSpan #leftCol p.boldIntro { font-size: 16px; font-weight: bold; margin: 20px 0 5px 0; padding: 0 } #contentItemsSpan #leftCol a { font-size: 14px; color: #333; margin: 0 0 10px 0; padding: 0; text-decoration: underline } #contentItemsSpan #leftCol a:hover { font-size: 14px; color: #333333; margin: 0 0 10px 0; padding: 0; text-decoration: none } #contentItemsSpan #leftCol a.boldLink, #contentItemsSpan #leftCol a:hover.boldLink { font-size: 18px; margin: 0; padding: 0; color: #333; display: inline; text-decoration: underline } #contentItemsSpan #leftCol a.boldLinkRed, #contentItemsSpan #leftCol a:hover.boldLinkRed { font-size: 18px; margin: 0; padding: 0; color: #d74212; display: inline; text-decoration: underline } #contentItemsSpan #rightCol #formBox { width: 260px; height: auto; padding: 100px 0 0 0; margin: 20px 0 10px 0; background: #faf4d3 url(../../images/pricing/form-head.gif) no-repeat } #contentItemsSpan #rightCol #formBox p.apply { font-size: 16px; font-weight: bold; padding: 0 10px 10px 12px; margin: 0; color: #333333; line-height: 23px } #tabsPrice { clear: left; width: 860px; height: auto; margin: 0 } #tabsPrice ul { float: left; height: auto; margin: 0 0 10px 0; width: 868px; border-bottom: solid 1px #ccc; padding: 0 } #tabsPrice ul li { display: inline; width: auto; height: 40px; list-style: none; padding: 0; margin: 0 6px 0 6px } #tabsPrice ul li, #tabsPrice li a { float: left; padding: 0; text-align: center; font-size: 14px; padding: 0; background: #c2c2c2 url(../../images/tab_tile_grey.gif) repeat-x; font-weight: bold } #tabsPrice ul li span { float: left; display: block; width: 5px; height: 40px } #tabsPrice ul li span.left { background: #c2c2c2 url(../../images/left_tab_grey.gif) no-repeat } #tabsPrice ul li span.right { background: #c2c2c2 url(../../images/right_tab_grey.gif) no-repeat } #tabsPrice ul li { color: #fff } #tabsPrice ul li.active { width: auto; height: 35px; background: #000; margin: 0 6px 0 6px; padding: 0 } #tabsPrice ul li.active a { color: #fff; font-size: 18px; background: #80abd0 url(../../images/tab_tile.gif) repeat-x; font-weight: bold } #tabsPrice ul li.active span { float: left; display: block; width: 5px; height: 40px } #tabsPrice ul li.active span.left { background: #80abd0 url(../../images/left_tab.gif) no-repeat } #tabsPrice ul li.active span.right { background: #80abd0 url(../../images/right_tab.gif) no-repeat } #tabsPrice div { clear: both; padding: 0; height: auto; width: 860px; margin: 0 } #tabsPrice ul li a { width: auto; height: 33px; text-align: center; text-decoration: none; margin: 0; padding: 8px 10px 0 10px; color: #fff; line-height: 20px; font-size: 18px; float: left; display: block } #tabsPrice p.yellowTickAlt { font-size: 14px; background: url(../../images/pricing/tick-bullet.gif) left no-repeat; margin: 5px 0 5px 10px; padding: 0 0 0 25px; line-height: 18px; font-weight: normal } #tabsPrice p.yellowTickAlt a, #tabsPrice p.yellowTickAlt a:hover { color: #333; text-decoration: underline; padding: 0; margin: 0 } /* pricing pages revised #tabsRatesPricing { clear: left; width: 620px; height: auto; margin: 0 } #tabsRatesPricing ul { float: left; height: auto; margin: 0 0 0 0; width: 850px; border-bottom: solid 2px #ccc; padding: 0 } #tabsRatesPricing ul li { display: inline; width: auto; height: 40px; list-style: none; padding: 0; margin: 0 } #tabsRatesPricing ul li, #tabsRatesPricing li a { float: left; text-align: center; font-size: 24px; background: url(../../images/tab_tile_grey.gif) repeat-x; font-weight: bold; margin: 0 } #tabsRatesPricing ul li span { float: left; display: block; width: 5px; height: 40px } #tabsRatesPricing ul li span.left { background: url(../../images/left_tab_grey.gif) no-repeat } #tabsRatesPricing ul li span.right { background: url(../../images/right_tab_grey.gif) no-repeat } #tabsRatesPricing ul li { color: #fff } #tabsRatesPricing ul li.active { width: auto; height: 40px; margin: 0; padding: 0 } #tabsRatesPricing ul li.active a { height: 40px; color: #fff; font-size: 20px; background: url(../../images/tab_tile.gif) repeat-x; font-weight: bold; padding: 10px 5px 0 5px } #tabsRatesPricing ul li.active span { float: left; display: block; width: 5px; height: 40px } #tabsRatesPricing ul li.active span.left { background: url(../../images/left_tab.gif) no-repeat } #tabsRatesPricing ul li.active span.right { background: url(../../images/right_tab.gif) no-repeat } #tabsRatesPricing div { clear: both; padding: 0; height: auto; width: 860px; margin: 0 } #tabsRatesPricing div h2.uniquePlan { font-size: 24px; color: #333333; margin: 0 0 20px 0; padding: 0 } #tabsRatesPricing div p.uniquePlanList { width: 250px; margin: 5px 0 0 10px; padding: 0 0 8px 30px; font-size: 14px; color: #333333; background: url(../../images/tick-green.png) no-repeat; float: left } #tabsRatesPricing div table.pricingAmount { margin: 0; padding: 0; width: 868px } #tabsRatesPricing div table.pricingAmount td { margin: 0; padding: 0; height: 70px; background: #e9e9e9; border-bottom: solid 2px #ffffff; border-right: solid 5px #ffffff; text-align: center; color: #333333; font-size: 20px } #tabsRatesPricing div table.pricingAmount td a.signUpOrangeButton, #tabsRatesPricing div table.pricingAmount td a:hover.signUpOrangeButton { font-size: 24px; color: #d74212; margin: 0; padding: 0; text-decoration: underline } #tabsRatesPricing div table.pricingAmount td.headers { font-size: 20px; color: #333333; background: #cccccc } #tabsRatesPricing ul li a { width: auto; height: 40px; text-align: center; text-decoration: none; margin: 0; padding: 10px 5px 0 5px; color: #fff; line-height: 20px; font-size: 20px; float: left; display: block } #tabsRatesPricing p.yellowTickAlt { font-size: 14px; background: url(../../images/pricing/tick-bullet.gif) left no-repeat; margin: 5px 0 5px 10px; padding: 0 0 0 25px; line-height: 18px; font-weight: normal } #tabsRatesPricing p.yellowTickAlt a, #tabsPrice p.yellowTickAlt a:hover { color: #333; text-decoration: underline; padding: 0; margin: 0 } #tabsPrice ul li a { width: auto; height: 40px; text-align: center; text-decoration: none; margin: 0; padding: 20px 0 0 0; color: #fff; line-height: 20px; font-size: 24px; float: left; display: block }*/ #contentItemsSpan #rightCol #formBox table { padding-bottom: 10px; border-bottom: solid 1px #ccc; margin-bottom: 8px; width: 240px } #contentItemsSpan #rightCol #formBox table .inputField { background-color: #E6E0BD; color: #666666; border: none; height: 15px; margin-bottom: 3px; width: 137px; padding: 5px } #contentItemsSpan #rightCol #formBox table .inputDropDownList { background-color: #E6E0BD; color: #666666; border: none; height: 25px; margin-top: 8px; padding-top: 4px; padding-bottom: 4px; margin-bottom: 8px; width: 220px } #contentItemsSpan #rightCol #formBox table .inputRadioButton { margin: 10px 2px 0 0; position: relative; top: 2px } #contentItemsSpan #rightCol #formBox table .inputTextArea { background-color: #E6E0BD; border: none; color: #666666; height: 65px; width: 210px; margin-top: 8px; margin-bottom: 8px; padding: 5px } #contentItemsSpan #rightCol #formBoxAlt { width: 260px; height: auto; padding: 20px 0 20px 0; margin: 20px 0 10px 0; background-color: #faf4d3 } #contentItemsSpan #rightCol #formBoxAlt p.apply { font-size: 16px; font-weight: bold; padding: 0 10px 10px 12px; margin: 0; color: #333333; line-height: 23px } #contentItemsSpan #rightCol #formBoxAlt table { padding-bottom: 10px; border-bottom: solid 1px #ccc; margin-bottom: 8px; width: 240px } #contentItemsSpan #rightCol #formBoxAlt table .inputField { background-color: #E6E0BD; color: #666666; border: none; height: 15px; margin-bottom: 3px; width: 137px; padding: 5px } #contentItemsSpan #rightCol #formBoxAlt table .inputDropDownList { background-color: #E6E0BD; color: #666666; border: none; height: 25px; margin-top: 8px; padding-top: 4px; padding-bottom: 4px; margin-bottom: 8px; width: 220px } #contentItemsSpan #rightCol #formBoxAlt table .inputRadioButton { margin: 10px 2px 0 0; position: relative; top: 2px } #contentItemsSpan #rightCol #formBoxAlt table .inputTextArea { background-color: #E6E0BD; border: none; color: #666666; height: 65px; width: 210px; margin-top: 8px; margin-bottom: 8px; padding: 5px } #contentItemsSpan #twoColBox { width: 870px; height: auto; padding: 30px 0 5px 0; margin: 0; border-bottom: solid 1px #cccccc } #contentItemsSpan #twoColBox #leftContainerBox { width: 425px; height: auto; padding: 0 5px 0 0; margin: 0; border-right: solid 1px #cccccc; float: left } #contentItemsSpan #twoColBox #rightContainerBox { width: 410px; height: auto; padding: 0; margin: 0 0 0 20px; float: left } #contentItemsSpan #twoColBox #leftContainerBox .pricingBannerLarge, #contentItemsSpan #twoColBox #rightContainerBox .pricingBannerLarge { width: 435px; height: 140px; margin: 0 0 10px 0; padding: 0 0 0 0 } #contentItemsSpan #twoColBox #rightContainerBox .pricingBannerLargeAlt { width: 410px; height: 140px; margin: 0 0 25px 0; padding: 0 10px 0 0; background: #e7f1f9 } #contentItemsSpan #twoColBox #leftContainerBox .pricingBannerLarge img, #contentItemsSpan #twoColBox #rightContainerBox .pricingBannerLarge img, #contentItemsSpan #twoColBox #rightContainerBox .pricingBannerLargeAlt img { margin: 5px 10px 10px 0; padding: 0; float: left } #contentItemsSpan #twoColBox #leftContainerBox .pricingBannerLarge h2, #contentItemsSpan #twoColBox #rightContainerBox .pricingBannerLarge h2, #contentItemsSpan #twoColBox #rightContainerBox .pricingBannerLargeAlt h2 { font-size: 24px; color: #333333; margin: 0 0 10px 0; padding: 0; font-weight: bold } #contentItemsSpan #twoColBox #leftContainerBox .pricingBannerLarge p, #contentItemsSpan #twoColBox #rightContainerBox .pricingBannerLarge p, #contentItemsSpan #twoColBox #rightContainerBox .pricingBannerLargeAlt p { width: 410px; font-size: 12px; color: #333333; margin: 0 0 10px 0; padding: 0 } #contentItemsSpan #twoColBox #leftContainerBox .pricingBannerLarge p.price, #contentItemsSpan #twoColBox #rightContainerBox .pricingBannerLarge p.price { font-size: 18px; color: #333333; margin: 0 0 10px 0; padding: 0 } #contentItemsSpan #twoColBox #rightContainerBox .pricingBannerLargeAlt a, #contentItemsSpan #twoColBox #rightContainerBox .pricingBannerLargeAlt a:hover { font-size: 18px; color: #333333; margin: 0 0 5px 0; padding: 0 10px 0 0; text-decoration: underline; line-height: 24px } #contentItemsSpan #twoColBox #leftContainerBox .pricingBannerSmall { width: 405px; height: 60px; margin: 0 30px 20px 0; padding: 0; background: #dfedf9 url(../../images/pricing-gradient-blue.gif) no-repeat } #contentItemsSpan #twoColBox #rightContainerBox .pricingBannerSmallAlt { width: 420px; height: 60px; margin: 0 15px 20px 0; padding: 0; background: #dfedf9 url(../../images/pricing-gradient-blue.gif) no-repeat } #contentItemsSpan #twoColBox #leftContainerBox .pricingBannerSmall img, #contentItemsSpan #twoColBox #rightContainerBox .pricingBannerSmallAlt img { float: left; padding: 0; margin: 0 20px 0 0 } #contentItemsSpan #twoColBox #leftContainerBox .pricingBannerSmall a, #contentItemsSpan #twoColBox #rightContainerBox .pricingBannerSmallAlt a { color: #333333; margin: 0; padding: 0; text-decoration: underline } #contentItemsSpan #twoColBox #leftContainerBox .pricingBannerSmall p, #contentItemsSpan #twoColBox #rightContainerBox .pricingBannerSmallAlt p { font-size: 18px; color: #333333; margin: 0; padding: 20px 0 0 0 } #footerMainBox #templateCustomBanner { width: 870px; height: 90px; padding: 0 0 0 0; margin: 10px 0 18px 0; background: #e8e8e8 url(../../images/pricing-additional-services-icon.gif) no-repeat } #footerMainBox #templateCustomBanner #bannerText { width: 560px; height: auto; padding: 20px 0 0 0; margin: 0; float: right } #footerMainBox #templateCustomBanner #bannerText h2 { font-size: 18px; color: #333; padding: 0; margin: 0 0 8px 0 } #footerMainBox #templateCustomBanner #bannerText a, #contentItemsSpan #templateCustomizeBanner a:hover { color: #333333; text-decoration: underline; font-size: 14px; margin: 0 } #contentItemsSpan #calculatorBoxAlt { width: 870px; height: auto; padding: 0; margin: 0; clear: both; background-color: #efdd88 } #contentItemsSpan #calculatorBoxAlt table.calculateHolder { width: 870px; height: 120px; padding: 0; margin: 0 } #contentItemsSpan #calculatorBoxAlt table.calculateHolder td { height: 120px; padding: 15px; margin: 0 } #contentItemsSpan #calculatorBoxAlt table.calculateHolder td p { font-size: 14px; color: #333; padding: 0 0 3px 0; margin: 0; font-weight: bold } #contentItemsSpan #calculatorBoxAlt table.calculateHolder td.suggestBox { width: 160px; background: url(../../images/arrow_point.png) no-repeat right } #contentItemsSpan #calculatorBoxAlt table.calculateHolder td.suggestBox img { margin: 20px 0 5px 0; padding: 0 } #contentItemsSpan #calculatorBoxAlt table.calculateHolder td.suggestBox p.yellow { font-size: 12px; color: #d27c00; padding: 0; margin: 0 0 0 0; font-weight: bold } #contentItemsSpan #calculatorBoxAlt table.calculateHolder td.suggestBox a, #contentItemsSpan #calculatorBoxAlt table.calculateHolder td.suggestBox a:hover { text-decoration: none } #contentItemsSpan #calculatorBoxAlt table.calculateHolder td form { margin: 0; padding: 0 } #contentItemsSpan #calculatorBoxAlt table.calculateHolder td select.planDropDown { width: 140px; border: solid 1px #c6b770; padding: 2px; margin: 5px 0 5px 0; font-size: 11px } #contentItemsSpan #calculatorBoxAlt table.calculateHolder td #planBox { width: 493px; height: 119px; padding: 0; margin: 6px 0 0 0; background: url(../../images/suggest_box_bg.png) no-repeat } #contentItemsSpan #calculatorBoxAlt table.calculateHolder td #planBox #planBoxText { width: 493px; height: 119px; padding: 7px 0 5px 15px; margin: 0 } #contentItemsSpan #calculatorBoxAlt table.calculateHolder td #planBox #planBoxText h2 { width: 400px; font-size: 22px; color: #84530a; margin: 0; padding: 0; font-weight: bold } #contentItemsSpan #calculatorBoxAlt table.calculateHolder td #planBox #planBoxText p { width: 450px; font-size: 16px; color: #333; margin: 6px 0 6px 0; padding: 0; font-weight: normal } #contentItemsSpan #calculatorBoxAlt table.calculateHolder td #planBox #planBoxText a.freeSignUpLink, #contentItemsSpan #calculatorBoxAlt table.calculateHolder td #planBox #planBoxText a:hover.freeSignUpLink { color: #d74212; font-weight: bold; text-decoration: underline } #contentItemsSpan #calculatorBoxAlt table.calculateHolder td #planBox #planBoxText a.freePricingPlan, #contentItemsSpan #calculatorBoxAlt table.calculateHolder td #planBox #planBoxText a:hover.freePricingPlan { color: #d27c00; font-weight: bold; text-decoration: underline } #contentItemsSpan table.freemiumCostsHead { width: 744px; height: auto; padding: 0; margin: 0 } #contentItemsSpan table.freemiumCostsHead .tabBox { height: 41px; padding: 0; margin: 0; float: left } #contentItemsSpan table.freemiumCostsHead .tabBox .tabBoxLeft { width: 15px; height: 41px; padding: 0; margin: 0; background: url(../../images/left_edge.png) no-repeat; float: left } #contentItemsSpan table.freemiumCostsHead .tabBox .tabBoxMiddle { height: 21px; padding: 10px; margin: 0; background: url(../../images/tile_bg.png) repeat-x; float: left; font-size: 18px; color: #fff } #contentItemsSpan table.freemiumCostsHead .tabBox .tabBoxRight { width: 15px; height: 41px; padding: 0; margin: 0; background: url(../../images/right_edge.png) no-repeat; float: left } #contentItemsSpan table.freemiumCosts { width: 870px; height: auto; padding: 0; margin: 0 } #contentItemsSpan table.freemiumCosts td { height: 60px; background-color: #d6d6d6; font-size: 14px; color: #333333; border-bottom: solid 3px #fff; border-right: solid 2px #fff; text-align: center } #contentItemsSpan table.freemiumCosts td a { color: #666666; text-decoration: underline } #contentItemsSpan table.freemiumCosts td a:hover { color: #666666; text-decoration: underline } #contentItemsSpan table.freemiumCosts td.indicator { width: 180px; height: 60px; background-color: #d6d6d6; border-right: solid 3px #fff; text-align: left; padding: 0 0 0 20px } #contentItemsSpan table.freemiumCosts td span.largeAmounts { font-size: 14px; color: #000;font-weight:bold; } #contentItemsSpan table.freemiumCosts td span.largeAmountsAlt { font-size: 14px; color: #000;font-weight:bold; } #contentItemsSpan table.freemiumCosts td span.mediumAmounts { font-size: 14px; color: #333 } /* PARTNERS SECTION ----------------------------------------------------------------------------------------------------------------------------------------------------*/ #contentItemsSpan .spanBox img.videoPlayBtn { margin: 15px 15px 15px 0; float: left } #contentItemsSpan .spanBox a.partnersVideoLink, #contentItemsSpan a:hover.partnersVideoLink { color: #365c7d; font-size: 14px; text-decoration: underline } #contentItemsSpan .spanBox p.videoLink { margin: 10px 0 0 0; width: 200px; font-weight: bold } #contentItemsSpan .spanBox h2 a { color: #333; text-decoration: underline } #contentItemsSpan h3 { font-weight: bold; color: #333333; font-size: 14px; margin: 10px 0 5px 0px; line-height: 22px } #contentItemsSpan h3.intro { font-weight: bold; font-size: 18px; margin-bottom: 15px; color: #333333 } #contentItemsSpan #leftCol a.apiLink, #contentItemsSpan #leftCol a:hover.apiLink { color: #333333; text-decoration: underline } #contentItemsSpan .headerBar { padding: 5px 10px 5px 10px; background-color: #b87515; margin: 20px 0 10px 0 } #contentItemsSpan .headerBar span.package { font-size: 16px; color: #ffffff; font-weight: bold; padding: 0 } #contentItemsSpan .headerBar span.setupFee { font-size: 16px; color: #fde275; font-weight: bold; padding: 0 } table#resellers { font-size: 14px; color: #333 } table#reseller td { color: #333; font-size: 14px; height: 35px; border-bottom: 5px solid #fff; text-align: center; background-color: #ece7df } table#reseller td.spacer { background-color: #fff; width: 5px } table#reseller td.descriptionHeader { background-color: #e8941a; text-align: left; padding-left: 20px } table#reseller td.basicHeader { background-color: #b87515 } table#reseller td.agencyHeader { background-color: #80510f } table#reseller td.descriptionHeader, table#reseller td.basicHeader, table#reseller td.agencyHeader { color: #fff; font-weight: bold } table#reseller td.description { text-align: left; padding-left: 20px } #contentItemsSpan #resellerPackageBox { width: 870px; height: auto; margin: 0 0 20px 0; padding: 0 } #contentItemsSpan #printBox { width: 870px; height: 135px; padding: 0; margin: 0 0 18px 0; background: url(../../images/partners/download-pdf-band.png) no-repeat } #contentItemsSpan #printBox h2 { width: 290px; font-size: 23px; color: #333; padding: 40px 0 10px 150px; margin: 0 } #contentItemsSpan #printBox a, #contentItemsSpan #printBox a:hover { color: #d74111; text-decoration: underline; font-size: 18px } #contentItemsSpan #leftCol table { width: 560px; padding-bottom: 10px } #contentItemsSpan #leftCol table td { border: none; padding-top: 5px } #contentItemsSpan #leftCol table td p.formCopy { color: #333333; font-size: 14px; padding: 0px 0 5px 0 } #contentItemsSpan #leftCol table .inputText { width: 255px; height: 19px; } #contentItemsSpan #leftCol table .inputDropDown { width: 260px } #contentItemsSpan #leftCol table .inputCommentBox { width: 550px; height: 80px } #contentItemsSpan #leftCol table .inputText, #contentItemsSpan #leftCol table .inputDropDown, #contentItemsSpan #leftCol table .inputCommentBox { Font-family: Verdana, Arial, san-serif; font-size: 14px; background-color: #f1f1f1; color: #666; padding: 3px 5px 3px 5px; border: solid 1px #cccccc; } #contentItemsSpan #leftCol #contactFormBoxAltTwo { width: 440px; height: auto; margin: 0; padding: 0 } #contentItemsSpan #leftCol #contactFormBoxAltTwo table.formBoxAltTwo { width: 440px; padding: 0; margin: 0 } #contentItemsSpan #leftCol #contactFormBoxAltTwo table.formBoxAltTwo td { width: 220px; height: 20px; margin: 0; padding: 0 } #contentItemsSpan #leftCol #contactFormBoxAltTwo table.formBoxAltTwo td p { font-size: 14px; color: #333333; margin: 5px 0 5px 0; padding: 0; width: auto } #contentItemsSpan #leftCol #contactFormBoxAltTwo table.formBoxAltTwo td input.resellerDetails { width: 220px; height: 20px; padding: 5px; margin: 0; background: #ededed; border: solid 1px #dedede; font-size: 14px } #contentItemsSpan #leftCol #contactFormBoxAltTwo table.formBoxAltTwo td textarea.resellerDetailsAlt { width: 220px; height: 90px; padding: 5px; margin: 0; background: #ededed; border: solid 1px #dedede; font-size: 14px } #contentItemsSpan #leftCol #contactFormBoxAltTwo table.formBoxAltTwo td img { margin: 10px 0 10px 0 } div.affiliateStep img { width: 94px; height: 94px; margin: 10px 10px 50px 0; float:left } /* OLD RIGHT COL ----------------------------------------------------------------------------------------------------------------------------------------------------*/ #rightCol {width: 275px; height: auto; float: left; padding: 0px; margin: 0px} #rightColItemBox {width: 275px; height: auto; padding: 35px 0px 0px 0px; margin: 0px} div.rightColItemOne {height: 50px; margin: 0px; padding: 10px 0px 10px 0px; clear: left; background: url(../../images/dotted_line.gif) repeat-x left top} div.rightColItemOne img {float: left; margin: 0px 5px 0px 0px} div.rightColItemOne h4 {font-size: 14px; margin: 0px; padding: 16px 0px 0px 0px} div.rightColItemOne h4.noSpace {padding-top: 0px} div.rightColItemOne h4 a {font-size: 14px; color: #5d7e9b; text-decoration: none} div.rightColItemOne h4 a:hover {text-decoration: underline} div.rightColItemTwo {height: auto; margin: 0px; padding: 10px 0px 10px 0px; clear: left; background: url(../../images/dotted_line.gif) repeat-x left top} div.rightColItemTwo h4 {font-size: 14px; margin: 0px 0px 10px 0px} div.rightColItemTwo h4 a {font-size: 14px; color: #5d7e9b; text-decoration: none} div.rightColItemTwo h4 a:hover {text-decoration: underline} #rightColItemBox div { margin: 20px 0px 30px 0px } #rightColItemBox h4 { font-size: 16px } #rightColItemBox img.video { border: 1px solid #999; margin: 5px 0px 0px 0px } #rightColItemBox #related ol { font-size: 14px; padding: 0px; margin: 0px } #rightColItemBox #related ol li { margin: 10px 0px 10px 0px } #rightColItemBox #related ol li a {text-decoration: none; color: #636363; font-size: 14px } #rightColItemBox #related ol li a:hover { text-decoration: none; color: #5d7e9b } #rightColItemBox #related ol li a span { font-weight: bold } #rightColItemBox #checkUs h5 { font-size: 14px; width: auto; height: 27px; padding: 8px 0px 0px 45px } #rightColItemBox #checkUs h5 a { text-decoration: none; color: #636363; font-size: 14px } #rightColItemBox #checkUs h5 a:hover { text-decoration: underline; color: #5d7e9b } #rightColItemBox #checkUs h5.tour { background: url(../../images/rightcol/tour-icon.gif) no-repeat left } #rightColItemBox #checkUs h5.compare { background: url(../../images/rightcol/compare-icon.gif) no-repeat } #rightColItemBox #checkUs h5.pricing { background: url(../../images/rightcol/pricing-icon.gif) no-repeat } #rightColItemBox #checkUs h5.casestudies { background: url(../../images/rightcol/casestudies-icon.gif) no-repeat } #rightColItemBox #checkUs h5.clients { background: url(../../images/rightcol/clientlist-icon.gif) no-repeat } #rightColItemBox #checkUs h4 { margin-bottom: 10px } #rightColItemBox #offers h5 { font-size: 16px; line-height: 20px; width: auto; height: 68px; padding: 20px 0px 0px 90px; margin: 0px 0px 5px 0px } #rightColItemBox #offers h5 a { font-size: 16px; line-height: 20px; text-decoration: none; color: #636363 } #rightColItemBox #offers h5 a:hover { font-size: 16px; line-height: 20px; text-decoration: underline; color: #5d7e9b } #rightColItemBox #offers h5.freeTemplates { background: url(../../images/rightcol/free-templates.jpg) no-repeat } #rightColItemBox #offers h5.customTemplates { background: url(../../images/rightcol/custom-templates.jpg) no-repeat } #rightColItemBox #offers h5.api { background: url(../../images/rightcol/api-docs.jpg) no-repeat } #rightColItemBox #offers h4 { margin-bottom: 20px } #rightColItemBox #offers h5.campaignsAlt { background: url(../../images/mobile-examples-iphones.jpg) no-repeat } #rightColItemBox #offers h5.productPdf { background: url(../../images/product-pdf-thumb.jpg) no-repeat } #rightColItemBox #offers h5.WhitePaperAlt { background: url(../../images/white-paper-thumb.jpg) no-repeat } #freeTrialBoxCustom { width: 275px; height: 280px; margin: 0px 4px 0 0; padding: 0; background: #e5941D; float: right } #freeTrialBoxCustom #header { width: 270px; height: 31px; margin: 5px 0 0 0; padding: 0 } #freeTrialBoxCustom p { font-size: 12px; color: #FFF; margin: 0; padding: 0; text-align: center } #freeTrialBoxCustom table { width: 200px; margin: 5px 0 0 23px; padding: 0 } #freeTrialBoxCustom table td.textname { font-size: 12px; margin: 0; padding: 0 10px 0 0; text-align:left;color: #FFF } #freeTrialBoxCustom table td a { font-size: 12px; margin: 0; padding: 0 10px 0 0; text-align:left;color: #FFF } #topBannerCustom { width: 900px; height: 275px; margin: 0 0 20px 0; padding: 0; float: left; clear: both } #topBannerCustom h1, #topBanner h2 { font-weight: normal; margin: 35px 0 20px 15px; padding: 0; font-size: 24px; color: #fff; float: left } #topBannerRightCustom { width: 275px; margin: 0px 4px 0x 0; padding: 0; float: right; text-align:center } #topBannerRightCustom p { font-size: 12px; text-align: center; font-weight: bold; color: #FFFFFF; margin: 5px; padding: 0 } #topBannerRightCustom .button { margin: 0 } #freeTrialBox {width: 275px; height: 154px;background: url(../../images/banner-bottom-tile.gif) repeat-x left bottom; padding: 0px} #freeTrialBox #tryitfree {font-size: 12px; color: #666666; width: 275px; height: 144px; text-align: center; background: url(../../images/trialform_bg_tile.gif) repeat-x left bottom} #freeTrialBox #tryitfree p {color: #d6340b; font-size: 11px; padding: 0px; margin: 0px} #freeTrialBox #tryitfree img {margin: 20px 0px 0px 0px} #freeTrialBox #tryitfree .launchPopButton {margin: 10px 0px 10px 0px; cursor: pointer} #freeTrialBoxExpHome {width: 275px; height: auto; background: #e7e7e7 url(../../images/trialform_bg_tile.gif) repeat-x top; padding: 0px} #freeTrialBoxExpHome #tryitfree {width: 275px; height: auto; text-align: center; padding: 0px; margin: 20px 0px 10px 0px} #freeTrialBoxExpHome #tryitfree p {color: #d6340b; font-size: 11px; line-height: 15px; margin: 0px} #expandMenu {font-size: 11px; color: #666666; height: auto} #expandMenu .redcompulsory {color: #d74212} #expandMenu td.text {width: 90px; padding: 0px 0px 4px 15px} #expandMenu td.hometrial {padding: 0px 0px 4px 15px} #expandMenu td.buttonSpacer {text-align: center; padding: 5px 0px 5px 0px} #expandMenu td.notice {padding: 10px 15px 10px 15px; background: url(../../images/dotted_line.gif) repeat-x left top} #expandMenu input.altInput {font-size: 11px; color: #666666; width: 145px; padding: 2px 0px 2px 2px; border: 1px solid #666666} #expandMenu input.button {margin: 5px 0px 10px 0px; border: 0px} #expandMenu select.altSelect {font-size: 11px; color: #666666; width: 148px; padding: 2px 0px 2px 2px; border: 1px solid #666666} #expandMenu td.colorSpacer {height: 100px; background-color: #e7e7e7} #popupWrapper { width: 495px; height: auto; padding: 10px 0px 25px 0px; margin: 0px; background: url(../../images/banner-bottom-tile.gif) repeat-x left bottom } #popupWrapper #popupLeftCol { width: 274px; height: auto; padding: 5px 0px 0px 0px; border-right: 1px solid #ccc; float: left } #popupWrapper #popupRightCol { width: 190px; height: auto; padding: 5px 15px 0px 15px; float: left } #popupWrapper #popupRightCol h2 { font-size: 14px; font-weight: bold; color: #d74212; margin: 0px 0px 5px 0px; padding: 0px } #popupWrapper #popupRightCol p { margin: 0px 0px 10px 0px; padding: 0px; text-align: left; color: #636363 } #popupWrapper h1.popupHeader { font-size: 22px; font-weight: bold; color: #d74212; padding: 0px 0px 15px 0px; margin: 0px } #popupWrapper #expandMenuPopup .redcompulsory {color: #d74212} #popupWrapper #expandMenuPopup td.text {font-size: 12px; text-align: left; width: 90px; padding: 0px 5px 0px 5px} #popupWrapper #expandMenuPopup td a { color: Blue } #popupWrapper #expandMenuPopup td.termsForm a, #popupWrapper #expandMenuPopup td.termsForm a:hover { color: #333; text-decoration: underline } #popupWrapper #expandMenuPopup td.hometrial {font-size: 12px; padding: 5px 0px 5px 15px} #popupWrapper #expandMenuPopup td.hometrial .checkInput {padding: 0px 5px 0px 0px; float: left} #popupWrapper #expandMenuPopup td.hometrial div {float: left; width: 200px;} #popupWrapper #expandMenuPopup td.buttonSpacer {font-size: 12px; text-align: center; padding: 5px 0px 5px 0px; vertical-align: middle} #popupWrapper #expandMenuPopup .altInput {font-size: 11px; color: #666666; width: 145px; padding: 3px; border: 1px solid #666666; margin: 2px 0px 2px 0px} #popupWrapper #expandMenuPopup .button {margin: 0px 0px 0px 0px; border: 0px} #popupWrapper #expandMenuPopup .altSelect {font-size: 11px; color: #666666; width: 154px; padding: 3px 3px 3px 2px; border: 1px solid #666666; margin: 2px 0px 2px 0px} #popupWrapper2 h1.popupHeader { font-size: 22px; font-weight: bold; color: #d74212; padding: 0px 0px 15px 0px; margin: 0px 0px 0px 16px; text-align: left } #popupWrapper2 { width: 540px; height: auto; padding: 10px 0px 25px 0px; margin: 0px; background: url(../../images/banner-bottom-tile.gif) repeat-x left bottom } #popupWrapper2 #popupLeftCol { width: 239px; height: auto; padding: 5px 15px 0px 15px; border-right: 1px solid #ccc; float: left } #popupWrapper2 #popupLeftCol h2, #popupWrapper2 #popupRightCol h2 { font-size: 14px; color: #666666; font-weight: bold; margin: 0 0 10px 0 } #popupWrapper2 #popupRightCol { width: 240px; height: auto; padding: 5px 15px 0px 15px; float: left } #popupWrapper2 #popupRightCol img { float: left; margin: 6px 10px 10px 0 } #popupWrapper2 #popupRightCol p.aboutPopupHeader { font-size: 14px; font-weight: bold; color: #333333; margin: 0 } #popupWrapper2 #popupRightCol p.socialTerms { width: 190px; font-size: 11px; margin: 0 0 10px 0; padding: 0; clear: both } #popupWrapper2 #popupRightCol a { color: #666666; text-decoration: underline } #popupWrapper2 #popupRightCol a:hover { color: #5d7e9b; text-decoration: none } #popupWrapper2 #popupRightCol ul li { margin: 0 0 0 0; padding: 5px 0 0 0 } #popupWrapper2 #popupRightCol ul li { line-height: 22px; margin: 0 0 0 0; padding: 0 0 0 0; list-style-image: url(../../images/pricing/tick-bullet.gif); color: #333333; font-size: 14px } #popupWrapper2 table#expandMenuPopup td.text { padding: 0px } #popupWrapper2 table#expandMenuPopup .altInput { width: 215px; border: 1px solid #cccccc; margin: 5px 0 10px 0; padding: 2px } #popupWrapper2 table#expandMenuPopup td span.termsOffers { font-size: 11px } #popupWrapper2 table#expandMenuPopup .checkInput { padding: 0px 5px 0px 0px } #popupWrapper2 table#expandMenuPopup .button { margin: 10px 0 0 0 } #popupWrapper2 table#expandMenuPopup .redcompulsory { color: #c15555 } /* FEATURES SECTION ----------------------------------------------------------------------------------------------------------------------------------------------------*/ ul#featuresList { font-size: 16px; color: #666; margin: 20px 0px 20px 0px; padding: 0px 0px 0px 13px } ul#featuresList li { margin: 5px 0px 5px 10px; padding: 0px 0px 0px 4px; list-style-image: url(../../images/home/tick-bullet.gif) } ul#featuresList li a { font-size: 16px; color: #636363; text-decoration: none } ul#featuresList li a:hover { text-decoration: underline } ol#create { font-size: 12px; color: #636363; margin: 10px 0px 20px 0px; padding: 0px 0px 0px 30px } ol#create li { margin: 5px 0px 5px 0px } div.featuresBoxBig { height: 180px; clear: left; margin: 30px 0px 30px 0px; padding: 0 20px 0 0 } div.featuresBoxBig h2 { margin-top: 10px; padding: 10px 0 0 0 } div.featuresBoxBig img { float: left; margin: 0px 20px 10px 0px } div.featuresBoxBig ul { margin: 0px; padding: 0px; text-decoration: none; float: left } div.featuresBoxBig ul li { line-height: 14px; margin: 6px 0px 6px 0px; padding: 0px; list-style-image: url(../../images/home/arrow-bullet.gif) } #contentItems div.featuresBoxBig ul li a { font-size: 12px; color: #5d7e9b; text-decoration: none; margin: 0px; padding: 0px } #contentItems div.featuresBoxBig ul li a:hover { color: #5d7e9b; text-decoration: underline } #featuresBannerWrapper { width: 580px; height: 210px; padding: 20px 0 10px 0 } .featuresBanner { width: 329px; height: 209px; padding: 20px 0 0 0; margin: 0 13px 0 0; float:left } .featuresBanner img { border: 1px solid #999 } #splitTestVideoWrapper { width: 207px; height: 165px; background-color: #e0e0e0; padding: 10px 10px 0 10px; margin: 0 10px 0 0; float:left } .splitTestFeaturesVideo {width: 205px; height: 127px; text-align:center; float:left } .splitTestFeaturesVideo img { border: 1px solid #999 } .splitTestFeaturesVideo p { width: 205px; height: 127px; padding: 0 0 10px 0 } #featuresVideoWrapper { width: 207px; height: 187px; background-color: #e0e0e0; padding: 10px 5px 0 5px; margin: 20px 0 0 0; float:left } .featuresVideo {width: 207px; height: 129px; text-align:center; float:left } .featuresVideo img { border: 1px solid #999 } .featuresVideo a { text-decoration: underline } .featuresVideo a:hover { text-decoration: underline } #featuresDiagramWrapper { width: 580px; height: 200px; margin: 20px 0 20px 0 } .featuresDiagram { width: 580px; height: 200px } .triggerBox img { width: 37px; height: 37px; float: left; margin: 0 7px 0 0 } .triggerBox p { margin-top: 0; padding-top: 0 } /* FOOTER SECTION ----------------------------------------------------------------------------------------------------------------------------------------------------*/ #footerBox { width: 900px; height: auto; background: #e0e0e0 url(../../images/master/footer-bg-tile.gif) repeat-x left top; clear: left ; margin: auto } #boxOne { width: 880px; height: 85px; margin: 10px 0px 10px 0px; padding: 20px 0px 0px 20px; } #boxOneInnerLeft { width: 250px; height: 80px; margin: 0px 10px 0px 0px; float: left } #boxOneInnerLeft h3 { font-size: 16px; padding: 0px; margin: 0px } #boxOneInnerLeft a, #boxOneInnerLeft a:hover { text-decoration: underline } #boxOneInnerLeft p { color: #666; font-size: 11px; line-height: 14px; padding: 0px; margin: 5px 0px 6px 0px } #boxOneInnerLeft .subscribe { padding: 0px; margin: 2px 0px 0px 0px } #boxOneInnerLeft .subscribeButton { padding: 0px; margin: 0px; color: #666 } #boxOneInnerLeft div form { margin: 0; padding: 0 } #boxOneInnerLeft div form input.subscribeBox { width: 148px; height: 16px; margin: 0; padding: 0 } #boxOneInnerLeft div p.mobileIntro { margin: 0 0 10px 0; padding: 0 } #boxOneInnerRight { width: 580px; height: 125px; margin: 0px; padding: 0px 0px 0px 20px; border-left: 1px solid #cccccc; float: left; } #boxOneInnerRight ul#socialMedia { width: 380px; height: 25px; margin: 0px 0px 20px 0px; padding: 0px; font-size: 12px; color: #666666; float: left } #boxOneInnerRight ul#socialMedia li { list-style: none; padding: 0px 10px 0px 0px; margin: 0px; float: left; } #boxOneInnerRight ul#socialMedia li a { height: 20px; padding: 5px 0px 0px 30px; display: block; background: url(../../images/master/social-media-icons.gif) no-repeat } *html #boxOneInnerRight ul#socialMedia li a { display: inline } #boxOneInnerRight ul#socialMedia li a.twitter { background-position: 0 0 } #boxOneInnerRight ul#socialMedia li a.facebook { background-position: 0 -25px } #boxOneInnerRight ul#socialMedia li a.youtube { background-position: 0 -50px } #bookmark { width: 125px; height: 20px; margin: 0px; padding: 5px 0px 0px 0px; float: left } #boxOneInnerRight ul.menuLinks { width: 100%; height: 15px; margin: 8px 0px 0px 0px; padding: 0px; font-size: 12px; color: #666666; clear: left } #boxOneInnerRight ul.menuLinks li { list-style: none; margin: 0px 15px 0px 0px; padding: 0px; float: left; } #boxOneInnerRight ul.menuLinks li a { height: 25px; padding: 0px } #boxTwo { width: 900px; height: 105px; margin: 20px 0 0 0; padding: 10px 0px 20px 0px; border-top: 1px solid #c9c9c9; clear: left } #flags { width: 900px; margin: 0px 0px 10px 0; padding: 0px } #flagsBox { width: auto; float: right; position: relative; left: -50% } *html #flags { margin: 0px 0px 0px 10px } #flags p { color: #666; margin: 10px 0 10px 0px; padding: 0px; clear: left; text-align: center } #flags a { display: block; width: 25px; height: 25px; margin-right: 3px; background: url(../../images/image-sprites.png) no-repeat; float: left; position: relative; left: 50% } #flags a.netherlands { background-position: 0 -74px } #flags a.belgium { background-position: -25px -74px } #flags a.france { background-position: -50px -74px } #flags a.germany { background-position: -75px -74px } #flags a.italy { background-position: -100px -74px } #flags a.spain { background-position: -125px -74px } #flags a.portugal { background-position: -150px -74px } #flags a.brazil { background-position: -175px -74px } #flags a.mexico { background-position: -200px -74px } #flags a.china { background-position: -225px -74px } #flags a.czech { background-position: -250px -74px } #flags a.slovakia { background-position: -275px -74px } #flags a.usa { background-position: -300px -74px } #flags a.canada { background-position: -325px -74px } #flags a.uk { background-position: -350px -74px } #flags a.austrailia { background-position: -375px -74px } #flags a.newzealand { background-position: -400px -74px } #flags a.southafrica { background-position: -425px -74px } #flags a.china, #flags a.czech, #flags a.slovakia, #flags a.usa, #flags a.canada, #flags a.uk, #flags a.austrailia, #flags a.newzealand, #flags a.southafrica { margin-top: 0; margin-bottom: 5px } #certLogos { width: auto; height: 50px; margin: 15px 0px 10px 0px; } #certLogos img { margin: 0px 10px 0px 0px; padding: 0px } #boxThree { width: 900px; height: 80px; margin: 0px; padding: 0px; border-top: 1px solid #c9c9c9; text-align: center; clear: left } ul.extraMenu { width: auto; font-size: 12px; color: #666666; margin: 10px 0 10px 0; padding: 10px 0px 0px 0px; text-align: center } ul.extraMenu li { list-style: none; padding: 1px 10px 1px 10px; display: inline; } ul.extraMenu a { color: #666666 } ul.extraMenu a:hover { color: #d74212 } #boxExtra { width: 900px; height: 63px; margin: 0px; padding: 0px; border-top: 1px solid #c9c9c9; text-align: center; clear: left } #boxExtra img { margin: 10px 10px 0px 0px; padding: 0px; } /* OTHER STYLES PROMOS, 404'S, SITEMAPS ETC ----------------------------------------------------------------------------------------------------------------------------------------------------*/ #contentBox #topContainer { width: 900px; height: auto; clear: left; background: #5d7e9b } #contentBox #topContainer #copy { width: 567px; height: auto; float: left; background: #5d7e9b url(../../images/shadow.gif) repeat-x top; padding: 30px 0px 10px 0 } #contentBox #topContainer #copy ul { color: #ffffff; line-height: 43px; font-size: 30px; list-style-image: url(../../images/arrow.gif); margin: 20px 10px 50px 10px } #contentBox #topContainer #copy li { margin: 20px 0 30px 0 } #contentBox #topContainer #copy p { margin: 30px 0 25px 40px; font-weight: normal; font-size: 25px; line-height: 35px; color: #ffffff } #contentBox #topContainer #signUpBox { width: 333px; height: auto; float: left; background: #5d7e9b; padding: 0; margin: 0 } #contentBox #topContainer #form { width: 297px; height: auto; background: #2b4257 } #contentBox #topContainer #form td input { border: none; width: 230px; height: auto; margin: 0 0 14px 0; padding: 8px; color: #333333; font-size: 16px } #contentBox #topContainer #form table { padding: 8px 0 0 0; text-align: center; height: auto } #contentBox #topContainer #form td p { font-size: 12px; line-height: 14px; margin: 0 0 5px 0; color: #ffffff } #contentBox #topContainer #form td a { text-decoration: underline; color: #FFFFFF } #contentBox #topContainer #form td img { border: none } #contentBox #topContainer #form td img.submit { border: none; margin: 0 0 20px 0 } #contentBox #bottomContainer { width: 900px; height: 222px; background: url(../../images/sticker_callout.gif) no-repeat; clear: left } #contentBox #bottomContainer table { padding: 50px 0 0 0 } #contentBox #bottomContainer td p { font-size: 17px; line-height: 21px; color: #ffffff } #contentBox #bottomContainer td p.stickerHeader { padding: 0 } #speechBubble { width: 600px; height: auto; margin: 20px 0 0 0 } .bubbleTop { width: 600px; height: 24px; } .bubbleMid { background-color: #eeecec; width: 580px; height: auto; padding: 5px 10px 5px 10px } .bubbleBottom { width: 600px; height: 52px; } .bubbleMid H1 { font-size: 25px; margin: 0px; padding: 0px } #standingMan { width: 549px; height: 477px; margin: 0px 5px 0 0 } #sitemapBoxLeft { width: 385px; height: auto; margin: 0 80px 0 0px; float: left } #sitemapBoxRight { width: 300px; height: auto; float: left } #sitemapBoxLeft ul li, #sitemapBoxRight ul li { margin: 10px 0 10px 0; font-size: 14px } #sitemapBoxLeft ul ul ul, #sitemapBoxRight ul ul ul { border-left: 1px solid #ccc; padding-left: 10px; list-style: none } #sitemapBoxLeft h3, #sitemapBoxRight h3 { font-size: 16px; margin: 20px 0 10px 0 } #contentItemsSpan .sitemapVideoBox { width: 880px; height: auto; margin: 0 0 20px 0px ; padding: 0 10px 0 10px; float: left } #contentItemsSpan .sitemapVideoItem { width: 190px; height: auto; margin: 0 40px 0 0 ; padding: 0; float: left } #contentItemsSpan .sitemapVideoItem img { border: solid 1px #666666 } #contentItemsSpan .sitemapVideoItem:hover { border: none } #contentItemsSpan .sitemapVideoItem h2 { font-size: 12px; color: #333333; text-align: center; font-weight: bold } #contentItemsSpan .sitemapVideoItem h2 a { color: #666666 } #contentItemsSpan .sitemapVideoItem h2 a:hover { color: #5d7e9b } td.compare { text-align: center } p { margin: 0; padding: 4px; color: #606060 } h3.legend { text-align:left; margin: 0; padding: 8px; color: #606060; font-size: 14px; font-weight: bold } h3.rank { text-align:left; margin: 0; padding: 8px; color: #ffffff; font-size: 14px; font-weight: bold } h3.rankNumber { text-align:center; margin: 0; padding: 8px; color: #ffffff; font-size: 14px; font-weight: bold } h3.headings { text-align:left; margin: 0; padding: 8px; color: #ffffff; font-size: 14px; font-weight: bold } p.category { margin: 0; padding: 6px; color: #606060; font-size: 11px; text-align:left } /* email disclaimer */ #disclaimerBox {width: 860px; height: auto; padding: 0px 20px 0px 20px} #disclaimerBox ul { font-size: 12px; color: #636363; padding: 0px 0px 10px 30px } #disclaimerBox ul li { margin: 5px 0px 5px 0px } /* subscribe popup */ #subscribePopUp { width: 265px; height: auto; margin: 0 auto 0 auto } #subscribePopUp h3 { margin: 5px; padding: 10px 0 0 0; font-size: 18px } #subscribePopUp p { margin: 5px; padding: 10px 0 10px 0; font-size: 14px } /* modalPopup CSS */ .color1 { vertical-align: middle; border: solid 1px #d2d2d2; padding: 2px 2px 2px 2px; background-color: #efefef; font-weight: bold; height: 20px; } .modalPopup { background-color: #ffffff; border-width: 3px; border-style: solid; border-color: #ffffff; padding: 3px; width: 250px; } .modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; } /* AddThis social share widgets */ .addthis_toolbox { margin: 0px 0px 0px 0px } .addthis_toolbox.addthis_pill_combo a { float: left; margin: 0px; padding: 0px } .addthis_toolbox.addthis_pill_combo a.addthis_button_tweet, .addthis_toolbox.addthis_pill_combo a.addthis_counter { margin-right: 0px } .addthis_button_facebook_like { width: 90px; margin: 0; padding: 0 } .addthis_button_compact .at15t_compact { float: left; margin: 1px 4px 0 0 } .addthis_button_compact { font-size: 11px; color: #333; text-decoration: none }