/********************************************************************************************************************/ /********* RESET STYLESHEET IS A MODIFIED VERSION OF ERIC MEYER'S 'RESET RELOADED STYLESHEET *************************/ /********************************************************************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0; outline:0;font-size:inherit;line-height:17px;font-family:Helvetica, Arial, Verdana, Helvetica, sans-serif;font-style:inherit;font-weight: normal;text-align:left;} :focus {outline: 0;} ul, ol {list-style:none;} caption {text-align:left;font-weight:normal;} em {font-style:italic;} strong {font-weight:bold;} sup {font-size:0.7em;vertical-align:top;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes:"" "";} /* remove borders from linked images */ a img {border:none;} /* tables still need cellspacing to match in the markup */ table {border-collapse:separate;} th, td {text-align:left;font-weight:normal;vertical-align:top;} /********************************************************************************************************************/ /***************************************** * GLOBAL PREDICTABLE ELEMENTS * *******************************************/ /********************************************************************************************************************/ body {background:#fff url(../images/bg_body.gif) repeat-x;margin-top:20px; font-size:12px;} /* DEFAULT HEADER STYLES ***********************************************************************************************************************/ h1, h2, h3, h4, h5, h6, .head, h1 span {color:#999;margin:.35em 0;font-family:Trebuchet MS, Tahoma, Arial, san-serif;} h1 {font-size: 2.3em;line-height:1.2em; color:#c2191c;} h1 span {margin:0;font-size:1em;margin-bottom:3px;color:#000;font-size:.6em;} h2 {font-size: 1.25em;color:#999;} h3 {font-size: 1.15em;color:#999;} h4, h5, h6 {font-size: 1em;} /* DEFAULT LINK STYLES ***********************************************************************************************************************/ a, a:visited, a:focus {color:#666;text-decoration:underline;} a:hover {color:#ff2324;text-decoration:underline;} /* DEFAULT TEXT STYLES ***********************************************************************************************************************/ p {margin:0 0 16px 0;} #changingContent ul.bullets, #changingContent ol.bullets {list-style:disc;} #changingContent li.bullets {margin-left:30px;} .note {font-size: .9em;color:#666;} .indent {margin-left:5em;} .messageText {float:left;display:inline;width:900px;margin-bottom:5px;background-color:#fdfbdf;padding:0 7px;line-height:24px;} .right {text-align:right;} .center {text-align:center;} .attribution {margin:0 0 15px 30px;} .line {border-bottom:1px dotted #ccc;margin-bottom:30px;width:90%;} /* DEFAULT IMAGE CLASSES ***********************************************************************************************************************/ img.left {float:left;display:inline;margin-right:5px;} img.right {float:right;display:inline;margin-left:5px;} /* DEFAULT LIST CLASSES ************************************************************************************************************************/ ul.disc{margin-left:20px; list-style:outside disc; margin-bottom:16px;} ul.disc li{font-size:14px; color:#333333; line-height:21px;} /********************************************************************************************************************/ /*****************************************GLOBAL LAYOUT ELEMENTS *****************************************************/ /********************************************************************************************************************/ #wrapper {width:980px;margin:0 auto;}/** wraps entirety, defines width and margins for site **/ /** header **/ #header {float:left;display:inline;width:980px;height:202px;margin:0 auto;background: transparent url(../images/bg_topNav.png) top center no-repeat;position:relative;z-index:3;} /** top links **/ #topMenu {float:right;display:inline;width:504px;margin-top:6px;color:#fff;} /** all top nav li elements **/ #topMenu li {float:left;display:inline;position:relative;margin-right:25px;} #topMenu li a {float:left;display:inline;color:#fff;text-decoration:none;} #topMenu li a:hover {text-decoration:underline;} /** overwrites right margin on li **/ #topMenu li.liveChat, #topMenu li.last {margin-right:0;} /** phone number is bolded **/ #topMenu li.phone {font-weight:bold;} /** login link is yellow and bolded **/ #topMenu li.last a {color:#fff200;font-weight:bold;} /** specific to live chat link **/ #topMenu li.liveChat {float:right;display:inline;width:108px;} #topMenu li.liveChat a {color:#999;font-size:11px;line-height:14px;padding-top:1px;text-decoration:none;} #topMenu li.liveChat a:hover {color:#333;text-decoration:none;} #topMenu li.liveChat a .on {padding-left:14px;background: transparent url(../images/liveChat_on.gif) 0 -3px no-repeat;} #topMenu li.liveChat a .off{padding-left:14px;background: transparent url(../images/liveChat_off.gif) 0 -3px no-repeat;} /** logo and search options row **/ #logoSearch {float:left;display:inline;width:980px;} /** all li's in logo/search row id **/ #logoSearch li {float:left;display:inline;position:relative;width:150px;margin-left:2px;} /** logo li and link **/ #logoSearch li.logo {display:block;width:500px;height:120px;} #logoSearch li.logo a {display:block;width:500px;height:120px;} /** search formatting: input text **/ #logoSearch li.searchInput {width:220px;height:70px;margin-left:220px;padding-top:50px;} #logoSearch li.searchInput input.searchInput {float:left;display:inline;width:137px;height:20px;padding:5px;border:0;background: transparent url(../images/bg_searchInput.gif) no-repeat;} #logoSearch li.searchInput input.searchButton {float:right;display:inline;width:65px;height:25px;padding:5px;background:transparent url(../images/btn_searchInput.gif) no-repeat;border:none;cursor:pointer;font-size:.8em;color:#fff;} /** primary navigation menu **/ #menu {float:left;display:inline;width:960px;height:35px;margin:1px 10px 0;position:relative;z-index:5;} /** creates top level links **/ #menu li {float:left;display:block;position:relative;width:160px;z-index:3000;} #menu li a {display:block;width:160px;height:45px;line-height:45px;text-align:center;text-decoration:none;color: #dfdfdf;font-size:14px;} #menu li a:hover {color:#ff2324; cursor:pointer;} #menu li a.current {height:52px;background:transparent url(../images/bg_subNav_currentArrow.png) top center no-repeat;color:#ff2324;} /** subnav dropdown **/ #menu li ul {float:left;display:none;position:absolute;top:44px;left:-30px; width:220px;background: transparent url(../images/bg_subNav.gif) no-repeat top left !important;z-index:3000;} #menu li ul.last {left:-65px;} #menu li li {float:left;display:inline;width:220px;height:35px;} #menu li li.last {height:35px;/*background: url(../images/bg_subNav_last.gif) no-repeat !important;*/background: url(../images/bg_subNav_last.png) no-repeat !important;} #menu li li.color {background: #464646;} #menu li li a {width:205px;height:35px;padding-left:15px;line-height:35px;font-size:11px;background: url(../images/bg_subNav_divider.gif) no-repeat top;text-align:left !important;} #menu li li a:hover, #menu li li a.current {color:#ff2324;background: url(../images/bg_subNav_divider.gif) no-repeat top;} #menu li li.last a {border:0;} #menu li li.first a, #menu li li.first a:hover {background-image:none!important;} /** changing content div **/ #changingContent {float:left;display:inline;width:960px;margin:2px 0 0 10px;} a.readMore {display:block;width:93px;height:25px;line-height:25px;background: transparent url(../images/a_readMore.gif) no-repeat;color:#fff!important;text-align:center;text-decoration:none!important;} /** all but ie **/ html > body a.readMore {line-height:27px;} a.readMore:hover {color:#efefef !important;} /********************************************************************************************************************/ /**************************** CHANGING CONTENT SECTIONS / PER PAGE SECTIONS *****************************************/ /********************************************************************************************************************/ /* ALL PAGE HEADER GRAPHIC AREAS ************************************************************************************************************************************************************************************************************************/ /** features page header graphic and copy **/ .features_header, .services_header, .pricing_header, .training_header, .whatIsCRM_header, .aboutUs_header, .contactUs_header, .referrals_header {float:left;display:inline;width:960px;height:200px;} html > body .features_header, html > body .services_header, html > body .pricing_header, html > body .training_header, html > body .whatIsCRM_header, html > body .aboutUs_header, html > body .contactUs_header, html > body .referrals_header {margin-top:-8px;} /* all but ie*/ /** h1 in the header graphic area **/ .features_header h1, .services_header h1, .pricing_header h1, .training_header h1, .whatIsCRM_header h1, .aboutUs_header h1, .contactUs_header h1, .referrals_header h1 {margin: 70px 0 5px 40px;} /*.features_header p, .services_header p, .pricing_header p, .training_header p, .whatIsCRM_header p, .aboutUs_header p, .contactUs_header p {width:575px;margin-left:40px;font-family:Trebuchet MS, Tahoma, Arial, san-serif;font-size:14px;line-height:18px;font-weight:bold;color:#036;} .features_header p span, .services_header p span, .pricing_header p span, .training_header p span, .whatIsCRM_header p span, .aboutUs_header p span, .contactUs_header p span {font-weight:bold;} .features_header a, .services_header a, .pricing_header a, .training_header a, .whatIsCRM_header a, .aboutUs_header a, .contactUs_header a {display:block;margin-left:40px;width:550px;font-family:Trebuchet MS, Tahoma, Arial, san-serif;font-size:14px;line-height:18px;font-weight:bold;color:#036;text-decoration:none;} .features_header a span, .services_header a span, .pricing_header a span, .training_header a span, .whatIsCRM_header a span, .aboutUs_header a span, .contactUs_header a span {font-family:Trebuchet MS, Tahoma, Arial, san-serif;font-size:14px;line-height:18px;font-weight:bold;color:#036;text-decoration:none;} .features_header a:hover, .services_header a:hover, .pricing_header a:hover, .training_header a:hover, .whatIsCRM_header a:hover, .aboutUs_header a:hover, .contactUs_header a:hover {text-decoration:underline;}*/ /** each header graphic image **/ .features_header {background: url(../images/bg_features_header.gif) no-repeat;} .services_header {background: url(../images/bg_services_header.gif) no-repeat;} .pricing_header {background: url(../images/bg_pricing_header.gif) no-repeat;} .training_header {background: url(../images/bg_training_header.gif) no-repeat;} .whatIsCRM_header {background: url(../images/bg_whatIsCRM_header.gif) no-repeat;} .aboutUs_header {background: url(../images/bg_aboutUs_header.gif) no-repeat;} /** contact us and referrals have slightly different h1 settings than most **/ .contactUs_header {background: url(../images/bg_contactUs_header.gif) no-repeat;margin-bottom:-20px;height:150px;} .contactUs_header h1 {margin:40px 0 0 40px; color:#c2191c;} .contactUs_header h1 img {float:left;display:inline;margin:-2px 20px 0 0;} .referrals_header {background: url(../images/bg_referrals_header.gif) no-repeat;margin-bottom:-20px;height:150px;} .referrals_header h1 {margin:40px 0 0 40px; color:#c2191c;} .referrals_header h1 img {float:left;display:inline;margin:-12px 20px 0 0;} /** other pages with different headers (these are not controlled by the masterpage) **/ #loginHeader {float:left;display:inline;height:130px;width:960px; margin:-10px 0 0 0; background:url(../images/login_bg_header.gif) top left no-repeat; position:relative; z-index:1;} #loginHeader h1 {float:left;display:inline;width:230px;margin:40px 0 0 40px;} #loginHeader h2 {float:left;display:inline;width:400px;margin:45px 200px 0 20px;font-size:13px;line-height:13px; color:#666;font-weight:normal;} #loginHeader h2 span {font-weight:bold;} #signUpHeader {float:left;display:inline;height:168px;width:960px; margin:-10px 0 0 0; background:url(../images/signUp_bg_header.gif) top left no-repeat; position:relative; z-index:1;} #signUpHeader h1 {margin:40px 10px 0 40px;} #searchResultsHeader {float:left;display:inline;height:138px;width:960px; margin:-10px 0 0 0; background:url(../images/searchResults_bg_header.gif) top left no-repeat; position:relative; z-index:1;} #searchResultsHeader h1 {margin:45px 200px 0 40px;} #termsHeader {float:left;display:inline;height:138px;width:960px; margin:-10px 0 0 0; background:url(../images/searchResults_bg_header.gif) top left no-repeat; position:relative; z-index:1;} #termsHeader h1 {margin:45px 200px 0 40px;} #demoHeader {float:left;display:inline;height:138px;width:960px; margin:-10px 0 0 0; background:url(../images/searchResults_bg_header.gif) top left no-repeat; position:relative; z-index:1;} #demoHeader h1 {margin:45px 200px 0 40px;} #personalTourHeader {float:left;display:inline;height:138px;width:960px; margin:-10px 0 0 0; background:url(../images/searchResults_bg_header.gif) top left no-repeat; position:relative; z-index:1;} #personalTourHeader h1 {margin:45px 200px 0 40px;} /* ALL MASTER PAGE SUB-PAGES ************************************************************************************************************************************************************************************************************************/ /** features page below the header graphic **/ .featuresContentWrapper {float:left;display:inline;width:960px;margin-top:5px;} /** left column wrapper **/ .featuresContentWrapper .leftColWrapper {float:left;display:inline;width:720px;} /** empty div creates top of left Col arch **/ .featuresContentWrapper .leftColTop {float:left;display:inline;width:720px;height:14px;background: url(../images/bg_features_leftColTop.gif) no-repeat;} /** creates bg image and padding for left col **/ .featuresContentWrapper .leftCol {float:left;display:inline;width:540px;background: url(../images/bg_features_leftCol.gif) repeat;padding:50px 90px;} /** main copy formatting FOR ALL PAGES **/ .featuresContentWrapper .leftCol .featuresCopy li {float:left;display:inline;width:500px;} /** img on features landing page **/ .featuresContentWrapper img {float:left;display:inline;margin-right:15px;} /** h2s in left cole **/ .featuresContentWrapper .leftCol h2, .featuresContentWrapper .leftCol p, .featuresContentWrapper .leftCol li, #personalTourBody p, #termsBody p, #termsBody ul, .referrals_copy p, .referrals_copy ul {font-size:14px;line-height:21px;} .featuresContentWrapper .leftCol h2, #termsBody h2, .referrals_copy h2 {margin-bottom:0;color:#000;font-weight:bold;text-transform:uppercase;} /** paragraphs in left col **/ .featuresContentWrapper .leftCol p, #termsBody p, .referrals_copy p {margin-top:0;margin-bottom:16px;color:#333;} /** list items in left col **/ .featuresContentWrapper .leftCol ul, #termsBody ul, .featuresContentWrapper .leftCol ol, #termsBody ol, .referrals_copy ul {margin: 4px 0 16px 40px;} .featuresContentWrapper .leftCol li, #termsBody ul li, .referrals_copy ul li {list-style:disc;color:#333;} .featuresContentWrapper .leftCol ol li, #termsBody ol li {list-style:decimal;} /** list items of PDFs in left col **/ .featuresContentWrapper .leftCol ul.pdfList li {list-style:none;} .featuresContentWrapper .leftCol ul.pdfList li img {float:left;margin: 0 10px 0 0;} /** bolded text treatment in articles **/ .featuresContentWrapper .leftCol p.featured, .featuresContentWrapper .leftCol span.featured {font-weight:bold;color:#666;} /** allows for formatted columns in left col copy area **/ .featuresContentWrapper .leftCol .col {border-top:1px dotted #ccc;margin-bottom:30px;padding-top:20px;width:90%;} /** leftCol forms **/ .form {float:left;display:inline;width:540px;} .form .requiredKey {float:right;display:inline;margin:0 10px 0 0;padding-left:15px;background: url(../images/signUp_requiredBullet.gif) 0 2px no-repeat;color:#c00;} .form .required {float:left;display:inline;width:15px;height:15px;background: url(../images/signUp_requiredBulletsForm.gif) 0 2px no-repeat;} /** form top **/ .form .formTop {float:left;display:inline;width:540px;height:40px;background: url(../images/form_top_leftCol.gif) no-repeat;} .form .formTop h2 {font-size:1.2em;color:#fff;padding:0 0 20px 20px;text-transform:none;font-weight:normal;} /** wraps form to control its placement **/ .form .formWrapper {float:left;display:inline;width:540px;background: url(../images/form_background_leftCol.gif) repeat-y;padding-bottom:20px;} /** all div elements in the form **/ .form .formWrapper .label, .form .formWrapper .field, .form .formWrapper .submit {float:left;display:inline;width:460px;margin-left:60px;margin-bottom:3px;color:#333;} /** all row specific styles **/ .form .formWrapper .row {margin-bottom:10px;} .form .formWrapper .label {padding-top:10px;} .form .formWrapper .label label {font-weight:bold;font-size:1.1em;} .form .formWrapper .field input, form .formWrapper .field textarea {width:400px;font-size:1.2em;} /** form bottom **/ .form .formBottom {float:left;display:inline;width:540px;height:40px;background: url(../images/form_bottom_leftCol.gif) no-repeat;} /** submit row styles **/ .form .formWrapper .submit {float:left;display:inline;width:405px;margin-top:10px;} /** submit button **/ .form .submit {float:right;display:inline;width:123px;margin-right:15px;} .form .submit input.submitButton {float:left;display:inline;width:139px;height:34px;padding:5px;background:transparent url(../images/login_bg_submitButton.gif) no-repeat;border:none;cursor:pointer;font-size:1.2em;font-weight:bold;color:#fff;} /** empty div creates bottom of left Col copy and top of left col footer copy **/ .featuresContentWrapper .leftColFooterTop {float:left;display:inline;width:720px;height:43px;background: url(../images/bg_features_leftColFooterTop.gif) no-repeat;} /** left col footer **/ .featuresContentWrapper .leftColFooter {float:left;display:inline;width:688px;padding:0 16px;background: url(../images/bg_features_leftColFooter.gif) repeat;} /** left col footer copy **/ .featuresContentWrapper .leftColFooter h3 {color:#333;font-size:14px;font-weight:bold;} .featuresContentWrapper .leftColFooter ul {float:left;display:inline;width:210px;margin: 10px 25px 0 0;color:#333;} .featuresContentWrapper .leftColFooter ul.last {margin-right:0;} .featuresContentWrapper .leftColFooter ul li {float:left;display:inline;width:210px;margin-bottom:4px;} /** empty div creates bottom of left Col copy and top of left col footer copy **/ .featuresContentWrapper .leftColFooterBottom {float:left;display:inline;width:720px;height:30px;background: url(../images/bg_features_leftColFooterBottom.gif) no-repeat;} /** right column wrapper **/ .featuresContentWrapper .rightColWrapper {float:left;display:inline;width:240px;} /** creates right column navigation top **/ .rightColWrapper .rightColNavigationTop {float:left;display:inline;width:240px;height:35px;background: url(../images/bg_rightColNavTop.gif) no-repeat;} .rightColWrapper .rightColNavigationTop h2 {padding-left:20px;color:#fff;} /** right col navigation **/ .rightColWrapper .rightColNavigation {float:left;display:inline;width:236px;background: url(../images/bg_rightColNav.gif) no-repeat;position:relative;z-index:2;} /* for all but ie */ html > body .rightColWrapper .rightColNavigation {width:240px;} .rightColWrapper .rightColNavigation li {float:left;display:inline;width:236px;height:35px;background: url(../images/bg_subNav_divider.gif) no-repeat top;} /* for all but ie */ html > body .rightColWrapper .rightColNavigation li {width:240px;} .rightColWrapper .rightColNavigation li.color {background: url(../images/bg_rightNav_divider.gif) repeat;} .rightColWrapper .rightColNavigation li.last {height:40px;background:transparent url(../images/bg_rightColNav_last.gif) no-repeat;} .rightColWrapper .rightColNavigation li a {display:block;position:relative;width:226px;height:35px;margin-left:-6px;line-height:35px;padding-left:20px;font-size:11px;color:#fff;text-decoration:none;} /* for all but ie */ html > body .rightColWrapper .rightColNavigation li a {width:240px;} .rightColWrapper .rightColNavigation li a:hover {color:#ff2324;background: url(../images/a_rightNav_hover.gif) no-repeat;background-position:left;} .rightColWrapper .rightColNavigation li a.current {font-size:12px;color:#fff;font-weight:bold;background: url(../images/a_rightNav_hover.gif) no-repeat;background-position:left;} .rightColWrapper .rightColNavigation li.last a {border:0;} .rightColWrapper .rightColNavigation li.first {background-image:none!important;} /** right col tabs **/ .rightColWrapper .rightColTabs {float:left;display:inline;width:240px;margin-bottom:10px;} /** all of 'em have in common **/ .rightColWrapper .rightColTabs li {float:left;display:inline;width:240px;} /** sets backgrounds for each **/ .rightColWrapper .rightColTabs li.demo {float:left;display:inline;background: url(../images/bg_rightTab_demo.gif) no-repeat top;} .rightColWrapper .rightColTabs li.tour {background: url(../images/bg_rightTab_tour.gif) no-repeat top;} .rightColWrapper .rightColTabs li.trial {background: url(../images/bg_rightTab_trial.gif) no-repeat top;} .rightColWrapper .rightColTabs li h2 a {float:left;display:inline;width:240px;color:#666;padding-left:15px;font-size:16px;line-height:35px;text-decoration:none;} .rightColWrapper .rightColTabs li h2 a:hover {color:#333;} /** right col group **/ .rightColWrapper .rightColGroup {float:left;display:inline;width:240px;} .rightColWrapper .rightColGroup h2 {margin:0;height:23px;padding-top:3px;padding-left:25px;background: url(../images/bg_rightColHeader.gif) no-repeat top;font-size:12px;color:#fff;} .rightColWrapper .rightColGroup li {padding:10px 15px;} /** podcast style **/ .rightColWrapper .rightColGroup li:first-child {background: url(../images/bg_rightColGroup_liFirst.gif) no-repeat bottom;} .rightColWrapper .rightColGroup li p {margin:6px 0 2px 0;} .rightColWrapper .rightColGroup li p.postdate {margin:0;font-size:11px;line-height:13px;color:#ccc;font-weight:bold;} .rightColWrapper .rightColGroup li p a {font-size:11px;line-height:13px;text-decoration:none;} .rightColWrapper .rightColGroup li img {float:left;display:inline;margin: 5px 10px 10px 0;} /** from the blog style, both right col and footer **/ .rightColWrapper .rightColGroup .result p, #footer .result p {margin:0;padding:15px 15px;} .rightColWrapper .rightColGroup .result p:first-child {background: url(../images/bg_rightColGroup_liFirst.gif) no-repeat center bottom;} .rightColWrapper .rightColGroup .result p a, #footer .result p a {font-size:11px;line-height:13px;text-decoration:none;} .rightColWrapper .rightColGroup .result span.postdate, #footer .result span.postdate {display:block;font-size:11px;line-height:13px;color:#ccc;font-weight:bold;} /** list loginof pdfs **/ .rightColWrapper .rightColGroup ul.pdfList {float:left;display:inline;width:240px;margin:10px 0;} .rightColWrapper .rightColGroup ul.pdfList li {float:left;display:inline;width:200px;padding: 2px 15px;margin-bottom:3px;background-image:none;} .rightColWrapper .rightColGroup ul.pdfList li img {margin: 0 10px 0 0;} .rightColWrapper .rightColGroup a.viewAll {float:left;display:block;width:66px;height:20px;margin-left:15px;padding: 3px 0 2px 10px;background: transparent url(../images/a_viewAll.gif) no-repeat;color:#000!important;text-decoration:none!important;} /* LOGIN PAGE ************************************************************************************************************************************************************************************************************************/ #loginBody {float:left;display:inline;width:960px;background:url(../images/login_bg_body.gif) top left repeat-y;} /** login form **/ #loginBody .loginForm {float:left;display:inline;width:660px;height:285px;margin: 20px 0 0 25px;background: url(../images/login_bg_form.gif) top left no-repeat;} #loginBody .loginForm .secure {float:right;display:inline;margin:33px 55px 0 0;font-size:12px;color:#999;} /** wraps form to control its placement **/ .loginForm .formWrapper {float:left;display:inline;width:450px;margin:20px 0 0 150px;} /** all div elements in the form **/ .loginForm .formWrapper .row, .loginForm .formWrapper .submit {float:left;display:inline;margin-bottom:3px;width:450px;color:#333;font-weight:bold;} .loginForm .formWrapper .label, .loginForm .formWrapper .field, .loginForm .formWrapper .retrievePassword {float:left;display:inline;width:350px;color:#333;font-weight:bold;} .loginForm .formWrapper .label {width:90px;margin-right:10px;text-align:right;} /** retrieve password row **/ .loginForm .formWrapper .retrievePassword {margin-top:10px;padding-left:30px;} .loginForm .formWrapper .retrievePassword a {text-decoration:none;margin-right:20px;padding-left:15px;background: url(../images/login_retrievePassArrow.gif) top left no-repeat;} /** all row specific styles **/ .loginForm .formWrapper .row {margin-bottom:10px;} .loginForm .formWrapper .label {font-weight:bold;padding-top:4px;font-size:1.1em;} .loginForm .formWrapper .notBold {font-weight:normal;} .loginForm .formWrapper .field input {width:300px;font-size:1.2em;} /** submit row styles **/ .loginForm .formWrapper .submit {float:left;display:inline;width:405px;margin-top:10px;} /** submit button **/ .loginForm .formWrapper .submit .submitButton {float:right;display:inline;width:123px;} .loginForm .formWrapper .submit .submitButton input {float:left;display:inline;width:139px;height:34px;padding:5px;background:transparent url(../images/login_bg_submitButton.gif) no-repeat;border:none;cursor:pointer;font-size:1.2em;font-weight:bold;color:#fff;} /** not currently a subscriber **/ #loginBody .loginForm .notCurrently {float:left;display:inline;width:560px;margin:70px 0 0 80px;} #loginBody .loginForm .notCurrently span {font-size:14px;font-weight:bold;} #loginBody .loginForm .notCurrently a {float:right;display:inline;width:95px;height:20px;padding:12px 5px 7px 15px;background:transparent url(../images/login_bg_signUpButton.gif) no-repeat;border:none;cursor:pointer;font-size:1.1em;color: #006980;text-decoration:none;} /** right column wrapper **/ #loginBody .rightColWrapper {float:right;display:inline;width:240px;margin-top:-35px;position:relative;z-index:1;} #loginBody .rightColWrapper h2 {font-size:1.1em;color:#fff;padding: 2px 0 0 30px;} #loginBody .rightColWrapper h3 {margin:0;font-size:1.15em;color:#000;font-weight:bold;} #loginBody .rightColWrapper ul.loginQuickLinks a{color:#666;font-weight:normal;text-decoration:none;} #loginBody .rightColWrapper ul.loginQuickLinks a:hover {text-decoration:underline;} #loginBody .rightColWrapper ul {display:none;float:left;display:inline;width:240px;margin-top:20px;} #loginBody .rightColWrapper ul li {float:left;display:inline;width:220px;padding: 15px 0 5px 10px;color:#666;border-bottom:1px solid #ccc;} #loginBody .rightColWrapper ul li.likeCash {width:140px;height:100px;padding-left:100px;background:transparent url(../images/login_bg_rightCol_likeCash.gif) top center no-repeat;} #loginBody .rightColWrapper ul li.likeCash a {font-weight:bold;color:#c2191c;} #loginBody .rightColWrapper ul li p {margin:4px 0;} #loginBody .rightColWrapper ul li.noBorder {border:0;} #loginBody .rightColWrapper ul li a {color:#c00;text-decoration:none;font-weight:bold;} #loginBody .rightColWrapper ul li img {float:left;display:inline;margin: 0 8px 10px 0;} #loginBody .rightColWrapper ul li .allSystems {float:left;display:inline;width:220px;height:30px;padding-top:5px;background:transparent url(../images/login_bg_rightCol_allGood.gif) no-repeat;font-size:.8em;text-align:center;} #loginBodyFooter {float:left;display:inline;width:960px;background:url(../images/login_bg_bodyFooter.gif) top left no-repeat;height:25px;} /* SIGN UP PAGE ************************************************************************************************************************************************************************************************************************/ #signUpBody {float:left;display:inline;width:960px;padding-bottom:40px;background:url(../images/signUp_bg_body.gif) top left repeat-y;} ul.noContracts {float:right;display:inline;position:relative;z-index:1;width:195px;margin:-110px 20px 0 0;} ul.noContracts li {margin-bottom:9px;font-family:Trebuchet MS, Tahoma, Arial, san-serif;font-size:17px;color:#fff;} /** sign up form - also used on the referrals form **/ #signUpBody .signupForm {float:left;display:inline;width:960px;min-height:415px;background: url(../images/signUp_bg_form.gif) top center no-repeat;margin-bottom:15px;} /** more generic form styles for tall forms !! tall forms require inline height styles **/ #signUpBody .tall {background-image: none;} #signUpBody .form_body {float:left;display:inline;width:960px;background: url(../images/form_body.gif) top center repeat-y;} .form_top {float:left;display:inline;width:960px;height:45px;background: url(../images/form_top.gif) top center no-repeat;} .form_bottom {float:left;display:inline;width:960px;height:20px;background: url(../images/form_bottom.gif) top center no-repeat;} #signUpBody .signupForm .requiredKey {float:right;display:inline;margin:0 105px 0 0;padding-left:15px;background: url(../images/signUp_requiredBullet.gif) 0 2px no-repeat;color:#c00;} #signUpBody .signupForm h2 {font-size:1.4em;color:#fff;padding: 6px 0 0 110px;} /** all div elements in the form have the same width **/ .signupForm .formWrapper {float:left;display:inline;width:710px;margin: 30px 0 0 130px;} .signupForm .formWrapper .row {float:left;display:inline;margin-bottom:15px;width:700px;font-size:1.1em;color:#000;font-weight:bold;} /** required fields marker **/ .signupForm .formWrapper .col .label .required, .signupForm .formWrapper .oneCol .label .required {float:left;display:inline;width:15px;height:15px;background: url(../images/signUp_requiredBulletsForm.gif) 0 2px no-repeat;} /** for rows with two columns **/ .signupForm .formWrapper .row .col {float:left;display:inline;width:350px;} .signupForm .formWrapper .col .label, .signupForm .formWrapper .col .field {width:350px;margin-bottom:3px;} .signupForm .formWrapper .col .label .split, .signupForm .formWrapper .col .field .split {float:left;display:inline;width:170px;} /** for rows with one columns **/ .signupForm .formWrapper .row .oneCol {float:left;display:inline;width:710px;} .signupForm .formWrapper .row .oneCol .label, .signupForm .formWrapper .row .oneCol .form {width:710px;margin-bottom:3px;} /** all row specific styles **/ .signupForm .formWrapper div {font-weight:bold;} .signupForm .formWrapper .notBold {font-weight:normal;} /** input text and textarea widths **/ .signupForm .formWrapper .col .field input, .signupForm .formWrapper .col .field input {width:315px;font-size:1.2em;} .signupForm .formWrapper .col .field select {width:200px;font-size:1em;} .signupForm .formWrapper .col .field select.small {width:135px;} .signupForm .formWrapper .oneCol .field input {width:670px;font-size:1.2em;} .signupForm .formWrapper .oneCol .field textarea {width:670px;height:100px;font-size:1.2em;} .signupForm .formWrapper .col .field .split input.small {width:100px;} /** submit row styles **/ .signupForm .formWrapper .submit {float:left;display:inline;width:250px;margin-top:10px;} .signupForm .formWrapper .submit .secure {float:left;display:inline;width:120px;} .signupForm .formWrapper .submit .secure img {float:left;display:inline;margin-right:5px;} .signupForm .formWrapper .submit .secure span {font-size:.95em;line-height:30px;color:#999;} #signUpBody .signUpSubmitRow {float:left;display:inline;width:790px;margin: 10px 0 0 80px;padding-left:10px;} #signUpBody .signUpSubmitRow .productSpecialist {float:left;display:inline;width:500px;} #signUpBody .signUpSubmitRow .productSpecialist div {margin-bottom:10px;} #signUpBody .signUpSubmitRow .submitButton {float:right;display:inline;} #signUpBody .signUpSubmitRow .submitButton input.submit {float:right;display:inline;width:185px;height:46px;padding:5px;background:transparent url(../images/signUp_bg_submitButton.gif) no-repeat;border:none;cursor:pointer;font-size:1.5em;font-weight:bold;color:#fff;text-align:center;} #signUpBodyFooter {float:left;display:inline;width:960px;background:url(../images/signUp_bg_bodyFooter.gif) top left no-repeat;height:35px;} #signUpBody .signUpFormConfirmation {float:left;display:inline;width:960px;height:300px;background: url(../images/signUp_bg_form_confirmation.gif) top center no-repeat;} #signUpBody .signUpFormConfirmation h2 {font-size:1.4em;color:#fff;padding: 6px 0 0 110px;} #signUpBody .signUpFormConfirmation .copy {float:left;display:inline;width:710px;margin: 30px 0 0 130px;} .signUpFormConfirmation ol {margin:10px 0 0 30px;} #signUpBody .signUpFormConfirmation ol li {list-style-type:decimal;} /* SEARCH RESULTS ************************************************************************************************************************************************************************************************************************/ #searchResultsBody {float:left;display:inline;width:860px;padding: 0 50px;background:url(../images/signUp_bg_body.gif) top left repeat-y;} #searchResultsBodyFooter {float:left;display:inline;width:960px;background:url(../images/searchResults_bg_footer.gif) top left no-repeat;height:35px;} /* TERMS OF USE, SECURITY STATEMENT AND PRIVACY STATEMENT ***************************************************************************************************************************************************/ #termsBody {float:left;display:inline;width:820px;padding: 20px 70px 30px 70px;padding-bottom:40px;background:url(../images/signUp_bg_body.gif) top left repeat-y;} #termsBodyFooter {float:left;display:inline;width:960px;background:url(../images/searchResults_bg_footer.gif) top left no-repeat;height:35px;} /* DEMO ************************************************************************************************************************************************************************************************************************/ #demoBody {float:left;display:inline;width:870px;padding: 0 45px;padding-bottom:20px;background:url(../images/signUp_bg_body.gif) top left repeat-y;} .addthis_button {float:right;display:inline;position:relative;z-index:1;margin-top:-10px;margin-bottom:10px;} /** demo / contact form row **/ .demoForm {float:left;display:inline;width:960px;height:340px;} /** demo, left col **/ .demoLeftCol {float:left;display:inline;width:643px;height:317px;background: url(../images/bg_demoLeftCol.gif) no-repeat;} /** h2 over gray bar in both demo and demoForm **/ .demoLeftCol h2, .demoRightForm h2 {font-size:1.1em;color:#fff;padding: 2px 0 0 30px;} /** demo changing content **/ .demoLeftContent {float:left;display:inline;width:550px;margin-top:45px;margin-left:40px;} .demoLeftContent p {font-size:14px;line-height:21px;color:#333;} .demoLeftContent ul.blueBtns {float:left;display:inline;width:600px;margin-top:30px;} .demoLeftContent ul.blueBtns li {float:left;display:inline;width:270px;} .demoLeftContent ul.blueBtns li a {display:block;width:206px;height:32px;padding:15px 0 0 15px;background:url(../images/bg_btn_blueLarge.gif) top left repeat-y;color:#006980;font-size:16px;text-decoration:none;} .demoLeftContent ul.blueBtns li a:hover {color:#333;} /** form, right col **/ .demoRightForm {float:left;display:inline;width:317px;height:317px;background: url(../images/bg_homeForm.gif) no-repeat;} /** wraps form to control its placement **/ .demoRightForm .formWrapper {float:left;display:inline;width:250px;margin:25px 0 0 30px;} /** all div elements in the form have the same width **/ .demoRightForm .formWrapper .row, .demoRightForm .formWrapper .label, .demoRightForm .formWrapper .field, .demoRightForm .formWrapper .submit {float:left;display:inline;margin-bottom:3px;width:250px;color:#fff;font-weight:bold;} /** all row specific styles **/ .demoRightForm .formWrapper .row {margin-bottom:10px;} .demoRightForm .formWrapper .label {font-weight:bold;} .demoRightForm .formWrapper .notBold {font-weight:normal;} .demoRightForm .formWrapper .field input {width:250px;} /** submit row styles **/ .demoRightForm .formWrapper .submit {float:left;display:inline;width:250px;margin-top:10px;} .demoRightForm .formWrapper .submit .secure {float:left;display:inline;width:120px;} .demoRightForm .formWrapper .submit .secure img {float:left;display:inline;margin-right:5px;} .demoRightForm .formWrapper .submit .secure span {font-size:.95em;line-height:30px;color:#999;} /** submit button **/ .demoRightForm .formWrapper .submit .submitButton {float:right;display:inline;width:123px;} .demoRightForm .formWrapper .submit .submitButton input {float:left;display:inline;width:123px;height:30px;padding:5px;background:transparent url(../images/bg_submitButton.gif) no-repeat;border:none;cursor:pointer;font-size:1.2em;font-weight:bold;color:#fff;} #demoBodyFooter {float:left;display:inline;width:960px;background:url(../images/searchResults_bg_footer.gif) top left no-repeat;height:35px;} /* PERSONAL TOUR ************************************************************************************************************************************************************************************************************************/ #personalTourBody {float:left;display:inline;width:870px;padding: 0 45px;background:url(../images/signUp_bg_body.gif) top left repeat-y;} /** sign up form **/ #personalTourBody .personalTourForm {float:left;display:inline;width:840px;height:680px;margin-left:25px;background: url(../images/bg_personalTourFormPage.gif) top center no-repeat;} #personalTourBody .personalTourForm .persoanTourCopy {float:left;display:inline;width:480px;margin:10px 0 0 20px;} #personalTourBody .requiredKey {float:right;display:inline;height:20px;margin:0 105px 0 0;padding-left:15px;background: url(../images/signUp_requiredBullet.gif) 0 2px no-repeat;color:#c00;} #personalTourBody .secureKey {float:right;display:inline;height:20px;margin:0 10px 0 0;padding-left:20px;background: url(../images/secureFormLockIcon.gif) 0 0 no-repeat;} /** all div elements in the form have the same width **/ .personalTourForm .formWrapper {float:left;display:inline;width:710px;height:300px;margin: 130px 0 0 60px;} .personalTourForm .formWrapper .row {float:left;display:inline;margin-bottom:3px;width:700px;font-size:1.1em;color:#000;font-weight:bold;} .personalTourForm .formWrapper .row .col {float:left;display:inline;width:350px;} .personalTourForm .formWrapper .label, .personalTourForm .formWrapper .field {width:350px;margin-bottom:3px;} .personalTourForm .formWrapper .label .split, .personalTourForm .formWrapper .field .split {float:left;display:inline;width:170px;} .personalTourForm .formWrapper .label .required {float:left;display:inline;width:15px;height:15px;background: url(../images/signUp_requiredBulletsForm.gif) 0 2px no-repeat;} /** all row specific styles **/ .personalTourForm .formWrapper .row {margin-bottom:15px;} .personalTourForm .formWrapper div {font-weight:bold;} .personalTourForm .formWrapper .notBold {font-weight:normal;} .personalTourForm .formWrapper .field input {width:315px;font-size:1.2em;} .personalTourForm .formWrapper .field .split input.small {width:100px;} /** submit row styles **/ #personalTourBody .col .submitButton {float:left;display:inline;width:350px;margin-top:10px;} #personalTourBody .col .submitButton input.submit {float:left;display:inline;width:139px;height:34px;padding:5px;background:transparent url(../images/login_bg_submitButton.gif) no-repeat;border:none;cursor:pointer;font-size:1.2em;font-weight:bold;color:#fff;} #personalTourBodyFooter {float:left;display:inline;width:960px;background:url(../images/searchResults_bg_footer.gif) top left no-repeat;height:35px;} /* REFERRALS ************************************************************************************************************************************************************************************************************************/ .referrals_copy {float:left;display:inline;width:790px;margin:30px 0;padding: 0 90px;} .rightCopy {float:right;display:inline;width:470px;padding-top:20px;} .secureKey {float:right;display:inline;margin:0 10px 0 0;padding-left:25px;background: url(../images/referrals_icon_secureForm.gif) 0 0 no-repeat;color:#666;} /* FAQS ************************************************************************************************************************************************************************************************************************/ .featuresContentWrapper .leftCol p.q {font-weight:bold;margin-bottom:6px;} .featuresContentWrapper .leftCol p.a {margin-bottom:6px;} .featuresContentWrapper .leftCol p.backToTop {margin-top:0;margin-bottom:22px;text-align:right;font-size:.95em;} .featuresContentWrapper .leftCol p.backToTop a {text-decoration:none;} /* HOME ************************************************************************************************************************************************************************************************************************/ /** fade in/out demo content with bottom tabs */ .homeDemoWrapper {height:400px !important; overflow:hidden;} .homeDemoTabs {float:left;display:inline;width:410px;margin-top:-100px;margin-left:312px;} .homeDemoTabs li {float:left;display:inline;position:relative;width:81px;height:47px;padding:0;margin:0;} /** links below slider that control slider */ .homeDemoTabs li a {float:left;width:80px;height:30px;padding:15px 0 10px 0;text-align:center;font-family:Trebuchet MS, Tahoma, Arial, san-serif;line-height:14px;text-decoration:none !important;color:#999;} .homeDemoTabs li.longCopy a {padding:10px 0 10px 0;} .homeDemoTabs li a:hover, .homeDemoTabs li a.current {background: url(../images/homeDemoSliderTabs_on.gif) no-repeat;text-decoration:none;color:#ff2324;} /** all fade in/out demo content divs **/ .homeDemoContent {float:left;display:inline;width:960px;height:400px;} .homeDemoContent .copy {float:left;display:inline;width:350px;margin-top:90px;margin-left:312px;} .homeDemoContent .copy h1 {color:#000;font-size:2.2em;} .homeDemoContent .copy p {font-size:14px;line-height:22px;color:#666;} /** combined with homeDemoContent, defines background for each **/ .homeDemoWrapper .easy {background: transparent url(../images/homeDemoSliderContent_bg_easy.jpg) no-repeat;} .homeDemoWrapper .demo {background: transparent url(../images/homeDemoSliderContent_bg_demo.jpg) no-repeat;} .homeDemoWrapper .tour {background: transparent url(../images/homeDemoSliderContent_bg_tour.jpg) no-repeat;} .homeDemoWrapper .trial {background: transparent url(../images/homeDemoSliderContent_bg_trial.jpg) no-repeat;} .homeDemoWrapper .podcast {background: transparent url(../images/homeDemoSliderContent_bg_podcast.jpg) no-repeat;} /** (personal) tour layout **/ /** buttons on far right **/ .homeDemoContent .personalTourButtons {float:right;display:inline;width:247px;margin-top:10px;} .homeDemoContent .personalTourButtons li {float:right;display:block;width:240px;/*height:90px;outline:1px solid #c00;padding:20px 0 0 25px;padding-top:15px;*/} /*.homeDemoContent .personalTourButtons li.bottom {height:80px;}*/ /** places copy on the left and a link on the right in the view demo / personal tour / free trial boxes **/ .homeDemoContent .personalTourButtons li .buttonCopy {float:left;display:inline;width:145px;} .homeDemoContent .personalTourButtons li a.view {float:right;display:block;width:70px;height:90px;} /** copy / link treatements for far right buttons **/ .homeDemoContent .personalTourButtons li.dark a.para, .homeDemoContent .personalTourButtons li.dark a.h2 {color:#fff;text-decoration:none;} .homeDemoContent .personalTourButtons li.dark a.h2:hover {color:#efefef;} .homeDemoContent .personalTourButtons li a.h2 {float:left;display:inline;width:150px;padding-top:25px;padding-left: 20px;font-size:16px;text-decoration:none;color:#006980;} .homeDemoContent .personalTourButtons li a.h2:hover {color:#033;} .homeDemoContent .personalTourButtons li a.para {float:left;display:inline;width:150px;height:50px;padding-left:20px;color:#578d9b;font-size:11px;line-height:13px;text-decoration:none;} /** 'easy to' carousel **/ .codaHome .coda-slider-wrapper {float:left;display:inline;clear: both;width:990px;height:220px!important;overflow:hidden!important;margin-left:-10px;margin-top:-40px;background:transparent url(../images/bg_homeCarousel.gif) no-repeat;} .codaDemo .coda-slider-wrapper {float:left;display:inline;clear: both;width:990px;height:180px!important;overflow:hidden!important;margin-left:-10px;background:transparent url(../images/bg_demoCarousel.gif) no-repeat;background-position:10px 0;} .codaDemo h2 {color:#fff;margin-top:-5px;margin-left:30px;} /** Use this to keep the slider content contained in a box even when JavaScript is disabled **/ .coda-slider-no-js .coda-slider {height:180px;overflow: auto !important;} /** generic necessary values */ .coda-slider {float:left;position:relative;overflow:hidden;width:905px;margin-left:5px;} .coda-slider .panel {float:left;display: block;} .coda-slider .panel-container {position: relative;} /** Change the width of the entire slider (without dynamic arrows) **/ .coda-slider, .coda-slider .panel {height:220px!important;overflow:hidden!important;} /** Change margin and width of the slider (with dynamic arrows) **/ .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {width:905px;} /** Change margin and width of the slider (with dynamic arrows) **/ .codaDemo .coda-slider-wrapper.arrows .coda-slider, .codaDemo .coda-slider-wrapper.arrows .coda-slider .panel {width:915px;} .coda-nav ul {z-index:1000;} /** Arrow styling: home **/ .coda-nav-left {float:left;display:inline;width:30px;position:relative;top:70px;} .coda-nav-left a {display:block;width:30px;height:30px;background: url(../images/bg_homeCarousel_arrowLeft.gif) no-repeat;text-align: center;text-decoration: none;} .coda-nav-right {float:left;display:inline;width:30px;position:relative;top:70px;} .coda-nav-right a {display:block;width:30px;height:30px;background: url(../images/bg_homeCarousel_arrowRight.gif) no-repeat;text-align: center;text-decoration: none;} /** Arrow styling: demo **/ .codaDemo .coda-slider-wrapper .coda-nav-left {float:left;display:inline;width:30px;position:relative;top:50px;} .codaDemo .coda-slider-wrapper .coda-nav-left a {display:block;width:30px;height:30px;background: url(../images/bg_homeCarousel_arrowLeft.gif) no-repeat;text-align: center;text-decoration: none;} .codaDemo .coda-slider-wrapper .coda-nav-right {float:left;display:inline;width:30px;position:relative;top:50px;} .codaDemo .coda-slider-wrapper .coda-nav-right a {display:block;width:30px;height:30px;background: url(../images/bg_homeCarousel_arrowRight.gif) no-repeat;text-align: center;text-decoration: none;} /** Panel padding **/ .coda-slider .panel-wrapper {height:170px;} /** Preloader **/ .coda-slider p.loading {text-align:center;padding-top:60px;color:#666;} /** Tabbed nav: home **/ .codaHome .coda-slider-wrapper .coda-nav ul {display: block;position:relative;clear:both;margin:auto;overflow:hidden;top:200px;width:45px !important;} .codaHome .coda-slider-wrapper .coda-nav ul li {display: inline;} .codaHome .coda-slider-wrapper .coda-nav ul li a {float:left;display: block;width:10px;height:10px;margin-right:5px;background: url(../images/bg_homeCarousel_a.gif) no-repeat;} .codaHome .coda-slider-wrapper .coda-nav ul li a:hover, .coda-nav ul li a.current {float:left;display: block;width:10px;height:10px;margin-right:5px;background: url(../images/bg_homeCarousel_a_on.gif) no-repeat;} /** Tabbed nav: demo **/ .codaDemo .coda-slider-wrapper .coda-nav ul {display: block;position:relative;clear:both;margin:auto;overflow:hidden;top:170px;width:45px !important;} .codaDemo .coda-slider-wrapper .coda-nav ul li {display: inline;} .codaDemo .coda-slider-wrapper .coda-nav ul li a {float:left;display: block;width:10px;height:10px;margin-right:5px;background: url(../images/bg_homeCarousel_a.gif) no-repeat;} .codaDemo .coda-slider-wrapper .coda-nav ul li a:hover, .coda-nav ul li a.current {float:left;display: block;width:10px;height:10px;margin-right:5px;background: url(../images/bg_homeCarousel_a_on.gif) no-repeat;} /** 'easy to' carousel content boxes structure: home **/ .codaHome .coda-slider-wrapper .panel-wrapper ul {float:left;display:inline;width:900px;margin-top:4px;} .codaHome .coda-slider-wrapper .panel-wrapper ul li {float:left;display:inline;width:300px;height:140px;padding-top:25px;background: url(../images/bg_homeCarouselPanel.gif) no-repeat;} /** carousel content boxes structure: demo **/ .codaDemo .coda-slider-wrapper .panel-wrapper ul {float:left;display:inline;width:910px;margin:10px 0 0 5px;} .codaDemo .coda-slider-wrapper .panel-wrapper ul li {float:left;display:inline;width:224px;height:100px;padding-top:15px;margin-left:1px;background: url(../images/bg_demoCarouselPanel.gif) no-repeat;} /** 'easy to' carousel content formatting **/ .codaHome .coda-slider-wrapper .panel-wrapper ul li img {float:left;display:inline;margin-left:2px;} .codaHome .coda-slider-wrapper .panel-wrapper ul li .carouselCopy {float:left;display:inline;width:145px;} /** demo carousel content formatting **/ .codaDemo .coda-slider-wrapper .panel-wrapper ul li img {float:left;display:inline;margin-left:6px;margin-right:4px;} .codaDemo .coda-slider-wrapper .panel-wrapper ul li .carouselCopy {float:left;display:inline;width:120px;color:#666;} .codaDemo .coda-slider-wrapper .panel-wrapper ul li .carouselCopy a {float:left;display:inline;position:absolute;top:75px;width:80px;height:16px;background: url(../images/codaPlayVideo.gif) no-repeat;} .codaDemo .coda-slider-wrapper .panel-wrapper ul li .carouselCopy p.attribution {margin:0;} /** testimonials / contact form row **/ .testimonialsForm {float:left;display:inline;width:960px;height:320px;overflow:hidden;} /** testimonials, left col **/ .testimonials {float:left;display:inline;width:643px;height:317px;background: url(../images/bg_testimonials.gif) no-repeat;} /** h2 over gray bar in both testimonials and homeForm **/ .testimonials h2, .homeForm h2 {font-size:1.1em;color:#fff;padding: 2px 0 0 30px;} /** testimonials changing content **/ .testimonialsContent {float:left;display:inline;width:531px;margin-top:40px;margin-left:20px;} .testimonials img {float:left;display:inline;} .testimonialsCopy {float:left;display:inline;width:260px;background:#f7f7f7;} .testimonialsCopy p {font-size:21px;line-height:30px;} .testimonialsCopy .attribution {font-size:14px;color:#666;} .testimonialsCopy img {margin-top:20px;margin-left:40px;} /** testimonials people tabs (trigger content change) **/ .testimonialsPeopleTabs {float:left;display:inline;width:58px;} .testimonialsPeopleTabs ul {float:left;display:inline;width:58px;} .testimonialsPeopleTabs ul li {float:left;display:inline;clear:left;width:58px;height:70px;} /** all image links **/ .testimonialsPeopleTabs ul li a {display:block;width:58px;height:58px;} /** places corresponding images behind each a **/ .testimonialsPeopleTabs ul li.person1 a {background: url(../images/testimonialsPerson1.gif) no-repeat top right;} .testimonialsPeopleTabs ul li.person1 a:hover, .testimonialsPeopleTabs ul li.person1 a.current {background: url(../images/testimonialsPerson1.gif) no-repeat top left;} .testimonialsPeopleTabs ul li.person2 a {background: url(../images/testimonialsPerson2.gif) no-repeat top right;} .testimonialsPeopleTabs ul li.person2 a:hover, .testimonialsPeopleTabs ul li.person2 a.current {background: url(../images/testimonialsPerson2.gif) no-repeat top left;} .testimonialsPeopleTabs ul li.person3 a {background: url(../images/testimonialsPerson3.gif) no-repeat top right;} .testimonialsPeopleTabs ul li.person3 a:hover, .testimonialsPeopleTabs ul li.person3 a.current {background: url(../images/testimonialsPerson3.gif) no-repeat top left;} .testimonialsPeopleTabs ul li.person4 a {background: url(../images/testimonialsPerson4.gif) no-repeat top right;} .testimonialsPeopleTabs ul li.person4 a:hover, .testimonialsPeopleTabs ul li.person4 a.current {background: url(../images/testimonialsPerson4.gif) no-repeat top left;} /** form, right col **/ .homeForm {float:left;display:inline;width:317px;height:317px;background: url(../images/bg_homeForm.gif) no-repeat;} /** wraps form to control its placement **/ .homeForm .formWrapper {float:left;display:inline;width:250px;margin:25px 0 0 30px;} /** all div elements in the form have the same width **/ .homeForm .formWrapper .row, .homeForm .formWrapper .label, .homeForm .formWrapper .field, .homeForm .formWrapper .submit {float:left;display:inline;margin-bottom:3px;width:250px;color:#fff;font-weight:bold;} /** all row specific styles **/ .homeForm .formWrapper .row {margin-bottom:10px;} .homeForm .formWrapper .label {font-weight:bold;} .homeForm .formWrapper .notBold {font-weight:normal;} .homeForm .formWrapper .field input {width:250px;} /** submit row styles **/ .homeForm .formWrapper .submit {float:left;display:inline;width:250px;margin-top:10px;} .homeForm .formWrapper .submit .secure {float:left;display:inline;width:120px;} .homeForm .formWrapper .submit .secure img {float:left;display:inline;margin-right:5px;} .homeForm .formWrapper .submit .secure span {font-size:.95em;line-height:30px;color:#999;} /** submit button **/ .homeForm .formWrapper .submit .submitButton {float:right;display:inline;width:123px;} .homeForm .formWrapper .submit .submitButton input {float:left;display:inline;width:123px;height:30px;padding:5px;background:transparent url(../images/bg_submitButton.gif) no-repeat;border:none;cursor:pointer;font-size:1.2em;font-weight:bold;color:#fff;} /** CRM row **/ .crmRow {float:left;display:inline;width:960px;margin-top:20px;background: url(../images/bg_crmLabelRow.gif) no-repeat;} /** top tab links **/ #crmLabelRow {float:left;display:inline;width:960px;height:32px;border-bottom:1px solid #ccc;} /** js applies a class to swap the background image - classes are sales, web, migration and business **/ .crmRow .sales_on {background: url(../images/bg_crmLabel_1_on.gif) no-repeat;} .crmRow .web_on {background: url(../images/bg_crmLabel_2_on.gif) no-repeat;} .crmRow .migration_on {background: url(../images/bg_crmLabel_3_on.gif) no-repeat;} .crmRow .business_on {background: url(../images/bg_crmLabel_4_on.gif) no-repeat;} .crmRow .sales_on a.current, .crmRow .web_on a.current, .crmRow .migration_on a.current, .crmRow .business_on a.current {color:#ff2324;font-weight:bold;} #crmLabelRow ul {float:left;display:inline;width:960px;height:32px;} /**each li = a link **/ #crmLabelRow ul li {float:left;display:inline;width:240px;height:32px;} #crmLabelRow ul li a {float:left;display:block;width:240px;height:32px;line-height:35px;text-align:center;font-weight:bold;text-decoration:none !important;} /** hides content area for all divs **/ #dcustomize_1, #dcustomize_2, #dcustomize_3, #dcustomize_4 {display:none;} /** copy row (content changes via script) **/ .crmCopyRow {float:left;display:inline;width:960px;} .crmRow_copy {float:left;display:inline;width:860px;padding: 40px 50px 0 50px;background: url(../images/bg_crmContent.gif) repeat;} .crmRow_copy ul {margin: 4px 0 16px 40px;list-style:disc;} .crmRow_copy li {list-style:disc;color:#333;} /** right coppy block**/ .crmRow_rightCaption_bolt, .crmRow_rightCaption_bulb, .crmRow_rightCaption_arrows, .crmRow_rightCaption_globe {float:right;display:inline;width:185px;height:125px;margin:-20px 0 0 20px;padding:20px;font-size:11px;line-height:19px;color:#666;} .crmRow_rightCaption_bolt {background: url(../images/bg_crmRow_rightCaption_bolt.gif) no-repeat;} .crmRow_rightCaption_bulb {background: url(../images/bg_crmRow_rightCaption_bulb.gif) no-repeat;} .crmRow_rightCaption_arrows {background: url(../images/bg_crmRow_rightCaption_arrows.gif) no-repeat;} .crmRow_rightCaption_globe {background: url(../images/bg_crmRow_rightCaption_globe.gif) no-repeat;} .crmRow_copyFooter {float:left;display:inline;width:960px;height:15px;background: url(../images/bg_crmContentFooter.gif) no-repeat;} /** footer ************************************************************************************************************************************************/ #footer {float:left;display:inline;width:960px;height:330px;margin:10px 0 0 10px;background: url(../images/bg_footerRow.gif) no-repeat;} /** contains all columns **/ #footer ul.columns {float:left;display:inline;width:960px;} /** four columns columns **/ #footer li.links, #footer li.blog, #footer li.news, #footer li.connect {float:left;display:inline;width:238px;height:230px;} /** h2 in gray box for three right columns **/ #footer h2 {font-family:Helvetica, Arial, Verdana, Helvetica, sans-serif;font-size:12px;margin-top:35px;margin-bottom:20px;text-align:center;} /** links column **/ #footer ul li.links {height:130px;padding-top:100px;} #footer ul li.links ul {float:left;display:inline;margin-left:30px;} #footer ul li.links li {float:left;display:inline;width:100px;} #footer ul li.links a {display:block;font-size:.9em;text-decoration:none;} /** news and company columns **/ #footer ul li.blog p, #footer ul li.news p {margin:0;padding:5px 30px;font-size:11px;line-height:13px;} #footer ul li.blog a, #footer ul li.news a {font-size:11px;line-height:13px;text-decoration:none;} #footer ul li.blog p.postdate, #footer ul li.news p.postdate {padding-top:0;padding-bottom:10px;color:#ccc;font-weight:bold;} /** connect column **/ #footer ul li.connect li {float:left;display:inline;width:160px;margin-left:30px;margin-bottom:5px;} #footer ul li.connect li img {float:left;display:inline;margin-right:10px;} #footer ul li.connect li a {font-size:11px;line-height:13px;text-decoration:none;} /** contains all columns **/ #footer ul.phoneAndFooterLinks {float:left;display:inline;width:960px;margin-bottom:6px;} /** four columns columns **/ #footer ul.phoneAndFooterLinks li.phone {float:left;display:inline;width:238px;text-align:center;font-size:20px;margin-top:10px;color:#666;} #footer ul.phoneAndFooterLinks li.footerlinks {float:left;display:inline;width:722px;text-align:right;} #footer ul.phoneAndFooterLinks li.footerlinks a.redBackground {float:right;display:block;width:151px;height:30px;margin-right:3px;padding:3px;background: transparent url(../images/a_footerlinks.gif) no-repeat;text-align:center;color:#fff;text-decoration:none;} #footer ul.phoneAndFooterLinks li.footerlinks a.redBackground:hover {color:#efefef;} /** copyright **/ #footer ul.copyrightRow {float:left;display:inline;width:960px;} #footer ul.copyrightRow li {width:960px;text-align:right;font-size:10px;color:#666;} #footer ul.copyrightRow li a {font-size:10px;}