/* LAYOUT */ /* ----------------------------------------- */ /* CONTENTS - STYLE.CSS ----------------------------------------- 1. RESET 2. ROOT 3. CORE TYPOGRAPHY 4. LINKS 5. FORMS 6. PRIMARY STYLES 7. BROWSER AND NON-SEMANTIC STYLING 8. MEDIA QUERIES 9. PRINT 10. ADD THIS STYLING */ @import "reset.css"; @import "typography.css"; @import "forms.css"; /* 1. RESET ----------------------------------------------------------------------------------------*/ /* See reset.css */ /* 2. ROOT ----------------------------------------------------------------------------------------*/ html, body { background: #FFF; height: 100%; } /* Responsive media */ img, embed, object, video { max-width: 100%; } .ie6 img.full, .ie6 object.full, .ie6 embed, .ie6 video { width: 100%; } /* 3. CORE TYPOGRAPHY ----------------------------------------------------------------------------------------*/ /* See typography.css */ /* 4. LINKS ----------------------------------------------------------------------------------------*/ a:hover, a:active { outline: none; } a, a:active, a:visited { color: #0088cc; text-decoration: none;} a:hover { color: #0088cc; text-decoration: underline; } a:link {} /* 5. FORMS ----------------------------------------------------------------------------------------*/ /* see forms.css */ /* 6. PRIMARY STYLES ----------------------------------------------------------------------------------------*/ /*#wrap { width: 100%; background: #FAFAFA url(../images/layout/body-bg.png) repeat; text-align: center;}*/ /*#main { width: 988px; margin: 0 auto; text-align: left; background: #F3F3F3; no-repeat 50% 0; }*/ header { height: 78px; /* border-left: 1px solid #e3e3e3; */ /* border-right: 1px solid #e3e3e3; */ /* background: #fff; */ } /*header a#home-link { float: left; margin: 28px 0 0 53px; }*/ nav#site-navigation { float: right; margin: 40px 30px 0 0px; } nav#site-navigation ul { margin: 0; padding: 0; } nav#site-navigation ul li { display: inline; line-height: 1; } nav#site-navigation ul li a { color: #666; font-weight: 400; text-decoration: none; padding: 0 12px; } nav#site-navigation ul li a:hover, nav#site-navigation ul li.active a { color: #029e4a; } #utility { background: #FAFAFA url(/images/layout/body-bg.png) repeat; padding: 20px 40px; } #utility nav#utility-navigation { float: left; margin: 0 0 20px 0; } #utility nav#utility-navigation ul {} #utility nav#utility-navigation ul li { display: inline; } #utility nav#utility-navigation ul li a { color: #0088cc; font-size: 14px; text-decoration: none; padding: 0 12px; } #utility nav#utility-navigation ul li.active a { color: #888; } #utility nav#utility-navigation ul li a:hover { text-decoration: underline; } #utility #social { float: right; } #utility p { text-align: center; color: #8a8c8e; font-size: 10px; clear: both; margin: 0 auto 10px; max-width: 620px; } /* Sticky footer */ #wrap { min-height: 100%; } #main { overflow: visible; /* must be same height as the footer */ } footer { /* position: relative; */ margin-top: -150px; /* negative value of footer height */ height: 150px; clear:both; } body:before { content:""; height: 100%; float: left; width: 0; margin-top: -32767px; } /*Opera Fix*/ footer { background: #4d4d4d; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #4d4d4d 0%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(100%,#000000)); background: -webkit-linear-gradient(top, #4d4d4d 0%,#000000 100%); background: -o-linear-gradient(top, #4d4d4d 0%,#000000 100%); background: -ms-linear-gradient(top, #4d4d4d 0%,#000000 100%); background: linear-gradient(top, #4d4d4d 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#000000',GradientType=0 ); } footer #footer-wrap { width: 960px; margin: 0 auto; } footer #footer-wrap .family { float: left; width: 160px; height: 150px; /* position: relative; */ } footer #footer-wrap .family .current { position: absolute; top: 0; left: 18px; width: 36px; height: 18px; background: url(/images/layout/footer-current.png) no-repeat 0 0; } footer #footer-wrap .family a { padding: 35px 20px 0 20px; color: #8a8c8e; text-decoration: none; font-weight: 400; display: block; height: 115px; } footer #footer-wrap .family a p { font-size: 12px; margin: 0; } footer #footer-wrap .gomobi a, footer #footer-wrap .family a:hover { color: #FFF; background: #000000; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #000000 0%, #333333 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#333333)); background: -webkit-linear-gradient(top, #000000 0%,#333333 100%); background: -o-linear-gradient(top, #000000 0%,#333333 100%); background: -ms-linear-gradient(top, #000000 0%,#333333 100%); background: linear-gradient(top, #000000 0%,#333333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#333333',GradientType=0 ); } footer #footer-wrap .family a h4 { height: 25px; text-indent: -9999px; background-image: url(/images/layout/footer-logos.png); background-repeat: no-repeat; } .ie6 footer #footer-wrap .family a h4 { background-image: url(/images/layout/footer-logos.gif); } footer #footer-wrap .dotmobi a h4 { background-position: -50px -50px; } footer #footer-wrap .dotmobi a:hover h4 { background-position: -50px -100px; } footer #footer-wrap .mobithinking a h4 { background-position: -210px -50px; } footer #footer-wrap .mobithinking a:hover h4 { background-position: -210px -100px; } footer #footer-wrap .mobiforge a h4 { background-position: -369px -50px; } footer #footer-wrap .mobiforge a:hover h4 { background-position: -369px -100px; } footer #footer-wrap .mobiready a h4 { background-position: -526px -50px; } footer #footer-wrap .mobiready a:hover h4 { background-position: -526px -100px; } footer #footer-wrap .deviceatlas a h4 { background-position: -684px -50px; } footer #footer-wrap .deviceatlas a:hover h4 { background-position: -684px -100px; } footer #footer-wrap .gomobi a h4 { background-position: -841px -100px; } footer #footer-wrap .gomobi a:hover h4 { background-position: -841px -100px; } /* Home page */ #home-banner, #animation-backup { background: #fff; height: 345px; width: 986px; overflow: hidden; position: relative; border-bottom: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; z-index: 1; } /* border-right not appearing when home-banner is set to 988px */ #home-banner #animation-banner { height: 345px; background: url(/images/layout/loading.gif) no-repeat 50% 50%; position: relative; } #devices, #background-1, #background-2 { height: 1448px; width: 1448px; position: absolute; left: -230px; top: 0px; } /* Reversed the animation timings */ #devices { background: url(/images/animation/animation-devices.png) no-repeat 0 0; z-index: 4; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } #background-1 { background: url(/images/animation/animation-backgrounds-1.png) no-repeat 0 0; z-index: 2; -webkit-transition: all 1200ms ease; -moz-transition: all 1200ms ease; -o-transition: all 1200ms ease; transition: all 1200ms ease; } #background-2 { background: url(/images/animation/animation-backgrounds-2.png) no-repeat 0 0; z-index: 3; -webkit-transition: all 1400ms ease; -moz-transition: all 1400ms ease; -o-transition: all 1400ms ease; transition: all 1400ms ease; } /* #home-banner .one #devices, #home-banner .one #background-1, #home-banner .one #background-2 { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } #home-banner .two #devices, #home-banner .two #background-1, #home-banner .two #background-2 { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #home-banner .three #devices, #home-banner .three #background-1, #home-banner .three #background-2 { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #home-banner .four #devices, #home-banner .four #background-1, #home-banner .four #background-2 { -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } #home-banner .five #devices, #home-banner .five #background-1, #home-banner .five #background-2 { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } */ #home-banner .notrans #devices, #home-banner .notrans #background-1, #home-banner .notrans #background-2 { -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none; } #home-banner .zero #devices, #home-banner .zero #background-1, #home-banner .zero #background-2 { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } #home-banner .one #devices, #home-banner .one #background-1, #home-banner .one #background-2 { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } #home-banner .two #devices, #home-banner .two #background-1, #home-banner .two #background-2 { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #home-banner .three #devices, #home-banner .three #background-1, #home-banner .three #background-2 { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #home-banner .four #devices, #home-banner .four #background-1, #home-banner .four #background-2 { -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } #home-banner .five #devices, #home-banner .five #background-1, #home-banner .five #background-2 { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } #animation-pagination { position: relative; } .no-csstransforms #animation-pagination { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #animation-pagination a#next, #animation-pagination a#prev { background-image: url(/images/layout/animation-pagination.png); background-repeat: no-repeat; width: 40px; height: 50px; position: absolute; text-indent: -9999px; z-index: 100; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } #animation-pagination a#next { display: none; background-position: 0 0; top: -120px; left: 25px; } #animation-pagination a#next:hover { background-position: 0 -60px; } #animation-pagination a#prev { display: none; background-position: -50px 0; top: -120px; left: 920px; } #animation-pagination a#prev:hover { background-position: -50px -60px; } #home-banner a.green-button { position: absolute; z-index: 99; right: 50px; top: 70px; padding: 8px 20px; } #home-banner a.marketing-video-link { position: absolute; z-index: 99; text-align: center; color: #0088CC; font-size: 18px; right: 50px; top: 120px; width: 130px; height: 39px; padding: 17px 0 0 44px; background: url(/images/icons/watch-video.png) no-repeat 0 50%; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } #home-banner a.marketing-video-link:hover { text-decoration: underline; /*background: url(/images/buttons/watch-our-video.png) no-repeat 0 -100px;*/ } #home-banner #home-banner-shadow { position: absolute; width: 988px; height: 11px; left: 0; top: 334px; } #home-cta { background: #fff; text-align: center; padding: 30px 0; border-left: 1px solid #E3E3E3; border-right: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3; } #home-cta h1 { font-size: 32px; font-weight: 400; margin-bottom: 0; } #home-cta #buttons { margin: 40px 0; } #home-cta #buttons a { margin: 0 10px; } #home-cta #latest { line-height: 24px; background: url(/images/icons/new-orange.png) no-repeat 0 0; margin: 20px auto 0; padding-left: 58px; width: 660px; } #home-cta #getmotick { line-height: 65px; background: url(/images/icons/getmoicon.png) no-repeat 0 0; margin: 20px auto 0; padding-left: 102px; width: 500px; } #home-resellers { padding: 25px 0; min-height: 200px; text-align: center; background: #FFF; border-left: 1px solid #E3E3E3; border-right: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3; } #home-resellers .green-button { margin-left: 20px; } #home-resellers h3 { font-size: 16px; color: #029e4a; font-weight: 600; margin: 20px 0; } .reseller-carousel { position: relative; } #reseller-fade-left { position: absolute; background: url(/images/layout/reseller-fade-left.png) repeat-y 0 0; width: 60px; height: 200px; left: 0; top: 0; z-index: 5; } #reseller-fade-right { position: absolute; background: url(/images/layout/reseller-fade-right.png) repeat-y 100% 0; width: 60px; height: 200px; left: 926px; top: 0; z-index: 5; } #reseller-carousel-container { min-height: 200px; } /*.reseller-carousel div.item { text-align: center; width: 250px; padding: 0; margin: 30px; display: block; float: left; }*/ .reseller-carousel div.item { background: #fcfcfd; background: -moz-linear-gradient(top, #e6e7e8 5%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#e6e7e8), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #e6e7e8 5%, #ffffff 100%); background: -o-linear-gradient(top, #e6e7e8 5%, #ffffff 100%); background: -ms-linear-gradient(top, #e6e7e8 5%, #ffffff 100%); background: linear-gradient(top, #e6e7e8 5%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e7e8', endColorstr='#ffffff',GradientType=0 ); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0px 2px 2px rgba(000,000,000,0.1); -webkit-box-shadow: 0px 2px 2px rgba(000,000,000,0.1); text-shadow: 0px 1px 0px rgba(255,255,255,0.2); text-align: center; width: 228px; min-height: 135px; padding: 10px 15px 13px 15px; margin: 30px 26px; display: block; float: left; } .reseller-carousel div.item img { text-align: center; margin-bottom: 15px; } .reseller-carousel div.item blockquote { border: none; padding: 0; margin: 0; } .pager { text-align: center; } .pager a { display: inline-block; line-height: 1; width: 11px; height: 11px; overflow: hidden; margin: 0 5px; background: url(/images/layout/reseller-pagination.png) no-repeat 0 0; } .pager a span { background: url(/images/layout/reseller-pagination-selected.png) no-repeat 0 0; display: block; line-height: 1; width: 11px; height: 11px; overflow: hidden; text-indent: -9999px; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; -webkit-perspective: 1000; /* hack to force GPU rendering and prevent flicker on transition */ } .pager a.selected span { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .ie8 .pager a { background: url(/images/layout/reseller-pagination.png) no-repeat 0 0; } .ie8 .pager a span { background: none; } .ie8 .pager a.selected span { background: url(/images/layout/reseller-pagination-selected.png) no-repeat 0 0; } .ie7 .pager a { background: url(/images/layout/reseller-pagination.png) no-repeat 0 0; display: inline-block; } .ie7 .pager a span { background: none; display: block; } .ie7 .pager a.selected span { background: url(/images/layout/reseller-pagination-selected.png) no-repeat 0 0; } #page-introduction { background: #fff; padding: 25px 0 25px 52px; border-left: 1px solid #E3E3E3; border-right: 1px solid #E3E3E3; } #page-introduction h1 { font-size: 32px; color: #029e4a; font-weight: 600; margin: 20px 0 6px; } #page-introduction p { width: 416px; margin-bottom: 6px; line-height: 22px; } /* Individual page images */ #take-a-tour #page-introduction { background: #fff url('/images/take-a-tour/page-header.jpg') no-repeat right 30px; height: 254px; } #about-us #page-introduction { background: #fff; } #become-a-reseller #page-introduction { background: #fff url('/images/become-a-reseller/page-header.jpg') no-repeat right 0; height: 240px; } #support #page-introduction { background: #fff url('/images/support/page-header.jpg') no-repeat right 0; height: 240px; } /*case studies block*/ #case-studies { background: #fff; padding: 25px 52px 25px 52px; } #case-studies h1 { font-size: 32px; color: #029e4a; font-weight: 600; margin: 20px 0 6px; } .case-study { clear: both; } .case-study .lhs { position: relative; width: 490px; float: left; } .case-study .rhs { position: relative; width: 340px; float: right; } /* Tab 1 */ #features, .features-table { height: 100px; padding: 0 0 0 33px; border-bottom: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; background: #fcfcfd; background: -moz-linear-gradient(top, #E6E6E6 5%, #fcfcfd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#e1e3e5), color-stop(100%,#fcfcfd)); background: -webkit-linear-gradient(top, #E6E6E6 5%, #fcfcfd 100%); background: -o-linear-gradient(top, #E6E6E6 5%, #fcfcfd 100%); background: -ms-linear-gradient(top, #E6E6E6 5%, #fcfcfd 100%); background: linear-gradient(top, #e1e3e5 5%, #fcfcfd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e3e5', endColorstr='#fcfcfd',GradientType=0 ); } .preview-phone .screen{ cursor:pointer; } #take-a-tour .features-table span img, #take-a-tour .features-table a img { display: block; } #take-a-tour .features-table span h5, #take-a-tour .features-table a h5 { display: block; float: left; background: transparent url(/images/layout/small-blue-link-wedge.png) no-repeat scroll center right; padding-right: 8px; } #take-a-tour .features-table span h5 { background-image: none; } #take-a-tour .features-table span p, #take-a-tour .features-table a p { clear: both; } #take-a-tour .features-table .active a h5, #take-a-tour .features-table .active a p { color: #fff; background-image:none; } #features { padding: 0; } .shadow { background: url('/images/layout/shadow.png')no-repeat 0 0; height: 10px; } .features-table { padding: 0; height: 240px; margin-left: 30px; margin-bottom: 25px; width: 924px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 2px rgba(000,000,000,0.2); -webkit-box-shadow: 0 1px 2px rgba(000,000,000,0.2); } #marketing-functions-tab .features-table { margin-left: 50px; width: 884px; margin-bottom: 50px; } .features-table .first-row { clear: both; border-bottom: 1px solid white; height: 120px; overflow: hidden; } .features-table .second-row { clear: both; border-top: 1px solid #e6e6e6; height: 118px; overflow: hidden; } .features-table .item { height: 95px; width: 260px; float: left; padding: 0 23px 0 23px; margin: 0; font-size: 14px; } .features-table .item p, .features-table .item a p { color: #58595b; text-decoration: none !important; font-size: 14px; padding-left: 50px; } .features-table .item h4 { padding-left: 50px; } #features ul { padding: 30px 0 0 33px; margin: 0; list-style: none; font-size: 20px; } #features ul li { display: inline; margin: 0 12px 0 0; } #features ul li a { color: #58595B; padding: 4px 20px; -webkit-transition: none; -moz-transition: none; -o-transition: none; position: relative; } #features ul li a .active-arrow { display: none; } #features ul li.ui-state-active a .active-arrow/*, #features ul li a:hover .active-arrow*/ { display: block; position: absolute; background: url(../images/buttons/features-arrow.png) no-repeat 0 0; left: 50%; bottom: -13px; margin-left: -14px; width: 28px; height: 13px; } #features ul li a em { font-style: normal; font-weight: 400; font-size: 14px; } #features ul li a:hover, #features ul li.ui-state-active a { text-decoration: none; color: #fff; background: #000; background: -moz-linear-gradient(top, #494949 0%, #0e0e0e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#494949), color-stop(100%,#0e0e0e)); background: -webkit-linear-gradient(top, #494949 0%,#0e0e0e 100%); background: -o-linear-gradient(top, #494949 0%,#0e0e0e 100%); background: -ms-linear-gradient(top, #494949 0%,#0e0e0e 100%); background: linear-gradient(top, #494949 0%,#0e0e0e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#0e0e0e',GradientType=0 ); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-transition: none; -moz-transition: none; -o-transition: none; } .ie678 #features ul li.ui-state-active a, .ie678 #features ul li a:hover, .ie678 #features ul li.active a { background: #000; } #features ul li.ui-state-active a { -webkit-transition: none; -moz-transition: none; -o-transition: none; } #features ul li.green-cta { margin-left: 20px; margin-right: 30px; float: right; } .ie7 #features ul li.green-cta { margin-top: -24px; } #features-container { background: #fff; border-left: 1px solid #E3E3E3; border-right: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3; } #features-container h3 { color: #029e4a; font-weight: 700; font-size: 20px; margin: 0 0 15px 0; clear: both; } #features-container .tab_container { border-top: none; overflow: hidden; height: 1%; clear: both; background: #fff; } /* #features-tab */ .feature-col { position: relative; width: 304px; float: left; } .feature-col .screen { position: absolute; z-index: 1; top: 48px; left: 36px; } .feature-col .feature-tab { height: 116px; width: 304px; margin-bottom: 4px; } .feature-col .feature-tab:hover { background: transparent url(/images/take-a-tour/lhs-feature-highlight-faded.gif) no-repeat scroll top left; } .feature-col .feature-tab.active { background: transparent url(/images/take-a-tour/lhs-feature-highlight.gif) no-repeat scroll top left; } .feature-col.rhs .feature-tab:hover { background: transparent url(/images/take-a-tour/rhs-feature-highlight-faded.gif) no-repeat scroll top left; } .feature-col.rhs .feature-tab.active { background: transparent url(/images/take-a-tour/rhs-feature-highlight.gif) no-repeat scroll top left; } #features-tab .feature-col .feature-tab.active p, #features-tab .feature-col .feature-tab.active h5 { color: #fff; background-image: none; } #sites .feature-col .feature-tab.active p, #sites .feature-col .feature-tab.active h5 { color: #fff; background-image: none; } .feature-col .feature-tab a { display: block; height: 116px; width: 304px; text-decoration: none; } .feature-col.marg { margin: 40px 0 0; } .feature-col h5, .feature-col p { font-size: 14px; color: #58595B; clear: both; } #features-tab .feature-col h5, #features-tab .feature-col p { padding-left: 75px; padding-right: 40px; } #features-tab .feature-col.rhs h5, #features-tab .feature-col.rhs p { padding-left: 93px; padding-right: 22px; } #features-tab .feature-col h5, #features-tab .feature-col.rhs h5 { display: block; float: left; background: transparent url(/images/layout/small-blue-link-wedge.png) no-repeat scroll center right; padding-right: 8px; margin-top: 20px; color: #0088CC; } #features-tab .main-feature { padding: 0 36px; margin-top: 20px; } #features-tab .main-feature h3 { clear: both; float: left; margin: 0 0 15px 0; } #sites .feature-col h5, #sites .feature-col p { padding-left: 75px; padding-right: 40px; } #sites .feature-col.rhs h5, #sites .feature-col.rhs p { padding-left: 93px; padding-right: 22px; } #sites .feature-col h5, #sites .feature-col.rhs h5 { display: block; float: left; background: transparent url(/images/layout/small-blue-link-wedge.png) no-repeat scroll center right; padding-right: 8px; margin-top: 20px; color: #0088CC; } #sites .main-feature { padding: 0 36px; margin-top: 20px; } #sites .main-feature h3 { clear: both; float: left; margin: 0 0 15px 0; } /* jQuery UI tabs */ .ui-tabs-hide { display:none; } /* Feature tabs */ .feature-col .feature-tab.find-us a { background: url('/images/icons/location.png') no-repeat 12px 11px; } .feature-col .feature-tab.video a { background: url('/images/icons/youtube.png') no-repeat 12px 11px; } .feature-col .feature-tab.products a { background: url('/images/icons/products.png') no-repeat 12px 11px; } .feature-col .feature-tab.reviews a { background: url('/images/icons/reviews.png') no-repeat 12px 11px; } .feature-col .feature-tab.custom-forms a { background: url('/images/icons/custom-forms.png') no-repeat 30px 11px; } .feature-col .feature-tab.twitter a { background: url('/images/icons/twitter.png') no-repeat 30px 11px; } .feature-col .feature-tab.full-website a { background: url('/images/icons/full-website.png') no-repeat 30px 11px; } .feature-col .feature-tab.image-gallery a { background: url('/images/icons/image-gallery.png') no-repeat 30px 11px; } .feature-col .feature-tab.siteone a { background: url('/images/icons/rest1.png') no-repeat 12px 11px; } .feature-col .feature-tab.sitetwo a { background: url('/images/icons/rest2.png') no-repeat 12px 11px; } .feature-col .feature-tab.sitethree a { background: url('/images/icons/rest3.png') no-repeat 12px 11px; } .feature-col .feature-tab.sitefour a { background: url('/images/icons/rest4.png') no-repeat 12px 11px; } .feature-col .feature-tab.sitefive a { background: url('/images/icons/rest5.png') no-repeat 30px 11px; } .feature-col .feature-tab.sitesix a { background: url('/images/icons/rest6.png') no-repeat 30px 11px; } .feature-col .feature-tab.siteseven a { background: url('/images/icons/rest7.png') no-repeat 30px 11px; } .feature-col .feature-tab.siteeight a { background: url('/images/icons/rest8.png') no-repeat 30px 11px; } /* feature table at the bottom of features-tab & marketing-functions-tab */ #features-tab .features-table { width: 884px; height: 190px; margin: 20px 50px 17px 50px; clear: both; letter-spacing: -4px; /* inline-block whitespace fix */ } #features-tab .features-table-inner { top: -13px; left: 3px; position: absolute; width: 878px; height: 203px; overflow: hidden; } /* IE7 fix for unwanted clipping of the hover tab*/ .ie7 #features-tab .features-table { height: 200px; margin-top: 10px; } .ie7 #features-tab .features-table-inner { top: 0; } #sites .features-table { width: 884px; height: 190px; margin: 20px 50px 17px 50px; clear: both; letter-spacing: -4px; /* inline-block whitespace fix */ } #sites .features-table-inner { top: -13px; left: 3px; position: absolute; width: 878px; height: 203px; overflow: hidden; } /* IE7 fix for unwanted clipping of the hover tab*/ .ie7 #sites .features-table { height: 200px; margin-top: 10px; } .ie7 #sites .features-table-inner { top: 0; } #marketing-functions-tab .features-table { height: 200px; margin-top: 20px; clear: both; } #features-tab .features-table { } #features-tab .features-table .item { letter-spacing: normal; height: 203px; width: 156px; padding: 0; margin: 0; display:inline-block; float: none; vertical-align: top; /* IE7 inline-block fix */ zoom:1; *display:inline; _height: 203px; } #features-tab .features-table .item a, #features-tab .features-table .item span { text-decoration: none; height: 180px; width: 132px; padding: 23px 12px 0 12px; display:block; margin: 0; float: none; } #features-tab .features-table .item a:hover { background: transparent url(/images/take-a-tour/upward-feature-highlight-faded.png) no-repeat scroll top left; } #features-tab .features-table .item.active a { background: transparent url(/images/take-a-tour/upward-feature-highlight.png) no-repeat scroll top left; } #sites .features-table { } #sites .features-table .item { letter-spacing: normal; height: 203px; width: 156px; padding: 0; margin: 0; display:inline-block; float: none; vertical-align: top; /* IE7 inline-block fix */ zoom:1; *display:inline; _height: 203px; } #sites .features-table .item a, #sites .features-table .item span { text-decoration: none; height: 180px; width: 132px; padding: 23px 12px 0 12px; display:block; margin: 0; float: none; } #sites .features-table .item a:hover { background: transparent url(/images/take-a-tour/upward-feature-highlight-faded.png) no-repeat scroll top left; } #sites .features-table .item.active a { background: transparent url(/images/take-a-tour/upward-feature-highlight.png) no-repeat scroll top left; } #marketing-functions-tab .features-table .item { width: 110px; float: left; margin: 10px; } #features-tab .features-table .item p, #marketing-functions-tab .features-table .item p { padding: 0; } #features-tab .features-table .item-wrapper { width: 5508px; /* to fit all of the features */ height: 160px; margin-left: 52px; /* (884-(156*5))/2 */ } #sites .features-table .item p, #marketing-functions-tab .features-table .item p { padding: 0; } #sites .features-table .item-wrapper { width: 5508px; /* to fit all of the features */ height: 160px; margin-left: 52px; /* (884-(156*5))/2 */ } #marketing-functions-tab .features-table .item-wrapper { margin-left: 60px; } /* marketing-functions-tab feature table tweaks */ #marketing-functions-tab .features-table .item { padding: 0; width: 136px; float: left; margin: 12px 20px 0 0; } /* pagination only appears in features-tab */ #features-tab #features-carousel-pagination { margin-bottom: 14px; } #features-tab #feature-pagination { position: relative; } #features-tab .no-csstransforms #feature-pagination { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #features-tab #feature-pagination a#prev, #feature-pagination a#next { background-image: url(/images/layout/animation-pagination.png); background-repeat: no-repeat; width: 40px; height: 50px; position: absolute; text-indent: -9999px; z-index: 100; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } #features-tab #feature-pagination a#prev { background-position: 0 0; top: -160px; left: 30px; } #features-tab #feature-pagination a#prev:hover { background-position: 0 -60px; } #features-tab #feature-pagination a#next { background-position: -50px 0; top: -160px; right: 30px; } #features-tab #feature-pagination a#next:hover { background-position: -50px -60px; } #sites #features-carousel-pagination { margin-bottom: 14px; } #sites #feature-pagination { position: relative; } #sites .no-csstransforms #feature-pagination { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #sites #feature-pagination a#prev, #feature-pagination a#next { background-image: url(/images/layout/animation-pagination.png); background-repeat: no-repeat; width: 40px; height: 50px; position: absolute; text-indent: -9999px; z-index: 100; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } #sites #feature-pagination a#prev { background-position: 0 0; top: -160px; left: 30px; } #sites #feature-pagination a#prev:hover { background-position: 0 -60px; } #sites #feature-pagination a#next { background-position: -50px 0; top: -160px; right: 30px; } #sites #feature-pagination a#next:hover { background-position: -50px -60px; } /* marketing-functions-tab */ #marketing-functions-tab .main-feature { margin: 32px 0 0 50px; clear: both; } #marketing-functions-tab .feature-col { width: 280px; float: left; margin: 10px 0; } #marketing-functions-tab .feature-col img { margin-left: -10px} #marketing-functions-tab .feature-col h4 { font-size: 18px; line-height: 20px; padding-top: 10px; padding-bottom: 6px; } #marketing-functions-tab .main-feature .feature-col p { font-size: 16px; line-height: 21px; } #marketing-functions-tab .feature-col.marg { width: 280px; margin-left: 30px; margin-right: 30px; } /* casestudies-tab */ #casestudies-tab .main-feature { margin: 32px 50px 0 50px; clear: both; } #casestudies-tab .sub-feature { margin: 32px 0 0 50px; clear: both; } #casestudies-tab .feature-col { width: 280px; float: left; margin: 10px 0; } #casestudies-tab .feature-col img { margin-left: -10px} #casestudies-tab .feature-col h4 { font-size: 18px; line-height: 20px; padding-top: 10px; padding-bottom: 6px; } #casestudies-tab .sub-feature .feature-col p { font-size: 16px; line-height: 21px; } #casestudies-tab .feature-col.marg { width: 280px; margin-left: 30px; margin-right: 30px; } /* Links in page body */ .copy a { text-decoration: underline; } /* About us page */ #about-us #page-introduction, #get-gomobi #page-introduction { padding: 25px 0 0; } #about-us #page-introduction .copy, #thank-you #page-introduction .copy, #get-gomobi #page-introduction .copy { width: 572px; margin: 0 auto; } #about-us #page-introduction .copy p, #thank-you #page-introduction .copy p, #get-gomobi #page-introduction .copy p { width: inherit; } #about-us .building-note, #get-gomobi .building-note { background: url('/images/layout/about-us.gif') no-repeat center bottom; height: 368px; } #about-us .building-note p, #get-gomobi .building-note p { width: 545px; font-size: 20px; text-align: center; position: relative; top: 230px; left: 203px; padding: 0 15px; } /* Thank you page */ #thank-you #page-introduction .copy h1 { margin-bottom: 20px; } #thank-you #page-introduction .copy { text-align: center; } #thank-you #page-introduction .copy img { margin: 20px 0 -30px; } /* 404 page */ #error #page-introduction { background: #fff url('/images/layout/404-bg.gif') no-repeat center top; height: 416px; padding: 25px 0 0; } #error #page-introduction .copy { width: 427px; margin: 0 auto; text-align: center; } #error #page-introduction .copy h1 { margin: 70px 0 20px; } #error #page-introduction .copy p { width: inherit; } /* Contact page */ /* this is a honeypot field used to catch spam bots */ #contact p.req { display: block;left: -3000px;position: absolute; } #contact #page-introduction { padding: 25px 0 0; } #contact #page-introduction .copy { width: 626px; margin: 0 auto; } #contact #page-introduction .copy p { width: inherit; } #contact #page-introduction .lhs { float: left; } #contact #page-introduction .lhs { margin: 20px 0 20px 180px; width: 365px; } #contact #page-introduction .lhs label { display: block; margin-bottom: 5px; font-weight: 700; color: #58595B; } #contact #page-introduction .lhs input, #contact #page-introduction .lhs textarea { width: 100%; margin-bottom: 30px; height: 30px; } #contact #page-introduction .lhs select { width: 100%; margin-bottom: 30px; width: auto } .ie7 #contact #page-introduction .lhs select, .ie8 #contact #page-introduction .lhs select { height: auto; } #contact #page-introduction .lhs textarea { height: inherit; } #contact #page-introduction .lhs td.input { width: 25px; } #contact #page-introduction .lhs td.input input { height: auto; margin: 0; } #contact #page-introduction .lhs input#opt_in { margin-bottom: 0; width: 13px; display: inline; } #contact #page-introduction .lhs label#opt_in { padding-left: 10px; display: inline; } #contact #page-introduction .lhs input#send-button { text-shadow: none; width: auto; height: auto; padding: 6px 20px; margin: 10px auto; } #contact .error { color: #b2002c !important; font-size: 14px !important; margin-top: -10px !important; padding-bottom: 10px !important; } /*.comp_desc_other, .hear_other { display: none; }*/ #contact #page-introduction .rhs { width: 388px; margin-left: 44px; float: left; } #contact #page-introduction .rhs .facts { margin-top: 30px; width: 388px; } #contact #page-introduction .rhs .facts img { margin-left: 40px; } #contact #page-introduction .rhs .facts img.contact { margin: 20px 0 0 47px; } #contact #page-introduction .rhs .facts p { width: 268px !important; font-size: 20px; color: #D9D9D9; padding: 0 60px 0 60px; width: inherit; margin-bottom: 30px; } #contact #page-introduction .rhs .facts p span.fact-ref { font-size: 14px; } #contact #address-block { padding-top: 15px; margin-top: 50px; border-top: 1px solid #e3e3e3; } #contact #address-block p { padding-bottom: 10px; } #contact #address-block a { text-decoration: underline; } /* Legal */ #legal #page-introduction { padding: 25px 0 0; } #legal #page-introduction .copy { width: 626px; margin: 0 auto; padding-bottom: 20px; } #legal #page-introduction .copy h1 { color: #000; margin-bottom: 20px; } #legal #page-introduction .copy p { width: auto; margin-bottom: 20px; } /* Become a reseller */ #reseller-overview-tab { padding-top: 40px; } #reseller-overview-tab .highlighted-topics { margin: 0 0 0 52px; } #reseller-overview-tab .highlighted-topics div { width: 302px; padding-left: 113px; padding-right: 52px; padding-bottom: 8px; float: left; } #reseller-overview-tab .highlighted-topics div.grow-revenues { background: transparent url(/images/become-a-reseller/grow-revenues.gif) no-repeat scroll 10px 0; } #reseller-overview-tab .highlighted-topics div.grow-portfolio { background: transparent url(/images/become-a-reseller/grow-portfolio.gif) no-repeat scroll 2px 0; } #reseller-overview-tab .highlighted-topics h4 { font-size: 18px; line-height: 23px; padding: 15px 0 4px 0; margin: 0; } #reseller-overview-tab .highlighted-topics p { font-size: 16px; line-height: 21px; padding: 0 0 10px 0; margin: 0; } #reseller-overview-tab .other-topics { padding-top: 30px; margin: 0 0 0 52px; clear: both; width: 100%; } #reseller-overview-tab .other-topics div { width: 260px; padding-right: 51px; float: left; } #reseller-overview-tab .other-topics h4, #reseller-overview-tab .other-topics p { font-size: 14px; line-height: 19px; padding: 0; margin: 0; } #reseller-overview-tab h3 { padding-top: 45px; padding-left: 52px; } #reseller-overview-tab #solutions-table { padding: 0; height: 230px; margin-left: 39px; margin-bottom: 25px; width: 904px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 2px rgba(000,000,000,0.2); -webkit-box-shadow: 0 1px 2px rgba(000,000,000,0.2); background: #fcfcfd; background: -moz-linear-gradient(top, #e9eaeb 5%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#e9eaeb), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #e9eaeb 5%, #ffffff 100%); background: -o-linear-gradient(top, #e9eaeb 5%, #ffffff 100%); background: -ms-linear-gradient(top, #e9eaeb 5%, #ffffff 100%); background: linear-gradient(top, #e9eaeb 5%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9eaeb', endColorstr='#ffffff',GradientType=0 ); } #reseller-overview-tab #solutions-table div { padding: 0 20px; width: 260px; border-left: 1px solid #e6e6e6; border-right: 1px solid #fff; float: left; height: 230px; position: relative; } #reseller-overview-tab #solutions-table div#api-solution { border-left: none; } #reseller-overview-tab #solutions-table div#cpanel-solution { border-right: none; } #reseller-overview-tab #solutions-table h4 { height: 76px; padding-bottom: 5px; text-indent: -10000em; margin-top: -9px; background: transparent url(/images/become-a-reseller/api-logo-small.png) no-repeat scroll top center; } #reseller-overview-tab #solutions-table div#cpanel-solution h4 { background-image: url(/images/become-a-reseller/cpanel-logo-small.png); } #reseller-overview-tab #solutions-table div#parallels-solution h4 { background-image: url(/images/become-a-reseller/parallels-logo-small.png); } #reseller-overview-tab #solutions-table p { font-size: 14px; line-height: 19px; } #reseller-overview-tab #solutions-table a.find-out-more { position: absolute; left: 80px; bottom: 24px; text-decoration: none; border: 0px solid rgb(153, 153, 153); padding: 8px 10px 8px 10px; color: #029E4A; font-size: 18px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); background-color: rgb(230, 230, 230); background: -moz-linear-gradient(top, #ffffff 5%, #e6e6e6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#ffffff), color-stop(100%,#e6e6e6)); background: -webkit-linear-gradient(top, #ffffff 5%, #e6e6e6 100%); background: -o-linear-gradient(top, #ffffff 5%, #e6e6e6 100%); background: -ms-linear-gradient(top, #ffffff 5%, #e6e6e6 100%); background: linear-gradient(top, #ffffff 5%, #e6e6e6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); } #become-a-reseller .text-column { padding: 40px 0 0 52px; width: 572px; } #become-a-reseller .text-column h3 { font-size: 30px; line-height: 35px; padding-bottom: 20px; margin-bottom: 0; color: #58595B; } #reseller-api-tab { background: transparent url(/images/become-a-reseller/large-api-graphic.gif) no-repeat scroll 685px 30px; } #reseller-parallels-tab { background: transparent url(/images/become-a-reseller/parallels-logo-large.png) no-repeat scroll 685px 90px; } #reseller-cpanel-tab { background: transparent url(/images/become-a-reseller/cpanel-logo-large.png) no-repeat scroll 685px 90px; } #become-a-reseller .text-column p.control-panel { background: transparent url(/images/become-a-reseller/control-panel.gif) no-repeat scroll top left; padding-left: 65px; } #become-a-reseller .text-column p.provisioning-api, #become-a-reseller .text-column p.configuration-api { background: transparent url(/images/become-a-reseller/provisioning-api.gif) no-repeat scroll top left; margin-left: -7px; padding-left: 72px; min-height: 40px; padding-top: 5px; margin-top: -5px; } #become-a-reseller .text-column p.configuration-api { background: transparent url(/images/become-a-reseller/configuration-api.gif) no-repeat scroll top left; } p#reseller-overview-cta { padding: 25px 0 30px 52px; } p#reseller-overview-cta a { margin-right: 10px; } .tab_content { position: relative; } #become-a-reseller #learn-about-gomobi { position: absolute; top: 230px; right: 52px; width: 220px; height: 125px; padding: 10px 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 2px rgba(000,000,000,0.2); -webkit-box-shadow: 0 1px 2px rgba(000,000,000,0.2); background: #fcfcfd; background: -moz-linear-gradient(top, #e9eaeb 5%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#e9eaeb), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #e9eaeb 5%, #ffffff 100%); background: -o-linear-gradient(top, #e9eaeb 5%, #ffffff 100%); background: -ms-linear-gradient(top, #e9eaeb 5%, #ffffff 100%); background: linear-gradient(top, #e9eaeb 5%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9eaeb', endColorstr='#ffffff',GradientType=0 ); } #reseller-existing-resellers-tab #become-a-reseller #learn-about-gomobi { top: 95px; } #become-a-reseller #learn-about-gomobi h4 { padding-top: 5px; padding-bottom: 12px; } #become-a-reseller #learn-about-gomobi a { display: block; margin-left: 32px; font-size: 16px; margin-bottom: 10px; } #become-a-reseller #learn-about-gomobi a:hover { text-decoration: underline; } #become-a-reseller #learn-about-gomobi a.marketing-video-link { display: block; color: #0088cc; font-size: 16px; right: 50px; top: 120px; width: 130px; height: 26px; padding: 6px 0 0 36px; margin: 0 0 3px -4px; background: url(/images/icons/watch-video-small.png) no-repeat top left; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } /* Support */ #support .videos { position: absolute; top: 40px; right: 52px; width: 260px; } #support .videos a { display: block; margin-bottom: 30px; } #support .videos a img { display: block; -moz-box-shadow: 0 2px 4px rgba(000,000,000,0.4); -webkit-box-shadow: 0 2px 4px rgba(000,000,000,0.4); } #support .videos a strong { display: block; padding-top: 5px; text-align: center; font-weight: 400; font-size: 14px; color: #888888; } #support .videos a:hover { text-decoration: none; } #support .videos a:hover strong { color: #029E4A; } #support .faqs { padding: 40px 0 0 52px; width: 572px; } #support .faqs h3 { font-size: 18px; line-height: 22px; margin-bottom: 5px; color: #58595B; } #support .faqs h4 { font-size: 15px; color: #58595B; margin-bottom: 10px; font-weight: 400; background: #EDEDED url(/images/layout/arrow-grey-off.png) no-repeat scroll 5px 10px ; padding: 5px 10px 5px 15px; } #support .faqs h4:hover { color: #333; cursor: pointer; background: #EDEDED url(/images/layout/arrow-grey-on.png) no-repeat scroll 5px 10px ; } #support .faqs h4.active { color: #FFFFFF; font-weight: 700; background: #0088cc url(/images/layout/arrow-white.png) no-repeat scroll 5px 10px ; margin-bottom: 0; } #support .faqs .answer { padding: 20px 10px 10px 10px; margin-bottom: 20px; display: none; background: rgb(222,244,255) url(/images/support/faq-answer-wedge.gif) no-repeat scroll top left; } #support .faqs .answer p { margin: 0 !important; color: #0087d0; } #support .large-thumbnail-list { padding: 40px 0 0 42px; } #support .large-thumbnail-list h3 { margin-left: 10px; } #support .large-thumbnail-list a { display: block; float: left; width: 154px; height: 290px; text-align: center; font-size: 12px; line-height: 16px; color: #888888; text-decoration: none !important; padding-right: 30px; } #support .large-thumbnail-list a img { display: inline-block; margin-bottom: 10px; -moz-box-shadow: 0px 2px 4px rgba(000,000,000,0.5); -webkit-box-shadow: 0px 2px 4px rgba(000,000,000,0.5); border: none; } #support .large-thumbnail-list a strong { color: #0088cc; font-weight: normal; text-decoration: underline !important; display: block; text-align: center; text-decoration: none; font-size: 14px; } #support .large-thumbnail-list a:hover strong { color: #029E4A; } /* 7. CSS3 BUTTONS ----------------------------------------------------------------------------------------*/ a.white-button, button.white-button { font-size: 18px; text-decoration: none; color: #029e4b; padding: 5px 25px; background: #fcfcfd; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWUzZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fcfcfd 0%, #e1e3e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfd), color-stop(100%,#e1e3e5)); background: -webkit-linear-gradient(top, #fcfcfd 0%,#e1e3e5 100%); background: -o-linear-gradient(top, #fcfcfd 0%,#e1e3e5 100%); background: -ms-linear-gradient(top, #fcfcfd 0%,#e1e3e5 100%); background: linear-gradient(top, #fcfcfd 0%,#e1e3e5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfd', endColorstr='#e1e3e5',GradientType=0 ); border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; border: 1px solid #FFF; -moz-box-shadow: 0px 1px 1px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1); -webkit-box-shadow: 0px 1px 1px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,1); text-shadow: 0px 1px 0px rgba(255,255,255,0.5), } a.white-button:hover { background: #fcfcfd; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWY0ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fcfcfd 0%, #f1f4f6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfd), color-stop(100%,#f1f4f6)); background: -webkit-linear-gradient(top, #fcfcfd 0%,#f1f4f6 100%); background: -o-linear-gradient(top, #fcfcfd 0%,#f1f4f6 100%); background: -ms-linear-gradient(top, #fcfcfd 0%,#f1f4f6 100%); background: linear-gradient(top, #fcfcfd 0%,#f1f4f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfd', endColorstr='#f1f4f6',GradientType=0 ); } .ie678 a.white-button, .ie678 button.white-button { color: #029e4b; background: #fcfcfd; } .ie678 a.white-button:hover, .ie678 button.white-button:hover { color: #029e4b; background: #fcfcfd; } #features ul li a.green-button, a.green-button, button.green-button, input.green-button { font-size: 18px; font-weight: 400; text-decoration: none; color: #FFF; padding: 4px 20px; /*margin-left: 20px;*/ background: #41b677; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxYjY3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMzllNGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #00c078 0%, #00a84b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00c078), color-stop(100%,#00a84b)); background: -webkit-linear-gradient(top, #00c078 0%,#00a84b 100%); background: -o-linear-gradient(top, #00c078 0%,#00a84b 100%); background: -ms-linear-gradient(top, #00c078 0%,#00a84b 100%); background: linear-gradient(top, #00c078 0%,#00a84b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c078', endColorstr='#00a84b',GradientType=0 ); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #00a84b; -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.4); -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.4); text-shadow: 1px 1px 0px rgba(0,0,0,0.4), } #features ul li a.green-button:hover, a.green-button:hover, input.green-button:hover { background: #74ca9b; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc0Y2E5YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMzllNGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #74ca9b 0%, #00a84b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#74ca9b), color-stop(100%,#00a84b)); background: -webkit-linear-gradient(top, #74ca9b 0%,#00a84b 100%); background: -o-linear-gradient(top, #74ca9b 0%,#00a84b 100%); background: -ms-linear-gradient(top, #74ca9b 0%,#00a84b 100%); background: linear-gradient(top, #74ca9b 0%,#00a84b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74ca9b', endColorstr='#00a84b',GradientType=0 ); } .ie678 a.green-button, .ie678 button.green-button, .ie678 input.green-button { color: #FFF; background: #41b677!important; } .ie678 a.green-button:hover, .ie678 button.green-button:hover, .ie678 input.green-button:hover { color: #FFF; background: #74ca9b!important; } .placeholder { color: #de00ff !important; } /* Contact form */ div.comp_desc_other { display:none } /* Resellers list */ .reseller-list { padding: 30px 0px 50px 55px; } .reseller-list .item { width: 147px; margin: 0; padding: 0px 1px 0px 0px; text-align: center; border: none; float: left; height: 108px; } .reseller-list .item a { display: block; height: 120px; vertical-align: bottom; } .reseller-list .item img { vertical-align: bottom; } /* Resellers list */ .reseller-list-small { padding: 30px 0px 50px 55px; } .reseller-list-small .item { width: 110px; margin: 0; padding: 0px 1px 0px 0px; text-align: center; border: none; float: left; height: 81px; } .reseller-list-small .item a { display: block; height: 80px; vertical-align: bottom; } .reseller-list-small .item img { vertical-align: bottom; } /*Case Study Tabs*/ #full-case-study-1, #full-case-study-2, #full-case-study-3, #full-case-study-4, #full-case-study-5, #full-case-study-6 { display: none;} /* 7. BROWSER AND NON-SEMANTIC STYLING ----------------------------------------------------------------------------------------*/ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } .hidden { display: none; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .cf:before, .cf:after { content: ""; display: block; } .cf:after { clear: both; } .cf { zoom: 1 } .clearboth { clear: both; } .clearleft { clear: left; } .clearright { clear: right; } .floatleft { float: left; } .floatright { float: right; } .larger { font-size:large; } .smaller { font-size:smaller; } .left { text-align:left; } .right { text-align:right; } .center { text-align:center; } .justify { text-align:justify; } form { margin: 0; } fieldset { margin-bottom: 1.5em; padding: 0; border-width: 0; } legend { *margin-left: -7px; padding: 0; border-width: 0; } label { font-weight: normal; cursor: pointer; } button, input, select, textarea { font-size: 12px; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { box-sizing: content-box; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } textarea { overflow: auto; vertical-align: top; } /* Presentational classes generated by WordPress */ .aligncenter { display: block; margin: 0 auto; } .alignleft { float: left; margin: 0 20px 20px 0; } .alignright { float: right; margin: 0 0 20px 20px; } .wp-caption { border: 1px solid #999; text-align: center; background: #eee; padding: 10px; margin: 10px; } .ie9 .gradient { filter: none; } /* 8. MEDIA QUERIES ----------------------------------------------------------------------------------------*/ @media only (min-width: 480px) { } @media only (min-width: 768px) { } /* 9. PRINT STYLES ----------------------------------------------------------------------------------------*/ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } #home-banner a.iez { z-index: 9999 !important; display:block; position: absolute; } /*10. ADD THIS TOOLBAR STYLING*/ /*to help position the Linked-in Button since it's not included within add this*/ #promise { background: url(../images/promise/background.png) no-repeat; overflow: auto; min-height: 431px; } #promise h1 { /* padding-left: 15px;*/ } #promise #promise_inner { margin-left: 36px; } #promise h3 { color: #029e4a; font-weight: 500; font-size: 20px; margin: 0 0 15px 0; clear: both; } #page-introduction #promise p { line-height: 22px; margin-bottom: 6px; width: 816px; } .column-promise { width: 465px; float: left; margin-top: 60px; } .column-promise-right { width: 400px; float: left; margin-left: 50px; margin-top: 60px; } .column-promise-right p { width: 400px !important; } .solution-features { width: 465px; } .solution-features h2 { color: #0086ce; font-size: 19px; margin: 0 0 15px 0; } .solution-features ul { list-style: none; padding-left: 0; margin: 0 0 10px 0; font-size: 14px; line-height: 19px; } .solution-features ul li { background: url(/images/icons/green-tick.png) no-repeat left 3px; margin: 0 0 10px 0; padding-left: 20px; } .solution-features .col { float: left; width: 225px; } .solution-features .col.margin { margin-right: 15px; } .solution-features .col .box { padding: 15px; background: #f6f6f6; margin: 0 0 18px 0; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; } #percent_40 { margin: 20px 0 0 0; } #tryMobi, #expert { width: 524px; /* height: 386px;*/ } #thanks { width: 524px; } #loadGoMobi, #loadExpert { margin: 10px 0px 10px 30px; } #takeup { margin: 20px 0 50px 30px; } #tryMobi h1, #expert h1, #thanks h1 { font-size: 32px; color: #029e4a; font-weight: 600; margin: 20px 0 6px; } #promise .copy { width: 465px !important; } #promise .column-promise.copy p { font-size: 10px !important; width: 460px !important; } #promise .column-promise-right.copy p { font-size: 11px !important; width: 390px !important; margin-left: 50px; } #tryMobi h1, #expert h1 { margin-left: 30px; } #tryMobi form, #expert form { margin: 30px; } #tryMobi form label, #expert form label { width: 30%; float: left; font-size: 13px; font-weight: 600; } #tryMobi form input, #expert form input { float: left; margin-bottom: 10px; padding: 5px; } #tryMobi form input[type="text"], #expert form input[type="text"] { margin-bottom: 15px; font-size: 16px; width: 300px; } #tryMobi form input#emailOptOut1_holder, #expert form input#emailOptOut_holder { margin-right: 20px; } #tryMobi form label#optLabel1, #expert form label#optLabel { width: 400px; font-size: 12px; font-weight: normal; } #tryMobi form .error, #expert form .error { margin-left: 30%; font-size: 12px; margin-bottom: 10px; /* color: #ad3131;*/ color: #f00; font-weight: 600; } #promise #loadGoMobi, #promise #loadExpert { cursor: pointer; } #tryMobi input#submit1, #expert input#submit { background: url(/images/promise/submit_green.png) no-repeat; width:187px; height: 41px; text-indent: -9999px; float: right; margin-top: 15px; border: 0; } .spacer { margin-bottom: 10px; } .ie7 .spacer {margin:0;} .ie7 #emailOptOut_holder, .ie7 #emailOptOut1_holder{ margin-top:15px; } .ie8 #optLabel, .ie8 #optLabel1 { margin-top: 5px; } #promise #banner { margin-left: -15px; } .ie7 #tryMobi form input[type="text"], .ie7 #expert form input[type="text"] { margin-bottom: 0; } #login_screen { width: 330px; margin: 0 auto; } #login_screen p { width: 100%; } #login_screen h1 { font-size: 32px; color: #029e4a; font-weight: 600; margin: 5px 0 6px; } #login_screen form { margin-top: 35px; } #login_screen form label { font-weight: 600; font-size: 13px; } #login_screen input[type="text"], #login_screen input[type="password"] { width: 330px; font-size: 16px; padding: 4px; margin: 5px 0 20px; } #login_screen #forgot_password { float: right; color: #58595b; font-size: 12px; text-decoration: underline; font-weight: 600; margin-top: 2px; } #login_screen #submit { width: 143px; height: 47px; background: url(../img/login_button.png) no-repeat; text-indent: -9999px; border: 0; float: right; } #login_screen #forgot { width: 143px; height: 47px; background: url(../images/admin/send-password-button.png) no-repeat; text-indent: -9999px; border: 0; float: right; } #login_screen .error { font-size: 13px; font-weight: 600; color: #c00; margin-bottom: 10px; } .ie7 #login_screen #forgot_password { margin-top:-15px; padding: 0; display: inline; float: right; } .right-align { text-align: right; }